@font-face {
  font-family: "iconfont"; /* Project id 2389048 */
  src: url('../font/font_2389048_idkuczdk7oa.woff2') format('woff2'),
       url('../font/font_2389048_idkuczdk7oa.woff') format('woff'),
       url('../font/font_2389048_idkuczdk7oa.ttf') format('truetype');
}
.haiwai_top img {
    width: 100%;
}
#kj_d1 .i1 {
    width: 100%;
}
.imgDiv img {
    width: 100%;
}
.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-im_erweima:before {
  content: "\e605";
}

.icon-tubiao215:before {
  content: "\e615";
}

.icon-tianchongxing-:before {
  content: "\e640";
}

.icon-hanhan-01-01:before {
  content: "\e695";
}

.icon-ai-tel:before {
  content: "\e668";
}

.icon-lubiao:before {
  content: "\e6b0";
}

.icon-185078emailmailstreamline:before {
  content: "\e643";
}

.icon-view:before {
  content: "\e6b4";
}

.icon-share:before {
  content: "\e611";
}

.icon-search:before {
  content: "\e7ea";
}

.icon-search1:before {
  content: "\e602";
}

.icon-dianzan:before {
  content: "\e60c";
}

.icon-liulan:before {
  content: "\e647";
}

.icon-arrow_up_fill:before {
  content: "\e603";
}

.icon-arrow-right-:before {
  content: "\e82e";
}

.icon-arrow:before {
  content: "\e648";
}

.icon-ArrowDouble4-24px:before {
  content: "\e60f";
}

.icon-kefu:before {
  content: "\e60b";
}

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

.icon-diannao:before {
  content: "\e6b9";
}

.icon-rili:before {
  content: "\e621";
}

.icon-relevance:before {
  content: "\e62a";
}

.icon-shouji:before {
  content: "\e64d";
}

.icon-wangzhi_huaban:before {
  content: "\e629";
}

.icon-right1:before {
  content: "\e609";
}

.icon-erweima2:before {
  content: "\e63a";
}

.icon-erweima1:before {
  content: "\e619";
}

.icon-filepdf:before {
  content: "\e60a";
}

.icon-wenjianxiazai2x:before {
  content: "\e63c";
}

.icon-toTop-fill:before {
  content: "\e614";
}

.icon-xiangshang:before {
  content: "\e606";
}

.icon-guanbi:before {
  content: "\e676";
}

.icon-whatsapp:before {
  content: "\e6b5";
}

.icon-email1:before {
  content: "\e628";
}

.icon-tianxie3:before {
  content: "\e698";
}

.icon-yonghu:before {
  content: "\e618";
}

.icon-chazhao:before {
  content: "\e817";
}

.icon-email:before {
  content: "\e631";
}

.icon-dot:before {
  content: "\e63f";
}

.icon-home:before {
  content: "\e607";
}

.icon-fangkuai:before {
  content: "\e646";
}

.icon-emailmarketing_filled:before {
  content: "\e706";
}

.icon-wait:before {
  content: "\e613";
}

.icon-back:before {
  content: "\e612";
}

.icon-right:before {
  content: "\e638";
}

.icon-dianhua:before {
  content: "\e604";
}

.icon-servicemanege:before {
  content: "\e694";
}

.icon-map:before {
  content: "\e65d";
}

.icon-jiantou:before {
  content: "\e66a";
}

.icon-menu1:before {
  content: "\e620";
}

.icon-menu:before {
  content: "\e600";
}

.icon-xialajiantou:before {
  content: "\e601";
}

.icon-left:before {
  content: "\e818";
}

/**
 * Swiper 4.5.0
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * http://www.idangero.us/swiper/
 *
 * Copyright 2014-2019 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: February 22, 2019
 */
