.cf{zoom:1; }
.cf:after{clear:both;content: '';display: block;height: 0;visibility: hidden;}
.fl{ float:left;}
.fr{ float:right;}
.clear-form { background: none; border: none 0; outline: 0;}
.width1400 { width: 1400px; margin: 0 auto; position: relative; }
.width1200 { width: 1200px; margin: 0 auto; position: relative; }
.bgset { background-repeat: no-repeat; background-position: center top; background-size: cover; }
.img-box { display: block; width: 100%; height: auto; overflow: hidden; }
.img-box:hover img {
    -webkit-transform:scale(1.08);
    -moz-transform:scale(1.08);
    -ms-transform:scale(1.08);
    transform:scale(1.08);
}
.img-box img {
    -webkit-transition:all .8s ease-out;
    -moz-transition:all .8s ease-out;
    transition:all .8s ease-out;
}

/*第一套公共标题样式*/
.cx-title01 { width: 100%; text-align: center; color: #222; margin-bottom: 50px;}
.cx-title01 h2 { font-size: 36px; padding-bottom: 10px; position: relative;}
.cx-title01 h2 a { color: #222; padding: 0 30px; }
.cx-title01 .subtitle { font-size: 16px; }
.cx-title01 h2 em { display: inline-block; width: 20%; height: 1px; background-color: #e3e3e3; position: relative; top: -10px;}
.cx-title01 h2 em:after { content: ''; display: block; width: 10px; height: 1px; background-color: #e80000; position: absolute; top: 0; z-index: 2; }
.cx-title01 h2 em.left:after { right: 0; }
.cx-title01 h2 em.right:after { left: 0; }

.xc-seeAll-icon01 { display: inline-block; width: 10px; height: 10px; margin-left: 8px; position: relative;}
.xc-seeAll-icon01 em { display: block; width: 4px; height: 4px; background-color: #fff; position: absolute;}
.xc-seeAll-icon01 em:first-child { left: 0; top: 0; }
.xc-seeAll-icon01 em:nth-child(2) { right: 0; top: 0; }
.xc-seeAll-icon01 em:nth-child(3) { left: 0; bottom: 0; }
.xc-seeAll-icon01 em:last-child { right: 0; bottom: 0; }

@media screen and (max-width: 1500px) {
    .width1400 { width: 1200px; }

}
@media screen and (max-width: 1200px) {
    .width1400 { width: 100%; }
}

@media screen and (max-width: 900px){
    html{font-size:14px!important;}
    .cx-title01 { margin-bottom: 5% !important; }
    .bdshare-slide-button-box { display:none!important;}
}


@media screen and (max-width: 750px){
    html{font-size:12px!important;}
    .cx-title01 h2 { font-size: 20px !important; padding-bottom: 1% !important; }
    .cx-title01 h2 a { padding: 0 3% !important; }
    .cx-title01 .subtitle { font-size: 14px !important; }
    .cx-title01 h2 em { display: none; width: 28%; top: -6px; }
}

.cx-back-top { width: 43px; height: 43px; position: fixed; right: 2%; bottom: 6%; z-index: 11; overflow: hidden; cursor: pointer;}
.cx-back-top span { display: block; width: 100%; height: 86px; background: url(../images/icon_top.jpg) no-repeat; }
.cx-back-top:hover span {
    -webkit-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    transform:translateY(-50%);
}
.cx-back-top span {
    -webkit-transition:all .3s ease-out;
    -moz-transition:all .3s ease-out;
    transition:all .3s ease-out;
}


/**
 * Swiper 3.4.2
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 *
 * http://www.idangero.us/swiper/
 *
 * Copyright 2017, Vladimir Kharlampidi
 * The iDangero.us
 * http://www.idangero.us/
 *
 * Licensed under MIT
 *
 * Released on: March 10, 2017
 */
.swiper-container {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    /* Fix of Webkit flickering */
    z-index: 1;
}

.swiper-container-no-flexbox .swiper-slide {
    float: left;
}

.swiper-container-vertical > .swiper-wrapper {
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    -ms-transition-property: -ms-transform;
    transition-property: transform;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

.swiper-container-android .swiper-slide,
.swiper-wrapper {
    -webkit-transform: translate3d(0px, 0, 0);
    -moz-transform: translate3d(0px, 0, 0);
    -o-transform: translate(0px, 0px);
    -ms-transform: translate3d(0px, 0, 0);
    transform: translate3d(0px, 0, 0);
}

.swiper-container-multirow > .swiper-wrapper {
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}

.swiper-container-free-mode > .swiper-wrapper {
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    -ms-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: 0 0 auto;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
}
/* Auto Height */
.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
    height: auto;
}

.swiper-container-autoheight .swiper-wrapper {
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -webkit-transition-property: -webkit-transform, height;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    -ms-transition-property: -ms-transform;
    transition-property: transform, height;
}
/* a11y */
.swiper-container .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000;
}
/* IE10 Windows Phone 8 Fixes */
.swiper-wp8-horizontal {
    -ms-touch-action: pan-y;
    touch-action: pan-y;
}

.swiper-wp8-vertical {
    -ms-touch-action: pan-x;
    touch-action: pan-x;
}
/* Arrows */
.swiper-button-prev,
.swiper-button-next {
    position: absolute;
    top: 50%;
    width: 27px;
    height: 44px;
    margin-top: -22px;
    z-index: 10;
    cursor: pointer;
    -moz-background-size: 27px 44px;
    -webkit-background-size: 27px 44px;
    background-size: 27px 44px;
    background-position: center;
    background-repeat: no-repeat;
}

.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
    opacity: 0.35;
    cursor: auto;
    pointer-events: none;
}

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
    left: 10px;
    right: auto;
}

.swiper-button-prev.swiper-button-black,
.swiper-container-rtl .swiper-button-next.swiper-button-black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}

.swiper-button-prev.swiper-button-white,
.swiper-container-rtl .swiper-button-next.swiper-button-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
    right: 10px;
    left: auto;
}