.swiper-container {
    margin: 0 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-button-lock {
    display: none
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.swiper-pagination-lock {
    display: none
}

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

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

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

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

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

.swiper-scrollbar-lock {
    display: none
}

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

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

.swiper-slide-zoomed {
    cursor: move
}

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

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

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

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

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

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

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

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

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

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

.swiper-container-cube {
    overflow: visible
}

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

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

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

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

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

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

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

.swiper-container-flip {
    overflow: visible
}

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

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

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

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

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

[data-aos][data-aos][data-aos-duration="50"], body[data-aos-duration="50"] [data-aos] {
    transition-duration: 50ms
}

[data-aos][data-aos][data-aos-delay="50"], body[data-aos-delay="50"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="50"].aos-animate, body[data-aos-delay="50"] [data-aos].aos-animate {
    transition-delay: 50ms
}

[data-aos][data-aos][data-aos-duration="100"], body[data-aos-duration="100"] [data-aos] {
    transition-duration: .1s
}

[data-aos][data-aos][data-aos-delay="100"], body[data-aos-delay="100"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="100"].aos-animate, body[data-aos-delay="100"] [data-aos].aos-animate {
    transition-delay: .1s
}

[data-aos][data-aos][data-aos-duration="150"], body[data-aos-duration="150"] [data-aos] {
    transition-duration: .15s
}

[data-aos][data-aos][data-aos-delay="150"], body[data-aos-delay="150"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="150"].aos-animate, body[data-aos-delay="150"] [data-aos].aos-animate {
    transition-delay: .15s
}

[data-aos][data-aos][data-aos-duration="200"], body[data-aos-duration="200"] [data-aos] {
    transition-duration: .2s
}

[data-aos][data-aos][data-aos-delay="200"], body[data-aos-delay="200"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="200"].aos-animate, body[data-aos-delay="200"] [data-aos].aos-animate {
    transition-delay: .2s
}

[data-aos][data-aos][data-aos-duration="250"], body[data-aos-duration="250"] [data-aos] {
    transition-duration: .25s
}

[data-aos][data-aos][data-aos-delay="250"], body[data-aos-delay="250"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="250"].aos-animate, body[data-aos-delay="250"] [data-aos].aos-animate {
    transition-delay: .25s
}

[data-aos][data-aos][data-aos-duration="300"], body[data-aos-duration="300"] [data-aos] {
    transition-duration: .3s
}

[data-aos][data-aos][data-aos-delay="300"], body[data-aos-delay="300"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="300"].aos-animate, body[data-aos-delay="300"] [data-aos].aos-animate {
    transition-delay: .3s
}

[data-aos][data-aos][data-aos-duration="350"], body[data-aos-duration="350"] [data-aos] {
    transition-duration: .35s
}

[data-aos][data-aos][data-aos-delay="350"], body[data-aos-delay="350"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="350"].aos-animate, body[data-aos-delay="350"] [data-aos].aos-animate {
    transition-delay: .35s
}

[data-aos][data-aos][data-aos-duration="400"], body[data-aos-duration="400"] [data-aos] {
    transition-duration: .4s
}

[data-aos][data-aos][data-aos-delay="400"], body[data-aos-delay="400"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="400"].aos-animate, body[data-aos-delay="400"] [data-aos].aos-animate {
    transition-delay: .4s
}

[data-aos][data-aos][data-aos-duration="450"], body[data-aos-duration="450"] [data-aos] {
    transition-duration: .45s
}

[data-aos][data-aos][data-aos-delay="450"], body[data-aos-delay="450"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="450"].aos-animate, body[data-aos-delay="450"] [data-aos].aos-animate {
    transition-delay: .45s
}

[data-aos][data-aos][data-aos-duration="500"], body[data-aos-duration="500"] [data-aos] {
    transition-duration: .5s
}

[data-aos][data-aos][data-aos-delay="500"], body[data-aos-delay="500"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="500"].aos-animate, body[data-aos-delay="500"] [data-aos].aos-animate {
    transition-delay: .5s
}

[data-aos][data-aos][data-aos-duration="550"], body[data-aos-duration="550"] [data-aos] {
    transition-duration: .55s
}

[data-aos][data-aos][data-aos-delay="550"], body[data-aos-delay="550"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="550"].aos-animate, body[data-aos-delay="550"] [data-aos].aos-animate {
    transition-delay: .55s
}

[data-aos][data-aos][data-aos-duration="600"], body[data-aos-duration="600"] [data-aos] {
    transition-duration: .6s
}

[data-aos][data-aos][data-aos-delay="600"], body[data-aos-delay="600"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="600"].aos-animate, body[data-aos-delay="600"] [data-aos].aos-animate {
    transition-delay: .6s
}

[data-aos][data-aos][data-aos-duration="650"], body[data-aos-duration="650"] [data-aos] {
    transition-duration: .65s
}

[data-aos][data-aos][data-aos-delay="650"], body[data-aos-delay="650"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="650"].aos-animate, body[data-aos-delay="650"] [data-aos].aos-animate {
    transition-delay: .65s
}

[data-aos][data-aos][data-aos-duration="700"], body[data-aos-duration="700"] [data-aos] {
    transition-duration: .7s
}

[data-aos][data-aos][data-aos-delay="700"], body[data-aos-delay="700"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="700"].aos-animate, body[data-aos-delay="700"] [data-aos].aos-animate {
    transition-delay: .7s
}

[data-aos][data-aos][data-aos-duration="750"], body[data-aos-duration="750"] [data-aos] {
    transition-duration: .75s
}

[data-aos][data-aos][data-aos-delay="750"], body[data-aos-delay="750"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="750"].aos-animate, body[data-aos-delay="750"] [data-aos].aos-animate {
    transition-delay: .75s
}

[data-aos][data-aos][data-aos-duration="800"], body[data-aos-duration="800"] [data-aos] {
    transition-duration: .8s
}

[data-aos][data-aos][data-aos-delay="800"], body[data-aos-delay="800"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="800"].aos-animate, body[data-aos-delay="800"] [data-aos].aos-animate {
    transition-delay: .8s
}

[data-aos][data-aos][data-aos-duration="850"], body[data-aos-duration="850"] [data-aos] {
    transition-duration: .85s
}

[data-aos][data-aos][data-aos-delay="850"], body[data-aos-delay="850"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="850"].aos-animate, body[data-aos-delay="850"] [data-aos].aos-animate {
    transition-delay: .85s
}

[data-aos][data-aos][data-aos-duration="900"], body[data-aos-duration="900"] [data-aos] {
    transition-duration: .9s
}

[data-aos][data-aos][data-aos-delay="900"], body[data-aos-delay="900"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="900"].aos-animate, body[data-aos-delay="900"] [data-aos].aos-animate {
    transition-delay: .9s
}

[data-aos][data-aos][data-aos-duration="950"], body[data-aos-duration="950"] [data-aos] {
    transition-duration: .95s
}

[data-aos][data-aos][data-aos-delay="950"], body[data-aos-delay="950"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="950"].aos-animate, body[data-aos-delay="950"] [data-aos].aos-animate {
    transition-delay: .95s
}

[data-aos][data-aos][data-aos-duration="1000"], body[data-aos-duration="1000"] [data-aos] {
    transition-duration: 1s
}

[data-aos][data-aos][data-aos-delay="1000"], body[data-aos-delay="1000"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1000"].aos-animate, body[data-aos-delay="1000"] [data-aos].aos-animate {
    transition-delay: 1s
}

[data-aos][data-aos][data-aos-duration="1050"], body[data-aos-duration="1050"] [data-aos] {
    transition-duration: 1.05s
}

[data-aos][data-aos][data-aos-delay="1050"], body[data-aos-delay="1050"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1050"].aos-animate, body[data-aos-delay="1050"] [data-aos].aos-animate {
    transition-delay: 1.05s
}

[data-aos][data-aos][data-aos-duration="1100"], body[data-aos-duration="1100"] [data-aos] {
    transition-duration: 1.1s
}

[data-aos][data-aos][data-aos-delay="1100"], body[data-aos-delay="1100"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1100"].aos-animate, body[data-aos-delay="1100"] [data-aos].aos-animate {
    transition-delay: 1.1s
}

[data-aos][data-aos][data-aos-duration="1150"], body[data-aos-duration="1150"] [data-aos] {
    transition-duration: 1.15s
}

[data-aos][data-aos][data-aos-delay="1150"], body[data-aos-delay="1150"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1150"].aos-animate, body[data-aos-delay="1150"] [data-aos].aos-animate {
    transition-delay: 1.15s
}

[data-aos][data-aos][data-aos-duration="1200"], body[data-aos-duration="1200"] [data-aos] {
    transition-duration: 1.2s
}

[data-aos][data-aos][data-aos-delay="1200"], body[data-aos-delay="1200"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1200"].aos-animate, body[data-aos-delay="1200"] [data-aos].aos-animate {
    transition-delay: 1.2s
}

[data-aos][data-aos][data-aos-duration="1250"], body[data-aos-duration="1250"] [data-aos] {
    transition-duration: 1.25s
}

[data-aos][data-aos][data-aos-delay="1250"], body[data-aos-delay="1250"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1250"].aos-animate, body[data-aos-delay="1250"] [data-aos].aos-animate {
    transition-delay: 1.25s
}

[data-aos][data-aos][data-aos-duration="1300"], body[data-aos-duration="1300"] [data-aos] {
    transition-duration: 1.3s
}

[data-aos][data-aos][data-aos-delay="1300"], body[data-aos-delay="1300"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1300"].aos-animate, body[data-aos-delay="1300"] [data-aos].aos-animate {
    transition-delay: 1.3s
}

[data-aos][data-aos][data-aos-duration="1350"], body[data-aos-duration="1350"] [data-aos] {
    transition-duration: 1.35s
}

[data-aos][data-aos][data-aos-delay="1350"], body[data-aos-delay="1350"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1350"].aos-animate, body[data-aos-delay="1350"] [data-aos].aos-animate {
    transition-delay: 1.35s
}

[data-aos][data-aos][data-aos-duration="1400"], body[data-aos-duration="1400"] [data-aos] {
    transition-duration: 1.4s
}

[data-aos][data-aos][data-aos-delay="1400"], body[data-aos-delay="1400"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1400"].aos-animate, body[data-aos-delay="1400"] [data-aos].aos-animate {
    transition-delay: 1.4s
}

[data-aos][data-aos][data-aos-duration="1450"], body[data-aos-duration="1450"] [data-aos] {
    transition-duration: 1.45s
}

[data-aos][data-aos][data-aos-delay="1450"], body[data-aos-delay="1450"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1450"].aos-animate, body[data-aos-delay="1450"] [data-aos].aos-animate {
    transition-delay: 1.45s
}

[data-aos][data-aos][data-aos-duration="1500"], body[data-aos-duration="1500"] [data-aos] {
    transition-duration: 1.5s
}

[data-aos][data-aos][data-aos-delay="1500"], body[data-aos-delay="1500"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1500"].aos-animate, body[data-aos-delay="1500"] [data-aos].aos-animate {
    transition-delay: 1.5s
}

[data-aos][data-aos][data-aos-duration="1550"], body[data-aos-duration="1550"] [data-aos] {
    transition-duration: 1.55s
}

[data-aos][data-aos][data-aos-delay="1550"], body[data-aos-delay="1550"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1550"].aos-animate, body[data-aos-delay="1550"] [data-aos].aos-animate {
    transition-delay: 1.55s
}

[data-aos][data-aos][data-aos-duration="1600"], body[data-aos-duration="1600"] [data-aos] {
    transition-duration: 1.6s
}

[data-aos][data-aos][data-aos-delay="1600"], body[data-aos-delay="1600"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1600"].aos-animate, body[data-aos-delay="1600"] [data-aos].aos-animate {
    transition-delay: 1.6s
}

[data-aos][data-aos][data-aos-duration="1650"], body[data-aos-duration="1650"] [data-aos] {
    transition-duration: 1.65s
}

[data-aos][data-aos][data-aos-delay="1650"], body[data-aos-delay="1650"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1650"].aos-animate, body[data-aos-delay="1650"] [data-aos].aos-animate {
    transition-delay: 1.65s
}

[data-aos][data-aos][data-aos-duration="1700"], body[data-aos-duration="1700"] [data-aos] {
    transition-duration: 1.7s
}

[data-aos][data-aos][data-aos-delay="1700"], body[data-aos-delay="1700"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1700"].aos-animate, body[data-aos-delay="1700"] [data-aos].aos-animate {
    transition-delay: 1.7s
}

[data-aos][data-aos][data-aos-duration="1750"], body[data-aos-duration="1750"] [data-aos] {
    transition-duration: 1.75s
}

[data-aos][data-aos][data-aos-delay="1750"], body[data-aos-delay="1750"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1750"].aos-animate, body[data-aos-delay="1750"] [data-aos].aos-animate {
    transition-delay: 1.75s
}

[data-aos][data-aos][data-aos-duration="1800"], body[data-aos-duration="1800"] [data-aos] {
    transition-duration: 1.8s
}

[data-aos][data-aos][data-aos-delay="1800"], body[data-aos-delay="1800"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1800"].aos-animate, body[data-aos-delay="1800"] [data-aos].aos-animate {
    transition-delay: 1.8s
}

[data-aos][data-aos][data-aos-duration="1850"], body[data-aos-duration="1850"] [data-aos] {
    transition-duration: 1.85s
}

[data-aos][data-aos][data-aos-delay="1850"], body[data-aos-delay="1850"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1850"].aos-animate, body[data-aos-delay="1850"] [data-aos].aos-animate {
    transition-delay: 1.85s
}

[data-aos][data-aos][data-aos-duration="1900"], body[data-aos-duration="1900"] [data-aos] {
    transition-duration: 1.9s
}

[data-aos][data-aos][data-aos-delay="1900"], body[data-aos-delay="1900"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1900"].aos-animate, body[data-aos-delay="1900"] [data-aos].aos-animate {
    transition-delay: 1.9s
}

[data-aos][data-aos][data-aos-duration="1950"], body[data-aos-duration="1950"] [data-aos] {
    transition-duration: 1.95s
}

[data-aos][data-aos][data-aos-delay="1950"], body[data-aos-delay="1950"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1950"].aos-animate, body[data-aos-delay="1950"] [data-aos].aos-animate {
    transition-delay: 1.95s
}

[data-aos][data-aos][data-aos-duration="2000"], body[data-aos-duration="2000"] [data-aos] {
    transition-duration: 2s
}

[data-aos][data-aos][data-aos-delay="2000"], body[data-aos-delay="2000"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2000"].aos-animate, body[data-aos-delay="2000"] [data-aos].aos-animate {
    transition-delay: 2s
}

[data-aos][data-aos][data-aos-duration="2050"], body[data-aos-duration="2050"] [data-aos] {
    transition-duration: 2.05s
}

[data-aos][data-aos][data-aos-delay="2050"], body[data-aos-delay="2050"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2050"].aos-animate, body[data-aos-delay="2050"] [data-aos].aos-animate {
    transition-delay: 2.05s
}

[data-aos][data-aos][data-aos-duration="2100"], body[data-aos-duration="2100"] [data-aos] {
    transition-duration: 2.1s
}

[data-aos][data-aos][data-aos-delay="2100"], body[data-aos-delay="2100"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2100"].aos-animate, body[data-aos-delay="2100"] [data-aos].aos-animate {
    transition-delay: 2.1s
}

[data-aos][data-aos][data-aos-duration="2150"], body[data-aos-duration="2150"] [data-aos] {
    transition-duration: 2.15s
}

[data-aos][data-aos][data-aos-delay="2150"], body[data-aos-delay="2150"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2150"].aos-animate, body[data-aos-delay="2150"] [data-aos].aos-animate {
    transition-delay: 2.15s
}

[data-aos][data-aos][data-aos-duration="2200"], body[data-aos-duration="2200"] [data-aos] {
    transition-duration: 2.2s
}

[data-aos][data-aos][data-aos-delay="2200"], body[data-aos-delay="2200"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2200"].aos-animate, body[data-aos-delay="2200"] [data-aos].aos-animate {
    transition-delay: 2.2s
}

[data-aos][data-aos][data-aos-duration="2250"], body[data-aos-duration="2250"] [data-aos] {
    transition-duration: 2.25s
}

[data-aos][data-aos][data-aos-delay="2250"], body[data-aos-delay="2250"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2250"].aos-animate, body[data-aos-delay="2250"] [data-aos].aos-animate {
    transition-delay: 2.25s
}

[data-aos][data-aos][data-aos-duration="2300"], body[data-aos-duration="2300"] [data-aos] {
    transition-duration: 2.3s
}

[data-aos][data-aos][data-aos-delay="2300"], body[data-aos-delay="2300"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2300"].aos-animate, body[data-aos-delay="2300"] [data-aos].aos-animate {
    transition-delay: 2.3s
}

[data-aos][data-aos][data-aos-duration="2350"], body[data-aos-duration="2350"] [data-aos] {
    transition-duration: 2.35s
}

[data-aos][data-aos][data-aos-delay="2350"], body[data-aos-delay="2350"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2350"].aos-animate, body[data-aos-delay="2350"] [data-aos].aos-animate {
    transition-delay: 2.35s
}

[data-aos][data-aos][data-aos-duration="2400"], body[data-aos-duration="2400"] [data-aos] {
    transition-duration: 2.4s
}

[data-aos][data-aos][data-aos-delay="2400"], body[data-aos-delay="2400"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2400"].aos-animate, body[data-aos-delay="2400"] [data-aos].aos-animate {
    transition-delay: 2.4s
}

[data-aos][data-aos][data-aos-duration="2450"], body[data-aos-duration="2450"] [data-aos] {
    transition-duration: 2.45s
}

[data-aos][data-aos][data-aos-delay="2450"], body[data-aos-delay="2450"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2450"].aos-animate, body[data-aos-delay="2450"] [data-aos].aos-animate {
    transition-delay: 2.45s
}

[data-aos][data-aos][data-aos-duration="2500"], body[data-aos-duration="2500"] [data-aos] {
    transition-duration: 2.5s
}

[data-aos][data-aos][data-aos-delay="2500"], body[data-aos-delay="2500"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2500"].aos-animate, body[data-aos-delay="2500"] [data-aos].aos-animate {
    transition-delay: 2.5s
}

[data-aos][data-aos][data-aos-duration="2550"], body[data-aos-duration="2550"] [data-aos] {
    transition-duration: 2.55s
}

[data-aos][data-aos][data-aos-delay="2550"], body[data-aos-delay="2550"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2550"].aos-animate, body[data-aos-delay="2550"] [data-aos].aos-animate {
    transition-delay: 2.55s
}

[data-aos][data-aos][data-aos-duration="2600"], body[data-aos-duration="2600"] [data-aos] {
    transition-duration: 2.6s
}

[data-aos][data-aos][data-aos-delay="2600"], body[data-aos-delay="2600"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2600"].aos-animate, body[data-aos-delay="2600"] [data-aos].aos-animate {
    transition-delay: 2.6s
}

[data-aos][data-aos][data-aos-duration="2650"], body[data-aos-duration="2650"] [data-aos] {
    transition-duration: 2.65s
}

[data-aos][data-aos][data-aos-delay="2650"], body[data-aos-delay="2650"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2650"].aos-animate, body[data-aos-delay="2650"] [data-aos].aos-animate {
    transition-delay: 2.65s
}

[data-aos][data-aos][data-aos-duration="2700"], body[data-aos-duration="2700"] [data-aos] {
    transition-duration: 2.7s
}

[data-aos][data-aos][data-aos-delay="2700"], body[data-aos-delay="2700"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2700"].aos-animate, body[data-aos-delay="2700"] [data-aos].aos-animate {
    transition-delay: 2.7s
}

[data-aos][data-aos][data-aos-duration="2750"], body[data-aos-duration="2750"] [data-aos] {
    transition-duration: 2.75s
}

[data-aos][data-aos][data-aos-delay="2750"], body[data-aos-delay="2750"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2750"].aos-animate, body[data-aos-delay="2750"] [data-aos].aos-animate {
    transition-delay: 2.75s
}

[data-aos][data-aos][data-aos-duration="2800"], body[data-aos-duration="2800"] [data-aos] {
    transition-duration: 2.8s
}

[data-aos][data-aos][data-aos-delay="2800"], body[data-aos-delay="2800"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2800"].aos-animate, body[data-aos-delay="2800"] [data-aos].aos-animate {
    transition-delay: 2.8s
}

[data-aos][data-aos][data-aos-duration="2850"], body[data-aos-duration="2850"] [data-aos] {
    transition-duration: 2.85s
}

[data-aos][data-aos][data-aos-delay="2850"], body[data-aos-delay="2850"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2850"].aos-animate, body[data-aos-delay="2850"] [data-aos].aos-animate {
    transition-delay: 2.85s
}

[data-aos][data-aos][data-aos-duration="2900"], body[data-aos-duration="2900"] [data-aos] {
    transition-duration: 2.9s
}

[data-aos][data-aos][data-aos-delay="2900"], body[data-aos-delay="2900"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2900"].aos-animate, body[data-aos-delay="2900"] [data-aos].aos-animate {
    transition-delay: 2.9s
}

[data-aos][data-aos][data-aos-duration="2950"], body[data-aos-duration="2950"] [data-aos] {
    transition-duration: 2.95s
}

[data-aos][data-aos][data-aos-delay="2950"], body[data-aos-delay="2950"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2950"].aos-animate, body[data-aos-delay="2950"] [data-aos].aos-animate {
    transition-delay: 2.95s
}

[data-aos][data-aos][data-aos-duration="3000"], body[data-aos-duration="3000"] [data-aos] {
    transition-duration: 3s
}

[data-aos][data-aos][data-aos-delay="3000"], body[data-aos-delay="3000"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="3000"].aos-animate, body[data-aos-delay="3000"] [data-aos].aos-animate {
    transition-delay: 3s
}

[data-aos][data-aos][data-aos-easing=linear], body[data-aos-easing=linear] [data-aos] {
    transition-timing-function: cubic-bezier(.25, .25, .75, .75)
}

[data-aos][data-aos][data-aos-easing=ease], body[data-aos-easing=ease] [data-aos] {
    transition-timing-function: ease
}

[data-aos][data-aos][data-aos-easing=ease-in], body[data-aos-easing=ease-in] [data-aos] {
    transition-timing-function: ease-in
}

[data-aos][data-aos][data-aos-easing=ease-out], body[data-aos-easing=ease-out] [data-aos] {
    transition-timing-function: ease-out
}

[data-aos][data-aos][data-aos-easing=ease-in-out], body[data-aos-easing=ease-in-out] [data-aos] {
    transition-timing-function: ease-in-out
}

[data-aos][data-aos][data-aos-easing=ease-in-back], body[data-aos-easing=ease-in-back] [data-aos] {
    transition-timing-function: cubic-bezier(.6, -.28, .735, .045)
}

[data-aos][data-aos][data-aos-easing=ease-out-back], body[data-aos-easing=ease-out-back] [data-aos] {
    transition-timing-function: cubic-bezier(.175, .885, .32, 1.275)
}

[data-aos][data-aos][data-aos-easing=ease-in-out-back], body[data-aos-easing=ease-in-out-back] [data-aos] {
    transition-timing-function: cubic-bezier(.68, -.55, .265, 1.55)
}

[data-aos][data-aos][data-aos-easing=ease-in-sine], body[data-aos-easing=ease-in-sine] [data-aos] {
    transition-timing-function: cubic-bezier(.47, 0, .745, .715)
}

[data-aos][data-aos][data-aos-easing=ease-out-sine], body[data-aos-easing=ease-out-sine] [data-aos] {
    transition-timing-function: cubic-bezier(.39, .575, .565, 1)
}

[data-aos][data-aos][data-aos-easing=ease-in-out-sine], body[data-aos-easing=ease-in-out-sine] [data-aos] {
    transition-timing-function: cubic-bezier(.445, .05, .55, .95)
}

[data-aos][data-aos][data-aos-easing=ease-in-quad], body[data-aos-easing=ease-in-quad] [data-aos] {
    transition-timing-function: cubic-bezier(.55, .085, .68, .53)
}

[data-aos][data-aos][data-aos-easing=ease-out-quad], body[data-aos-easing=ease-out-quad] [data-aos] {
    transition-timing-function: cubic-bezier(.25, .46, .45, .94)
}

[data-aos][data-aos][data-aos-easing=ease-in-out-quad], body[data-aos-easing=ease-in-out-quad] [data-aos] {
    transition-timing-function: cubic-bezier(.455, .03, .515, .955)
}

[data-aos][data-aos][data-aos-easing=ease-in-cubic], body[data-aos-easing=ease-in-cubic] [data-aos] {
    transition-timing-function: cubic-bezier(.55, .085, .68, .53)
}

[data-aos][data-aos][data-aos-easing=ease-out-cubic], body[data-aos-easing=ease-out-cubic] [data-aos] {
    transition-timing-function: cubic-bezier(.25, .46, .45, .94)
}

[data-aos][data-aos][data-aos-easing=ease-in-out-cubic], body[data-aos-easing=ease-in-out-cubic] [data-aos] {
    transition-timing-function: cubic-bezier(.455, .03, .515, .955)
}

[data-aos][data-aos][data-aos-easing=ease-in-quart], body[data-aos-easing=ease-in-quart] [data-aos] {
    transition-timing-function: cubic-bezier(.55, .085, .68, .53)
}

[data-aos][data-aos][data-aos-easing=ease-out-quart], body[data-aos-easing=ease-out-quart] [data-aos] {
    transition-timing-function: cubic-bezier(.25, .46, .45, .94)
}

[data-aos][data-aos][data-aos-easing=ease-in-out-quart], body[data-aos-easing=ease-in-out-quart] [data-aos] {
    transition-timing-function: cubic-bezier(.455, .03, .515, .955)
}

[data-aos^=fade][data-aos^=fade] {
    opacity: 0;
    transition-property: opacity, transform
}

[data-aos^=fade][data-aos^=fade].aos-animate {
    opacity: 1;
    transform: translateZ(0)
}

[data-aos=fade-up] {
    transform: translate3d(0, 100px, 0)
}

[data-aos=fade-down] {
    transform: translate3d(0, -100px, 0)
}

[data-aos=fade-right] {
    transform: translate3d(-100px, 0, 0)
}

[data-aos=fade-left] {
    transform: translate3d(100px, 0, 0)
}

[data-aos=fade-up-right] {
    transform: translate3d(-100px, 100px, 0)
}

[data-aos=fade-up-left] {
    transform: translate3d(100px, 100px, 0)
}

[data-aos=fade-down-right] {
    transform: translate3d(-100px, -100px, 0)
}

[data-aos=fade-down-left] {
    transform: translate3d(100px, -100px, 0)
}

[data-aos^=zoom][data-aos^=zoom] {
    opacity: 0;
    transition-property: opacity, transform
}

[data-aos^=zoom][data-aos^=zoom].aos-animate {
    opacity: 1;
    transform: translateZ(0) scale(1)
}

[data-aos=zoom-in] {
    transform: scale(.6)
}

[data-aos=zoom-in-up] {
    transform: translate3d(0, 100px, 0) scale(.6)
}

[data-aos=zoom-in-down] {
    transform: translate3d(0, -100px, 0) scale(.6)
}

[data-aos=zoom-in-right] {
    transform: translate3d(-100px, 0, 0) scale(.6)
}

[data-aos=zoom-in-left] {
    transform: translate3d(100px, 0, 0) scale(.6)
}

[data-aos=zoom-out] {
    transform: scale(1.2)
}

[data-aos=zoom-out-up] {
    transform: translate3d(0, 100px, 0) scale(1.2)
}

[data-aos=zoom-out-down] {
    transform: translate3d(0, -100px, 0) scale(1.2)
}

[data-aos=zoom-out-right] {
    transform: translate3d(-100px, 0, 0) scale(1.2)
}

[data-aos=zoom-out-left] {
    transform: translate3d(100px, 0, 0) scale(1.2)
}

[data-aos^=slide][data-aos^=slide] {
    transition-property: transform
}

[data-aos^=slide][data-aos^=slide].aos-animate {
    transform: translateZ(0)
}

[data-aos=slide-up] {
    transform: translate3d(0, 100%, 0)
}

[data-aos=slide-down] {
    transform: translate3d(0, -100%, 0)
}

[data-aos=slide-right] {
    transform: translate3d(-100%, 0, 0)
}

[data-aos=slide-left] {
    transform: translate3d(100%, 0, 0)
}

[data-aos^=flip][data-aos^=flip] {
    backface-visibility: hidden;
    transition-property: transform
}

[data-aos=flip-left] {
    transform: perspective(2500px) rotateY(-100deg)
}

[data-aos=flip-left].aos-animate {
    transform: perspective(2500px) rotateY(0)
}

[data-aos=flip-right] {
    transform: perspective(2500px) rotateY(100deg)
}

[data-aos=flip-right].aos-animate {
    transform: perspective(2500px) rotateY(0)
}

[data-aos=flip-up] {
    transform: perspective(2500px) rotateX(-100deg)
}

[data-aos=flip-up].aos-animate {
    transform: perspective(2500px) rotateX(0)
}

[data-aos=flip-down] {
    transform: perspective(2500px) rotateX(100deg)
}

[data-aos=flip-down].aos-animate {
    transform: perspective(2500px) rotateX(0)
}

.c0 {
    color: #000
}

.c1 {
    color: #111
}

.c2 {
    color: #222
}

.c3 {
    color: #333
}

.c4 {
    color: #444
}

.c5 {
    color: #555
}

.c6 {
    color: #666
}

.c7 {
    color: #777
}

.c8 {
    color: #888
}

.c9 {
    color: #999
}

.ca {
    color: #aaa
}

.cb {
    color: #bbb
}

.clr {
    clear: both
}

.cc {
    color: #0f3175
}

.cc1 {
    color: #0161EB
}

.cc2 {
    color: #da251c
}

.cd {
    color: #ddd
}

.ce {
    color: #eee
}

.cf {
    color: #fff
}

.bc0 {
    background-color: #000
}

.bcf {
    background-color: #fff
}

.bcc {
    background-color: #0f3175
}

.bcc1 {
    background-color: #0161EB
}

.bcc2 {
    background-color: #da251c
}

.boc {
    border-color: #0f3175
}

.bn {
    border: none
}

.bor {
    border: 1px solid #bbb
}

.bt {
    border-top: 1px solid #bbb
}

.bl {
    border-left: 1px solid #bbb
}

.br {
    border-right: 1px solid #bbb
}

.f0 {
    font-size: 0
}

.f12 {
    font-size: 12px
}

.f13 {
    font-size: 13px
}

.f14 {
    font-size: 14px
}

@media (max-width: 640px) {
    .f14 {
        font-size: 13px
    }
}

.f15 {
    font-size: 15px
}

@media (max-width: 640px) {
    .f15 {
        font-size: 1rem
    }
}

.f16 {
    font-size: .8rem
}

@media (max-width: 768px) {
    .f16 {
        font-size: .88888889rem
    }
}

@media (max-width: 640px) {
    .f16 {
        font-size: 1rem
    }
}

.f17 {
    font-size: .85rem
}

@media (max-width: 768px) {
    .f17 {
        font-size: .94444444rem
    }
}

@media (max-width: 640px) {
    .f17 {
        font-size: 1.0625rem
    }
}

.f18 {
    font-size: .9rem
}

@media (max-width: 768px) {
    .f18 {
        font-size: .94444444rem
    }
}

.f19 {
    font-size: .95rem
}

.f20 {
    font-size: 1rem
}

.f21 {
    font-size: 1.05rem
}

@media (max-width: 768px) {
    .f21 {
        font-size: 1rem
    }
}

.f22 {
    font-size: 1.1rem
}

@media (max-width: 768px) {
    .f22 {
        font-size: 1.04761905rem
    }
}

.f23 {
    font-size: 1.15rem
}

@media (max-width: 768px) {
    .f23 {
        font-size: 1.04545455rem
    }
}

.f24 {
    font-size: 1.2rem
}

@media (max-width: 768px) {
    .f24 {
        font-size: 1.09090909rem
    }
}

.f25 {
    font-size: 1.25rem
}

@media (max-width: 768px) {
    .f25 {
        font-size: 1.08695652rem
    }
}

.f26 {
    font-size: 1.3rem
}

@media (max-width: 768px) {
    .f26 {
        font-size: 1.13043478rem
    }
}

.f27 {
    font-size: 1.35rem
}

@media (max-width: 768px) {
    .f27 {
        font-size: 1.125rem
    }
}

.f28 {
    font-size: 1.4rem
}

@media (max-width: 768px) {
    .f28 {
        font-size: 1.16666667rem
    }
}

.f29 {
    font-size: 1.45rem
}

@media (max-width: 768px) {
    .f29 {
        font-size: 1.16rem
    }
}

.f30 {
    font-size: 1.5rem
}

@media (max-width: 768px) {
    .f30 {
        font-size: 1.2rem
    }
}

.f31 {
    font-size: 1.55rem
}

@media (max-width: 768px) {
    .f31 {
        font-size: 1.19230769rem
    }
}

.f32 {
    font-size: 1.6rem
}

@media (max-width: 768px) {
    .f32 {
        font-size: 1.23076923rem
    }
}

.f33 {
    font-size: 1.65rem
}

@media (max-width: 768px) {
    .f33 {
        font-size: 1.22222222rem
    }
}

.f34 {
    font-size: 1.7rem
}

@media (max-width: 768px) {
    .f34 {
        font-size: 1.25925926rem
    }
}

.f35 {
    font-size: 1.75rem
}

@media (max-width: 768px) {
    .f35 {
        font-size: 1.25rem
    }
}

.f36 {
    font-size: 1.8rem
}

@media (max-width: 768px) {
    .f36 {
        font-size: 1.28571429rem
    }
}

.f37 {
    font-size: 1.85rem
}

@media (max-width: 768px) {
    .f37 {
        font-size: 1.27586207rem
    }
}

.f38 {
    font-size: 1.9rem
}

@media (max-width: 768px) {
    .f38 {
        font-size: 1.31034483rem
    }
}

.f39 {
    font-size: 1.95rem
}

@media (max-width: 768px) {
    .f39 {
        font-size: 1.3rem
    }
}

.f40 {
    font-size: 2rem
}

@media (max-width: 768px) {
    .f40 {
        font-size: 1.33333333rem
    }
}

.f41 {
    font-size: 2.05rem
}

@media (max-width: 768px) {
    .f41 {
        font-size: 1.32258065rem
    }
}

.f42 {
    font-size: 2.1rem
}

@media (max-width: 768px) {
    .f42 {
        font-size: 1.35483871rem
    }
}

.f45 {
    font-size: 2.25rem
}

@media (max-width: 768px) {
    .f45 {
        font-size: 1.36363636rem
    }
}

.f48 {
    font-size: 2.4rem
}

@media (max-width: 768px) {
    .f48 {
        font-size: 1.45454545rem
    }
}

.f50 {
    font-size: 2.5rem
}

@media (max-width: 768px) {
    .f50 {
        font-size: 1.51515152rem
    }
}

.f54 {
    font-size: 2.7rem
}

@media (max-width: 768px) {
    .f54 {
        font-size: 1.58823529rem
    }
}

.f60 {
    font-size: 3rem
}

@media (max-width: 768px) {
    .f60 {
        font-size: 1.57894737rem
    }
}

.f64 {
    font-size: 2.3rem
}

@media (max-width: 768px) {
    .f64 {
        font-size: 1.42857143rem
    }
}

.f72 {
    font-size: 3.6rem
}

@media (max-width: 768px) {
    .f72 {
        font-size: 1.8rem
    }
}

.f88 {
    font-size: 4.4rem
}

@media (max-width: 1200px) {
    .f88 {
        font-size: 4vw
    }
}

@media (max-width: 768px) {
    .f88 {
        font-size: 1.45454545rem
    }
}

.fal {
    font-family: Arial
}

.fyl {
    font-family: FontBlar
}

.fs {
    font-family: '瀹嬩綋'
}

.fh {
    font-family: '榛戜綋'
}

.fn {
    font-weight: 400
}

.fb {
    font-weight: 700
}

.fi {
    font-style: italic
}

.fl {
    float: left
}

.fln {
    float: none
}

.fr {
    float: right
}

.db {
    display: block
}

.dib {
    display: inline-block
}

.dt {
    display: table
}

.dtc {
    display: table-cell
}

.dn {
    display: none
}

.bn {
    border: none
}

.tl {
    text-align: left
}

.tc {
    text-align: center
}

.tr {
    text-align: right
}

.tu {
    text-transform: uppercase
}

.vt {
    vertical-align: top
}

.vm {
    vertical-align: middle
}

.vb {
    vertical-align: bottom
}

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

.box {
    box-sizing: border-box
}

.ma {
    margin-left: auto;
    margin-right: auto
}

.c50 {
    left: 50%;
    transform: translateX(-50%)
}

.hc:hover {
    color: #0f3175
}

.jz {
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%)
}

.m0 {
    margin: 0
}

.p0 {
    padding: 0
}

.yy {
    box-shadow: 0 0 12px rgba(70, 70, 70, .5)
}

.yy2 {
    box-shadow: 2px 2px 7px rgba(70, 70, 70, .2)
}

.pz {
    padding-left: 15px;
    margin-left: -15px
}

.pr {
    position: relative
}

.pa {
    position: absolute
}

.oh {
    overflow: hidden
}

.ov {
    overflow: visible
}

.wrap {
    overflow: hidden
}

.w50 {
    width: 50%;
    float: left
}

.w0 {
    width: 0
}

.w00 {
    width: 100%
}

.h0 {
    height: 0
}

.h00 {
    height: 100%
}

.ma00 {
    max-width: 100%
}

.mh00 {
    max-height: 100%
}

.wa {
    width: auto
}

.ha {
    height: auto
}

.abs {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 5;
    left: 0;
    top: 0
}

.imWrap {
    width: 100%;
    padding-top: 75.5%;
    position: relative;
    overflow: hidden
}

.imWrap img {
    display: block;
    position: absolute;
    width: 100%;
    min-height: 100%;
    z-index: 5;
    left: 0;
    top: 0
}

.imWrap .imgcon {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 5;
    left: 0;
    top: 0
}

.imWrap .imgcon img {
    position: relative;
    display: inline-block;
    width: auto;
    max-width: 100%
}

.big {
    overflow: hidden
}

.big img {
    width: 100%;
    display: block;
    transform: translateZ(0);
    transition: transform .3s linear
}

.big:hover img {
    transform: scale(1.1, 1.1)
}

.big .imgcon img {
    width: auto;
    min-height: auto
}

.imgDiv {
    position: relative;
    width: 100%;
    overflow: hidden
}

.imgDiv img {
    position: relative;
    display: block;
    left: 50%;
    max-width: 100%;
    transform: translateX(-50%)
}

@media (max-width: 768px) {
    .imgDiv img {
        width: 150%;
        max-width: initial
    }
}

.imgDiv .abs {
    text-align: center
}

.imgDiv .abs::after {
    display: inline-block;
    font-size: 0;
    height: 100%;
    vertical-align: middle;
    content: ".";
    clear: both;
    width: 0
}

.imgDiv .ind_tit {
    display: inline-block;
    vertical-align: middle;
    margin: 0
}

.imgcon {
    text-align: center;
    font-size: 0;
    overflow: hidden
}

.imgcon img {
    display: inline-block;
    vertical-align: middle;
    max-width: 100%
}

.imgcon:after {
    display: inline-block;
    vertical-align: middle;
    height: 100%;
    color: #bbb;
    content: "";
    width: 0
}

.m3w {
    margin-top: 30px;
    margin-top: 3vw
}

.m2w {
    margin: 2vw 0
}

.p2w {
    padding: 2vw 0
}

.p3w {
    padding: 3vw 0
}

.poi {
    cursor: pointer
}

* {
    margin: 0;
    padding: 0
}

.clearfix {
    display: inline-block;
    zoom: 1
}

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

img {
    border: none
}

blockquote, body, dd, dl, fieldset, figure, form, h1, h2, h3, h4, h5, h6, input, p, pre, select, textarea {
    margin: 0
}

menu, ol, ul {
    list-style: none;
    margin: 0;
    padding: 0
}

a {
    color: #0f3175;
    text-decoration: none;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    -webkit-user-select: none
}

a, a:active, a:focus {
    outline: 0
}

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

blockquote, q {
    quotes: none
}

address, em, i {
    font-style: normal
}

abbr, acronym {
    font-variant: normal
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0
}

a img, fieldset, iframe {
    border: none
}

button, input, select {
    vertical-align: middle
}

button {
    overflow: visible
}

button::-moz-focus-inner, input[type=button]::-moz-focus-inner, input[type=file] > input[type=button]::-moz-focus-inner, input[type=reset]::-moz-focus-inner, input[type=submit]::-moz-focus-inner {
    border: 0 none;
    padding: 0
}

:active {
    outline: 0 none
}

::selection {
    color: #fff;
    background: #e74700
}

blockquote:after, blockquote:before, q:after, q:before {
    content: '';
    content: none
}

* html .clearfix {
    height: 1%
}

html {
    font-size: 20px;
    line-height: 1.76
}

* {
    font-family: "Microsoft Yahei", "寰蒋闆呴粦", "瀹嬩綋", Arial, Helvetica, sans-serif
}

body {
    background-color: #fff;
    font-size: 14px;
    max-width: 1920px;
    margin: 0 auto;
    min-width: 320px;
    overflow-x: hidden;
    -webkit-font-smoothing: antialiased
}

h1 {
    font-size: 1.8rem
}

@media (max-width: 768px) {
    h1 {
        font-size: 1.28571429rem
    }
}

h2 {
    font-size: 1rem
}

h3 {
    font-weight: 400;
    font-size: .8rem
}

@media (max-width: 768px) {
    h3 {
        font-size: .88888889rem
    }
}

@media (max-width: 640px) {
    h3 {
        font-size: 1rem
    }
}

h4 {
    font-size: 16px
}

@font-face {
    font-family: FontBlar;
    src: url(https://www.js一路贸.com/web/template/一路贸/fonts/heimi.woff) format('woff'), url(https://www.js一路贸.com/web/template/一路贸/fonts/heimi.ttf) format('truetype'), url(https://www.js一路贸.com/web/template/一路贸/fonts/heimi.svg) format('svg')
}

ul {
    overflow: hidden
}

a, input {
    outline: 0
}

input[type=button], input[type=submit], input[type=reset] {
    -webkit-appearance: none;
    border-radius: 0
}

.containe {
    width: 100%;
    display: block;
    max-width: 1200px;
    margin: 0 auto
}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
    color: #bbb
}

input:-moz-placeholder, textarea:-moz-placeholder {
    color: #bbb
}

input::-moz-placeholder, textarea::-moz-placeholder {
    color: #bbb
}

input:-ms-input-placeholder, textarea:-ms-input-placeholder {
    color: #bbb
}

.articleCon img {
    max-width: 100%;
    height: auto !important
}

.swiper-container {
    position: relative;
    width: 100%;
    height: 100%
}

.swiper-container img {
    display: block;
    max-width: 100%
}

div.digg {
    width: 100%;
    text-align: center;
    font-size: 14px;
    padding: 3px;
    margin: 15px 0
}

@media (max-width: 640px) {
    div.digg {
        font-size: 13px
    }
}

div.digg li {
    display: inline-block;
    vertical-align: middle
}

div.digg a {
    text-align: center;
    border: #ccc 1px solid;
    padding: 4px 10px;
    color: #666;
    margin: 5px;
    line-height: 39px
}

@media screen and (max-width: 768px) {
    div.digg a {
        padding: 3px 9px;
        margin: 3px
    }
}

div.digg p {
    display: inline-block;
    vertical-align: middle
}

div.digg .disabled * {
    color: #ddd;
    border: #eee 1px solid;
    padding: 4px 10px;
    margin: 5px
}

div.digg .current * {
    color: #fff;
    font-weight: 700;
    border: #bf141c 1px solid;
    padding: 4px 10px;
    background-color: #bf141c
}

div.digg .active * {
    color: #fff;
    background-color: #0f3175;
    border-color: #0f3175
}

.btn {
    display: inline-block;
    color: #333;
    font-size: 14px;
    text-align: center;
    line-height: 1.6rem;
    border: 1px solid #333
}

@media (max-width: 640px) {
    .btn {
        font-size: 13px
    }
}

.btn.bg {
    background-color: #0f3175;
    color: #fff;
    border-color: #0f3175
}

.tabCon .con {
    display: none
}

.tabCon .con.act {
    display: block
}

.row {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between
}

.row .col {
    flex: 1
}

.tabUl {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between
}

.tabUl li {
    flex: 1;
    cursor: pointer
}

.gradient_linear {
    background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(#49d), to(#5571b4));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.bgcon {
    overflow: hidden;
    background-color: #fff;
    padding-bottom: 3vw;
    background-repeat: no-repeat;
    background-position: center top;
    background-size: auto auto
}

@keyframes rota {
    0% {
        transform: rotate(0)
    }
    100% {
        transform: rotate(360deg)
    }
}

@keyframes rota2 {
    0% {
        transform: rotate(0)
    }
    50% {
        transform: rotate(-180deg)
    }
    100% {
        transform: rotate(-360deg)
    }
}

@keyframes move3 {
    0% {
        right: 0;
        top: 50%
    }
    20% {
        right: -400px;
        top: 30%;
        transform: scale(.75)
    }
    50% {
        right: -850px;
        top: 50%;
        transform: scale(.9)
    }
    70% {
        right: -1300px;
        top: 30%;
        transform: scale(.75)
    }
    100% {
        right: -1700px;
        top: 50%
    }
}

@keyframes move4 {
    0% {
        left: 0;
        top: -1000px;
        width: 6000px;
        border-left: 800px solid #081e4a
    }
    50% {
        left: -2500px;
        top: -800px;
        width: 5760px;
        border: none
    }
    100% {
        left: 0;
        top: 0;
        width: 100%;
        border: none
    }
}

@keyframes move5 {
    0% {
        opacity: 0;
        filter: alpha(opacity=0)
    }
    100% {
        opacity: 1;
        filter: alpha(opacity=100)
    }
}

@keyframes move6 {
    0% {
        background-position: -1rem center
    }
    100% {
        background-position: 100% center
    }
}

@keyframes move7 {
    0% {
        background-position: 95% center
    }
    100% {
        background-position: 100% center
    }
}

.specbtn {
    color: #fff;
    font-size: 1rem;
    position: relative;
    transition: color .5s;
    display: block;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    width: 7rem
}

.specbtn::after, .specbtn::before {
    position: absolute;
    width: 0;
    content: " ";
    z-index: 5;
    top: 0;
    border-top: 1px solid #0161EB;
    -webkit-transition: width .5s;
    transition: width .5s
}

.specbtn::after {
    top: initial;
    bottom: 0;
    right: 0
}

.specbtn:hover {
    color: #0161EB
}

.specbtn:hover::after, .specbtn:hover::before {
    width: 100%
}

body {
    max-width: inherit
}

.containe {
    max-width: 1600px
}

@media screen and (max-width: 1600px) {
    .containe {
        width: auto;
        margin: 0 5%
    }
}

@media screen and (max-width: 980px) {
    .containe {
        width: auto;
        margin: 0 auto;
        max-width: 744px
    }
}

@media screen and (max-width: 768px) {
    .containe {
        margin: 0 12px
    }
}

@media screen and (max-width: 1600px) {
    html {
        font-size: 19px
    }
}

#header {
    width: 100%;
    position: fixed;
    z-index: 88;
    height: 84px;
    top: 0;
    left: 0;
    /*border-bottom: 1px solid #536281*/
}

#header .containe {
    max-width: 1920px
}

@media screen and (max-width: 980px) {
    #header {
        border: none;
        box-shadow: 2px 2px 7px rgba(70, 70, 70, .2);
        overflow: hidden;
        position: fixed;
        z-index: 888;
        height: 52px;
        top: 0;
        left: 0;
        background-color: #fff !important
    }
}

#header .accessd {
    float: right;
    /*background-color: #0161EB;*/
    display: -webkit-flex;
    display: flex;
    align-items: center;
    height: 85px;
    padding: 0 1.5%
}

#header .accessd .lnks {
    font-size: 20px;
    color: #01FDFD;
    line-height: 2;
}
#header .accessd .lnks img{
    display: none;
}
#header.scroll .accessd .lnksa img{
    display: none;
}
#header.scroll .accessd .lnks img{
    display: block;
}
#header .accessd img {
    width: 70px;
}
#header.scroll .accessd .lnks {
    color: #0161EB;
}
@media (max-width: 640px) {
    #header .accessd .lnks {
        font-size: 1rem
    }
}

@media (max-width: 1200px) {
    #header .accessd {
        display: none
    }
}

#header .topr {
    float: right;
    display: inline-block;
    font-size: 14px;
    color: #fff;
    overflow: hidden;
    margin-top: 31px;
    line-height: 1;
    margin-left: 1rem;
    margin-right: 4%
}

@media (max-width: 640px) {
    #header .topr {
        font-size: 13px
    }
}

#header .topr .iconfont {
    display: inline-block;
    vertical-align: middle;
    color: #0f3175;
    font-size: 1rem;
    line-height: 1;
    background-color: #fff;
    padding: 1px;
    border-radius: 3px
}

#header .topr h6 {
    font-size: 1.2rem;
    font-weight: 700;
    display: inline-block;
    vertical-align: middle;
    font-family: Arial
}

@media (max-width: 768px) {
    #header .topr h6 {
        font-size: 1.09090909rem
    }
}

@media (max-width: 1650px) {
    #header .topr {
        margin-right: 1%
    }
}

@media (max-width: 1600px) {
    #header .topr {
        display: none
    }
}

#header .navbar {
    font-size: 0;
    margin: 0 8%;
}

#header .navbar .logo {
    position: relative;
    float: left;
    display: inline-block;
    z-index: 5;
    padding: 12px 0 0;
    _margin-left: 4%;
    white-space: nowrap;
    margin-right: 2vw
}

#header .navbar .logo img {
    display: block
}

#header .navbar .logo h1 {
    font-size: 0;
    display: none
}

@media (max-width: 980px) {
    #header .navbar .logo {
        padding-top: 8px !important;
        margin-left: 6px;
        margin-top: -1px
    }

    #header .navbar .logo img {
        max-width: 250px;
        max-height: 37px
    }
}

@media (max-width: 1650px) {
    #header .navbar .logo {
        margin-left: 1%
    }
}

#header .navbar .mBtn {
    display: none;
    float: right;
    text-align: center;
    width: 10%;
    margin-top: 7px;
    cursor: pointer
}

#header .navbar .mBtn .iconfont {
    font-size: 25px;
    line-height: 1.7;
    color: #0f3175
}

@media screen and (max-width: 980px) {
    #header .navbar .mBtn {
        display: inline-block
    }
}

#header #Nav {
    text-align: center;
    overflow: visible;
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    padding-left: 3%
}

#header #Nav a {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

#header #Nav li {
    position: relative;
    flex: 1;
    padding-right: 15px
}

#header #Nav li .tarA {
    display: block;
    box-sizing: border-box;
    font-weight: 400;
    font-size: .85rem;
    text-align: center;
    line-height: 84px;
    white-space: nowrap;
    -webkit-transition: all .2s linear;
    transition: all .2s linear
}

@media (max-width: 768px) {
    #header #Nav li .tarA {
        font-size: .94444444rem
    }
}

@media (max-width: 640px) {
    #header #Nav li .tarA {
        font-size: 1.0625rem
    }
}

#header #Nav li .tarA.act {
    color: #0161EB
}

#header #Nav li:hover .tarA {
    color: #5EE4E0
}

@media screen and (max-width: 1400px) {
    #header #Nav {
        padding-left: 0
    }
}

@media screen and (max-width: 980px) {
    #header #Nav {
        display: none
    }
}

#header.scroll {
    background-color: #fff;
    box-shadow: 2px 2px 7px rgba(70, 70, 70, .2);
    border-color: #fff
}

#header.scroll .topr {
    color: #000
}

#header.scroll #Nav .tarA {
    color: #333
}

#header.scroll .navbar .logo {
    background-image: url(https://cdn.b2b.yjzw.net/files/2/img/2022/07/19/202207191356500186599.png);
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: 100% auto
}

#header.scroll .navbar .logo img {
    opacity: 0;
    filter: alpha(opacity=0)
}

#footer {
    overflow: hidden;
    clear: both;
    position: relative;
    z-index: 5;
    padding-top: 3%;
    background-repeat: no-repeat;
    background-position: 0 center;
    background-size: auto auto
}

#footer h3.tit {
    font-size: .8rem;
    color: #fff;
    margin-bottom: 1em
}

@media (max-width: 768px) {
    #footer h3.tit {
        font-size: .88888889rem
    }
}

@media (max-width: 640px) {
    #footer h3.tit {
        font-size: 1rem
    }
}

#footer .ftell {
    float: right;
    text-align: right
}

#footer .ftell em {
    font-size: 3rem;
    font-family: Arial;
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
    color: #eee;
    line-height: 1
}

@media (max-width: 768px) {
    #footer .ftell em {
        font-size: 1.57894737rem
    }
}

#footer .ftell p {
    font-size: 14px;
    color: #eee
}

@media (max-width: 640px) {
    #footer .ftell p {
        font-size: 13px
    }
}

#footer dl {
    display: inline-block;
    float: left;
    margin-right: 3%
}

#footer dl dd {
    margin-bottom: .2em
}

#footer dl a {
    font-size: 13px;
    color: #eee
}

#footer .d2 {
    width: 15rem
}

#footer .d2 dd {
    width: 50%;
    float: left
}

#footer .d3 {
    width: 18rem;
    margin-right: 0
}

#footer .d3 dd {
    display: inline-block;
    margin-right: 1.5em
}

@media screen and (max-width: 768px) {
    #footer {
        padding-top: 0
    }

    #footer > .containe {
        display: none
    }
}

#footer #topBack {
    float: right;
    display: none
}

#footer .ewm {
    padding-top: .5em;
    float: right;
    font-size: 12px;
    color: #999;
    text-align: center;
    margin-right: 7%
}

#footer .ewm .img {
    width: 7rem
}

#footer .fotnav {
    overflow: hidden;
    display: flex;
    flex-flow: wrap;
    justify-content: space-between
}

#footer .fotnav dl {
    flex-shrink: 1
}

#footer .fotnav dl dt {
    font-size: .8rem;
    font-weight: 400;
    cursor: pointer;
    color: #fff;
    line-height: 2.5em;
    margin-bottom: .2rem
}

@media (max-width: 768px) {
    #footer .fotnav dl dt {
        font-size: .88888889rem
    }
}

@media (max-width: 640px) {
    #footer .fotnav dl dt {
        font-size: 1rem
    }
}

#footer .fotnav dl dt a {
    display: block;
    position: relative;
    color: #fff
}

#footer .fotnav dl dd {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #bbb;
    line-height: 2.4
}

#footer .fotnav dl dd:nth-of-type(n+7) {
    display: none
}

#footer .fotnav dl dd a {
    font-size: 14px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: block;
    color: #bbb
}

@media (max-width: 640px) {
    #footer .fotnav dl dd a {
        font-size: 13px
    }
}

@media screen and (max-width: 768px) {
    #footer .fotnav {
        display: none
    }
}

#footer .yq_link {
    overflow: hidden;
    padding-bottom: .5em
}

#footer .yq_link h5 {
    font-weight: 400;
    color: #eee;
    float: left;
    font-size: 14px;
    padding-right: 9px;
    line-height: 23px
}

@media (max-width: 640px) {
    #footer .yq_link h5 {
        font-size: 13px
    }
}

#footer .yq_link .iconfont {
    font-size: 1.25rem;
    vertical-align: middle
}

@media (max-width: 768px) {
    #footer .yq_link .iconfont {
        font-size: 1.08695652rem
    }
}

#footer .yq_link a {
    display: inline-block;
    color: #fff;
    margin-left: 0 !important
}

@media screen and (max-width: 768px) {
    #footer .yq_link {
        display: none
    }
}

#footer .copyright {
    color: #eee;
    line-height: 1.6;
    padding: 1em 0;
    margin-top: 1em;
    border-top: 1px solid #757e8d
}

@media screen and (max-width: 480px) {
    #footer .copyright {
        padding: 3% 0;
        text-align: center
    }

    #footer .copyright .support {
        display: none
    }
}

#footer .copyright a {
    display: inline-block;
    color: #eee;
    margin: 0 15px
}

#footer .copyright a:hover {
    color: #fff
}

#spbtn {
    width: 80PX
}

#spbtn img {
    max-width: 100%
}

#spbtn p {
    text-align: center;
    color: #fff;
    font-size: 12px;
    margin-top: -2.5em;
    line-height: 1.8;
    margin-bottom: .5em
}

.fancybox-overlay {
    display: none;
    width: 100%;
    height: 100%;
    z-index: 9999;
    position: fixed;
    bottom: 0;
    right: 0;
    background-color: rgba(0, 0, 0, .7)
}

.fancybox-overlay #diveoid {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    z-index: 55;
    width: 90%;
    max-width: 800px
}

.flow.right_side {
    position: fixed;
    width: 75px;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    z-index: 400
}

@media screen and (max-width: 768px) {
    .flow.right_side {
        display: none
    }
}

.flow.right_side ul {
    overflow: visible
}

.flow.right_side ul li {
    position: relative;
    float: left;
    width: 75px;
    height: 70px;
    margin-bottom: 1px
}

.flow.right_side ul li .area {
    display: block;
    color: #fff;
    border-radius: 8px;
    width: 75px;
    height: 70px;
    transition: all .3s;
    background: rgba(29, 99, 183, .7)
}

.flow.right_side ul li .area:hover {
    background-color: #487ab6
}

.flow.right_side ul li .area:hover i {
    font-size: 0
}

.flow.right_side ul li .area:hover i::before {
    line-height: 2
}

.flow.right_side ul li .sidebox {
    position: absolute;
    overflow: hidden;
    top: 0;
    right: 0;
    display: block;
    color: #fff;
    border-radius: 8px;
    width: 75px;
    height: 70px;
    transition: all .3s;
    background: rgba(29, 99, 183, .7);
    font-size: 20px
}

.flow.right_side ul li .sidebox:hover {
    background-color: #487ab6
}

.flow.right_side ul li .sidebox:hover i {
    font-size: 0
}

.flow.right_side ul li .sidebox:hover i::before {
    line-height: 2
}

.flow.right_side ul li .sidetop, .flow.right_side ul li .sign, .flow.right_side ul li .wx {
    display: block;
    color: #fff;
    border-radius: 8px;
    width: 75px;
    height: 70px;
    transition: all .3s;
    background: rgba(29, 99, 183, .7)
}

.flow.right_side ul li .sidetop:hover, .flow.right_side ul li .sign:hover, .flow.right_side ul li .wx:hover {
    background-color: #487ab6
}

.flow.right_side ul li .sidetop:hover i, .flow.right_side ul li .sign:hover i, .flow.right_side ul li .wx:hover i {
    font-size: 0
}

.flow.right_side ul li .sidetop:hover i::before, .flow.right_side ul li .sign:hover i::before, .flow.right_side ul li .wx:hover i::before {
    line-height: 2
}

.flow.right_side ul li i {
    display: inline-block;
    color: #fff;
    text-align: center;
    vertical-align: middle;
    font-size: 13px;
    line-height: 1.4;
    width: 75px;
    height: 70px;
    margin-top: 4px
}

.flow.right_side ul li i::before {
    display: block;
    font-size: 30px;
    -webkit-transition: all .3s linear;
    transition: all .3s linear
}

.flow.right_side ul li .wx {
    position: relative
}

.flow.right_side ul li .wx .wx_code {
    position: absolute;
    display: none;
    width: 120px;
    height: 120px;
    background: #487ab6;
    padding: 4px;
    left: -130px;
    top: 50%;
    transform: translateY(-50%)
}

.flow.right_side ul li .wx .wx_code img {
    max-width: 100%
}

@media screen and (max-width: 1400px) {
    html {
        font-size: 18px
    }
}

@media screen and (max-width: 980px) {
    body {
        max-width: 100%;
        overflow-x: hidden;
        padding-bottom: 45px;
        padding-top: 52px
    }

    #header .navbar .logo {
        background-image: url(https://cdn.b2b.yjzw.net/files/2/img/2022/07/19/202207191356500186599.png);
        background-repeat: no-repeat;
        background-position: 0 0;
        background-size: 100%;
        margin-top: 0px
    }

    #header .navbar .logo img {
        opacity: 0
    }
}

#ind_banner {
    /*max-width: 1920px*/
}

#ind_banner .swiper-slide {
    position: relative;
    background-repeat: no-repeat;
    background-position: 60% center;
    background-size: auto 100%
}

#ind_banner .img {
    opacity: 0;
    width: 100%
}

#ind_banner .cont {
    position: absolute;
    width: 100%;
    top: 50%;
    opacity: 0;
    left: -10rem;
    transform: translateX(2%) translateY(-50%);
    -webkit-transition: opacity .5s, left .8s ease;
    transition: opacity .5s, left .8s ease
}

#ind_banner .cont h2 {
    font-size: 2.7rem;
    font-weight: 700;
    color: #fff;
    line-height: 1.4;
    margin-bottom: 2%;
    max-width: 40%
}

@media (max-width: 768px) {
    #ind_banner .cont h2 {
        font-size: 1.58823529rem
    }
}

#ind_banner .cont small {
    font-size: .9rem;
    color: #fff;
    display: block;
    max-width: 60%
}

@media (max-width: 768px) {
    #ind_banner .cont small {
        font-size: .94444444rem
    }
}

#ind_banner .swiper-slide-active .cont {
    opacity: 1;
    left: 0
}

@media screen and (max-width: 980px) {
    #ind_banner .img {
        height: 60vw
    }

    #ind_banner .swiper-button-white {
        display: none
    }

    #ind_banner .cont h2, #ind_banner .cont small {
        max-width: 60%
    }
}

.ind_tit {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    padding: 2% 0
}

.ind_tit h2 {
    font-size: 1.8rem;
    font-weight: 700;
    color: #222;
    line-height: 2.3
}

@media (max-width: 768px) {
    .ind_tit h2 {
        font-size: 1.28571429rem
    }
}

@media screen and (max-width: 768px) {
    .ind_tit h2 {
        font-size: 1.5rem
    }
}

@media screen and (max-width: 768px) and (max-width: 768px) {
    .ind_tit h2 {
        font-size: 1.2rem
    }
}

.ind_tit small {
    font-size: 15px;
    color: #333;
    line-height: 1.6
    display: block;
    margin: 0 auto 2%;
    max-width: 60%;
    display: block;
}

@media (max-width: 640px) {
    .ind_tit small {
        font-size: 1rem;
        max-width: 100%;
    }
}

.ind_tit em {
    color: #2ECEB5
}

h2.inner_tit {
    font-size: 1.5rem;
    color: #333;
    font-weight: 700;
    text-align: center;
    margin-bottom: 1rem;
    line-height: 1.2
}

@media (max-width: 768px) {
    h2.inner_tit {
        font-size: 1.2rem
    }
}

h2.inner_tit.cc {
    color: #0f3175
}

h2.inner_tit.about {
    padding-bottom: 1%;
    text-align: left
}