.swiper-button-next.swiper-button-black,
.swiper-container-rtl .swiper-button-prev.swiper-button-black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}

.swiper-button-next.swiper-button-white,
.swiper-container-rtl .swiper-button-prev.swiper-button-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}
/* Pagination Styles */
.swiper-pagination {
    position: absolute;
    text-align: center;
    -webkit-transition: 300ms;
    -moz-transition: 300ms;
    -o-transition: 300ms;
    transition: 300ms;
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    z-index: 10;
}

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0;
}
/* Common Styles */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-container-horizontal > .swiper-pagination-bullets {
    bottom: 10px;
    left: 0;
    width: 100%;
}
/* Bullets */
.swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 100%;
    background: #000;
    opacity: 0.2;
}

button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    box-shadow: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -webkit-appearance: none;
    appearance: none;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer;
}

.swiper-pagination-white .swiper-pagination-bullet {
    background: #fff;
}

.swiper-pagination-bullet-active {
    opacity: 1;
    background: #007aff;
}

.swiper-pagination-white .swiper-pagination-bullet-active {
    background: #fff;
}

.swiper-pagination-black .swiper-pagination-bullet-active {
    background: #000;
}

.swiper-container-vertical > .swiper-pagination-bullets {
    right: 10px;
    top: 50%;
    -webkit-transform: translate3d(0px, -50%, 0);
    -moz-transform: translate3d(0px, -50%, 0);
    -o-transform: translate(0px, -50%);
    -ms-transform: translate3d(0px, -50%, 0);
    transform: translate3d(0px, -50%, 0);
}

.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 5px 0;
    display: block;
}

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 5px;
}
/* Progress */
.swiper-pagination-progress {
    background: rgba(0, 0, 0, 0.25);
    position: absolute;
}

.swiper-pagination-progress .swiper-pagination-progressbar {
    background: #007aff;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: left top;
    -moz-transform-origin: left top;
    -ms-transform-origin: left top;
    -o-transform-origin: left top;
    transform-origin: left top;
}

.swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar {
    -webkit-transform-origin: right top;
    -moz-transform-origin: right top;
    -ms-transform-origin: right top;
    -o-transform-origin: right top;
    transform-origin: right top;
}

.swiper-container-horizontal > .swiper-pagination-progress {
    width: 100%;
    height: 4px;
    left: 0;
    top: 0;
}

.swiper-container-vertical > .swiper-pagination-progress {
    width: 4px;
    height: 100%;
    left: 0;
    top: 0;
}

.swiper-pagination-progress.swiper-pagination-white {
    background: rgba(255, 255, 255, 0.5);
}

.swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar {
    background: #fff;
}

.swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar {
    background: #000;
}
/* 3D Container */
.swiper-container-3d {
    -webkit-perspective: 1200px;
    -moz-perspective: 1200px;
    -o-perspective: 1200px;
    perspective: 1200px;
}

.swiper-container-3d .swiper-wrapper,
.swiper-container-3d .swiper-slide,
.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-slide-shadow-bottom,
.swiper-container-3d .swiper-cube-shadow {
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.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-slide-shadow-bottom {
    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, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
    /* Safari 4+, Chrome */
    background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    /* Chrome 10+, Safari 5.1+, iOS 5+ */
    background-image: -moz-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    /* Firefox 3.6-15 */
    background-image: -o-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    /* Opera 11.10-12.00 */
    background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    /* Firefox 16+, IE10, Opera 12.50+ */
}

.swiper-container-3d .swiper-slide-shadow-right {
    background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
    /* Safari 4+, Chrome */
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    /* Chrome 10+, Safari 5.1+, iOS 5+ */
    background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    /* Firefox 3.6-15 */
    background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    /* Opera 11.10-12.00 */
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    /* Firefox 16+, IE10, Opera 12.50+ */
}

.swiper-container-3d .swiper-slide-shadow-top {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
    /* Safari 4+, Chrome */
    background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    /* Chrome 10+, Safari 5.1+, iOS 5+ */
    background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    /* Firefox 3.6-15 */
    background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    /* Opera 11.10-12.00 */
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    /* Firefox 16+, IE10, Opera 12.50+ */
}

.swiper-container-3d .swiper-slide-shadow-bottom {
    background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
    /* Safari 4+, Chrome */
    background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    /* Chrome 10+, Safari 5.1+, iOS 5+ */
    background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    /* Firefox 3.6-15 */
    background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    /* Opera 11.10-12.00 */
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    /* Firefox 16+, IE10, Opera 12.50+ */
}
/* Coverflow */
.swiper-container-coverflow .swiper-wrapper,
.swiper-container-flip .swiper-wrapper {
    /* Windows 8 IE 10 fix */
    -ms-perspective: 1200px;
}
/* Cube + Flip */
.swiper-container-cube,
.swiper-container-flip {
    overflow: visible;
}

.swiper-container-cube .swiper-slide,
.swiper-container-flip .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1;
}

.swiper-container-cube .swiper-slide .swiper-slide,
.swiper-container-flip .swiper-slide .swiper-slide {
    pointer-events: none;
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-flip .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
    pointer-events: auto;
}