.a3s {
    width: 100%;
    box-sizing: border-box;
    background-color: #fff;
    padding: 1.5rem 5%;
}

.a3s .li {
    float: left
}

.a3s .li a {
    display: block
}

.a3s .li i {
    color: #fff;
    display: inline-block;
    font-size: 1rem;
    vertical-align: middle;
    font-style: italic;
    text-align: center;
    overflow: hidden;
    background-color: #0161EB;
    font-family: Arial;
    font-weight: 400;
    border-radius: 50%;
    width: 1.8em;
    line-height: 1.8;
    margin-right: .5em
}

.a3s .li h3 {
    font-size: .8rem;
    font-weight: 700;
    color: #333;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

@media (max-width: 768px) {
    .a3s .li h3 {
        font-size: .88888889rem
    }
}

@media (max-width: 640px) {
    .a3s .li h3 {
        font-size: 1rem
    }
}

.a3s .li .des {
    font-size: 14px;
    color: #666;
    padding-top: .5em;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
}

@media (max-width: 640px) {
    .a3s .li .des {
        font-size: 13px
    }
}

.a3s .swiper-button-white {
    background-color: #e5e5e5;
    width: 1.5rem;
    height: 5.5rem;
    background-size: auto 1.3rem;
    margin-top: -3rem;
}

.a3s .swiper-button-next {
    right: 0
}

.a3s .swiper-button-prev {
    left: 0
}

#ind_d1 {
    background-color: #f0f5f6;
    padding: 4.5% 0 3%
}

#ind_d1 .item4s {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between
}

/*#ind_d1 .item {*/
/*    text-align: center;*/
/*    background-color: #fff;*/
/*    position: relative;*/
/*    box-sizing: border-box;*/
/*    border: 2px solid #fff;*/
/*    width: 23%;*/
/*    padding: 2% 0 3%*/
/*}*/
#ind_d1 .item {
    width: 23%;
}

#ind_d1 .item img {
    max-width: 100%
}

/*#ind_d1 .item h5 {*/
/*    font-size: 1rem;*/
/*    color: #333;*/
/*    line-height: 2.7;*/
/*    padding-bottom: .3em*/
/*}*/
#ind_d1 .item h5 {
    font-size: 1rem;
    color: #fff;
    line-height: 3.7;
    background: #0177FF;
    text-align: center;
    border-radius: 6px;
    margin-bottom: 30px;
}

/*#ind_d1 .item dl {*/
/*    display: inline-block;*/
/*    text-align: left;*/
/*    padding: 0 5% 2%*/
/*}*/
#ind_d1 .item dl {
    display: inline-block;
    text-align: left;
    padding: 32px 5%;
    width: 90%;
    background: #0177FF;
    border-radius: 6px;
    color: #fff;
    background-position: right center;
    background-repeat: no-repeat;
}

/*#ind_d1 .item dd {*/
/*    line-height: 2;*/
/*    font-size: 15px*/
/*}*/
#ind_d1 .item dd {
    line-height: 4;
    font-size: 16px;
}
@media (max-width: 640px) {
    #ind_d1 .item dd {
        font-size: 1rem
    }
}

/*#ind_d1 .item dd i {*/
/*    color: #0161EB;*/
/*    padding-right: .5em*/
/*}*/
#ind_d1 .item:nth-child(1) dl{
    background-image: url("../image/b1.png");
}
#ind_d1 .item:nth-child(2) dl{
    background-image: url("../image/b2.png");
}
#ind_d1 .item:nth-child(3) dl{
    background-image: url("../image/b3.png");
}
#ind_d1 .item:nth-child(4) dl{
    background-image: url("../image/b4.png");
}
#ind_d1 .item:nth-child(1) dl dd i ,#ind_d1 .item:nth-child(2) dl dd i ,#ind_d1 .item:nth-child(3) dl dd i ,#ind_d1 .item:nth-child(4) dl dd i {
    display: inline-block;
    width: 50px;
    height: 50px;
    vertical-align: middle;

}
#ind_d1 .item:nth-child(1) dl dd:nth-child(1) i {
    background: url("../image/lxt.svg") no-repeat center center;
    background-size: 38px;
}
#ind_d1 .item:nth-child(1) dl dd:nth-child(2) i {
    background: url("../image/xyz.svg") no-repeat center center;
    background-size: 38px;
}
#ind_d1 .item:nth-child(1) dl dd:nth-child(3) i {
    background: url("../image/AMP.svg") no-repeat center center;
    background-size: 38px;
}
#ind_d1 .item:nth-child(1) dl dd:nth-child(4) i {
    background: url("../image/sjs.svg") no-repeat center center;
    background-size: 38px;
}

#ind_d1 .item:nth-child(2) dl dd:nth-child(1) i {
    background: url("../image/glxt.svg") no-repeat center center;
    background-size: 38px;
}
#ind_d1 .item:nth-child(2) dl dd:nth-child(2) i {
    background: url("../image/dsf.svg") no-repeat center center;
    background-size: 38px;
}
#ind_d1 .item:nth-child(2) dl dd:nth-child(3) i {
    background: url("../image/yll.svg") no-repeat center center;
    background-size: 38px;
}
#ind_d1 .item:nth-child(2) dl dd:nth-child(4) i {
    background: url("../image/kzf.svg") no-repeat center center;
    background-size: 38px;
}

#ind_d1 .item:nth-child(3) dl dd:nth-child(1) i {
    background: url("../image/ADS.svg") no-repeat center center;
    background-size: 38px;
}
#ind_d1 .item:nth-child(3) dl dd:nth-child(2) i {
    background: url("../image/cyh.svg") no-repeat center center;
    background-size: 38px;
}
#ind_d1 .item:nth-child(3) dl dd:nth-child(3) i {
    background: url("../image/qyh.svg") no-repeat center center;
    background-size: 38px;
}
#ind_d1 .item:nth-child(3) dl dd:nth-child(4) i {
    background: url("../image/SNS.svg") no-repeat center center;
    background-size: 38px;
}

#ind_d1 .item:nth-child(4) dl dd:nth-child(1) i {
    background: url("../image/SSL.svg") no-repeat center center;
    background-size: 38px;
}
#ind_d1 .item:nth-child(4) dl dd:nth-child(2) i {
    background: url("../image/pqy.svg") no-repeat center center;
    background-size: 38px;
}
#ind_d1 .item:nth-child(4) dl dd:nth-child(3) i {
    background: url("../image/gsj.svg") no-repeat center center;
    background-size: 38px;
}
#ind_d1 .item:nth-child(4) dl dd:nth-child(4) i {
    background: url("../image/whatapp.svg") no-repeat center center;
    background-size: 38px;
}



#ind_d1 .item .arr {
    font-size: .85rem;
    color: #999;
    display: block;
    line-height: 1;
    transform: translateY(150%);
    opacity: 1;
    -webkit-transition: opacity .5s linear;
    transition: opacity .5s linear
}

@media (max-width: 768px) {
    #ind_d1 .item .arr {
        font-size: .94444444rem
    }
}

@media (max-width: 640px) {
    #ind_d1 .item .arr {
        font-size: 1.0625rem
    }
}

#ind_d1 .item .btns {
    position: relative;
    width: 80%;
    margin-left: auto;
    margin-right: auto
}

#ind_d1 .item .btns .link {
    display: inline-block;
    box-sizing: border-box;
    font-size: 14px;
    color: #0f3175;
    background-color: #0161EB;
    float: left;
    line-height: 2.7;
    width: 50%;
    border: 1px solid #0161EB;
    border-left: 0
}

@media (max-width: 640px) {
    #ind_d1 .item .btns .link {
        font-size: 13px
    }
}

#ind_d1 .item .btns .link + .link {
    border-color: #0f3175;
    background-color: #fff
}

#ind_d1 .item::before {
    position: absolute;
    box-sizing: border-box;
    display: none;
    width: 100%;
    height: 100%;
    content: "";
    z-index: 1;
    left: 0;
    border: 2px solid #0f3175;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: all .3s linear;
    transition: all .3s linear;
    top: 0
}

/*#ind_d1 .item:hover {*/
/*    box-shadow: 2px 2px 7px rgba(70, 70, 70, .2);*/
/*    border-color: #0161EB*/
/*}*/

#ind_d1 .item:hover .arr {
    opacity: 0
}

#ind_d1 .item:hover .btns {
    opacity: 1;
    transform: scale(1)
}

@media screen and (max-width: 1200px) {
    #ind_d1 {
        padding-top: 8%
    }

    #ind_d1 .item .arr, #ind_d1 .item .btns, #ind_d1 .item dl {
        display: none
    }
}

@media screen and (max-width: 768px) {
    #ind_d1 .item {
        padding: 1% 0;
        width: 49%;
        margin-bottom: 2%
    }

    #ind_d1 .item img {
        max-width: 70%;
        margin-top: 6%
    }

    #ind_d1 .containe {
        overflow: hidden
    }
}

#ind_d2 {
    background-color: #0f3175;
    position: relative;
    overflow: hidden;
    padding: 1% 0 3%
}

@media screen and (max-width: 768px) {
    #ind_d2 {
        display: none
    }
}

#ind_d2 .ind_tit small {
    color: #fff
}

#ind_d2 .item5s {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between
}

#ind_d2 .item {
    text-align: center;
    width: 18%;
    padding: 2% 0;
    max-width: 260px
}

#ind_d2 .item h5 {
    font-size: .9rem;
    color: #fff;
    line-height: 2.7;
    padding-bottom: .3em
}

@media (max-width: 768px) {
    #ind_d2 .item h5 {
        font-size: .94444444rem
    }
}

#ind_d2 .item .des {
    font-size: 15px;
    color: #fff;
    text-align: center;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
}

@media (max-width: 640px) {
    #ind_d2 .item .des {
        font-size: 1rem
    }
}

#ind_d2 .item.first .number strong {
    font-size: 1rem
}

#ind_d2 .number {
    color: #2ECEB5
}

#ind_d2 .number .num {
    font-size: 3.6rem;
    font-weight: 700;
    font-family: Arial;
    display: inline-block;
    transform: scale(.8, 1);
    vertical-align: text-top
}

@media (max-width: 768px) {
    #ind_d2 .number .num {
        font-size: 1.8rem
    }
}

#ind_d2 .number strong {
    font-size: 1.5rem;
    display: inline-block;
    vertical-align: text-top;
    line-height: 3rem
}

@media (max-width: 768px) {
    #ind_d2 .number strong {
        font-size: 1.2rem
    }
}

#ind_d2 #m2 {
    position: absolute;
    width: auto;
    opacity: .5;
    animation: move3 20s linear infinite
}

#ind_d2 #canvas {
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1
}

.ind_case {
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start
}

.ind_case li {
    width: 25%
}

.ind_case .num {
    float: right;
    display: inline-block;
    font-size: 13px;
    font-family: Arial;
    color: #000
}

.ind_case .num i {
    font-size: .85rem;
    color: #999;
    margin: 0 5px 0 .5rem
}

@media (max-width: 768px) {
    .ind_case .num i {
        font-size: .94444444rem
    }
}

@media (max-width: 640px) {
    .ind_case .num i {
        font-size: 1.0625rem
    }
}

.ind_case .num i:hover {
    color: #0161EB
}

.ind_case .cont {
    padding: 1rem 1rem 0
}

.ind_case .cont h4 {
    font-size: .8rem;
    color: #333;
    font-weight: 700;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

@media (max-width: 768px) {
    .ind_case .cont h4 {
        font-size: .88888889rem
    }
}

@media (max-width: 640px) {
    .ind_case .cont h4 {
        font-size: 1rem
    }
}

.ind_case .cont small {
    font-size: 14px;
    color: #666;
    line-height: 2.4
}

@media (max-width: 640px) {
    .ind_case .cont small {
        font-size: 13px
    }
}

.ind_case .cont .ico {
    float: right;
    display: none;
    width: 41px;
    height: 20px;
    background-image: url(../image/i02.png);
    background-repeat: no-repeat;
    background-position: 0 center;
    background-size: auto auto
}

.ind_case .cont .more {
    font-size: 14px;
    color: #666;
    margin-top: 1em;
    padding: .9em 0;
    border-top: 1px solid #e8e8e8;
    background-image: url(../image/i03.png);
    background-repeat: no-repeat;
    background-position: 100% center;
    background-size: auto auto;
    display: none;
}

@media (max-width: 640px) {
    .ind_case .cont .more {
        font-size: 13px
    }
}

#ind_d3 {
    padding: .6%
}

#ind_d3 .ind_case li {
    box-sizing: border-box;
    border: 1px solid #ddd;
    width: 24%;
    margin-bottom: 1.3%;
    margin: .5%
}

#ind_d3 .ind_case li:hover h4 {
    color: #0161EB
}

#ind_d3 .ind_case li:hover .more {
    color: #0161EB;
    background-image: url(../image/i03i.png);
    animation: move7 .5s linear forwards
}

@media screen and (max-width: 768px) {
    #ind_d3 .ind_case li {
        border: none
    }

    #ind_d3 .ind_case li .big {
        border: 1px solid #ddd;
        padding: 10px
    }

    #ind_d3 .ind_case li .cont {
        text-align: center;
        padding: .4rem 1rem .5rem
    }

    #ind_d3 .ind_case li .cont .more, #ind_d3 .ind_case li .cont small {
        display: none
    }
}

#ind_d4 {
    padding: 1% 0 0;
    background-color: #131f69
}

#ind_d4 .ind_tit {
    max-width: initial
}

#ind_d4 .ind_tit h2 {
    font-size: 1.5rem;
    line-height: 1.5
}

@media (max-width: 768px) {
    #ind_d4 .ind_tit h2 {
        font-size: 1.2rem
    }
}

@media screen and (max-width: 640px) {
    #ind_d4 .ind_tit h2 {
        font-size: 1.2rem
    }
}

@media screen and (max-width: 640px) and (max-width: 768px) {
    #ind_d4 .ind_tit h2 {
        font-size: 1.09090909rem
    }
}

#ind_d4 .earth_move {
    text-align: center;
    overflow: hidden;
    position: relative;
    height: 30vw;
    background-repeat: no-repeat;
    background-position: center 0;
    background-size: auto
}

#ind_d4 .earth_move .bg {
    max-width: 100%;
    position: absolute;
    z-index: 0;
    top: 0;
    right: 0;
    left: 0;
    margin: auto;
    animation: rota2 60s linear infinite
}

#ind_d4 #nflag {
    position: relative;
    max-width: 100%;
    animation: rota 40s linear infinite;
    z-index: 1
}

#ind_news {
    margin-bottom: 3%
}

#ind_news .new_tit {
    font-size: 1.8rem;
    color: #222;
    font-weight: 700;
    margin: 3% 0 1%
}

@media (max-width: 768px) {
    #ind_news .new_tit {
        font-size: 1.28571429rem
    }
}

#ind_news .tabUl {
    margin-bottom: 2%;
    justify-content: flex-start
}

#ind_news .tabUl li {
    font-size: 15px;
    color: #444;
    text-align: center;
    border: 1px solid #999;
    margin-right: 1em;
    border-radius: 1rem;
    line-height: 2.3;
    flex: initial;
    min-width: 5em;
    padding: 0 1em
}

@media (max-width: 640px) {
    #ind_news .tabUl li {
        font-size: 1rem
    }
}

#ind_news .tabUl li.act {
    background-color: #0161EB;
    border-color: #0161EB;
    color: #fff !important
}

#ind_news .tabUl li:hover {
    color: #0161EB;
    border-color: #0161EB
}

#ind_news .arr {
    float: right;
    width: 1.5rem;
    height: 5em;
    background-image: url(../image/i03.png);
    background-repeat: no-repeat;
    background-position: 100% center;
    background-size: auto auto
}

.newsd {
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start
}

.newsd .onenews {
    display: block;
    width: 30%
}

.newsd .onenews .imWrap {
    padding-top: 60%
}

.newsd .date {
    font-size: 14px;
    color: #666;
    display: inline-block;
    text-align: center;
    line-height: 1.2;
    padding: .3em 1em 0.3em 0;
    margin-right: 4%;
    background: url("../image/S2-1-icon.png");
    background-repeat: no-repeat;
    background-position: 0 4px;
    padding-left: 20px;
}
.newsd .item:hover .date {
    color: #fff;
    background-image: url("../image/S2-2-icon.png");
}
@media (max-width: 640px) {
    .newsd .date {
        font-size: 13px
    }
}

.newsd .date strong {
    display: block;
    font-size: 2.25rem;
    color: #666
}

@media (max-width: 768px) {
    .newsd .date strong {
        font-size: 1.36363636rem
    }
}

.newsd .simg {
    display: none;
    float: left;
    width: 32vw;
    height: 24vw;
    margin-right: 3vw
}

.newsd hr {
    clear: both;
    border-color: #ddd;
    margin-bottom: 1.5em
}

.newsd .item {
    display: block;
    overflow: hidden;
    background-color: #f5f5f5;
    padding: 4% 1rem;
    width: 78%;
    margin: 0 auto;
    margin-bottom: 3%;
    margin-top: -56px;
    position: relative;
    z-index: 999;
}
.newsd .item:hover {
    background: url("../image/S1.png") no-repeat center center;
    color: #fff;
    background-size: cover;
}
.newsd .item:hover .arr {
    background-image: url(../image/i03i.png) !important;
    animation: move6 .5s linear forwards
}

.newsd .item:hover h4 {
    color: #fff
}

.newsd h4 {
    font-size: .8rem;
    color: #333;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

@media (max-width: 768px) {
    .newsd h4 {
        font-size: .88888889rem
    }
}

@media (max-width: 640px) {
    .newsd h4 {
        font-size: 1rem
    }
}

.newsd .des {
    font-size: 14px;
    color: #666;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    margin: 1em 0 0.5em;
}
.newsd .item:hover .des {
    color: #fff;
}

@media (max-width: 640px) {
    .newsd .des {
        font-size: 13px
    }
}

.newsd .n2 {
    width: 30%;
    margin: 0 1%
}

.newsd .n3 {
    width: 38%
}

.newsd .n3 .item {
    margin-bottom: 2%;
    padding-top: 1em;
    padding-bottom: 2.9%
}

.newsd .n3 .date {
    margin-bottom: 0;
    padding: 0 1em 0 0
}

.newsd .n3 h4 {
    margin-top: 4%
}

@media screen and (min-width: 640px) {
    .newsd .n3 .des {
        display: none
    }
}

@media screen and (max-width: 640px) {
    .newsd .arr, .newsd .date, .newsd hr {
        display: none
    }

    .newsd .simg {
        display: block
    }

    .newsd .n2 {
        margin: 0
    }

    .newsd .n2 .item {
        margin-bottom: 2%
    }

    .newsd .n2 h4 {
        margin-top: 3%
    }

    .newsd .n2 .item, .newsd .n3 .item {
        padding: 0
    }

    .newsd .n3 h4 {
        margin-top: 3%
    }

    .newsd .des {
        margin: 0;
        padding-top: 1%
    }
}

#ind_cor {
    position: relative;
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    background-color: #081e4a;
    border-top: 40px solid #fff;
    min-height: 480px
}

#ind_cor .brandul {
    display: flex;
    width: 30%;
    flex-flow: row wrap;
    justify-content: space-between;
    padding: 1rem .5rem;
    height: 500px
}

#ind_cor .brandul li {
    position: relative;
    flex: 1;
    flex-basis: 138px;
    flex-basis: 33%;
    max-width: 203px
}

#ind_cor .brandul li a {
    display: block;
    padding: 0 .4rem
}

#ind_cor .brandul li .imWrap {
    padding-top: 51.3%
}

@media screen and (max-width: 1400px) {
    #ind_cor .brandul li {
        flex-basis: 48%
    }
}

#ind_corpor {
    display: none;
    background-color: #081e4a;
    padding: 2% 0;
    border-top: 40px solid #fff;
    min-height: 480px
}

#ind_corpor .swiper-slide {
    background-color: #0d285c
}

#ind_corpor .swiper-slide .imWrap {
    padding-top: 47.6%
}

#ind_corpor .swiper-slide .imWrap img {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    min-height: initial;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%)
}

.form_div {
    box-sizing: border-box;
    background-color: #f4b406;
    position: relative;
    top: -40px;
    width: 100%;
    max-width: 780px;
    padding: 3rem 4rem 0 2rem
}

.form_div h3 {
    font-size: 1rem;
    color: #fff;
    text-align: center
}

.form_div::before {
    position: absolute;
    width: 0;
    height: 0;
    content: "";
    border-bottom: 40px solid #d39b00;
    border-left: 28px solid transparent;
    border-top: 0;
    top: 0;
    left: -28px
}

.form_div::after {
    position: absolute;
    width: 0;
    height: 0;
    content: "";
    border-bottom: 40px solid #d39b00;
    border-right: 28px solid transparent;
    border-top: 0;
    top: 0;
    right: -28px
}

.form_div input::-webkit-input-placeholder, .form_div textarea::-webkit-input-placeholder {
    color: #fff
}

.form_div input:-moz-placeholder, .form_div textarea:-moz-placeholder {
    color: #fff
}

.form_div input::-moz-placeholder, .form_div textarea::-moz-placeholder {
    color: #fff
}

.form_div input:-ms-input-placeholder, .form_div textarea:-ms-input-placeholder {
    color: #fff
}

#proform {
    margin: 4% 0
}

#proform .row {
    margin-bottom: 3%;
    display: block;
    color: #fff
}

@media screen and (max-width: 768px) {
    #proform .row {
        width: 100%
    }
}

#proform label {
    font-size: 14px;
    color: #fff;
    text-align: right;
    margin-right: 1em;
    width: 7em;
    float: left;
    line-height: 3
}

@media (max-width: 640px) {
    #proform label {
        font-size: 13px
    }
}

#proform label span {
    color: red
}

@media screen and (max-width: 768px) {
    #proform label {
        width: 4em;
        white-space: nowrap
    }
}

#proform input {
    width: 100%;
    box-sizing: border-box;
    background-color: transparent;
    color: #666;
    border: 1px solid #fff;
    line-height: 2;
    padding: .2rem
}

#proform textarea {
    width: 100%;
    box-sizing: border-box;
    color: #fff;
    height: 14em;
    background-color: transparent;
    border: 1px solid #fff
}

#proform input[type=radio] {
    display: inline-block;
    width: auto;
    margin: 0 .5rem 0 1rem
}

#proform select {
    box-sizing: border-box;
    color: #fff;
    height: 36px;
    border: 1px solid #fff;
    background-color: transparent;
    width: 48%
}

#proform select option {
    color: #333
}

#proform select + select {
    float: right
}

#proform input[type=submit] {
    float: left;
    font-size: 15px;
    font-weight: 400;
    display: block;
    background-color: #fff;
    color: #111;
    line-height: 2.3;
    text-align: center;
    border: none;
    width: 7rem;
    margin: 1em 0;
    cursor: pointer
}

@media (max-width: 640px) {
    #proform input[type=submit] {
        font-size: 1rem
    }
}

#proform input[type=submit]:hover {
    animation: jello 1s linear forwards
}

#proform input[type=submit] + .fr {
    display: inline-block;
    margin-top: 1.5em
}

#proform #verify {
    width: 7em
}

@media screen and (max-width: 768px) {
    #proform {
        display: none
    }
}

#jz_d4 {
    overflow: hidden;
    padding: 3% 0 0
}

#jz_d4 .i1 {
    float: left;
    width: 50%;
    margin-left: -2%;
    margin-right: 4%
}

#jz_d4 h3 {
    font-size: 1.8rem;
    color: #333;
    font-weight: 700
}

@media (max-width: 768px) {
    #jz_d4 h3 {
        font-size: 1.28571429rem
    }
}

#jz_d4 h3 small {
    display: block;
    font-size: .8rem;
    color: #333;
    font-weight: 400;
    margin: 1.8em 0
}

@media (max-width: 768px) {
    #jz_d4 h3 small {
        font-size: .88888889rem
    }
}

@media (max-width: 640px) {
    #jz_d4 h3 small {
        font-size: 1rem
    }
}

#jz_d4 dl {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between
}

#jz_d4 dl dd {
    width: 40%
}

#jz_d4 dl h4 {
    font-size: 1rem;
    font-weight: 700;
    color: #333
}

#jz_d4 dl small {
    display: block;
    font-size: .8rem;
    color: #333;
    padding: .8em 0 1.2em
}

@media (max-width: 768px) {
    #jz_d4 dl small {
        font-size: .88888889rem
    }
}

@media (max-width: 640px) {
    #jz_d4 dl small {
        font-size: 1rem
    }
}

#jz_d4 dl i {
    vertical-align: text-bottom;
    display: inline-flex;
    fill: #0161EB;
    width: 1.5rem;
    height: 1.5rem;
    margin-right: .5em
}

#jz_d5 {
    margin-bottom: 4%
}

.jz_news {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between
}

.jz_news .col {
    width: 31%
}

.jz_news .col ._t {
    border: 1px solid #ddd;
    margin-bottom: 1.5em
}

.jz_news .col ._t:hover {
    box-shadow: 2px 2px 7px rgba(70, 70, 70, .2)
}

.jz_news .col .imWrap {
    padding-top: 60%
}

.jz_news .col h3 {
    font-size: .8rem;
    font-weight: 700;
    color: #333;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-align: center;
    line-height: 3.5
}

@media (max-width: 768px) {
    .jz_news .col h3 {
        font-size: .88888889rem
    }
}

@media (max-width: 640px) {
    .jz_news .col h3 {
        font-size: 1rem
    }
}

.jz_news .list {
    width: 100%
}

.jz_news .list li {
    float: left;
    width: 100%;
    border-bottom: 1px dashed #dedede;
    line-height: 3.4
}

@media screen and (max-width: 768px) {
    .jz_news .list li {
        float: none;
        width: 97%
    }
}

.jz_news .list li a {
    display: block
}

.jz_news .list li h5 {
    color: #666;
    font-size: 15px;
    display: block;
    font-weight: 400;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

@media (max-width: 640px) {
    .jz_news .list li h5 {
        font-size: 1rem
    }
}

.jz_news .list li h5:hover {
    color: #0f3175
}

.jz_news .list li h5 i {
    padding-right: .5em
}

.jz_news .list li .date {
    color: #888;
    display: inline-block;
    float: right;
    font-size: 14px;
    margin-right: 2px
}

.jz_news .list li:hover h5 {
    color: #0161EB
}

#kj_d1 {
    position: relative;
    overflow: hidden;
    width: 100%
}

#kj_d1 img {
    display: block
}

#kj_d1 .cont1 {
    opacity: 0;
    position: absolute;
    bottom: 0;
    right: 0;
    -webkit-transition: all .8s linear .3s;
    transition: all .8s linear .3s;
    transform: scale(.5)
}

#kj_d1 .cont1 .i3 {
    position: absolute;
    bottom: 41%;
    width: 100%;
    height: 300px;
    right: 7%;
    -webkit-transform-style: preserve-3d;
    perspective: 663px
}

#kj_d1 .cont1 .i3 img {
    position: absolute;
    bottom: 0;
    right: 0;
    -webkit-transform: rotateX(82deg);
    transform-origin: 100% 100%;
    -webkit-transition: all 1s linear 1.2s;
    transition: all 1s linear 1.2s
}

#kj_d1 .cont2 {
    position: absolute;
    width: 100%;
    z-index: 5;
    left: -10%;
    bottom: 14vw;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: all 1s linear;
    transition: 1s linear
}

#kj_d1 .cont2 h3 {
    font-size: 1.9rem;
    color: #fff;
    font-weight: 700;
    line-height: 1.7
}

@media (max-width: 768px) {
    #kj_d1 .cont2 h3 {
        font-size: 1.31034483rem
    }
}

#kj_d1 .cont2 h3 em {
    color: #0161EB
}

#kj_d1 .cont2 small {
    font-size: 1rem;
    color: #fff;
    display: inline-block;
    padding: .3em 1.5em;
    border-radius: 1.5rem;
    background-color: #373cb3;
    margin-top: .7em
}

#kj_d1 .cont2 .btn {
    text-align: center;
    color: #0161EB;
    font-size: 15px;
    display: block;
    width: 9em;
    margin: 4% 0;
    border-color: #0161EB;
    border-radius: 3px;
    padding: .5em
}

@media (max-width: 640px) {
    #kj_d1 .cont2 .btn {
        font-size: 1rem
    }
}

#kj_d1 .cont2 .btn i {
    float: right;
    margin-right: 5%
}

#kj_d1.active .cont2 {
    left: 0;
    opacity: 1
}

#kj_d1.active .cont1 {
    transform: scale(1);
    opacity: 1
}

#kj_d1.active .cont1 .i3 img {
    -webkit-transform: rotateX(0)
}

#kj_d2 ul {
    overflow: visible;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    padding: 1em 0
}

#kj_d2 ul li {
    box-sizing: border-box;
    text-align: center;
    box-shadow: 0 0 15px rgba(57, 52, 177, .3);
    padding: 3%;
    width: 23%
}

#kj_d2 ul li img {
    max-width: 100%
}

#kj_d2 ul li:hover {
    box-shadow: 0 0 15px rgba(57, 52, 177, .7)
}

#kj_d2 ul .i1 {
    display: block;
    margin-left: auto;
    margin-right: auto
}

#kj_d2 ul strong {
    display: block;
    font-size: 1rem;
    color: #333;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin: 1em 0 .7em
}

#kj_d2 ul .des {
    font-size: 15px;
    color: #333
}

@media (max-width: 640px) {
    #kj_d2 ul .des {
        font-size: 1rem
    }
}

#kj_d3 .cont {
    padding: 2% 0;
    margin-top: 1%;
    background-image: url(../image/05.jpg);
    background-repeat: no-repeat;
    background-position: 50% 0;
    background-size: auto;
    -webkit-transition: background 1.5s linear;
    transition: background 1s linear
}

#kj_d3.aos-animate .cont {
    background-position: 100% 0
}

#kj_d3 .con {
    overflow: hidden;
    padding-bottom: 8%
}

#kj_d3 .con h3 {
    font-size: 1.8rem;
    color: #333;
    line-height: 1.5;
    font-family: "榛戜綋"
}

@media (max-width: 768px) {
    #kj_d3 .con h3 {
        font-size: 1.28571429rem
    }
}

#kj_d3 .con h3::after {
    display: block;
    width: 66px;
    height: 3px;
    content: "";
    margin: .5em 0 1em;
    background-color: #2649db
}

#kj_d3 .con small {
    font-size: .9rem;
    color: #333
}

@media (max-width: 768px) {
    #kj_d3 .con small {
        font-size: .94444444rem
    }
}

#kj_d3 .con .btn {
    font-size: 14px;
    border: none;
    color: #fff;
    display: block;
    position: relative;
    overflow: hidden;
    width: 11em;
    line-height: 3;
    z-index: 0;
    margin: 3% 0;
    border-radius: 3px
}

@media (max-width: 640px) {
    #kj_d3 .con .btn {
        font-size: 13px
    }
}

#kj_d3 .con .btn::after {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    content: " ";
    background-color: #ee9827;
    z-index: -2;
    left: 0;
    top: 0
}

#kj_d3 .con .btn::before {
    content: '';
    z-index: -1;
    position: absolute;
    top: 50%;
    left: 100%;
    margin: -15px 0 0 1px;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: #0f3175;
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    -webkit-transform: scale3d(1, 2, 1);
    transform: scale3d(1, 2, 1);
    -webkit-transition: -webkit-transform .3s, opacity .3s;
    transition: transform .3s, opacity .3s;
    -webkit-transition-timing-function: cubic-bezier(.7, 0, .9, 1);
    transition-timing-function: cubic-bezier(.7, 0, .9, 1)
}

#kj_d3 .con .btn:hover::before {
    -webkit-transform: scale3d(9, 9, 1);
    transform: scale3d(9, 9, 1)
}

#kj_d3 .list {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-around
}

#kj_d3 .list li {
    text-align: center;
    width: 19%
}

#kj_d3 .list li .icon {
    display: inline-block;
    transition: all .5s ease
}

#kj_d3 .list li small {
    display: block;
    font-size: 14px;
    color: #666;
    font-family: Calibri
}

@media (max-width: 640px) {
    #kj_d3 .list li small {
        font-size: 13px
    }
}

#kj_d3 .list li h4 {
    font-size: .9rem;
    color: #333;
    font-weight: 400
}

@media (max-width: 768px) {
    #kj_d3 .list li h4 {
        font-size: .94444444rem
    }
}

#kj_d3 .list li:hover .icon {
    transform: rotateY(180deg)
}

#move_point {
    position: absolute;
    text-align: center;
    bottom: 8vw;
    left: 43%
}

#move_point img {
    display: block;
    max-width: 100%
}

#move_point ._t {
    font-size: 1rem;
    color: #0f3175;
    font-family: Calibri
}

#move_point ._b {
    font-size: .8rem;
    color: #333
}

@media (max-width: 768px) {
    #move_point ._b {
        font-size: .88888889rem
    }
}

@media (max-width: 640px) {
    #move_point ._b {
        font-size: 1rem
    }
}

#move_point ._m {
    font-size: 1.35rem;
    position: relative;
    color: #2649db;
    line-height: 1;
    margin: -1.2em 0 .2em;
    z-index: 5
}

@media (max-width: 768px) {
    #move_point ._m {
        font-size: 1.125rem
    }
}

#move_point ._m span {
    display: inline-block;
    font-size: 1.8rem;
    font-family: Arial;
    text-indent: 8px
}

@media (max-width: 768px) {
    #move_point ._m span {
        font-size: 1.28571429rem
    }
}

#move_point .i2 {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    -webkit-transition: all 1.5s linear .5s;
    transition: all 1.5s linear .5s
}

#move_point.aos-animate .i2 {
    transform: rotate(360deg)
}

@media screen and (min-width: 980px) and (max-width: 1200px) {
    html {
        font-size: 17px
    }
}

@media screen and (min-width: 768px) and (max-width: 979px) {
    html {
        font-size: 16px
    }
}

.imgDiv {
    position: relative;
    overflow: hidden
}

.imgDiv .cont {
    display: inline-block;
    width: 100%;
    display: block;
    position: absolute;
    z-index: 5;
    top: 54%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%)
}

.imgDiv h2 {
    font-size: 1.8rem;
    color: #fff;
    letter-spacing: 3px
}

@media (max-width: 768px) {
    .imgDiv h2 {
        font-size: 1.28571429rem
    }
}

.imgDiv small {
    font-size: .8rem;
    display: block;
    color: #fff;
    letter-spacing: 1px;
    text-align: justify;
    max-width: 725px
}

@media (max-width: 768px) {
    .imgDiv small {
        font-size: .88888889rem
    }
}

@media (max-width: 640px) {
    .imgDiv small {
        font-size: 1rem
    }
}

@media screen and (max-width: 768px) {
    .imgDiv img {
        width: 210%
    }

    .imgDiv .cont {
        width: 90%;
        margin-left: 0
    }
}

@media screen and (max-width: 500px) {
    .imgDiv h2 {
        font-size: 16px
    }

    .imgDiv small {
        font-size: 13px;
        line-height: 1.6
    }
}

.innernav {
    width: 100%;
    position: absolute;
    bottom: 0;
    z-index: 5;
    background-color: rgba(0, 0, 0, .3);
    padding: 1em 0
}

.innernav .breaker {
    float: right;
    color: #ddd
}

.innernav .breaker a {
    color: #ddd
}

.innernav .nava {
    color: #fff;
    font-size: 14px;
    display: inline-block;
    padding: 0 1em;
    margin-right: .5em;
    border-radius: 1rem;
    line-height: 2.3
}

@media (max-width: 640px) {
    .innernav .nava {
        font-size: 13px
    }
}

.innernav .nava.act {
    background-color: #fff;
    color: #000
}

.artitle {
    border-bottom: 1px solid rgba(255, 255, 255, .3);
    padding-bottom: 1.5%;
    margin-bottom: .7rem
}

.artitle h1 {
    font-size: 1.5rem;
    color: #fff;
    line-height: 1.3;
    padding: .5em 0
}

@media (max-width: 768px) {
    .artitle h1 {
        font-size: 1.2rem
    }
}

.artitle .infos {
    font-size: 14px;
    color: #bbb
}

@media (max-width: 640px) {
    .artitle .infos {
        font-size: 13px
    }
}

.artitle .infos a {
    color: #bbb
}

.breaker {
    text-align: left;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #666;
    line-height: 30px;
    padding-left: 2em;
    background-position: 0 center
}

.breaker a {
    color: #999
}

.breaker a:hover {
    color: #0f3175
}

.breaker i {
    color: #ddd;
    text-align: center;
    font-size: 1rem;
    margin-right: .5em
}

@media screen and (max-width: 768px) {
    .breaker {
        margin: 0;
        padding: 0
    }
}

@media screen and (max-width: 640px) {
    .titbar {
        margin-bottom: 10px
    }
}

.titbar.break {
    height: 2rem;
    margin: .4rem 0 1.1rem;
    padding: 0;
    border-bottom: 1px solid #ddd
}

.titbar.break .breaker {
    float: right
}

.titbar.break h2 {
    color: #333;
    font-weight: 400;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    line-height: 1.2;
    border-left: 5px solid #0f3175;
    padding-left: .5em
}

@media screen and (max-width: 640px) {
    .titbar.break {
        overflow: hidden;
        margin-bottom: 5vw;
        padding-bottom: 2%
    }

    .titbar.break .breaker {
        float: none
    }

    .titbar.break h2 {
        display: none
    }
}

.bgray {
    overflow: hidden;
    background-color: #f4f4f4
}

.waimao_img {
    background-color: #000;
    overflow: hidden;
    position: relative;
    width: 100vw
}

.waimao_img .i01 {
    position: absolute;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 0;
    min-width: 100%
}

.waimao_img .containe {
    overflow: hidden;
    padding: 10% 0;
    position: relative;
    z-index: 2
}

.waimao_img #u1l {
    float: left;
    margin-right: 7%;
    margin-top: 4rem
}

.waimao_img #u1l li {
    text-align: center;
    cursor: pointer;
    font-size: .9rem;
    color: #fff;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 10em;
    background-color: #222;
    margin-bottom: 1.5em;
    line-height: 2.7;
    border-radius: 3px;
    -webkit-transition: all .3s linear;
    transition: all .3s linear
}

@media (max-width: 768px) {
    .waimao_img #u1l li {
        font-size: .94444444rem
    }
}

.waimao_img #u1l li.act, .waimao_img #u1l li:hover {
    color: #333;
    background-color: #0161EB
}

.waimao_img .imgcont {
    float: right;
    position: relative;
    margin-top: 4rem;
    width: 23rem;
    height: 26.5rem
}

.waimao_img .imgcont img {
    max-width: 23rem;
    display: block
}

.waimao_img .imgcont .cont {
    position: absolute;
    background-color: #fff;
    bottom: -7%;
    right: 10%;
    z-index: 4;
    min-width: 100%;
    max-width: 140%;
    padding: 1rem 2rem
}

.waimao_img .imgcont .cont h3 {
    font-size: 1.2rem;
    color: #333
}

@media (max-width: 768px) {
    .waimao_img .imgcont .cont h3 {
        font-size: 1.09090909rem
    }
}

.waimao_img .imgcont .cont small {
    font-size: .8rem;
    color: #666
}

@media (max-width: 768px) {
    .waimao_img .imgcont .cont small {
        font-size: .88888889rem
    }
}

@media (max-width: 640px) {
    .waimao_img .imgcont .cont small {
        font-size: 1rem
    }
}

.waimao_img .imgcont .iconfont {
    font-size: 1.2rem;
    position: absolute;
    top: 1rem;
    color: #cecece;
    right: 1rem
}

@media (max-width: 768px) {
    .waimao_img .imgcont .iconfont {
        font-size: 1.09090909rem
    }
}

.waimao_img .imgcont .iconfont.icon-left {
    right: 2.5rem
}

.waimao_img .imgcont .iconfont:hover {
    color: #0161EB
}

.waimao_img #h3t {
    font-size: 1.1rem;
    font-weight: 700;
    color: #fff;
    margin-bottom: 1.5em
}

@media (max-width: 768px) {
    .waimao_img #h3t {
        font-size: 1.04761905rem
    }
}

.waimao_img #u2l li {
    margin-bottom: 4%;
    cursor: pointer
}

.waimao_img #u2l li i {
    vertical-align: middle;
    display: inline-flex;
    fill: #cecece;
    width: 1.8rem;
    height: 1.8rem
}

.waimao_img #u2l li .line {
    display: inline-block;
    vertical-align: middle;
    background-color: #cecece;
    height: 1px;
    width: 6%;
    margin: 0 1.5%;
    -webkit-transition: all .3s linear;
    transition: all .3s linear
}

.waimao_img #u2l li h5 {
    display: inline-block;
    vertical-align: middle;
    color: #cecece;
    font-size: .8rem;
    font-weight: 400
}

@media (max-width: 768px) {
    .waimao_img #u2l li h5 {
        font-size: .88888889rem
    }
}

@media (max-width: 640px) {
    .waimao_img #u2l li h5 {
        font-size: 1rem
    }
}

.waimao_img #u2l li.act i, .waimao_img #u2l li:hover i {
    fill: #0161EB
}

.waimao_img #u2l li.act .line, .waimao_img #u2l li:hover .line {
    background-color: #0161EB;
    width: 9%
}

.waimao_img #u2l li.act h5, .waimao_img #u2l li:hover h5 {
    color: #0161EB
}

@media screen and (max-width: 768px) {
    .waimao_img {
        display: none
    }
}

#jz_d2 {
    overflow: hidden;
    position: relative;
    z-index: 5;
    background-color: #f0f5f6;
    padding: 1% 0 3%
}

#jz_d2 ul {
    border-left: 1px solid #ddd;
    margin-top: 4%;
    overflow: visible;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between
}

#jz_d2 ul li {
    box-sizing: border-box;
    background-color: #fff;
    text-align: center;
    width: 20%;
    border: 1px solid #ddd;
    border-left: none
}

#jz_d2 ul li .num {
    text-align: center;
    font-size: 1.4rem;
    font-style: italic;
    font-family: Arial;
    font-weight: 700;
    color: #fff;
    transform: translateY(-50%);
    line-height: 4.5rem;
    background-image: url(../image/i05.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: auto 100%
}

@media (max-width: 768px) {
    #jz_d2 ul li .num {
        font-size: 1.16666667rem
    }
}

#jz_d2 ul li i {
    display: inline-flex;
    fill: #000;
    width: 2.5rem;
    height: 2.5rem
}

#jz_d2 ul li strong {
    font-size: 1rem;
    color: #000;
    display: block;
    line-height: 3
}

#jz_d2 ul li .btn {
    font-size: 15px;
    border: none;
    color: #0f3175;
    line-height: 2.4;
    border-radius: 1.5rem;
    padding: 0 1.5em;
    margin: 2% auto 12%;
    border: 1px solid #f3f5f8;
    background-color: #f3f5f8
}

@media (max-width: 640px) {
    #jz_d2 ul li .btn {
        font-size: 1rem
    }
}

@media screen and (max-width: 768px) {
    #jz_d2 ul li .btn {
        background-color: #0f3175;
        color: #fff
    }
}

#jz_d2 ul li .btn:hover {
    background-color: #0f3175;
    color: #fff
}

#jz_d3 .swiper-father {
    position: relative;
    padding: 0 4rem
}

#jz_d3 .swiper-button-prev {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMTI4cHgiIGhlaWdodD0iMTI4cHgiIHZpZXdCb3g9IjAgMCAxMjggMTI4IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxMjggMTI4IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnPg0KCTxwYXRoIGQ9Ik02NCwwQzI4LjY1MiwwLDAsMjguNjUyLDAsNjRjMCwzNS4zNDYsMjguNjUyLDY0LDY0LDY0YzM1LjM0NCwwLDY0LTI4LjY1NCw2NC02NEMxMjgsMjguNjUyLDk5LjM0NCwwLDY0LDB6IE02NCwxMjQNCgkJQzMwLjg2MiwxMjQsNCw5Ny4xMzYsNCw2NEM0LDMwLjg2MiwzMC44NjIsNCw2NCw0YzMzLjEzMiwwLDYwLDI2Ljg2Miw2MCw2MEMxMjQsOTcuMTM2LDk3LjEzMiwxMjQsNjQsMTI0eiIvPg0KCTxwYXRoIGQ9Ik04OC40MzEsNjIuNjdsLTQxLjgyMi0wLjAzNWwxNC4yMTgtMTQuMzA3YzAuNzgyLTAuNzgyLDAuNzgyLTIuMDQ2LDAtMi44MjhjLTAuNzgyLTAuNzgyLTIuMDQ2LTAuNzgyLTIuODI3LDANCgkJTDQxLjAyOCw2Mi41NjhjLTAuMzk2LDAuMzk0LTAuNTg4LDAuOTE2LTAuNTgyLDEuNDMyYy0wLjAwNiwwLjUxOCwwLjE4NiwxLjAzOCwwLjU4MiwxLjQzNEw1OCw4Mi41ODMNCgkJYzAuNzgxLDAuNzgyLDIuMDQ1LDAuNzgyLDIuODI3LDBzMC43ODItMi4wNDYsMC0yLjgyOGwtMTIuOTc0LTEzLjEybDQwLjU3NCwwLjAzNWMxLjEwNSwwLDItMC44OTMsMi4wMDEtMS45OTgNCgkJQzkwLjQzLDYzLjU2NCw4OS41MzYsNjIuNjcxLDg4LjQzMSw2Mi42N3oiLz4NCjwvZz4NCjwvc3ZnPg==)
}