.swiper-container-cube .swiper-slide-shadow-top,
.swiper-container-flip .swiper-slide-shadow-top,
.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right,
.swiper-container-flip .swiper-slide-shadow-right {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
}
/* Cube */
.swiper-container-cube .swiper-slide {
    visibility: hidden;
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    width: 100%;
    height: 100%;
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
    -webkit-transform-origin: 100% 0;
    -moz-transform-origin: 100% 0;
    -ms-transform-origin: 100% 0;
    transform-origin: 100% 0;
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-prev,
.swiper-container-cube .swiper-slide-next + .swiper-slide {
    pointer-events: auto;
    visibility: visible;
}

.swiper-container-cube .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0px;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.6;
    -webkit-filter: blur(50px);
    filter: blur(50px);
    z-index: 0;
}
/* Fade */
.swiper-container-fade.swiper-container-free-mode .swiper-slide {
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    -ms-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;
    -moz-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-zoom-container {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    text-align: center;
}

.swiper-zoom-container > img,
.swiper-zoom-container > svg,
.swiper-zoom-container > canvas {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}
/* Scrollbar */
.swiper-scrollbar {
    border-radius: 10px;
    position: relative;
    -ms-touch-action: none;
    background: rgba(0, 0, 0, 0.1);
}

.swiper-container-horizontal > .swiper-scrollbar {
    position: absolute;
    left: 1%;
    bottom: 3px;
    z-index: 50;
    height: 5px;
    width: 98%;
}

.swiper-container-vertical > .swiper-scrollbar {
    position: absolute;
    right: 3px;
    top: 1%;
    z-index: 50;
    width: 5px;
    height: 98%;
}

.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: rgba(0, 0, 0, 0.5);
    border-radius: 10px;
    left: 0;
    top: 0;
}

.swiper-scrollbar-cursor-drag {
    cursor: move;
}
/* Preloader */
.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%;
    -moz-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
    -moz-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%;
    -webkit-background-size: 100%;
    background-size: 100%;
    background-repeat: no-repeat;
}

.swiper-lazy-preloader-white:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}