#jz_d3 .swiper-button-next {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMTI4cHgiIGhlaWdodD0iMTI4cHgiIHZpZXdCb3g9IjAgMCAxMjggMTI4IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxMjggMTI4IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnPg0KCTxwYXRoIGQ9Ik02NCwxMjhjMzUuMzQ5LDAsNjQtMjguNjUyLDY0LTY0YzAtMzUuMzQ2LTI4LjY1MS02NC02NC02NEMyOC42NTYsMCwwLDI4LjY1NCwwLDY0QzAsOTkuMzQ4LDI4LjY1NiwxMjgsNjQsMTI4eiBNNjQsNA0KCQljMzMuMTM5LDAsNjAsMjYuODY0LDYwLDYwYzAsMzMuMTM4LTI2Ljg2MSw2MC02MCw2MEMzMC44NjgsMTI0LDQsOTcuMTM4LDQsNjRDNCwzMC44NjQsMzAuODY4LDQsNjQsNHoiLz4NCgk8cGF0aCBkPSJNMzkuNTY4LDY1LjMzbDQxLjgyMywwLjAzNUw2Ny4xNzMsNzkuNjcyYy0wLjc4MSwwLjc4Mi0wLjc4MSwyLjA0NiwwLDIuODI4YzAuNzgyLDAuNzgyLDIuMDQ3LDAuNzgyLDIuODI3LDANCgkJbDE2Ljk3My0xNy4wNjhjMC4zOTYtMC4zOTQsMC41ODgtMC45MTYsMC41ODItMS40MzJjMC4wMDYtMC41MTgtMC4xODctMS4wMzgtMC41ODItMS40MzRMNzAsNDUuNDE3DQoJCWMtMC43OC0wLjc4Mi0yLjA0NS0wLjc4Mi0yLjgyNywwYy0wLjc4MSwwLjc4Mi0wLjc4MSwyLjA0NiwwLDIuODI4bDEyLjk3NSwxMy4xMkwzOS41NzIsNjEuMzNjLTEuMTA0LDAtMiwwLjg5My0yLDEuOTk4DQoJCUMzNy41Nyw2NC40MzYsMzguNDY0LDY1LjMyOSwzOS41NjgsNjUuMzN6Ii8+DQo8L2c+DQo8L3N2Zz4=)
}

#jz_d3 .swiper-button-next, #jz_d3 .swiper-button-prev {
    background-repeat: no-repeat;
    background-position: 0 center;
    background-size: cover;
    width: 2.25rem;
    height: 2.25rem;
    top: 38%
}

@media screen and (max-width: 640px) {
    #jz_d3 .swiper-father {
        padding: 0
    }

    #jz_d3 .swiper-button-next, #jz_d3 .swiper-button-prev {
        display: none
    }
}

#jz_case .li {
    width: 30.33%;
    margin-right: 3%;
    float: left;
    margin-bottom: 45px
}

#jz_case .li .itemtop {
    height: 24px;
    line-height: 24px;
    padding: 0 10px;
    border-radius: 8px 8px 0 0;
    background: #eee
}

@media screen and (max-width: 768px) {
    #jz_case .li .itemtop {
        display: none
    }
}

#jz_case .li .itemtop span {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    display: inline-block;
    margin-right: 6px;
    background: #fff
}

#jz_case .li .pic {
    width: 100%;
    height: 16rem;
    position: relative;
    overflow: hidden;
    border: 1px solid #eee;
    box-sizing: border-box
}

#jz_case .li .pic img {
    display: block;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    max-height: unset;
    transition: none
}

#case_ul .li .pic .cover {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(20, 38, 78, .5);
    opacity: 0;
    color: #fff;
    text-align: center;
    -webkit-transition: all .3s linear;
    transition: all .3s linear;
    z-index: 8
}

#case_ul .li .pic .link, #case_ul .li .pic .more {
    display: inline-block;
    color: #fff;
    padding: .4rem 1.5rem;
    background: #0161EB;
    border-radius: 3px;
    margin-right: 10px
}

#case_ul .li .pic .link {
    background: #14264e
}

#case_ul .li:hover .pic .cover {
    opacity: 1
}

#jz_case .li .txt {
    font-size: .9rem;
    color: #333;
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding-top: .8em
}

@media (max-width: 768px) {
    #jz_case .li .txt {
        font-size: .94444444rem
    }
}

#jz_case .swiper-wrapper {
    width: 100% !important
}

.case_top {
    background-color: #4d79f6;
    padding: 165px 0 2.5vw
}

.topnav {
    max-width: 1400px;
    margin-left: auto;
    margin-right: auto;
    display: table
}

.topnav li {
    float: left;
    font-size: .85rem;
    color: #fff;
    position: relative;
    line-height: 2.8;
    padding: 0 2em;
    margin-right: 30px;
    border-radius: 1.5rem;
    border: 1px solid #fff
}

@media (max-width: 768px) {
    .topnav li {
        font-size: .94444444rem
    }
}

@media (max-width: 640px) {
    .topnav li {
        font-size: 1.0625rem
    }
}

.topnav li a {
    color: #fff
}

.topnav li:last-child {
    margin-right: 0
}

.topnav li.active, .topnav li:hover {
    background: #0161EB;
    border-color: #0161EB
}

.topnav li.active a, .topnav li:hover a {
    color: #111
}

.ind_case.inner {
    padding: .5%
}

.ind_case.inner li {
    margin: .5%;
    width: 24%;
    box-sizing: border-box;
    border: 1px solid #ddd;
    padding: .5rem
}

.ind_case.inner li .bord {
    padding: .5rem
}

.ind_case.inner .cont {
    padding: 4%
}

.ind_case.inner li:hover h4 {
    color: #0161EB
}

.ind_case.inner li:hover .cont .ico {
    background-image: url(../image/i02i.png)
}

.about_top {
    overflow: hidden;
    background-image: url(../image/10.jpg);
    background-repeat: no-repeat;
    background-position: 0 center;
    background-size: 100% auto
}

.about_top .items {
    margin-top: calc(80px + 7%);
    overflow: hidden;
    margin-bottom: 8%;
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start
}

.about_top .item {
    width: 33.3%;
    text-align: center;
    box-sizing: border-box;
    padding: 3.5% 0;
    border-top: 1px solid rgba(255, 255, 255, .3);
    border-left: 1px solid rgba(255, 255, 255, .3);
    margin-top: -1px;
    margin-left: -1px
}

.about_top .number {
    color: #fff;
    line-height: 1.4
}

.about_top .number .num {
    font-size: 3.6rem;
    font-weight: 700;
    font-family: Arial;
    display: inline-block;
    vertical-align: middle;
    transform: scale(.8, 1)
}

@media (max-width: 768px) {
    .about_top .number .num {
        font-size: 1.8rem
    }
}

.about_top .number strong {
    font-family: Arial;
    font-size: 3rem;
    display: inline-block;
    vertical-align: middle;
    line-height: 3rem
}

@media (max-width: 768px) {
    .about_top .number strong {
        font-size: 1.57894737rem
    }
}

.about_top .des {
    color: #fff;
    font-size: .85rem
}

@media (max-width: 768px) {
    .about_top .des {
        font-size: .94444444rem
    }
}

@media (max-width: 640px) {
    .about_top .des {
        font-size: 1.0625rem
    }
}

.about_mid {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-around
}

.about_mid .item {
    overflow: hidden;
    box-sizing: border-box;
    width: 50%
}

.about_mid .item .big {
    width: 50%;
    float: right
}

.about_mid .item .big._l {
    float: left
}

.about_mid .item:first-child {
    background-color: #363433
}

.about_mid .item:nth-child(3) {
    border-left: 5rem solid #333
}

.about_mid .cont {
    overflow: hidden;
    padding: 5% 7% 0
}

.about_mid .cont.t2 {
    padding: 6% 7% 0
}

.about_mid .cont h2 {
    font-size: 2.7rem;
    color: #fff;
    font-weight: 400;
    line-height: 1
}

@media (max-width: 768px) {
    .about_mid .cont h2 {
        font-size: 1.58823529rem
    }
}

.about_mid .cont small {
    font-size: 1.5rem;
    color: #fff;
    display: block;
    margin: .5em 0
}

@media (max-width: 768px) {
    .about_mid .cont small {
        font-size: 1.2rem
    }
}

.about_mid .cont .ss {
    color: #fff;
    font-size: .8rem
}

@media (max-width: 768px) {
    .about_mid .cont .ss {
        font-size: .88888889rem
    }
}

@media (max-width: 640px) {
    .about_mid .cont .ss {
        font-size: 1rem
    }
}

.about_mid .cont h3 {
    font-weight: 400;
    color: #0161EB;
    font-size: 1.3rem;
    margin-bottom: .5em
}

@media (max-width: 768px) {
    .about_mid .cont h3 {
        font-size: 1.13043478rem
    }
}

.about_mid .cont .des {
    font-size: .8rem;
    color: #333
}

@media (max-width: 768px) {
    .about_mid .cont .des {
        font-size: .88888889rem
    }
}

@media (max-width: 640px) {
    .about_mid .cont .des {
        font-size: 1rem
    }
}

.about_mid .cont .des p {
    margin-bottom: .6rem
}

.about_honor {
    background-image: url(../image/12.jpg);
    background-repeat: no-repeat;
    background-position: 0 center;
    background-size: 100% auto
}

.about_honor .ind_tit * {
    color: #fff
}

.about_honor .swiper-father {
    position: relative;
    padding: 1rem 5rem 5%
}

.about_honor .swiper-father img {
    max-width: 100%
}

.about_honor .swiper-slide {
    box-sizing: border-box;
    background-color: #fff;
    padding: 6px
}

.about_honor .swiper-button-prev {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiICAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHdpZHRoPSIxMjhweCIgaGVpZ2h0PSIxMjhweCIgdmlld0JveD0iMCAwIDEyOCAxMjgiIGZpbGw9IiNmZmYiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDEyOCAxMjgiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPGc+DQoJPHBhdGggZD0iTTY0LDBDMjguNjUyLDAsMCwyOC42NTIsMCw2NGMwLDM1LjM0NiwyOC42NTIsNjQsNjQsNjRjMzUuMzQ0LDAsNjQtMjguNjU0LDY0LTY0QzEyOCwyOC42NTIsOTkuMzQ0LDAsNjQsMHogTTY0LDEyNA0KCQlDMzAuODYyLDEyNCw0LDk3LjEzNiw0LDY0QzQsMzAuODYyLDMwLjg2Miw0LDY0LDRjMzMuMTMyLDAsNjAsMjYuODYyLDYwLDYwQzEyNCw5Ny4xMzYsOTcuMTMyLDEyNCw2NCwxMjR6Ii8+DQoJPHBhdGggZD0iTTg4LjQzMSw2Mi42N2wtNDEuODIyLTAuMDM1bDE0LjIxOC0xNC4zMDdjMC43ODItMC43ODIsMC43ODItMi4wNDYsMC0yLjgyOGMtMC43ODItMC43ODItMi4wNDYtMC43ODItMi44MjcsMA0KCQlMNDEuMDI4LDYyLjU2OGMtMC4zOTYsMC4zOTQtMC41ODgsMC45MTYtMC41ODIsMS40MzJjLTAuMDA2LDAuNTE4LDAuMTg2LDEuMDM4LDAuNTgyLDEuNDM0TDU4LDgyLjU4Mw0KCQljMC43ODEsMC43ODIsMi4wNDUsMC43ODIsMi44MjcsMHMwLjc4Mi0yLjA0NiwwLTIuODI4bC0xMi45NzQtMTMuMTJsNDAuNTc0LDAuMDM1YzEuMTA1LDAsMi0wLjg5MywyLjAwMS0xLjk5OA0KCQlDOTAuNDMsNjMuNTY0LDg5LjUzNiw2Mi42NzEsODguNDMxLDYyLjY3eiIvPg0KPC9nPg0KPC9zdmc+)
}

.about_honor .swiper-button-next {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGZpbGw9IiNmZmYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMTI4cHgiIGhlaWdodD0iMTI4cHgiIHZpZXdCb3g9IjAgMCAxMjggMTI4IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxMjggMTI4IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnPg0KCTxwYXRoIGQ9Ik02NCwxMjhjMzUuMzQ5LDAsNjQtMjguNjUyLDY0LTY0YzAtMzUuMzQ2LTI4LjY1MS02NC02NC02NEMyOC42NTYsMCwwLDI4LjY1NCwwLDY0QzAsOTkuMzQ4LDI4LjY1NiwxMjgsNjQsMTI4eiBNNjQsNA0KCQljMzMuMTM5LDAsNjAsMjYuODY0LDYwLDYwYzAsMzMuMTM4LTI2Ljg2MSw2MC02MCw2MEMzMC44NjgsMTI0LDQsOTcuMTM4LDQsNjRDNCwzMC44NjQsMzAuODY4LDQsNjQsNHoiLz4NCgk8cGF0aCBkPSJNMzkuNTY4LDY1LjMzbDQxLjgyMywwLjAzNUw2Ny4xNzMsNzkuNjcyYy0wLjc4MSwwLjc4Mi0wLjc4MSwyLjA0NiwwLDIuODI4YzAuNzgyLDAuNzgyLDIuMDQ3LDAuNzgyLDIuODI3LDANCgkJbDE2Ljk3My0xNy4wNjhjMC4zOTYtMC4zOTQsMC41ODgtMC45MTYsMC41ODItMS40MzJjMC4wMDYtMC41MTgtMC4xODctMS4wMzgtMC41ODItMS40MzRMNzAsNDUuNDE3DQoJCWMtMC43OC0wLjc4Mi0yLjA0NS0wLjc4Mi0yLjgyNywwYy0wLjc4MSwwLjc4Mi0wLjc4MSwyLjA0NiwwLDIuODI4bDEyLjk3NSwxMy4xMkwzOS41NzIsNjEuMzNjLTEuMTA0LDAtMiwwLjg5My0yLDEuOTk4DQoJCUMzNy41Nyw2NC40MzYsMzguNDY0LDY1LjMyOSwzOS41NjgsNjUuMzN6Ii8+DQo8L2c+DQo8L3N2Zz4=)
}

.about_honor .swiper-button-next, .about_honor .swiper-button-prev {
    background-repeat: no-repeat;
    background-position: 0 center;
    background-size: cover;
    width: 2.25rem;
    height: 2.25rem;
    top: 38%
}

.contact_top {
    background-color: #081e4a;
    padding-top: calc(80px + .5%);
    padding-bottom: 1%
}

.contact_top .ind_tit h2 {
    color: #fff
}

.contact_top .ind_tit .s2 {
    color: #fff;
    font-size: 1.4rem;
    text-transform: uppercase;
    line-height: .9
}

@media (max-width: 768px) {
    .contact_top {
        background-color: #081e4a;
        padding-top: calc(20px + .5%);
        padding-bottom: 8%;
    }
    .contact_top .ind_tit .s2 {
        font-size: 1.16666667rem
    }
}

.contact_mid {
    overflow: hidden
}

.contact_mid .infos {
    position: relative;
    z-index: 5;
    float: left;
    width: 100%;
    /*background-color: #e9ad07;*/
}

.contact_mid .infos .tit {
    font-size: 16px;
    color: #0C0B0A;
    padding: 50px 8% 46px;
    text-align: center;
}

@media (max-width: 640px) {
    .contact_mid .infos .tit {
        font-size: 1rem
    }

}

.contact_mid .infos ul li {
    margin-bottom: .5rem
}

.contact_mid .infos ul i {
    color: #0074FD;
    font-size: 1.25rem;
    display: inline-block;
    box-sizing: border-box;
    text-align: center;
    float: left;
    width: 2em;
    line-height: 2;
    border-radius: 50%;
    border: 1px solid #0074FD;
    margin-right: 1rem
}

@media (max-width: 768px) {
    .contact_mid .infos ul i {
        font-size: 1.08695652rem;
        margin-bottom: 16px;
        margin-top: 7px;
    }
}

.contact_mid .infos ul .txt {
    font-size: .8rem;
    color: #0C0B0A;
    line-height: 1.5
}

@media (max-width: 768px) {
    .contact_mid .infos ul .txt {
        font-size: .88888889rem
    }
}

@media (max-width: 640px) {
    .contact_mid .infos ul .txt {
        font-size: 1rem
    }
}

.contact_mid .infos .ecode {
    padding-left: 4rem;
    text-align: center;
    color: #fff;
    font-size: 13px;
    display: inline-block
}

.contact_mid .map {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1
}

.contact_bot {
    margin-top: 4%;
    border-top: 3px solid #f1f1f1;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-around
}

.contact_bot .item {
    box-sizing: border-box;
    border-right: 1px solid #666;
    margin: 3% 0 8%;
    width: 29%;
    margin-right: 4%
}

.contact_bot .item:last-child {
    border: none
}

.contact_bot h4 {
    font-size: .9rem;
    color: #333;
    line-height: 1;
    margin-bottom: .5em
}

@media (max-width: 768px) {
    .contact_bot h4 {
        font-size: .94444444rem
    }
}

.contact_bot h4 i {
    color: #0161EB
}

.contact_bot p {
    font-size: 15px;
    color: #333
}

@media (max-width: 640px) {
    .contact_bot p {
        font-size: 1rem
    }
}

.haiwai_top {
    overflow: hidden;
    position: relative;
    z-index: 0;
    height: 46vw
}

.haiwai_top video {
    position: relative;
    z-index: 1
}

.haiwai_top .i1 {
    position: absolute;
    z-index: 4;
    border-left: 800px solid #081e4a;
    animation: move4 5s linear forwards
}

.haiwai_top .i2 {
    position: absolute;
    z-index: 5;
    opacity: 0;
    width: 100%;
    left: 0;
    top: 0;
    animation: move5 1.5s linear 5s forwards
}

.haiwai_ads {
    overflow: hidden;
    padding: 5% 0 5%;
    background-image: url(../image/index2fuwufangan.png);
    background-repeat: no-repeat;
    background-position: 100% center;
    background-size: auto auto
}

.haiwai_ads h4 {
    font-size: 1.8rem;
    color: #fff;
    font-weight: 700;
    text-shadow: rgba(0, 0, 0, .6) 2px 3px 2px;
    line-height: 1.5;
    float: left;
    width: 32%;
    display: grid;
    align-items: center;
    height: 220px;
}

@media (max-width: 768px) {
    .haiwai_ads h4 {
        font-size: 1.28571429rem;
        height: 324px;
    }
}

.haiwai_ads dl {
    width: 66%;
    float: right;
}

.haiwai_ads dd {
    font-size: 1.4rem;
    color: #fff;
    width: 50%;
    float: left;
    box-sizing: border-box;
    padding-left: 1.4rem;
    text-shadow: rgba(0, 0, 0, .3) 1px 1px 2px;
    margin-bottom: 2%;
    border-left: 2px solid #0FF;
}
.haiwai_ads dd h2 {
    font-size: 2rem;
}
.haiwai_ads dd h2 sub {
    font-size: 20px;
    vertical-align: middle;
}
.haiwai_ads dd p {
    font-size: 16px;
}

@media (max-width: 768px) {
    .haiwai_ads dd {
        font-size: 1.16666667rem
    }
}

@media screen and (max-width: 640px) {
    .haiwai_ads {
        background-size: auto 100%
    }

    .haiwai_ads dl {
        padding-left: 6%;
        width: auto
    }

    .haiwai_ads dd {
        width: 100%;
        float: none
    }
}

.hw_i1 {
    position: relative;
    display: block;
    max-width: 100%;
    z-index: 4
}

#haiwai_mid {
    overflow: hidden;
    position: relative;
    z-index: 5;
    padding: 3% 0 0
}

#haiwai_mid .i1 {
    width: 75%;
    margin: 0 auto;
    float: unset;
    display: block;
}

#haiwai_mid h3 {
    font-size: 1.8rem;
    color: #333;
    font-weight: 700;
    margin-bottom: 5%;
    text-align: center;
}

@media (max-width: 768px) {
    #haiwai_mid h3 {
        font-size: 1.28571429rem
    }
}

#haiwai_mid dl {
    width: 100%;
    float: left;
    margin-top: 80px;
}

#haiwai_mid dl dd {
    overflow: hidden;
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    margin-bottom: 8%
}

#haiwai_mid dl em {
    display: inline-block;
    text-align: right;
    font-size: 1rem;
    color: #0161EB;
    width: 5em;
    max-width: 5em;
    white-space: nowrap
}

#haiwai_mid dl .des {
    font-size: .8rem;
    color: #333;
    line-height: 1.7;
    /*border-left: 1px solid #ddd;*/
    padding-left: 1em;
    margin-left: 1em
}

@media (max-width: 768px) {
    #haiwai_mid dl .des {
        font-size: .88888889rem
    }
}

@media (max-width: 640px) {
    #haiwai_mid dl .des {
        font-size: 1rem
    }
}

#haiwai_mid dl.d1 em {
    /*width: 3em*/
}

#haiwai_mid dl.d1 dd {
    margin-bottom: 3%;
    float: left;
    width: calc(100% / 3);
    height: 80px;
}

#haiwai_d3 {
    padding-bottom: 3%
}

#haiwai_d3 .list {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    padding: 10px 0;
}

#haiwai_d3 .list li {
    text-align: center;
    width: 14%;
    margin: 0 3%;
    box-shadow: 0 0 5px -4px #000;
    border-radius: 8px;
    overflow: hidden;
}

#haiwai_d3 .list li .icon {
    display: inline-block;
    transition: all .5s ease;
    height: 190px;
    width: 173px;
    object-fit: contain;
    margin-top: 20px;
    margin-bottom: 10px;
}