@-webkit-keyframes swiper-preloader-spin {
    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes swiper-preloader-spin {
    100% {
        transform: rotate(360deg);
    }
}
/*s:hcd6hw44mel73a*/
.header02 { width: 100%; background:no-repeat center;background-color: #fff; background-image:url(../images/979ccea22cb04dfdaa6e93a868c4cbb7.gif);  position: relative; z-index: 998;}
.header02 .header-top { width: 100%; height: 130px; padding-top: 9px; box-sizing: border-box; }
.header02 .header-top>div { position: relative; top: 50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);}
.header02 .header-top a.logo { display: block; width: 170px; height: auto; position: relative; top: 26px;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);}
.header02 .header-top .tt { margin-left: 30px; padding-left: 25px; border-left: solid 1px #e3e3e3; }
.header02 .header-top .tt h1 { font-size: 22px; color: #1d2088; margin-bottom: 3px;}
.header02 .header-top .tt span { font-size: 14px; color: #222; }
.header02 .header-top .icon-tel { display: block; width: 39px; height: 39px; margin-top: 3px;}
.header02 .header-top .tel-info { margin-left: 20px; padding-left: 20px; border-left: solid 1px #e3e3e3; }
.header02 .header-top .tel-info em { display: block; font-size: 14px; color: #999; }
.header02 .header-top .tel-info strong { font-size: 20px; color: #222; }
.header02 .header-top .right-cont>p { display: none; }

/*pc导航*/
.header02 .pc-nav { width: 100%; height: 70px; line-height: 70px; background-color: #1d2088; font-size: 18px; overflow: hidden;}
.header02 .pc-nav ul {width: 91%;float: left;}
.header02 .pc-nav li { display: inline-block; padding: 0 40px; position: relative;}
.header02 .pc-nav li:first-of-type { padding-left: 0;}
.header02 .pc-nav li:before { content: ''; display: block; width: 1px; height: 20px; background-color: rgba(255,255,255,.5); position: absolute; left: 0; top: 50%; margin-top: -10px; }
.header02 .pc-nav li:first-child:before { display: none; }
.header02 .pc-nav li a { display: block; color: #fff; position: relative;;}
.header02 .pc-nav li a:hover:after { content: ''; display: block; width: 32px; height: 3px; background-color: #fff; position: absolute; bottom: 0; left: 50%; margin-left: -16px; }
.header02 .pc-nav .search {float: right;width: 9%;}
.header02 .pc-nav .search > i {float: left;display: block;background: url("../images/search-icon.png") no-repeat center;width: 55%;height: 30px;margin-top: 20px;box-sizing: border-box;border-right: 1px solid #8e90c4;}
.header02 .pc-nav .change-language {position:relative;width: 40%;padding-left: 17%;float: left;font-size: 20px;color: #fff;}
.header02 .pc-nav .change-language span { color: #fff; font-size: 20px;}
.header02 .pc-nav .change-language span a { color: #fff;}
.header02 .pc-nav .language-list { position: absolute; left: 0; bottom: -40px; background: #fff; width: 100%;height: 40px; font-size: 20px; color: #333;}

/*移动端导航*/
.header02 .m-nav {display: none;width: 100%;height: 12vw;line-height: 12vw;position: relative;overflow: hidden; background: #1d2088;}
.header02 .m-nav > ul { position:relative;float: left; width: 75%; height: 12vw; line-height: 12vw; }
.header02 .m-nav > ul li { float: left; font-size: 16px; width: 33.333%; color: #fff;}
.header02 .m-nav > ul li a { color: #fff;}
.header02 .m-nav .m-En { float:left;display: block; width: 12%; text-align: center; color: #fff; font-size: 16px; }
.header02 .m-nav > i  { display: block; position: absolute; left: 75%; top: 6vw; background: url("../images/search-icon.png") no-repeat center; width: 4vw; height: 4vw; background-size: 100%; }
.header02 .m-nav-icon { display: block; background: #1d2088; width: 13%; padding-top: 9.6%; position: absolute; right: 0; top:50%; z-index: 9; cursor: pointer; -webkit-transform:translateY(-50%); transform:translateY(-50%);}
.header02 .m-nav-icon em { display: block; width: 55%; height: 2px; background-color: #fff; position: absolute; left: 22.5%; top: 50%; margin-top: -1px; z-index: 2; }
.header02 .m-nav-icon em:first-child { margin-top: -8px; }
.header02 .m-nav-icon em:last-child { margin-top: 7px; }
.header02 .m-nav-box { width: 100%; line-height: 24px; background-color: #fff; position: absolute; top: 100%; left: 0; z-index: 2;}
.header02 .m-nav-box li { font-size: 16px; border-bottom: solid 1px #e8e8e8; position: relative;}
.header02 .m-nav-box li:first-child { border-top: solid 1px #e8e8e8; }
.header02 .m-nav-box li>a:after { content: ''; display: block; width: 10px; height: 10px; border-top: solid 1px #999; border-right: solid 1px #999; position: absolute; right: 5%; top: 50%; margin-top: -5px; -webkit-transform:rotate(45deg); transform:rotate(45deg);}
.header02 .m-nav-box li>a { display: block; width: 100%; height: 100%; padding: 3% 5%; color: #222; position: relative;}
.header02 .m-nav-box .m-tel { width: 100%; text-align: center; padding: 5% 0;}
.header02 .m-nav-box .m-tel span { display: inline-block;}
.header02 .m-nav-box .m-tel span:first-child { width: 45px; height: 45px; border: solid 1px #f1f1f1; margin-right: 2%; position: relative; top: 3px; }
.header02 .m-nav-box .m-tel em { display: block; font-size: 14px; color: #666; }
.header02 .m-nav-box .m-tel a { display: block; font-weight: bold; font-size: 16px; color: #222; }
.header02 .m-nav-box .m-nav-cont { width: 100%; height: 0; background-color: #f5f5f5; overflow: hidden;}
.header02 .m-nav-box .m-nav-cont a { display: block; width: 100%; padding: 2% 5%; font-size: 16px; color: #666; }
.m-mask { display: none; width: 100%; height: 100%; position: fixed; left: 0; top: 0; z-index: 99; background-color: rgba(0,0,0,.8);}

.header02 .m-nav .m-nav-box {
    -webkit-transform:translateX(100%);
    transform:translateX(100%);
}
.header02 .m-nav.active .m-nav-box {
    -webkit-transform:translateX(0);
    transform:translateX(0);
}
.header02 .m-nav.active .m-nav-icon em:nth-child(2) {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.header02 .m-nav.active .m-nav-icon em:first-child {
    margin-top: 0;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.header02 .m-nav.active .m-nav-icon em:last-child { display: none; }

.header02 .m-nav-box li.cur>a:after { border-color: #1d2088; -webkit-transform:rotate(135deg);transform:rotate(135deg);}
.header02 .m-nav-box li.cur .m-nav-cont { height: auto; padding: 3% 0; }

.header02 .m-nav-icon em,
.header02 .m-nav-box li>a:after,
.header02 .m-nav-box .m-nav-cont,
.header02 .m-nav .m-nav-box {
    -webkit-transition:all .5s ease-out;
    -moz-transition:all .5s ease-out;
    -ms-transition:all .5s ease-out;
    transition:all .5s ease-out;
}

@media screen and (max-width: 900px) {
    .header02 .pc-nav,
    .header02 .header-top .tt span,
    .header02 .header-top .tel-info { display: none; }
    .header02 .header-top { height: auto; padding: 3%; }
    .header02 .header-top>div { top: 0; -webkit-transform:translateY(0);transform:translateY(0); }
    .header02 .header-top .left-cont { width: 66%; }
    .header02 .header-top .right-cont { width: 34%;}
    .header02 .header-top a.logo { width: 32%; height: auto; position: relative; top: 0; -webkit-transform:translateY(0);transform:translateY(0);}
    .header02 .header-top .tt { margin-left: 5%; padding-left: 0; border-left: none 0; position: absolute; left: 32%; top: 50%; z-index: 2; -webkit-transform:translateY(-50%); transform:translateY(-50%);}
    .header02 .header-top .tt h1 { font-size: 18px; color: #000; margin-bottom: 0;}
    .header02 .header-top .icon-tel { float: right; width: 18%; height: auto; margin-top: 0;}
    .header02 .header-top .right-cont > p { display: block; color: #999; font-size: 16px; margin-right: 5%; position: absolute; right: 18%; top: 50%; z-index: 2;-webkit-transform:translateY(-50%); transform:translateY(-50%);}
    .header02 .m-nav { display: block; }
}
@media screen and (max-width: 750px) {
    .header02 .header-top .tt h1 { font-size: 15px; }
    .header02 .header-top .right-cont>p { font-size: 14px; }
}
/*e:hcd6hw44mel73a*/
/*s:vxgbyyq7ae83xy*/
.footer02 { width: 100%; padding-top: 90px;background:no-repeat center;background-color: #222; background-image:url(../images/979ccea22cb04dfdaa6e93a868c4cbb7.gif); }
.footer02 .footer-cont { padding-bottom: 60px; }
.footer02 .footer-cont h4 { font-size: 16px; color: #fff; position: relative;}
.footer02 .footer-cont h4 a { color: #fff; }
.footer02 .footer-cont .ft-left-cont { width: 60%; }
.footer02 .footer-cont .footer-tel { width: 35%; border-left: solid 1px rgba(255,255,255,.1); padding-left: 5%; box-sizing: border-box;}

.footer02 .footer-cont .footer-links { margin-bottom: 50px; }
.footer02 .footer-cont .footer-links>div { width: 15%; }

.footer02 .footer-tel .tel-cont span { display: block; color: #fff; font-size: 13px; padding-bottom: 8px;}
.footer02 .footer-tel .tel-cont strong { display: block; font-size: 22px; color: #e8001b;}
.footer02 .footer-tel .tel-cont a { display: block; width: 145px; height: 40px; line-height: 40px; text-align: center; color: #fff; font-size: 14px; border: solid 1px #fff; margin-top: 30px; box-sizing: border-box;}
.footer02 .footer-tel .tel-cont a:hover { background-color: #1d2088; border-color: #1d2088; text-decoration: none;}
.footer02 .footer-tel .ewm { width: 43%; background-color: #fff; text-align: center; margin-right: 10%; padding: 3%; position: relative;text-align: center;}
.footer02 .footer-tel .ewm p { font-size: 12px; color: #999; padding-top: 5%;}
.footer02 .footer-tel .ewm em { display: block; width: 90%; height: 15px; background: url(../images/ewm_moveimg.png) no-repeat; background-size: 100% auto; position: absolute; left: 5%; top: 5%; z-index: 3;}
.footer02 .footer-copy-right { padding-top: 50px; border-top: solid 1px rgba(255,255,255,.1);}
.footer02 .footer-copy-right a.logo { display: block; width: 23%; height: auto; margin-right: 5%; }

.footer02 .footer-copy-right>div { width: 72%; }

.footer02 .footer-copy-right p { display: block; font-size: 13px; color: #999; line-height: 30px;}
.footer02 .footer-copy-right a { display:inline-block; color: #999; padding: 0 8px; }
.footer02 .footer-copy-right em { display: inline-block; color: #999; }
.footer02 .footer-Links { padding: 25px 0; border-top: solid 1px rgba(255,255,255,.1);}
.footer02 .footer-Links a { display: inline-block; font-size: 13px; color: #333; }
.footer02 .footer-Links span { display: block; width: 95%; }
.footer02 .footer-Links span a { padding-right: 15px; margin-bottom: 10px; }
.footer02 a:hover,
.footer02 .footer-cont h4 a:hover,
.footer02 .footer-copy-right a:hover { color: #e8001b; text-decoration: underline; }

@media screen and (max-width: 1000px){
    .footer02 .footer-cont .ft-left-cont { width: 100%; float: none;}
    .footer02 .footer-cont .footer-tel { float: none; width: 50%; border-left: none 0; padding-left: 0; margin: 30px auto 0; }
}

@media screen and (max-width: 750px){
    .footer02 .footer-Links,
    .footer02 .footer-cont .footer-tel { display: none; }
    .footer02 { padding-top: 5%;}
    .footer02 .footer-cont { padding-bottom: 0; }
    .footer02 .footer-cont .footer-links { margin-bottom: 2%; }
    .footer02 .footer-cont .footer-links>div { width: 33.33333%; text-align: center; margin-bottom: 5%; }
    .footer02 .footer-copy-right { padding-top: 5%; text-align: center; line-height: 24px;}
    .footer02 .footer-copy-right a.logo { width: 28%; float: none; margin: 0 auto; }
    .footer02 .footer-copy-right>div { width: 100%; padding: 2%;}
    .footer02 .footer-copy-right p,
    .footer02 .footer-copy-right em  { display: block; }
}
/*e:vxgbyyq7ae83xy*/

/*手机端底部*/
.m-btm-box { display: none; width: 100%; padding-top: 14%; background-color: #fff; position: fixed; left: 0; bottom: 0; z-index: 998; }
.m-btm-box>div { width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 5; }
.m-btm-box a { display: block; float: left; width: 19%; height: 100%; color: #333; font-size: 14px; text-align: center; }
.m-btm-box a:nth-child(4) { width: 28%; background-color: #1d2088; color: #fff;}
.m-btm-box a:last-child { width: 15%; background-color: #494949; color: #fff;}
.m-btm-box a img { width: 18%; margin: 0 auto 4px; }
.m-btm-box a:nth-child(4) img { display: inline-block; margin-right: 5%; }
.m-btm-box a span { display: block; position: relative; top: 50%; -webkit-transform:translateY(-50%);transform:translateY(-50%); }
.m-btm-box a:first-child span,
.m-btm-box a:nth-child(2) span { border-right: solid 1px rgba(138,138,138,.2); }

@media screen and (max-width: 750px){
    .cx-back-top { display: none; }
    .m-btm-box { display: block; }
}





#app { overflow: hidden;}
.content { width: 1400px; margin: 0 auto;}
.wrap-tit {text-align: center; position: relative; animation: fadeinT 1s ease-out backwards;}
.wrap-tit h2 { font-size: 2.625rem; color: #333; font-weight: normal;}
.wrap-tit h2 a { color: #333;}
.wrap-tit p { font-size: 1.125rem; color: #666; margin-top: 0.5rem;}
@media (max-width: 992px) {
    .wrap-tit h2 { font-size:2rem;}
}


/* header */
.header {  overflow:hidden;display: block; background:#fff; width: 100%;}
.header .hd-top { padding: 22px 0;box-sizing:border-box; border-bottom: 1px solid #ececec; overflow: hidden;}
.header .hd-top  .hd-logo { float: left; font-size: 0; margin-right: 2.125rem;}
.header .hd-top .hd-tit { float: left;overflow: hidden;  box-sizing: border-box; padding: 13px 0  13px 37px;}
.header .hd-top .hd-tit h2 { font-size: 1.75rem; color: #1e4084; font-weight: bold;}
.header .hd-top .hd-tit p { margin-top:0.1rem;font-size: 0.9rem; color: #676767;text-align:center;}
.header .hd-top .hd-phone { float: right; padding: 15px 0;}
.header .hd-top .hd-phone span { margin-top:0.2rem;float: left; background: url("../images/phone-icon01.png") no-repeat center;  background-size: 100%; width: 3.0625rem; height: 3.0625rem; margin-right: 9px;}
.header .hd-top .hd-phone .tit { float: left;}
.header .hd-top .hd-phone .tit p { font-size: 1rem;color: #666;}
.header .hd-top .hd-phone .tit em { display: block; font-size: 1.875rem; color: #a60e0d; font-family: 'DIN Bold';}
.header .hd-Nav { width: 1400px; margin: 0 auto; height: 3.75rem; line-height: 3.75rem;}
.header .hd-Nav li { float: left; width: 11.1%; height: 3.75rem; text-align: center;}
.header .hd-Nav li > a { position: relative; display: inline-block; font-size: 1.125rem; color: #333; text-align: center;}
.header .hd-Nav li:hover > a,.header .hd-Nav li.cur > a { color: #1e4084; }
.header .hd-Nav li > a:after { content: ''; display: block; position: absolute; left: 0; bottom: 0; width: 100%; height: 2px; background: #2a498a;transform: scaleX(0); transition: all 1s;}
.header .hd-Nav li:hover > a:after, .header .hd-Nav li.cur > a:after{ content: ''; display: block; position: absolute; left: 0; bottom: 0; width: 100%; height: 2px; background: #2a498a; transform: scaleX(1);}
@media (max-width: 1400px) {
    .header .hd-Nav { width: 1200px;}
}
@media (max-width: 1200px) {
    .header .hd-Nav { width: 100%;}
}

.y-submenu07-box {display: none;position: absolute;left: 50%;top: 12.2rem;z-index: 9999;width: 1400px;padding: 2.625rem 2.375rem;transform: translateX(-50%);box-sizing: border-box;background: #fff;}
.y-submenu07-box dl {float: left;line-height: normal;width: 62%;}
.y-submenu07-box dl dt {text-align:left;position: relative;float: left;width: 23%;height: 5.4375rem;border-right: 1px solid #dfdfdf;box-sizing: border-box;}
.y-submenu07-box dl dt:after { content: ''; display: block; position: absolute; right: -1px; bottom: 0; width: 1px; height: 0.9375rem; background: #1e4084;}
.y-submenu07-box dl dt a { font-size: 1.5rem; color: #222;}
.y-submenu07-box dl dt p { margin-top: 0.3rem; font-size: 1rem; color: #999;}
.y-submenu07-box dd {float: left;width: 75%;position: relative;}
.y-submenu07-box dd a { display:block;font-size:1rem;color:#666;text-align: left;padding: 0.25rem 0 0.25rem 18%;box-sizing: border-box;}
.y-submenu07-box .pic { float: right; width: 25%;}
.y-submenu07-box a:hover {  color: #1e4084; }
.y-submenu07-box dd:after {display: block;position: absolute;left: 50%;top: 0;width: 1px;height: 5.4375rem;background: #dfdfdf;}
.y-submenu07-box dd .slideItem { float:left;width: 33.333%;border-right: 1px solid #dfdfdf;}
.y-submenu07-box dd .slideItem:last-of-type { border-right: none;}
@media (max-width: 1400px) {  .y-submenu07-box { width:1200px;} }
@media (max-width: 1200px) { .y-submenu07-box {width: 100%;} }
@media (max-width: 992px) {  .y-submenu07-box {display: none;}  }



/* mHeader */
.mHeader {  width:100%;display:none; background: #fff; overflow: hidden;padding: 0.5rem 10%; box-sizing: border-box;}
.mHeader .hd-logo { float: left;  margin-right: 0.7rem;}
.mHeader .hd-tit { text-align: center; padding-top:0.2rem;}
.mHeader .hd-tit h2 { font-size: 1.825rem; color: #1e4084; font-weight: bold;}
.mHeader .hd-tit p { font-size: 1.236rem; line-height: 1.5; color: #676767;}
.mHeader .hd-menu { float: right; background: url("../images/menu.png") no-repeat center; width: 1.875rem; height: 1.875rem; padding: 2.4rem 0;}
/* mHeader end */

/* mb导航 */
.nav{width:100%;height:3.125rem;line-height:3.125rem;text-align:center;background:#1e4084; display: none;}
.nav-hd{display:none;position:relative;padding: 1rem;overflow:hidden;border-bottom:rgba(255,255,255,0.1) solid 1px;background:#fff;}
.nav-hd .logo{width: 6rem;}
.nav-hd .logo img{display:block;width:100%;}
.nav-hd .close{position:absolute;right:1.25rem;top:50%;width:2rem;height:2rem;line-height: 1.8rem;font-size: 2rem;color:#fff;font-weight:bold;cursor:pointer;text-align:center;border-radius:50%;background:#1e4084;transform:translateY(-50%);}
.nav-list li{position:relative;display:inline-block;}
.nav-list li:after{display:block;position:absolute;right:0;top:50%;width:1px;height:1.125rem;content:"";background:rgba(255,255,255,0.5);transform:translateY(-50%);}
.nav-list li>a{position:relative;display:block;padding:0 2.8125rem;color:#fff;font-size: 20px;}
.nav-list li>a:after{display:block;position:absolute;left:50%;bottom:0;margin-left:-1rem;width:2rem;height:0.1875rem;content:"";background:#fff;transform:scale(0,1);transition:all 0.5s;}
.nav-list li.cur>a:after,.nav-list li:hover>a:after{transform:scale(1,1);}
.nav-list li:last-child:after{display:none;}
.nav .tel{position:relative;left:50%;display:none;padding-top:2rem;color:#fff;transform:translateX(-50%);}
.nav .tel dl{display:inline-block;padding-left:40px;line-height: 1.75;text-align: left;background: url(../images/tel.png) no-repeat 0 center;background-size: 30px;filter: contrast(0) brightness(2);}
.nav .tel dt{font-size: 1.25rem;}
.nav .tel dd{font-size:1.5rem; font-family: "DIN Medium";}
.nav .tel dd a { color: #fff;}
/* mb导航 end */



@media (max-width: 992px) {
    .header {  display: none;}
    .mHeader { display: block;}
    .nav{ display:block;position:fixed;z-index:9999;top:0;right:0;width:100%;height:100vh;transform:translate3d(100%,0,0);transition:all 0.5s ease-in-out;}
    .nav-hd{display:block;}
    .nav-list li{display:block;border-bottom:rgba(255,255,255,0.1) solid 1px;}
    .nav-list li:last-child{border-bottom:none;}
    .nav-list li:after{display:none;}
    .nav .tel{display:block;}

}

@media (max-width: 1400px) {
    .content { width: 1200px;}
}


@media(max-width:1200px){
    .content { width: 100%;}
}



/*--footer--*/
.footer{padding: 2.25rem 2.5%  4.6875rem;overflow:hidden;background:#232323;position: relative;}
.ft-menu{float:left;width:37%;overflow:hidden;}
.ft-menu .item{position:relative;float:left;margin-right:15%;width:35%;}
.ft-menu .item:after{display:block;position:absolute;top:0;right:0;width:1px;height:14.9375rem;content:"";background: #333 ;}
.ft-menu .item::before { content: ''; display: block; position: absolute; z-index: 3; top: 1.625rem; right: 0; width: 1px; height: 8px; background: #1e4084;}
.ft-menu .item h3{font-weight:normal; margin-top:1.5rem;font-size:1.125rem;overflow:hidden;}
.ft-menu .item h3 a{display:block;color:#fff;}
.ft-menu .item h3 a:hover{font-weight:bold;}
.ft-menu .item ul{margin-top:1.875rem;overflow:hidden;}
.ft-menu .item li{line-height:2rem;font-size:1rem;}
.ft-menu .item li a{display:block;color:#fff;}
.ft-menu .item li a:hover{text-decoration:underline;}
.ft-infos{position:relative;float:left;padding-right:5.625rem;width:44%;}
.ft-infos:after{display:block;position:absolute;top:0;right:0;width:1px;height:14.9375rem;content:"";background:rgba(255,255,255,0.1);}
.ft-infos::before { content: ''; display: block; position: absolute; z-index: 3; top: 1.625rem; right: 0; width: 1px; height: 8px; background: #1e4084;}
.ft-infos h3{font-weight:normal;margin-top:1.5rem;font-size:1.125rem;overflow:hidden;}
.ft-infos h3 a{display:block;color:#fff;}
.ft-infos .con{margin-top:1.875rem;color:#fff;overflow:hidden;}
.ft-infos .con p{line-height:2rem;font-size:1rem;}
.ft-infos .con p a{color:#fff; margin-right: 1.25rem; font-size: 0.875rem;}
.ft-infos .con p em { color: #fff; font-family: 'DIN Bold';}
.ft-infos .con p a:hover{text-decoration:underline;}
.ft-QRcode{float:right;overflow:hidden;}
.ft-QRcode .QRcode-list{margin-top:1.25rem;overflow:hidden;}
.ft-QRcode .QRcode-list .item{float:left;width:8.9375rem; box-sizing: unset;}
.ft-QRcode .QRcode-list .item i { width: 100%;}
.ft-QRcode .QRcode-list .item p{ margin-top:0.5rem;font-size:1rem;color:#fff;text-align:center;}

/*--affixMenu--*/
.affixMenu{display:none;position:fixed;z-index:998;left:0;bottom:0;width:100%;background:#1e4084;}
.affixMenu ul{display:flex;}
.affixMenu li{flex:1;text-align:center;}
.affixMenu li a{display:block;padding:0.5rem;border-right: rgb(24, 78, 132) solid 1px;}
.affixMenu li i{display:block;margin:0 auto;width:20px;height:20px;background-repeat:no-repeat;background-size:100%;filter:contrast(0%) brightness(200%);}
.affixMenu li span{display:block;font-size:0.875rem;color:#fff;}
.affixMenu li:nth-child(1) i{background-image:url(../images/ft_icon01.png);}
.affixMenu li:nth-child(2) i{background-image:url(../images/ft_icon02.png);}
.affixMenu li:nth-child(3) i{background-image:url(../images/ft_icon03.png);}
.affixMenu li:nth-child(4) i{background-image:url(../images/ft_icon04.png);}

@media(max-width:1200px){
    .ft-menu .item{margin-right:10%;width:40%;}
    .ft-menu .item ul,.ft-infos .con{margin-top:1rem;}
    .ft-QRcode .QRcode-list .item{width:5rem;}
}
@media(max-width:992px){
    .ft-infos:after  { display:none;}
    .ft-infos::before { display:none;}
    .affixMenu{display:block;}
    .footer { padding:2.25rem 2.5%  6.6875rem;}
    .ft-infos h3 a { display: none;}
    .ft-menu { display: none;}
    .ft-infos { float: none; width: 100%; padding-right: 0; text-align: center;}
    .ft-QRcode .QRcode-list { display: none;}
    .infos-link {text-align: center;box-sizing: border-box;}
    .infos-link a{
        display: inline-block;
    }
    .ft-QRcode .tel { position: absolute; left: 0; top: 3rem; text-align: center; width: 100%;}
    .ft-QRcode .tel a { color: #fff;}
}

@keyframes light2{
    0%{top:0;opacity:0;}
    50%{top:100%;opacity:1;}
    100%{top:0;opacity:0;}
}
/*--end footer--*/

/*--flinks--*/
.flinks{padding:1.875rem 2.5%;font-size:0.875rem;line-height:1.5;overflow:hidden;background:#232323; border-top: 1px solid #333;}
.flinks .addlink{display:block;float:right;color:#fff;}
.flinks dl{overflow:hidden;}
.flinks dt{float:left;}
.flinks dt a{color:#fff;}
.flinks dd{padding-left:1rem;overflow:hidden;}
.flinks dd a{display:inline-block;padding:0 0.65rem;color:#fff;}
.flinks dd a:hover{text-decoration:underline;}
.flinks .addlink:hover {text-decoration:underline;}
@media(max-width:992px){
    .flinks{display:none;}
}
/*--end flinks--*/

@font-face {
    font-family: "DIN Medium";
    src: url("../font/DIN Medium.woff2") format("woff2"),
    url("../fonts/din medium.ttf") format("truetype"),
    url("../fonts/din medium.eot") format("embedded-opentype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "DIN Regular";
    src: url("../fonts/din regular.woff2") format("woff2"),
    url("../fonts/din regular.woff") format("woff"),
    url("../fonts/din regular.ttf") format("truetype"),
    url("../fonts/din regular.eot") format("embedded-opentype"),
    url("../fonts/din regular.svg") format("svg");
}


@font-face {
    font-family: "Geometr415_Blk_Bt";
    src: url("../fonts/geometr415_blk_bt.woff") format("woff"),
    url("../fonts/geometr415_blk_bt.ttf") format("truetype"),
    url("../fonts/geometr415_blk_bt.eot") format("embedded-opentype"),
    url("../fonts/geometr415_blk_bt.svg") format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "DIN Bold";
    src: url("../fonts/din-bold.woff") format("woff2"),
    url("../fonts/din-bold.ttf") format("truetype"),
    url("../fonts/din-bold.eot") format("embedded-opentype"),
    url("../fonts/din-bold.svg") format("svg");
}
/* header end */




/*弹框模块*/
.sdw-tips-tk { width: 100%; height: 100%; background-color: rgba(0,0,0,.5); position: fixed; left: 0; top: 0; z-index: 9999; }
.sdw-tips-tk .sdw-tips-box { width: 500px; padding: 2%; background-color: #fff; text-align: center; position: absolute; left: 50%; top: 50%; -webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%); }
.sdw-tips-box .sdw-tips-cont { width: 100%; border: solid 1px #e5e5e5; }
.sdw-tips-box .sdw-tips-cont h3 { font-size: 24px; color: #1e4084; margin-top: 5%;}
.sdw-tips-box .sdw-tips-cont p { font-size: 16px; color: #4d4d4d; margin-top: 3%;}
.sdw-tips-box .sdw-tips-cont span.close-btn { display: inline-block; padding: 3% 12%; background-color: #1e4084; color: #fff; margin-top: 10%; font-size: 16px; cursor: pointer; }

@media screen and (max-width: 750px){
    .sdw-tips-tk .sdw-tips-box { width: 90%; padding: 4%; }
    .sdw-tips-tk .sdw-tips-box h3 { font-size: 22px; }
}


/* 在线客服 */
    .ServiceBar { position: fixed; right: 0; top: 20%; z-index: 999999;}
    .ServiceBar .barShow { display: block; position: relative; }
    .ServiceBar .barHd {  cursor:pointer;position: relative; z-index: 2; margin: 0 auto;  width: 34px; height: 34px; line-height: 34px; font-size: 20px; font-family:"宋体";font-weight: bold; color: #fff; border-radius: 50%; background: #1e4084; text-align: center; }
    .ServiceBar .barBf { display: block; position: absolute; z-index: 1; left: 15%; top: 3%; width:70%; height:420px; border-radius: 20px; border: 4px solid #1e4084;}
    .ServiceBar .barLink { position:relative; z-index:3;overflow: hidden; display: block;}
    .ServiceBar .barLink ul { margin-top: 20px;}
    .ServiceBar .barLink li { margin-bottom: 8px; border-radius: 10px; width: 100%; height: 35px; line-height: 35px; text-align: center; background: #1e4084;  font-size: 16px; color: #fff;}
    .ServiceBar .barLink li a { font-size: 16px; color: #fff;}
    .ServiceBar .barPhone { display: block; width: 100%; padding: 18px 0; background: #1e4084; border-radius: 10px;}
    .ServiceBar .barPhone { margin-top: 10px; text-align: center;}
    .ServiceBar .barPhone p { font-size: 16px; color: #fff; line-height: 1.5;}
    .ServiceBar .barCode { margin: 8px auto 0; overflow:hidden;width:128px; height:128px;border-radius: 50%; background: #1e4084; text-align: center;}
    .ServiceBar .barCode img { width: 65px; margin: 20px auto 0;}
    .ServiceBar .barCode p { font-size: 16px; color: #fff; line-height: 2;}
    .barHide { cursor:pointer; position: absolute; right: -50px; top: 0; display: none; padding-bottom: 7px; width: 50px; background: #1e4084; overflow: hidden;}
    .barHide i { display: block; background: url("../images/icons01.png") no-repeat center; width: 21px; height: 21px; margin: 5px auto; 0;}
    .barHide p { font-size: 16px; color: #fff; text-align: center;}
    @media (max-width:992px) {
        .ServiceBar { display:none;}
    }
    /*end 在线客服*/