#haiwai_d3 .list li h4 {
    font-size: 0.8rem;
    color: #fff;
    padding: 10px 0 0;
}
#haiwai_d3 .list li div {
    background: #0177FF;
    color: #fff;
    text-align: center;
}
#haiwai_d3 .list li .btn {
    border: none;
    font-size: 15px;
    color: #fff;
    border-radius: 1rem;
    padding: 0px 2.5em 8px;
}

@media (max-width: 640px) {
    #haiwai_d3 .list li .btn {
        font-size: 1rem
    }
}

#haiwai_d3 .list li:hover .icon {
    transform: rotateY(180deg)
}

/*#haiwai_d3 .list li:nth-child(2) .btn {*/
/*    background-color: #4653e0*/
/*}*/

/*#haiwai_d3 .list li:nth-child(3) .btn {*/
/*    background-color: #29abe2*/
/*}*/

/*#haiwai_d3 .list li:nth-child(4) .btn {*/
/*    background-color: #f0b81f*/
/*}*/

.inner_pro {
    width: 102%
}

.inner_pro li {
    width: 31.3%;
    float: left;
    margin-right: 2%;
    background-color: #fff;
    box-sizing: border-box;
    margin-bottom: 3%;
    padding: .3rem;
    border: 1px solid #ddd;
    -webkit-transition: all .5s linear;
    transition: all .5s linear
}

.inner_pro li:hover {
    border-color: #0f3175
}

.inner_pro li:hover h4 {
    color: #0f3175;
    border-color: #0f3175
}

.inner_pro .imWrap {
    padding-top: 66.5%
}

.inner_pro h4 {
    font-size: 15px;
    color: #333;
    font-weight: 400;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding: .4em 0;
    border-left: 4px solid #333;
    line-height: .5em;
    padding-left: .6em;
    margin: 1em 0 .7em
}

@media (max-width: 640px) {
    .inner_pro h4 {
        font-size: 1rem
    }
}

@media screen and (max-width: 768px) {
    .inner_pro {
        width: 100%
    }

    .inner_pro li {
        width: 48%
    }
}

.news {
    padding: 3% 0;
    background: #fff
}

.news .newslist {
    padding: 0;
    width: 103%
}

.news .newslist li {
    width: 30.33% !important;
    margin-bottom: 50px;
    margin-right: 3%
}

.news {
    position: relative;
    padding: 4% 0 2%;
    background: url(../image/news_bg.jpg) center repeat-y
}

.news .newslist {
    width: 103%;
    padding: 4% 0 5%
}

.news .newslist li {
    width: 30.4% !important;
    margin-right: 3% !important;
    float: left;
    box-shadow: 0 0 8px #ddd;
    background: #fff
}

.news .newslist li .imgarea {
    display: block;
    width: 100%;
    height: 225px;
    overflow: hidden
}

.news .newslist li .imgarea img {
    width: 100%;
    height: 100%
}

.news .newslist li .txtarea {
    padding: 10px 20px
}

.news .newslist li h4 {
    font-size: 18px;
    color: #14264e;
    font-weight: 700;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.news .newslist li .time {
    color: #888;
    font-size: 14px
}

.news .newslist li .des {
    font-size: 14px;
    line-height: 1.7;
    color: #333;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    word-break: break-all
}

.news .newslist li .more {
    font-size: 15px;
    margin-top: 5px;
    color: #14264e;
    font-weight: 700
}

.news_top {
    overflow: hidden;
    border-bottom: 5px solid #f3f3f3
}

.news_top .bgdiv {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 9;
    left: 0;
    top: 0;
    background-image: url(../image/i22.png);
    background-repeat: no-repeat;
    background-position: 0 100%;
    background-size: auto auto
}

.news_top .big {
    position: relative;
    display: block
}

.news_top .imWrap {
    padding-top: 60%
}

.news_top .cont {
    display: inline-block;
    box-sizing: border-box;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 5%;
    z-index: 10
}

.news_top .cont .date {
    font-size: .8rem;
    color: #fff
}

@media (max-width: 768px) {
    .news_top .cont .date {
        font-size: .88888889rem
    }
}

@media (max-width: 640px) {
    .news_top .cont .date {
        font-size: 1rem
    }
}

.news_top .cont .tit {
    font-size: 1.2rem;
    color: #fff;
    line-height: 1.2;
    padding-top: .5em
}

@media (max-width: 768px) {
    .news_top .cont .tit {
        font-size: 1.09090909rem
    }
}

.news_top .n1 {
    width: 66.5%;
    float: left;
    margin-right: 1.5%
}

.news_top .n2 {
    overflow: hidden
}

.news_top .n2 .big {
    margin-bottom: 4.5%
}

.news_top .n2 .tit {
    font-size: .9rem
}

@media (max-width: 768px) {
    .news_top .n2 .tit {
        font-size: .94444444rem
    }
}

.inner_new li {
    position: relative;
    background-color: #fff;
    overflow: hidden;
    padding: 1.5rem 0;
    border-bottom: 1px solid #ddd
}

.inner_new li a {
    display: block;
    overflow: hidden;
    cursor: pointer;
    position: relative;
    z-index: 5
}

.inner_new li .date {
    font-weight: 400;
    font-size: 14px;
    color: #888;
    float: right
}

@media (max-width: 640px) {
    .inner_new li .date {
        font-size: 13px
    }
}

.inner_new li .date .iconfont {
    font-size: 14px;
    color: #0f3175;
    padding-right: .5em
}

@media (max-width: 640px) {
    .inner_new li .date .iconfont {
        font-size: 13px
    }
}

.inner_new li .big {
    position: relative;
    width: 12rem;
    float: left;
    box-sizing: border-box;
    margin-right: 3%;
    -webkit-transition: all .5s linear;
    transition: all .5s linear;
    background-color: #f3f3f3
}

.inner_new li .big::after {
    font-size: 2rem;
    color: #ddd;
    display: block;
    font-family: iconfont !important;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition: transform .2s linear;
    content: "\e613";
    z-index: 4;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%)
}

@media (max-width: 768px) {
    .inner_new li .big::after {
        font-size: 1.33333333rem
    }
}

.inner_new li .imWrap {
    padding-top: 62.7%
}

.inner_new li .text-wrap {
    position: relative;
    overflow: hidden
}

.inner_new li .text-wrap .title {
    font-size: .85rem;
    color: #333;
    font-weight: 700;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    line-height: 1.5;
    margin-bottom: .5em
}

@media (max-width: 768px) {
    .inner_new li .text-wrap .title {
        font-size: .94444444rem
    }
}

@media (max-width: 640px) {
    .inner_new li .text-wrap .title {
        font-size: 1.0625rem
    }
}

.inner_new li .text-wrap .title a {
    color: #333
}

.inner_new li .text-wrap p {
    overflow: hidden;
    color: #222;
    display: block;
    font-size: 13px;
    line-height: 1.8;
    padding-top: 5px;
    margin-bottom: .2rem;
    white-space: pre-wrap;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    margin-bottom: 2%
}

.inner_new li .text-wrap .ta {
    font-size: 13px;
    color: #999;
    display: inline-block;
    border: 1px solid #ddd;
    border-radius: 1rem;
    padding: 2px 1em;
    margin-right: .6em
}

.inner_new li .text-wrap .ta:hover {
    background: #aac0ec;
    color: #fff;
    border-color: #aac0ec
}

.inner_new li:hover .big {
    margin-left: 1rem
}

.inner_new li:hover .title {
    color: #0f3175
}

@media screen and (max-width: 640px) {
    .inner_new li .date {
        display: none
    }

    .inner_new li .big {
        border: none;
        padding-left: 0;
        width: 8rem
    }

    .inner_new li .text-wrap .title {
        font-size: .85rem;
        color: #333;
        font-weight: 700;
        padding-bottom: 0
    }

    .inner_new li .text-wrap p {
        font-size: 14px
    }
}

@media screen and (max-width: 640px) and (max-width: 768px) {
    .inner_new li .text-wrap .title {
        font-size: .94444444rem
    }
}

@media screen and (max-width: 640px) and (max-width: 640px) {
    .inner_new li .text-wrap .title {
        font-size: 1.0625rem
    }
}

@media screen and (max-width: 640px) and (max-width: 640px) {
    .inner_new li .text-wrap p {
        font-size: 13px
    }
}

@media screen and (max-width: 980px) {
    .waimao_img .imgcont {
        display: none
    }

    .waimao_img .containe {
        padding-top: 15%;
        padding-bottom: 5%
    }

    .ind_case .cont .ico {
        display: none
    }
}

@media screen and (max-width: 768px) {
    html {
        font-size: 15px
    }

    .a3s {
        display: none
    }

    .imgDiv img {
        width: 138%
    }

    #ind_d1 {
        padding-top: 1%
    }

    #ind_cor, .ind_tit.hz {
        display: none
    }

    #footer .copyright {
        margin-top: 0
    }

    .case_top {
        padding-top: 17vw;
        display: none
    }

    .topnav li {
        line-height: 2.3;
        padding: 0 1.2em;
        margin-right: 2%;
        margin-bottom: 2%
    }

    .news_top .n2 .cont .date {
        display: none
    }

    .innernav {
        position: relative;
        overflow: hidden;
        background-color: #4a4949
    }

    .contact_bot .item {
        border: none;
        width: 92%;
        margin-right: 4%;
        margin-left: 4%
    }

    .innernav .breaker {
        float: none
    }

    .innernav .nava {
        padding: 0 1em;
        margin-right: .5em;
        border: 1px solid #fff;
        margin-top: .5em
    }

    #case_ul .li .pic .cover {
        display: none
    }

    .hw_i1 {
        display: none
    }
}

@media screen and (max-width: 640px) {
    html {
        font-size: 14px
    }

    #ind_d2 .item {
        text-align: left;
        width: 90%;
        margin-left: 5%;
        max-width: initial
    }

    #ind_d2 .item .number, #ind_d2 .item h5 {
        display: inline-block;
        vertical-align: middle
    }

    #ind_d2 .item .des {
        text-align: left
    }

    #ind_d3 .ind_case li {
        width: 100%;
        margin-right: 0
    }

    #ind_d3 .ind_case li:nth-child(n+5) {
        display: none
    }

    .newsd .n2, .newsd .n3, .newsd .onenews {
        width: 100%
    }

    #jz_d2 ul {
        margin-left: 2rem;
        overflow: visible;
        border: none
    }

    #jz_d2 ul li {
        width: 100%;
        position: relative;
        text-align: left;
        margin-bottom: 2%;
        padding: 2% 0;
        border-left: 1px solid #ddd
    }

    #jz_d2 ul li i {
        margin-left: 3rem
    }

    #jz_d2 ul li .num {
        position: absolute;
        top: 50%;
        width: 4.5rem;
        margin-left: -2.25rem
    }

    #jz_d2 ul li strong {
        display: inline-block;
        vertical-align: text-bottom
    }

    #jz_d2 ul li .btn {
        margin: 1.5% 3% 0 0;
        float: right
    }

    #jz_d4 .i1 {
        float: none;
        width: 100%;
        margin-left: 0;
        margin-right: 0
    }

    .jz_news .col {
        width: 100%
    }

    .jz_news .col:nth-child(n+2) {
        display: none
    }

    #kj_d2 ul li {
        width: 48.5%;
        margin-bottom: 3%
    }

    #kj_d3 .list li {
        text-align: left;
        width: 100%;
        border-bottom: 1px solid #f0f2fd
    }

    #kj_d3 .list li .icon {
        width: 5rem;
        display: inline-block;
        transition: all .5s ease;
        float: left;
        margin-right: 2%
    }

    #kj_d3 .list li small {
        margin-top: 1em
    }

    #kj_d1 .i1 {
        height: 80vw
    }

    #kj_d1.active .cont1 {
        display: none
    }

    #kj_d3 .cont {
        background-position: 0 0 !important
    }

    #move_point {
        right: 2%;
        width: 100px;
        left: initial
    }

    .ind_case {
        padding: 1px
    }

    .ind_case.inner {
        padding: 15px
    }

    .ind_case li {
        width: 100%;
        background: 0 0 !important
    }

    .ind_case li .bord {
        padding: 10px;
        border: 1px solid #ddd
    }

    .ind_case.inner .cont {
        padding: .5em 0 1em;
        text-align: center
    }

    .ind_case.inner .cont small {
        display: none
    }

    .about_mid .item {
        width: 100%
    }

    .about_mid .item .big {
        width: 37%
    }

    .about_mid .item .big img {
        width: 166%
    }

    #jz_case .li {
        margin-right: 0
    }

    #jz_d4 dl {
        padding: 0 4%
    }

    .innernav .nava {
        display: none
    }

    .innernav {
        padding: .5em 0
    }

    .news_top {
        display: none
    }

    .inner_new li {
        padding: .8rem 0
    }

    .inner_new li .text-wrap .ta {
        display: none
    }

    .inner_new li .imWrap {
        padding-top: 67.7%
    }

    .inner_new li .text-wrap p {
        padding-top: 0
    }

    .about_top {
        background-size: cover
    }

    .about_top .items {
        margin-top: 8%
    }

    .about_mid .item:nth-child(2) .big {
        display: none
    }

    .about_mid .item:nth-child(3) {
        border: none
    }

    .about_mid .item:last-child .big {
        float: none;
        width: 100%
    }

    .about_mid .item:last-child .big img {
        width: 88%;
        margin-left: 6%
    }

    #kj_d2 ul .des {
        display: none
    }

    .about_honor {
        margin-top: 3%
    }

    #haiwai_mid .i1 {
        float: none;
        width: 97%;
        margin-left: 0
    }

    #haiwai_mid dl {
        width: 100%;
        float: none;
        margin-top: 40px;
    }

    #haiwai_mid dl.d1 dd {
        margin-bottom: 12px;
        width: calc(100% / 1);
        height: auto;
    }

    #haiwai_mid dl.d1 em {
        width: 5em
    }

    #haiwai_d3 .list li {
        text-align: left;
        width: 100%;
        border-bottom: 1px solid #f0f2fd;
        margin-bottom: 20px;
    }

    #haiwai_d3 .list li .icon {
        display: block;
        margin: auto;
    }

    #haiwai_d3 .list li h4 {

    }

    #haiwai_d3 .list li .btn {

    }
}

@media screen and (max-width: 479px) {
    .contact_mid .infos {
        box-sizing: border-box;
        width: 100%
    }

    .inner_new li .text-wrap .ta {
        font-size: 12px;
        padding: 2px .6em
    }
}

#toolbar {
    display: none;
    width: 100%;
    background-color: #fff;
    height: 55px;
    position: fixed;
    z-index: 999;
    bottom: 0;
    left: 0;
    border-top: 1px solid #E5E9F2
}

@media (max-width: 767px) {
    #toolbar {
        display: block
    }
}

#toolbar ul {
    padding-top: 5px
}

#toolbar ul li {
    float: left;
    position: relative;
    text-align: center;
    width: 25%
}

#toolbar ul li a {
    width: 100%;
    position: relative;
    color: #1b2c42;
    line-height: 23px;
    padding-top: 7px
}

#toolbar ul li a.iconfont {
    font-size: 22px
}

#toolbar ul li a span {
    font-size: 13px;
    display: block
}

#toolbar ul li:hover a {
    color: #0f3175
}

#navToggle {
    display: none
}

.m_nav {
    height: 100%;
    background-color: #fff;
    position: fixed;
    top: 0;
    right: 0;
    visibility: visible;
    z-index: -1;
    width: 80%;
    margin-top: 0;
    opacity: 1;
    box-shadow: 0 15px 27px 0 rgba(167, 165, 165, .38);
    transition: all .6s cubic-bezier(.77, 0, .175, 1) 0s;
    transform: translateX(100%)
}

.m_nav .bg {
    background-repeat: no-repeat;
    background-position: 100% 100%;
    background-size: auto auto;
    padding-bottom: 10px;
    margin-bottom: -10px
}

.m_nav .overly {
    position: absolute;
    height: 100%;
    width: 102vw;
    right: 0;
    z-index: 0;
    top: 0
}

.m_nav .ul li .dropdown_menu {
    display: none;
    transition: none
}

.m_nav .ul li .dropdown_menu a {
    display: block;
    box-sizing: border-box;
    position: relative;
    height: 50px;
    line-height: 50px;
    padding: 0 40px;
    border-bottom: 1px solid #f5f5f5
}

.m_nav .ul li .dropdown_menu a:last-child {
    border: none
}

.m_nav .ul li .dropdown_menu a .icon-arright {
    font-size: 13px;
    margin-left: -20px;
    margin-right: 10px
}

.m_nav .ul li .icon-xialajiantou {
    position: absolute;
    font-weight: 700;
    text-align: center;
    color: #666;
    cursor: pointer;
    top: 0;
    right: 5px;
    z-index: 20;
    height: 35px;
    width: 35px;
    line-height: 35px;
    transition: all .5s ease 0s;
    font-size: 8px;
    border: 7px solid #fff;
    border-radius: 50%
}

.m_nav .ul li:hover .icon-xialajiantou {
    background: #f5f5f5
}

.m_nav .ul li:first-child .icon-xialajiantou {
    display: none
}

.m_nav .ul li .icon-xialajiantou.up {
    transform: rotate(180deg)
}

.m_nav.open {
    z-index: 1000;
    transform: translateX(0)
}

.m_nav .top {
    box-sizing: border-box;
    height: 60px;
    padding: 20px
}

.m_nav .top .closed {
    vertical-align: middle;
    float: right;
    cursor: pointer;
    height: 30px;
    width: 30px
}

.m_nav .mlogo {
    width: 100%;
    margin-left: auto;
    margin-right: auto
}

.m_nav .mlogo img {
    display: block;
    height: 50px;
    margin: 10px auto;
    max-width: 40%;
    height: auto
}

.m_nav .ul {
    overflow-y: auto;
    height: calc(100vh - 180px);
    margin-top: 20px
}

.m_nav .ul li {
    padding: 0 20px;
    opacity: 0;
    border-bottom: 1px solid #f5f5f5;
    -webkit-transition: all .6s cubic-bezier(.77, 0, .175, 1) 0s;
    transition: all .6s cubic-bezier(.77, 0, .175, 1) 0s;
    -webkit-transform: translateY(100%);
    transform: translateY(0);
    transform: translateY(100%)
}

.m_nav.open .ul li {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.m_nav .ul li:nth-child(1) {
    -webkit-transition: all .2s cubic-bezier(.77, 0, .175, 1) 0s;
    transition: all .2s cubic-bezier(.77, 0, .175, 1) 0s
}

.m_nav .ul li:nth-child(2) {
    -webkit-transition: all .4s cubic-bezier(.77, 0, .175, 1) 0s;
    transition: all .4s cubic-bezier(.77, 0, .175, 1) 0s
}

.m_nav .ul li:nth-child(3) {
    -webkit-transition: all .6s cubic-bezier(.77, 0, .175, 1) 0s;
    transition: all .6s cubic-bezier(.77, 0, .175, 1) 0s
}

.m_nav .ul li:nth-child(4) {
    -webkit-transition: all .8s cubic-bezier(.77, 0, .175, 1) 0s;
    transition: all .8s cubic-bezier(.77, 0, .175, 1) 0s
}

.m_nav .ul li:nth-child(5) {
    -webkit-transition: all 1s cubic-bezier(.77, 0, .175, 1) 0s;
    transition: all 1s cubic-bezier(.77, 0, .175, 1) 0s
}

.m_nav .ul li:nth-child(6) {
    -webkit-transition: all 1.2s cubic-bezier(.77, 0, .175, 1) 0s;
    transition: all 1.2s cubic-bezier(.77, 0, .175, 1) 0s
}

.m_nav .ul li:nth-child(7) {
    -webkit-transition: all 1.4s cubic-bezier(.77, 0, .175, 1) 0s;
    transition: all 1.4s cubic-bezier(.77, 0, .175, 1) 0s
}

.m_nav .ul li:nth-child(8) {
    -webkit-transition: all 1.6s cubic-bezier(.77, 0, .175, 1) 0s;
    transition: all 1.6s cubic-bezier(.77, 0, .175, 1) 0s
}

.m_nav .ul li a {
    display: block;
    width: 100%;
    height: 50px;
    font-size: 16px;
    color: #333;
    line-height: 50px;
    text-decoration: none
}

.m_nav .ul li a.leve1 {
    display: block;
    width: auto;
    margin-right: 3em
}

@media screen and (max-width: 1000px) {
    .header #navToggle span, .header #navToggle span:before, .header #navToggle.open span:before, .m_nav .ul li a {
        display: inline-block;
        width: auto
    }

    .header #navToggle {
        display: inline-block;
        float: right;
        height: 100%;
        padding: 9px 10px
    }

    .header #navToggle span {
        position: relative;
        height: 1px;
        width: 25px;
        margin-top: 19px
    }

    .header #navToggle span:after {
        content: '';
        position: relative;
        left: 0;
        height: 1px;
        width: 100%
    }

    .header #navToggle span:after {
        display: block;
        background: #4f4f4f;
        -webkit-transition: .3s;
        -moz-transition: .3s;
        -o-transition: .3s;
        transition: .3s
    }

    .header #navToggle span:before {
        top: 8px
    }

    .header #navToggle span:after {
        bottom: 10px
    }

    .header #navToggle.open span:before {
        top: 10px;
        -webkit-transform: translateY(-11px) rotate(-45deg);
        -moz-transform: translateY(-11px) rotate(-45deg);
        -ms-transform: translateY(-11px) rotate(-45deg);
        -o-transform: translateY(-11px) rotate(-45deg);
        transform: translateY(-11px) rotate(-45deg)
    }

    .header #navToggle.open span:after {
        bottom: 12px;
        -webkit-transform: translateY(10px) rotate(45deg);
        -moz-transform: translateY(10px) rotate(45deg);
        -ms-transform: translateY(10px) rotate(45deg);
        -o-transform: translateY(10px) rotate(45deg);
        transform: translateY(10px) rotate(45deg)
    }

    .header #navToggle.open span {
        background: 0 0
    }

    .header #navToggle.open span:after {
        background: #4f4f4f
    }
}

@keyframes flow {
    0% {
        left: -6rem
    }
    100% {
        left: 100%
    }
}

.subbanner img {
    display: block;
    margin: 0 auto;
}

.lside {
    float: right;
    width: 18.5rem;
    margin-left: 1.5rem;
    margin-bottom: 3vw
}

@media screen and (max-width: 980px) {
    .lside {
        display: none
    }
}

.lside .grayblock {
    box-sizing: border-box;
    background-color: #fff;
    margin-bottom: 1.8rem;
    padding: .5rem 1.2rem 1rem;
    background-color: #f3f3f3
}

.lside .grayblock h2, .lside .grayblock h3 {
    font-size: .9rem;
    position: relative;
    font-weight: 700;
    line-height: 2.5;
    border-bottom: 1px solid #ddd;
    color: #081e4a;
    margin-bottom: .5rem
}

@media (max-width: 768px) {
    .lside .grayblock h2, .lside .grayblock h3 {
        font-size: .94444444rem
    }
}

.lside .grayblock h2::after, .lside .grayblock h3::after {
    content: "";
    height: 5px;
    width: 3rem;
    background-color: #0161EB;
    display: block;
    margin-bottom: -3px
}

.lside .iauth li {
    line-height: 3.5;
    background-color: #fff;
    overflow: hidden;
    border-radius: 5px;
    margin-top: .5rem
}

.lside .iauth li a {
    color: #333;
    display: block;
    font-size: .8rem;
    position: relative;
    z-index: 0;
    padding: 0 1em;
    -webkit-transition: all .3s linear;
    transition: all .3s linear
}

@media (max-width: 768px) {
    .lside .iauth li a {
        font-size: .88888889rem
    }
}

@media (max-width: 640px) {
    .lside .iauth li a {
        font-size: 1rem
    }
}

.lside .iauth li a em {
    padding-right: .5em
}

.lside .iauth li a i {
    padding: 1em .6em 0 1em;
    color: #999;
    font-size: 15px;
    float: right;
    line-height: 2;
    -webkit-transition: all .3s linear;
    transition: all .3s linear
}

@media (max-width: 640px) {
    .lside .iauth li a i {
        font-size: 1rem
    }
}

.lside .iauth li a.act, .lside .iauth li a:hover {
    color: #0161EB
}

.lside .iauth li a.act i, .lside .iauth li a:hover i {
    color: #0161EB;
    margin-right: -.5em
}

.lside .iauth li a::after {
    position: absolute;
    display: block;
    bottom: -1px;
    left: -6rem;
    content: "";
    width: 6rem;
    border-bottom: 1px dashed #0f3175;
    height: 1px;
    z-index: 5
}

.lside .iauth li a:hover::after {
    animation: flow .6s linear infinite
}

.lside #tagsChange {
    color: #888;
    font-size: 13px;
    float: right;
    line-height: 1.5;
    margin-top: 1em
}

.lside .new_reg li {
    overflow: hidden;
    margin-bottom: .2rem
}

.lside .new_reg li:hover h4 {
    color: #0f3175
}

.lside .new_reg h4 {
    font-size: 15px;
    color: #333;
    font-weight: 400;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    line-height: 3
}

@media (max-width: 640px) {
    .lside .new_reg h4 {
        font-size: 1rem
    }
}

.lside .new_reg h4 em {
    color: #f9b800
}

.lside .new_reg .date {
    font-size: 13px;
    color: #777;
    margin-top: -.5em;
    display: block
}

.lside .pre_news li {
    overflow: hidden;
    margin-bottom: .2rem;
    border-bottom: 1px dashed #ddd
}

.lside .pre_news li:hover h4 {
    color: #0f3175
}

.lside .pre_news li:hover h4 i {
    color: #0f3175
}

.lside .pre_news h4 {
    font-size: 14px;
    color: #666;
    font-weight: 400;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    line-height: 3
}

@media (max-width: 640px) {
    .lside .pre_news h4 {
        font-size: 13px
    }
}

.lside .pre_news h4 i {
    color: #000
}

.lside .tags_hot {
    width: 104%;
    overflow: hidden
}

.lside .tags_hot li {
    float: left;
    display: inline-block;
    margin-right: 4%;
    background: #fff;
    margin-top: .6rem;
    border-radius: 1rem;
    width: 46%
}

.lside .tags_hot a {
    font-size: 13px;
    color: #888;
    display: block;
    text-align: center;
    white-space: nowrap;
    text-overflow: ellipsis;
    position: relative;
    overflow: hidden;
    line-height: 2.5;
    z-index: 0;
    padding: 0 1.5em;
    border-radius: 1rem;
    -webkit-transition: all .3s linear;
    transition: all .3s linear
}

.lside .tags_hot a::after {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    content: " ";
    z-index: -3;
    left: 0;
    top: 0
}

.lside .tags_hot a::before {
    content: '';
    z-index: -1;
    position: absolute;
    top: 50%;
    left: 100%;
    margin: -15px 0 0 1px;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: #15499a;
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    -webkit-transform: scale3d(1, 2, 1);
    transform: scale3d(1, 2, 1);
    -webkit-transition: -webkit-transform .3s, opacity .3s;
    transition: transform .3s, opacity .3s;
    -webkit-transition-timing-function: cubic-bezier(.7, 0, .9, 1);
    transition-timing-function: cubic-bezier(.7, 0, .9, 1)
}

.lside .tags_hot a:hover {
    color: #fff
}

.lside .tags_hot a:hover::before {
    -webkit-transform: scale3d(9, 9, 1);
    transform: scale3d(9, 9, 1)
}

.lside .city_hot ul {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-around;
    margin-left: -5px
}

.lside .city_hot ul li {
    text-align: center;
    line-height: 2rem;
    flex: 1;
    border-radius: 3px;
    flex-basis: 6em;
    margin: 5px;
    background-image: url(../image/21.jpg);
    background-repeat: no-repeat;
    background-position: 0 center;
    background-size: cover
}

.lside .city_hot ul li a {
    color: #fff;
    display: block;
    font-size: .8rem
}

@media (max-width: 768px) {
    .lside .city_hot ul li a {
        font-size: .88888889rem
    }
}

@media (max-width: 640px) {
    .lside .city_hot ul li a {
        font-size: 1rem
    }
}

.lside .city_hot .but {
    display: block;
    position: relative;
    width: 48%;
    color: #fff;
    text-align: center;
    float: left;
    background-image: url(../image/i23.png);
    background-repeat: no-repeat;
    background-position: 0 center;
    background-size: 100% auto;
    margin: 1.5rem 0 0;
    line-height: 3.5
}

.lside .city_hot .but .iconfont {
    font-size: 1rem;
    line-height: 2;
    padding-right: .5em;
    vertical-align: middle
}

.lside .city_hot .but + .but {
    background-image: url(../image/i24.png);
    margin-left: 4%
}

.lside .city_hot .but .tabimg {
    position: absolute;
    display: block;
    top: -7rem;
    box-shadow: 2px 2px 7px rgba(70, 70, 70, .2);
    border: 5px solid #fff;
    left: 45%;
    width: 6rem;
    height: 6rem;
    margin-left: -3rem;
    opacity: 0;
    transform: scale(.2);
    -webkit-transition: all .3s linear;
    transition: all .3s linear;
    transform-origin: 50% 100%
}

.lside .city_hot .but:hover {
    box-shadow: 2px 2px 7px rgba(70, 70, 70, .2)
}

.lside .city_hot .but:hover .tabimg {
    opacity: 1;
    transform: scale(1)
}

.lside .telp {
    font-size: .8rem;
    color: #333;
    line-height: 3rem
}

@media (max-width: 768px) {
    .lside .telp {
        font-size: .88888889rem
    }
}

@media (max-width: 640px) {
    .lside .telp {
        font-size: 1rem
    }
}

.lside .telp em {
    font-size: 1.2rem;
    font-family: Arial;
    color: #15377b
}

@media (max-width: 768px) {
    .lside .telp em {
        font-size: 1.09090909rem
    }
}

.backbtn {
    display: inline-block;
    float: right;
    color: #fff;
    font-size: 14px;
    text-align: center;
    position: relative;
    overflow: hidden;
    line-height: 2;
    padding: 0 1.5em;
    border-radius: 5px;
    -webkit-transition: all .5s linear;
    transition: all .5s linear
}

@media (max-width: 640px) {
    .backbtn {
        font-size: 13px
    }
}

.backbtn i {
    font-size: 1rem;
    padding-left: .5em;
    vertical-align: middle
}

.backbtn::after {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    content: " ";
    background-color: #4b4948;
    z-index: -2;
    left: 0;
    top: 0
}

.backbtn::before {
    content: '';
    z-index: -1;
    position: absolute;
    top: 50%;
    left: 100%;
    margin: -15px 0 0 1px;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: #0f3175;
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    -webkit-transform: scale3d(1, 2, 1);
    transform: scale3d(1, 2, 1);
    -webkit-transition: -webkit-transform .3s, opacity .3s;
    transition: transform .3s, opacity .3s;
    -webkit-transition-timing-function: cubic-bezier(.7, 0, .9, 1);
    transition-timing-function: cubic-bezier(.7, 0, .9, 1)
}

.backbtn:hover::before {
    -webkit-transform: scale3d(9, 9, 1);
    transform: scale3d(9, 9, 1)
}

@media screen and (max-width: 768px) {
    .backbtn {
        display: none
    }
}

.sub_title {
    text-align: center;
    margin-bottom: 1rem
}

@media screen and (max-width: 768px) {
    .sub_title {
        padding-bottom: 0;
        margin-bottom: 3vw
    }
}

.sub_title .articleTit {
    font-size: 1.5rem;
    font-weight: 700;
    letter-spacing: 1;
    line-height: 1.2;
    margin-bottom: .5rem
}

@media (max-width: 768px) {
    .sub_title .articleTit {
        font-size: 1.2rem
    }
}

@media screen and (min-width: 639px) {
    .sub_title .articleTit {
        padding: .5em 0
    }
}

@media screen and (max-width: 640px) {
    .sub_title .articleTit {
        line-height: 1.6
    }
}

.sub_title h3 {
    font: 500 24px "microsoft yahei";
    margin-bottom: 20px;
    margin-top: 10px
}

.sub_title .sub_info {
    color: #9a9a9a
}

.sub_title .sub_info .iconfont {
    font-size: 14px;
    margin-right: .5em
}

@media (max-width: 640px) {
    .sub_title .sub_info .iconfont {
        font-size: 13px
    }
}

.sub_title .sub_info span {
    margin-right: 10px
}

.sub_title .bdshare-button-style0-16 {
    display: inline-flex
}

@media screen and (max-width: 768px) {
    .sub_title .bdshare-button-style0-16 {
        display: none
    }
}

.article {
    line-height: 1.7;
    font-size: 15px;
    color: #333
}

@media (max-width: 640px) {
    .article {
        font-size: 1rem
    }
}

.article table {
    width: 100%;
    min-width: 600px
}

.article img {
    max-width: 100%;
    height: auto !important;
    margin-bottom: .5em;
    margin-top: .5em
}

.article_cont {
    overflow: hidden
}

@media screen and (max-width: 768px) {
    .article_cont img {
        display: block;
        max-width: 100%;
        float: none !important;
        margin: 0 0 1em !important
    }

    .article_cont .w50 {
        width: 100%;
        float: none !important
    }
}

h3.tag {
    color: #999;
    font-weight: 400;
    font-size: 14px;
    margin-bottom: 2vw;
    border-top: 1px dashed #e0e1dc;
    margin-top: 10px;
    padding-top: 8px
}

@media (max-width: 640px) {
    h3.tag {
        font-size: 13px
    }
}

h3.tag a {
    color: #005a98;
    margin: 0 8px 0 5px
}

h3.tag a:hover {
    color: #0172bd
}

.relate_bord {
    margin-bottom: 3%
}

.relate_tit {
    font-size: 1rem;
    font-weight: 700;
    line-height: 1;
    margin-bottom: 1em;
    color: #14264e;
    padding-left: .5em;
    border-left: 5px solid #14264e
}

.relate_tit a, .relate_tit span {
    font-size: 14px;
    color: #666;
    font-weight: 400
}

@media (max-width: 640px) {
    .relate_tit a, .relate_tit span {
        font-size: 13px
    }
}

.relate_tit .more {
    float: right
}

.relate_tit .more:hover {
    color: #0f3175
}

.relate_news {
    width: 102%
}

.relate_news li {
    float: left;
    width: 47%;
    margin-right: 3%;
    border-bottom: 1px dashed #dedede;
    line-height: 3.4
}

@media screen and (max-width: 768px) {
    .relate_news li {
        float: none;
        width: 97%
    }
}

.relate_news li a {
    display: block
}

.relate_news li h5 {
    color: #888;
    font-size: 14px;
    display: block;
    font-weight: 400;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

@media (max-width: 640px) {
    .relate_news li h5 {
        font-size: 13px
    }
}

.relate_news li h5:hover {
    color: #0f3175
}

.relate_news li em {
    padding-right: .5em
}

.relate_news li .date {
    color: #999;
    display: inline-block;
    float: right;
    font-size: 13px
}

#pre_pro {
    padding-bottom: 2rem
}

#pre_pro .big {
    border: 1px solid #ddd;
    padding: 5px
}

#pre_pro .tit {
    font-size: 15px;
    color: #333;
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    line-height: 3
}

@media (max-width: 640px) {
    #pre_pro .tit {
        font-size: 1rem
    }
}

#pre_pro .swiper-slide:hover .big {
    border-color: #0f3175
}

#pre_pro .swiper-slide:hover .tit {
    color: #0f3175
}

.skip {
    overflow: hidden;
    margin-top: 50px;
    margin-bottom: 30px;
    background: #f6f6f6;
    padding: 5px
}

.skip > div {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 46%;
    line-height: 30px;
    height: 30px;
    text-indent: 10px
}

.skip a {
    color: #666
}

.skip a:hover {
    color: #0f3175
}

@media screen and (max-width: 640px) {
    .skip > div {
        width: 100%;
        float: none;
        padding: 5px;
        margin-left: -5px
    }

    .skip > div:first-child {
        border-bottom: 2px solid #fff
    }
}

h1.tagname {
    position: absolute;
    color: #fff;
    font-size: 2.25rem;
    font-weight: 700;
    top: -13vw;
    left: 0;
    z-index: 66;
    letter-spacing: 1px
}

@media (max-width: 768px) {
    h1.tagname {
        font-size: 1.36363636rem
    }
}

.tags .breaker {
    float: left
}

.taglist {
    background-color: #fff;
    padding: 2em 1.5em;
    margin-bottom: 5vw;
    margin-top: -1%
}

.taglist a {
    display: inline-block;
    color: #666;
    font-size: 14px;
    padding: 3px 10px;
    background-color: #f3f3f3;
    white-space: nowrap;
    margin: 4px 10px 4px 0;
    border-radius: 3px
}

@media (max-width: 640px) {
    .taglist a {
        font-size: 13px
    }
}

.taglist a:hover {
    color: #fff;
    background: #1abc9c
}

@media screen and (max-width: 768px) {
    .taglist {
        padding: 0 1em
    }
}

.fixed-b {
    width: 100%;
    background: #14264e;
    bottom: 0;
    left: 0;
    z-index: 999;
    font-size: 14px;
    opacity: 0;
    position: fixed;
    padding: 10px 0;
    display: none;
}

.fixed-b li {
    width: 25%;
    text-align: center;
    color: #fff;
    float: left;
    border-right: 1px solid #777;
    box-sizing: border-box;
}
.fixed-b li:last-child{ border-right: none;}
.fixed-b li a{color: #fff;}
.fixed-b li a i{font-size: 24px;padding-right: 5px;color: #f7c324;vertical-align: middle;line-height: 1;}
.fixed-b li a .icon-home{font-size: 18px;}
.flow.right_side{position:fixed;width:60px;height:275px;right:0;top:50%;transform: translateY(-50%);z-index:100;z-index: 999;}
.flow ul li{width:60px;height:60px;float:left;position:relative;margin-bottom: 2px;}
.flow ul li .sidebox{position:absolute;border-radius: 5px;width:60px;height:60px;top:0;right:0;transition:all 0.3s;background:rgba(20,38,78,0.7);color:#fff;font:15px/60px;overflow:hidden;}
.flow ul li .sidetop,.flow  ul li .wx{width:60px;height:60px;border-radius: 5px;display:block;background:rgba(20,38,78,0.7);transition:all 0.3s;}
.flow ul li i{display: inline-block;width: 60px;line-height: 60px;color: #f7c324;font-size: 30px;text-align: center;vertical-align: middle;}
.flow .wx{position: relative;}
.flow .wx .wx_code{position: absolute;width: 120px;height: 120px;background: rgba(20,38,78,0.5);padding: 4px;left: -130px;top: 50%;display: none;transform: translateY(-50%);}
.flow .wx .wx_code img{max-width: 100%;}
.flow .wx:hover .wx_code{display: block;}
.flow ul li .sidetop:hover,.flow ul li .sidebox:hover,.flow .wx:hover{background:rgba(20,38,78,0.5);}
/* 鐣欒█ */
#dialogBg{width:100%;height:100%;background-color:#000000;opacity:.6;filter:alpha(opacity=60);position:fixed;top:0;left:0;z-index:9999;display:none;}
#dialog{width:700px;display:none;background:url(../image/mess_bg.png)center no-repeat;background-size: 100% 100%;position:fixed;z-index:10000;padding:0 30px 20px 30px;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.dialogTop{letter-spacing:1px;padding:10px 0 0;text-align:right;}
.dialogTop a{color: #fff;font-size: 15px;}
.dialogIco{width:50px;height:50px;position:absolute;top:-25px;left:50%;margin-left:-25px;}
#dialog h4{font-size: 30px;font-weight: bold;text-align: center;padding-bottom: 10px;color: #fff;}
.message2 .txt{display: inline-block;width: 100px;padding-left: 20px;box-sizing: border-box;color: #fff;}
.message2 .txt .red{color: #e60012;}
.message2 .mod1{width: 100%;}
.message2 .mod1 .ui-input{width: calc(100% - 120px);}
.message2 .mod .field{width: 50%;float: left;}
.message2 .mod .field .ui-input{width: calc(100% - 120px);}
.message2  #verify { height: 35px; box-sizing: border-box;border: 1px solid #ddd;padding-left: 1%;margin-bottom: 20px;}
.message2  #code_img {width: 100px;height: 35px;cursor: pointer;border: 1px solid #e2e2e2;box-sizing: border-box;margin-bottom: 20px;vertical-align: middle;}
.message2  .ui-input {line-height: 35px;padding-left:1%;color: #666;margin-bottom: 20px;margin-right: 2%;box-sizing: border-box;}
.message2  .ui-textarea{margin-bottom: 15px;height: 80px;padding-left: 1%;font-family: "microsoft yahei";width: calc(100% - 120px);padding-top: 5px;color: #666;}
.message2  .ui-btn1 { background:#f8c325;border: none;color: #fff;width: 120px;padding: 10px;margin-right: 30px;}
.message2  .ui-btn2 {background:#bbbbbb;border: none;color: #fff;width: 120px;padding:10px;}
.message2 .code_fr{width: 48%;float: right;}
.message2 .code_fr li{width: 50%;text-align: center;color: #666;margin-top: 20px;float: left;}
.message2 .code_fr li img{max-width: 100%;}
.message2 .txt2{color: #e60012;padding-top: 10px;}


.wsc-fixBar{
    position: fixed;
    right: 5px;
    top: calc(50% - 200px);
    z-index: 1000;
}
.fb-online,.fb-ly,.fb-tel,.fb-wx,.fb-lx,.fb-top{
    width:60px;
    height:60px;
    margin-bottom: 2px;
    cursor: pointer;
    transition: 0.36s;
    font-size: 12px;
    text-align: center;
    line-height: 14px;
    color: #f7c324;
    position: relative;
    
}
.fb-online a,.fb-ly a, .fb-tel>a,.fb-wx a,.fb-lx a,.fb-top a{
    color: #fff;
    position: absolute;
    right: 0;
    top: 0;
    width: 60px;
    height:60px;
    box-sizing: border-box;
    padding-top:10px;
    transition: none;
    background-color:#1a458d;
    overflow: hidden;
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
}
.wsc-fixBar .iconfont{font-size:25px;line-height:40px;}
.wsc-fixBar .fb-top .iconfont{font-size:18px;line-height: 1;}
.fb-tel:hover>a,.fb-online:hover a,.fb-wx:hover a,.fb-ly:hover a,.fb-top:hover a{background-color: #f4b518;}
.fb-tel:hover{width:140px;margin-left:-80px;}
.fb-tel{overflow: hidden;}
.fb-tel>a{left: 0;right: inherit;}
.fb-tel .fbarCon{    width: 80px;
    height: 60px;
    line-height: 57px;
    font-size: 16px;
    margin-left: 60px;
    background-color: #1a458d;
    text-indent:0;
    position: relative;color: transparent;
}
.fb-tel .fbarCon a{color: #fff;}
.fb-tel:hover .fbarCon{
    background-color: #f4b518;color: #fff;text-indent: -2em;
}
.fb-wx .fbarCon{
    position: absolute;
    left: -155px;
    bottom:20px;
    width: 128px;
    background-color: #fff;
    padding: 12px;
    display: block;
    transform: scale(0);
    transition:all .2s linear ;
    transform-origin: 100% 100%;
    box-shadow:-3px 3px 6px rgba(0, 0, 0, 0.05);
}
.fb-wx .fbarCon::after{
    display: block ;position: absolute ;
    right: 0 ;
    bottom:-10px;
    content: " ";
    height:0;
    width: 0 ;
    z-index: 5 ;
    border-top:5px solid #fff ;
    border-right: 10px solid  #fff;
    border-bottom:10px solid transparent;
}
.fb-wx:hover .fbarCon{
    transform: scale(1);
}
.fb-wx .fbarCon img{
    width: 100%;
}
#spbtn {
    width:60px;
}
#kefutp{
    position: fixed;bottom: -1%;right: 0;display: block;z-index: 55;max-width: 9%;
}
#kefutp img{max-width: 100%;}
.subbanner .wrapper {
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 10px;
}
#tagsPreview>a{    
    border-radius: 1rem;
    /*float: left;*/
    /*display: inline-block;*/
    /*padding: 0;*/
    /*margin-right: 4%;*/
    /*background: #fff;*/
    /*margin-top: .6rem;*/
    /*width: 46%;*/
}
@media only screen and (max-width: 1000px){
    .wsc-fixBar ,#kefutp{display: none;}
}
@media only screen and (max-width: 768px){
.fixed-b {opacity: 1;display: block;}

}