/* CSS Document */
/**
 * Swiper 4.0.5
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * http://www.idangero.us/swiper/
 *
 * Copyright 2014-2017 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: November 7, 2017
 */
.copyrightl ul{
    padding: 0;
    margin: 0;
}
.copyrightl ul li{
    padding: 5px;
    margin: 0;
    float: left;
}

.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-invisible-blank-slide {
    visibility: hidden
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-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 {
    width: 100%;
    height: 4px;
    left: 0;
    top: 0
}

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

/* CSS Document */
@font-face {
    font-family: 'Conv_DINCondensedC';
    src: url('fonts/DINCondensedC.eot');
    src: local('☺'), url('fonts/DINCondensedC.woff') format('woff'), url('fonts/DINCondensedC.ttf') format('truetype'), url('fonts/DINCondensedC.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'ImpactLTStd';
    src: url('fonts/ImpactLTStd.eot');
    src: local('☺'), url('fonts/ImpactLTStd.woff') format('woff'), url('fonts/ImpactLTStd.ttf') format('truetype'), url('fonts/ImpactLTStd.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Acrom';
    src: url('fonts/Acrom.eot');
   font-weight: normal;
    font-style: normal;
}

/*@font-face {
	font-family: 'STZHONGS';
	src: url('fonts/STZHONGS.eot');
	src: local('☺'), url('fonts/STZHONGS.woff') format('woff'), url('fonts/STZHONGS.ttf') format('truetype'), url('fonts/STZHONGS.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}*/

body, div, dl, dt, dd, ul, ol, li, pre, form, fieldset, input, textarea, p, blockquote, th, td, font, form, p, h1, h2, h3, h4, h5, h6, span, a {
    padding: 0px;
    margin: 0px;
}

input, select {
    font-size: 12px;
    line-height: 16px;
}

html, body {
    -webkit-text-size-adjust: none;
    font-size: 12px;
    color: #636363;
}

/*google浏览器字体兼容*/
body {
    font-family: "微软雅黑", "宋体", Arial, Helvetica, sans-serif;
    width: 100%;
    background: #ffffff;
}

img {
    border: 0;
}

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

a {
    text-decoration: none;
    color: #222222;
    outline: none;
}

a:hover {
    color: #e40011;
    text-decoration: none;
}

a:active {
    star: expression(this.onFocus=this.blur());
}

strong {
    color: #333;
}

.cl {
    clear: both;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.tc {
    text-align: center;
}

.tl {
    text-align: left;
}

.tr {
    text-align: right;
}

.dis {
    display: block;
}

.undis {
    display: none;
}

.huangse {
    color: #eae678
}

.yellow {
    color: #ed6b1e
}

.green {
    color: #007b3f
}

.red {
    color: #d9b778
}

.hui {
    color: #696868
}

.hui2 {
    color: #929292
}

.red2 {
    color: #ae1202
}

.orange {
    color: #ffb400;
}

.Dgreen {
    color: #0e652c;
}

.hei {
    color: #000
}

.blue {
    color: #007e40
}

.f12 {
    font-size: 12px
}

.f14 {
    font-size: 14px
}

.f16 {
    font-size: 16px
}

.f18 {
    font-size: 18px
}

.fb {
    font-weight: bold
}

.line30 {
    line-height: 30px;
}

.line35 {
    line-height: 35px;
}

.border_bottom {
    border-bottom: 1px #CCCCCC dashed;
}

DIV.none {
    DISPLAY: none
}

.display {
    display: block
}

.space {
    height: 5px;
    clear: both;
    _height: 0px;
    line-height: 5px
}

.left {
    float: left
}

.right {
    float: right
}

.container {
    width: 1200px;
    margin: 0 auto;
}

.container2 {
    width: 1300px;
    margin: 0 auto;
}

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

.margin_bottom30 {
    margin-bottom: 30px;
}

/*index start*/
.head {
    width: 86%;
    height: auto;
    margin: 0 auto;
    min-width: 1200px;
}

.logo {
    padding: 3px 0 0 0;
}

.headr {
    padding-top: 0;
}


.headrt {
    width: 188px;
    white-space: nowrap;
    overflow: hidden;
    font-size: 14px;
    color: #333333;
    line-height: 30px;
    text-align: right;
    padding-top: 25px;
}

.headrt span { /*padding-left:24px; background:url(/resources1/img/top_phone.jpg) no-repeat left 50%;*/
    color: #e60011;
    font-size: 26px;
    animation: scrollAnimation 5s linear infinite;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bolder;
    float: right;
    margin-top: 13px;
    padding-left: 25px;
    background: url(/resources1/img/menu_li.jpg) no-repeat left 50%;
}

.headrc {
    padding-top: 0;
    width: auto;
    height: auto;
    text-align: right;
    margin-right: 40px;
    padding-right: 25px;

}

.headrc ul li {
    display: inline-block;
    line-height: 100px;
    margin-left: 48px;
    position: relative;
    z-index: 999;
}

.headrc ul li a.one {
    font-size: 16px;
    color: #333333;
    display: block;

    border-bottom: 2px #fff solid;
    font-weight: bolder;
}

.headrc ul li a.one:hover {
    border-bottom: 2px #e40011 solid;
    color: #e40011;
}

.headrc ul li a.current {
    border-bottom: 2px #e40011 solid;
    color: #e40011;
}

.headrc ul li dl {
    display: none;
    width: 140px;
    height: auto;
    position: absolute;
    z-index: 9999;
    top: 55px;
    left: 0;
    background: #f1f1f1;
}

.headrc ul li dl dd {
    width: 223px;
    height: auto;
}

.headrc ul li dl dd a {
    display: block;
    width: 140px;
    height: 46px;
    line-height: 46px;
    font-size: 14px;
    color: #333333;
    font-family: "宋体", "微软雅黑", Arial, Helvetica, sans-serif;
    text-indent: 20px;
    text-align: left;
}

.headrc ul li dl dd a:hover {
    background: #ea1847;
    color: #fff;
}

.headrc ul li:hover a.one {
    border-bottom: 2px #e40011 solid;
    color: #e40011;
}

/*.headrc ul li:hover dl{ display:block;}*/
@media (min-width: 1450px) and (max-width: 1620px ) {
    .headrc ul li {
        margin-left: 30px;
    }
}

@media ( max-width: 1450px ) {
    .headrc {
        margin-right: 25px;
    }

    .headrc ul li {
        margin-left: 25px;
    }
}

/*下啦导航 开始*/
.navigation-down {
    position: absolute;
    top: 100px;
    left: 0px;
    width: 100%;
    z-index: 9999;
}

.navigation-down .nav-down-menu {
    width: 100%;
    margin: 0;
    position: absolute;
    top: 0px;
    background: #f3f3f3;
}

.navigation-down .nav-down-menu .navigation-down-inner {
    margin: auto;
    width: 100%;
    position: relative;
}

.menup {
    width: 100%;
    height: auto;
    padding: 0;
    margin: 0 auto;
    border-top: 1px #dcdcdc solid;
}

.menupl {
    width: 50%;
    height: auto;
    background: #f4f4f5;
    min-height: 275px;
    padding-top: 80px;
}

.menuplc {
    width: 600px;
    height: auto;
}

.menupr_1 {
    padding-left: 15px;
}

.menupr_2 {
    padding-left: 15px;
    font-size: 24px;
    color: #333333;
    margin: 18px auto;
    line-height: 28px;
}

.menupr_2_1 {
    background: url(../img/menu_1_t_icon2.png) no-repeat left 50%;
}

.menupr_2_2 {
    background: url(../img/menu_2_t_icon2.png) no-repeat left 50%;
}

.menupr_2_3 {
    background: url(../img/menu_3_t_icon2.png) no-repeat left 50%;
}

.menupr_2_4 {
    background: url(../img/menu_4_t_icon2.png) no-repeat left 50%;
}

.menupr_2_5 {
    background: url(../img/menu_5_t_icon2.png) no-repeat left 50%;
}

.menupr_3 {
    padding-left: 15px;
    font-size: 36px;
    color: #dcdcdd;
    font-family: Acrom, Arial, Helvetica, sans-serif;
    letter-spacing: 3px;
    line-height: 28px;
}

.menupr {
    width: 50%;
    height: auto;
    min-height: 355px;
    background: #f4f4fc;
}

.menuprc {
    width: 600px;
    height: auto;
}

.menuprt {
    font-size: 18px;
    color: #333333;
    line-height: 28px;
}

.menuprc {
}

.menuplm {
    border-left: 1px #dcdcdc solid;
    height: 295px;
    width: 209px;
    padding-left: 90px;
    padding-top: 60px;
}

.menuplm2 {
    border-left: 1px #dcdcdc solid;
    border-right: 1px #dcdcdc solid;
    height: 295px;
    width: 208px;
    padding-left: 90px;
    padding-top: 60px;
}

.menuprc dl dt {
    margin-bottom: 20px;
}

.menuprc dl dt a {
    display: block;
}

.menuprc dl dt a img {
    float: left;
}

.menuprc dl dt a p {
    float: left;
    line-height: 46px;
    font-size: 16px;
    color: #333333;
    padding-left: 16px;
}

.menuprc dl dt a:hover p {
    color: #e40011;
}

/*.navigation-down .menu-2 dd a, .navigation-down .menu-3 dd a { color: #666;font-size:14px; }*/
/*下啦导航  结束*/

/* banner */
.flexslider {
    position: relative;
    height: 480px;
    overflow: hidden; /*background: url(/resources1/img/loading.gif) 50% no-repeat;*/
}

.slides {
    position: relative;
    z-index: 1;
}

.slides li {
    height: 480px;
}

.slides li a {
    display: block;
    width: 1200px;
    height: 420px;
    margin: 0 auto;
}

.flex-control-nav {
    position: absolute;
    bottom: 30px;
    z-index: 100;
    width: 100%;
    text-align: center;
}

.flex-control-nav li {
    display: inline-block;
    width: 14px;
    height: 14px;
    margin: 0 10px;
    *display: inline;
    zoom: 1;
}

.flex-control-nav a {
    display: inline-block;
    width: 14px;
    height: 14px;
    line-height: 14px;
    overflow: hidden;
    background: url(/resources1/img/icon.png) no-repeat;
    cursor: pointer;
    color: #ffffff;
    font-size: 0;
    -webkit-border-radius: 14px;
    -moz-border-radius: 14px;
    border-radius: 14px;
}

.flex-control-nav .flex-active {
    background: url(/resources1/img/icon_over.png) no-repeat;
    color: #ff0000;
}

/* Direction Nav */
.flex-direction-nav {
    *height: 0;
    display: none;
}

.flex-direction-nav a {
    text-decoration: none;
    display: block;
    width: 76px;
    height: 76px;
    margin: -20px 0 0;
    position: absolute;
    top: 50%;
    z-index: cursor: pointer;
    z-index: 999;
}

.flex-direction-nav .flex-prev {
    left: 130px;
    background: url(/resources1/img/prev.png) no-repeat;
    transform: scale(1);
    transition: 0.3s;
}

.flex-direction-nav .flex-next {
    right: 130px;
    background: url(/resources1/img/next.png) no-repeat;
}

/*.flexslider:hover .flex-prev { }
.flexslider:hover .flex-next { }*/
.flexslider .flex-next:hover {
    background: url(/resources1/img/right_pic2.png) no-repeat;
    opacity: 1;
}

.flexslider .flex-prev:hover {
    background: url(/resources1/img/left_pic2.png) no-repeat;
    opacity: 1;
}

.focusBox1, .focusBox3, .focusBox4, .focusBox5 {
    position: relative;
    width: 100%;
    overflow: hidden;
}

.focusBox1 .next, .focusBox3 .next, .focusBox4 .next, .focusBox5 .next {
    right: 130px;
    top: 50%;
    height: 76px;
    width: 76px;
    margin-top: -38px;;
    position: absolute;
}

.focusBox1 .prev, .focusBox3 .prev, .focusBox4 .prev, .focusBox5 .prev {
    left: 130px;
    top: 50%;
    height: 76px;
    width: 76px;
    margin-top: -38px;;
    position: absolute;
}

.focusBox3 .next, .focusBox4 .next, .focusBox5 .next {
    right: -120px;
}

.focusBox3 .prev, .focusBox4 .prev, .focusBox5 .prev {
    left: -120px;
}

.focusBox1 .prev .img2, .focusBox3 .prev .img2, .focusBox5 .prev .img2, .focusBox4 .prev .img2, .focusBox5 .next .img2, .focusBox3 .next .img2, .focusBox4 .next .img2, .focusBox1 .next .img2 {
    position: absolute;
    top: 0;
    left: 0;
    width: 76px;
    height: 76px;
    transform: scale(0);
    transition: 0.3s;
    cursor: pointer;
}

.focusBox1 .prev:hover .img2, .focusBox3 .prev:hover .img2, .focusBox4 .prev:hover .img2, .focusBox5 .prev:hover .img2, .focusBox1 .next:hover .img2, .focusBox4 .next:hover .img2, .focusBox5 .next:hover .img2, .focusBox3 .next:hover .img2 {
    transform: scale(1);
}

.banner .bd {
    position: absolute;
    bottom: 30px;
    width: 100%;
    text-align: center;
}

.banner .bd ul {
    display: inline-block;
}

.banner .bd li {
    width: 21px;
    height: 21px;
    background: url("/resources1/img/icon.png") no-repeat;
    float: left;
    margin: 0 5px;
    color: #d9d9c5;
    font-size: 0;
}

.banner .bd li.on {
    background: url("/resources1/img/icon_over.png") no-repeat;
    font-size: 0;
}

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

.iser {
    margin: 70px auto 40px auto;
}

.iserl {
    width: 418px;
    height: 520px;
    background: url(/resources1/img/i_servcie_img1.jpg) no-repeat;
    position: relative;
    z-index: 9;
    overflow: hidden;
    cursor: pointer;
}

.iserlbox {
    padding: 130px 30px 0 30px;
    position: absolute;
    z-index: 999;
    left: 0;
    top: 0;
    width: 358px;
    height: 390px;
}

.iserlimg {
    position: absolute;
    top: 0;
    left: 0;
}

.iserlt {
    padding-top: 70px;
    font-size: 26px;
    font-weight: bolder;
    color: #fff;
    background: url(/resources1/img/i_service_icon1.png) no-repeat left top;
}

.iserlc {
    padding-top: 20px;
    font-size: 13px;
    color: #fff;
    font-family: "宋体", "微软雅黑", Arial, Helvetica, sans-serif;
}

.iserlc a {
    font-size: 13px;
    color: #fff;
    line-height: 32px;
}

.iserl .CorebgColour {
    width: 100%;
    height: 100%;
    z-index: -2;
    padding: 1px;
    margin: -1px;
    background: #e60012;
    position: absolute;
    left: 0;
    top: 0;
    transition: all 0.1s linear;
    -moz-transition: all 0.1s linear;
    -webkit-transition: all 0.1s linear;
    -o-transition: all 0.1s linear;
    -ms-transition: all 0.1s linear;
}

.iserl:hover .CorebgColour {
    z-index: 20;
}

.corebgovers {
    width: 100%;
    height: 100%;
    z-index: -1;
    padding: 1px;
    margin: -1px;
    background: #000;
    position: absolute;
    left: 0;
    top: 0;
    transition: all 0.1s linear;
    -moz-transition: all 0.1s linear;
    -webkit-transition: all 0.1s linear;
    -o-transition: all 0.1s linear;
    -ms-transition: all 0.1s linear;
    filter: alpha(opacity=70);
    -moz-opacity: 0.70;
    opacity: 0.70;
}

.iserr {
    width: 780px;
    height: auto;
}

.iserrt {
    margin-bottom: 2px;
}

.iserrtl {
    width: 520px;
    height: 260px;
    background: url(/resources1/img/i_servcie_img2.jpg) no-repeat;
    position: relative;
    z-index: 9;
    overflow: hidden;
    cursor: pointer;
}

.iserrtlbox {
    padding: 30px;
    position: absolute;
    z-index: 999;
    left: 0;
    top: 0;
    width: 460px;
    height: 200px;
}

.iserrtlimg {
    position: absolute;
    top: 0;
    left: 0;
}

.iserrtlt {
    padding-top: 70px;
    font-size: 26px;
    font-weight: bolder;
    color: #fff;
    background: url(/resources1/img/i_service_icon2.png) no-repeat left top;
}

.iserrtlc {
    padding-top: 20px;
    font-size: 13px;
    color: #fff;
    font-family: "宋体", "微软雅黑", Arial, Helvetica, sans-serif;
}

.iserrtlc a {
    font-size: 13px;
    color: #fff;
    line-height: 32px;
}

.iserrtl .CorebgColour {
    width: 100%;
    height: 100%;
    z-index: -2;
    padding: 1px;
    margin: -1px;
    background: #e60012;
    position: absolute;
    left: 0;
    top: 0;
    transition: all 0.1s linear;
    -moz-transition: all 0.1s linear;
    -webkit-transition: all 0.1s linear;
    -o-transition: all 0.1s linear;
    -ms-transition: all 0.1s linear;
}

.iserrtl:hover .CorebgColour {
    z-index: 20;
}

.iserrtr {
    width: 258px;
    height: 260px;
    background: url(/resources1/img/i_servcie_img3.jpg) no-repeat;
    position: relative;
    z-index: 9;
    overflow: hidden;
    cursor: pointer;
}

.iserrtrbox {
    padding: 30px;
    position: absolute;
    z-index: 999;
    left: 0;
    top: 0;
    width: 198px;
    height: 200px;
}

.iserrtrimg {
    position: absolute;
    top: 0;
    left: 0;
}

.iserrtrt {
    padding-top: 70px;
    font-size: 26px;
    font-weight: bolder;
    color: #fff;
    background: url(/resources1/img/i_service_icon3.png) no-repeat left top;
}

.iserrtrc {
    padding-top: 20px;
    font-size: 13px;
    color: #fff;
    font-family: "宋体", "微软雅黑", Arial, Helvetica, sans-serif;
}

.iserrtrc a {
    font-size: 13px;
    color: #fff;
    line-height: 32px;
}

.iserrtr .CorebgColour {
    width: 100%;
    height: 100%;
    z-index: -2;
    padding: 1px;
    margin: -1px;
    background: #e60012;
    position: absolute;
    left: 0;
    top: 0;
    transition: all 0.1s linear;
    -moz-transition: all 0.1s linear;
    -webkit-transition: all 0.1s linear;
    -o-transition: all 0.1s linear;
    -ms-transition: all 0.1s linear;
}

.iserrtr:hover .CorebgColour {
    z-index: 20;
}

.iserrc {
}

.iserrcl {
    width: 258px;
    height: 258px;
    background: url(/resources1/img/i_servcie_img4.jpg) no-repeat;
    position: relative;
    z-index: 9;
    overflow: hidden;
    cursor: pointer;
}

.iserrclbox {
    padding: 30px;
    position: absolute;
    z-index: 999;
    left: 0;
    top: 0;
    width: 198px;
    height: 198px;
}

.iserrclimg {
    position: absolute;
    top: 0;
    left: 0;
}

.iserrclt {
    padding-top: 70px;
    font-size: 26px;
    font-weight: bolder;
    color: #fff;
    background: url(/resources1/img/i_service_icon4.png) no-repeat left top;
}

.iserrclc {
    padding-top: 20px;
    font-size: 13px;
    color: #fff;
    font-family: "宋体", "微软雅黑", Arial, Helvetica, sans-serif;
}

.iserrclc a {
    font-size: 13px;
    color: #fff;
    line-height: 32px;
}

.iserrcl .CorebgColour {
    width: 100%;
    height: 100%;
    z-index: -2;
    padding: 1px;
    margin: -1px;
    background: #e60012;
    position: absolute;
    left: 0;
    top: 0;
    transition: all 0.1s linear;
    -moz-transition: all 0.1s linear;
    -webkit-transition: all 0.1s linear;
    -o-transition: all 0.1s linear;
    -ms-transition: all 0.1s linear;
}

.iserrcl:hover .CorebgColour {
    z-index: 20;
}

.iserrcr {
    width: 520px;
    height: 258px;
    background: url(/resources1/img/i_servcie_img5.jpg) no-repeat;
    position: relative;
    z-index: 9;
    overflow: hidden;
}

.iserrcrbox {
    padding: 30px;
    position: absolute;
    z-index: 999;
    left: 0;
    top: 0;
    width: 460px;
    height: 198px;
}

.iserrcrimg {
    position: absolute;
    top: 0;
    left: 0;
}

.iserrcrt {
    padding-top: 70px;
    font-size: 26px;
    font-weight: bolder;
    color: #fff;
    background: url(/resources1/img/i_service_icon5.png) no-repeat left top;
}

.iserrcrc {
    padding-top: 20px;
    font-size: 13px;
    color: #fff;
    font-family: "宋体", "微软雅黑", Arial, Helvetica, sans-serif;
}

.iserrcrc a {
    font-size: 13px;
    color: #fff;
    line-height: 32px;
}

.iserrcr .CorebgColour {
    width: 100%;
    height: 100%;
    z-index: -2;
    padding: 1px;
    margin: -1px;
    background: #e60012;
    position: absolute;
    left: 0;
    top: 0;
    transition: all 0.1s linear;
    -moz-transition: all 0.1s linear;
    -webkit-transition: all 0.1s linear;
    -o-transition: all 0.1s linear;
    -ms-transition: all 0.1s linear;
}

.iserrcr:hover .CorebgColour {
    z-index: 20;
}

.iser a:hover { /*opacity:0.7;filter:alpha(opacity=70);*/
    text-decoration: underline;
}

.icase {
    margin: 40px auto 50px auto;
}

.icaset {
    padding-bottom: 26px;
    background: url(/resources1/img/i_tt_bg.jpg) no-repeat 50% bottom;
    font-size: 36px;
    color: #222222;
    text-align: center;
}

.icasecate {
    padding: 30px 0;
    text-align: center;
}

.icasecate a {
    display: inline-block;
    width: 122px;
    height: 34px;
    border: 1px #cacaca solid;
    text-align: center;
    line-height: 34px;
    font-size: 14px;
    color: #333333;
    font-family: "宋体", "微软雅黑", Arial, Helvetica, sans-serif;
    margin-right: 19px;
    -webkit-border-radius: 34px;
    -moz-border-radius: 34px;
    border-radius: 34px;
}

.icasecate a:hover {
    background: #e40011;
    color: #fff;
    border: 1px #e40011 solid;
}

.icasecate a.icasecatecurr {
    background: #e40011;
    color: #fff;
    border: 1px #e40011 solid;
}

.icasecate a:last-child {
    margin-right: 0;
}

.icasec {
}

.case_list{
    height:  340px;
}
.case_list1{
    height: 271px;
}
.icasec ul li {
    width: 370px;
    float: left;
    overflow: hidden;
    margin: 0 25px 30px 0;
    box-shadow: 0 2px 14px #9697b480;
    border-radius: 5px;
    padding-bottom: 5px;
}

.icasec ul li a {
    display: block;
}

.icasec_img {
    text-align: center;
    width: 370px;
    height: 220px;
    overflow: hidden;
    position: relative;
}

.icasec_img img {
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.3s;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.icasecc {
    padding: 15px 0;
    text-align: center;
}

.icasecc_t {
    font-size: 18px;
    color: #222222;
}

.icasecc_info {
    font-size: 14px;
    color: #666666;
    padding: 12px 5px 5px 5px;
    font-family: "宋体", "微软雅黑", Arial, Helvetica, sans-serif;

}

.icasec ul li a:hover {
    background: #fff;
    color: #000;
}

.icasec ul li a:hover .icasecc_t {
    color: #000;
}

.icasec ul li a:hover .icasecc_info {
    color: #000;
}

.icasec ul li .icasec_over {
    width: 380px;
    height: 50px;
    position: absolute;
    z-index: 99;
    background: url(/resources1/img/icasec_over.png) repeat;
    text-align: center;
    line-height: 50px;
    color: #fff;
    font-size: 14px;
    top: 220px;
    left: 0;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.icase_more {
    display: block;
    width: 180px;
    height: 45px;
    line-height: 45px;
    text-align: center;
    color: #fff;
    background: #e40011;
    font-size: 14px;
    font-family: "宋体", "微软雅黑", Arial, Helvetica, sans-serif;
    -webkit-border-radius: 45px;
    -moz-border-radius: 45px;
    border-radius: 45px;
    margin: 30px auto 0 auto;
}

.icase_more:hover {
    background: #b20a17;
    color: #fff;
}

.icasec ul li a:hover .icasec_over {
    top: 170px;
}

.icasec ul li a:hover img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    transform: scale(1.1);
}

.ixinr {
    width: 100%;
    height: 500px;
    font-size: 16px;
    color: #fff;
    position: relative;
}

.ixinr .imgBg {
    width: 100%;
    height: 500px;
    background-image: url(../image/z_ind_time_bg.jpg);
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    background-position: center center;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1
}

.ixinr .container {
    padding-top: 100px;
}

.ixinrc {
    text-align: center;
    padding-top: 170px;
    width: 90%;
    height: auto;
    margin: 0 auto;
    min-width: 1200px;
}

.ixinrc ul li {
    display: block;
    position: relative;
    z-index: 9;
    float: left;
    width: 25%;
    height: auto;
    font-size: 18px;
}

.ixinrct {
    font-size: 160px;
    font-family: Arial, Helvetica, sans-serif;
    color: #fff;
    line-height: 140px;
    display: inline-block;
    padding: 0 33px;
    background: url(../image/z_serv_icon.png) no-repeat right top;
}

.ixinrct_m {
    display: none;
    position: absolute;
    z-index: 99;
    width: 48px;
    height: 22px;
    line-height: 22px;
    text-align: center;
    color: #fff;
    background: #eb1748;
    -webkit-border-radius: 22px;
    -moz-border-radius: 22px;
    border-radius: 22px;
    font-size: 12px;
    top: -5px;
    left: -30px;
}

.ixinrc_line {
    width: 65px;
    height: 3px;
    background: #fff;
    margin: 12px auto 18px auto;
}

.ixinrc4 {
    margin-right: 0;
}

.home_story_item_red { /*font-family:'Acrom',Arial, Helvetica, sans-serif;*/
}

.iqianyue {
    margin: 50px auto 80px auto;
}

.iqianyuec {
    padding-top: 30px;
}

.iqianyuec ul li {
    width: 375px;
    height: auto;
    float: left;
    margin-right: 39px;
}

.iqianyuec ul li a {
    display: block;
    width: 375px;
    height: auto;
    border-bottom: 2px #e8e8e8 solid;
    padding-bottom: 20px;
    position: relative;
}

.iqianyuec_img {
    width: 375px;
    height: 214px;
    overflow: hidden;
}

.iqianyuec ul li a .iqianyuec_img img {
    -webkit-transition: all ease .3s;
    transition: all ease .3s
}

.iqianyuec ul li a:hover .iqianyuec_img img {
    -webkit-transform: scale(1.15);
    transform: scale(1.15);
}

.iqianyuec_t {
    width: 100%;
    height: 44px;
    line-height: 44px;
    font-size: 18px;
    color: #222222;
    overflow: hidden;
    margin: 8px auto;
}

.iqianyuec_c {
    padding: 5px;
}

.iqianyuec_info {
    height: 72px;
    color: #666666;
    line-height: 24px;
    font-family: "宋体", "微软雅黑", Arial, Helvetica, sans-serif;
    overflow: hidden;
}

.iqianyuec_more {
    text-align: right;
    padding-right: 8px;
    color: #666666;
    border-top: 2px #dcdcdc solid;
    line-height: 34px;
}

.iqianyuec ul li a:hover .iqianyuec_t {
    color: #e40311;
}

.iqianyuec ul li a:hover .iqianyuec_more {
    color: #ea1847;
}

.iqianyuec ul li a:before {
    content: '';
    width: 0px;
    height: 2px;
    position: absolute;
    bottom: -2px;
    left: 0px;
    background: #e40311;
    transition: all 1s;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -ms-transition: all 1s;
}

.iqianyuec ul li a:hover:before {
    width: 100%;
}

.picScroll {
    position: relative;
    width: 1200px;
}

.picScroll .prev, .picScroll .next {
    display: block;
    position: absolute;
    top: 145px;
    left: 5px;
    width: 64px;
    height: 64px;
}

.picScroll .prev {
    background: url(/resources1/img/i_new_prev.png) no-repeat;
    left: -94px;
}

.picScroll .next {
    background: url(/resources1/img/i_new_next.png) no-repeat;
    left: auto;
    right: -94px;
}

.picScroll .prev:hover {
    background: url(/resources1/img/left_pic2.png) no-repeat;
}

.picScroll .next:hover {
    background: url(/resources1/img/right_pic2.png) no-repeat;
}

@media screen and (max-width: 1366px) {
    .ixinrct {
        font-size: 120px;
    }

    .picScroll {
        width: 1008px;
        margin: 0 auto;
    }

    .iqianyuec ul li {
        width: 32.5%;
        height: auto;
        float: left;
        margin: 0 10px;
    }

    .iqianyuec ul li a {
        display: block;
        width: 100%;
        height: auto;
    }

    .iqianyuec ul li .iqianyuec_img {
        width: 100%;
        height: 100%;
    }

    .iqianyuec ul li img {
        width: 100%;
        height: auto;
    }

    .picScroll .prev, .picScroll .next {
        top: 125px;
    }

    .picScroll .prev {
        background: url(/resources1/img/i_new_prev.png) no-repeat;
        left: -74px;
    }

    .picScroll .next {
        background: url(/resources1/img/i_new_next.png) no-repeat;
        left: auto;
        right: -114px;
    }

    .flex-direction-nav {
        display: none;
    }
}

.ipartner {
    width: 100%;
    height: auto;
    background: #fff;
    padding-top: 65px;
    padding-bottom: 80px;
}

.ipartner .container {
    padding-top: 50px;
}

.ipartnert {
    padding-bottom: 26px;
    background: url(/resources1/img/i_partner_tt_bg.jpg) no-repeat 50% bottom;
    font-size: 36px;
    color: #fff;
    font-weight: bolder;
    text-align: center;
}

.ipartnerc {
    margin: 45px auto 0 auto;
    border-top: 1px #e7e7e7 solid;
    border-left: 1px #e7e7e7 solid;
    width: 100%;
}

.ipartnerc ul li {
    width: calc(20% - 1px);
    width: -moz-calc(20% - 1px);
    width: -webkit-calc(20% - 1px);
    height: 90px;
    border-right: 1px #e7e7e7 solid;
    border-bottom: 1px #e7e7e7 solid;
    float: left;
    background: #fff;
    padding: 20px 0;
    text-align: center;
}

.ipartnerc img {
    -webkit-transition: .25s all;
    transition: .25s all
}

.ipartnerc img:hover {
    -webkit-transform: scale(.9);
    transform: scale(.9)
}

.ipartner_more {
    display: block;
    width: 180px;
    height: 45px;
    line-height: 45px;
    text-align: center;
    color: #eb1748;
    background: #fff;
    font-size: 14px;
    font-family: "宋体", "微软雅黑", Arial, Helvetica, sans-serif;
    -webkit-border-radius: 45px;
    -moz-border-radius: 45px;
    border-radius: 45px;
    margin: 30px auto 0 auto;
}

.ipartner_more:hover {
    background: #e40011;
    color: #fff;
}

.inews { /* margin:40px auto 50px auto;*/
    background: #eeeeee;
    padding: 40px 0 50px 0;
}

.inewscate {
    padding: 30px 0;
    text-align: center;
}

.inewscate a {
    display: inline-block;
    width: 122px;
    height: 34px;
    border: 1px #cacaca solid;
    text-align: center;
    line-height: 34px;
    font-size: 14px;
    color: #333333;
    font-family: "宋体", "微软雅黑", Arial, Helvetica, sans-serif;
    margin-right: 19px;
    -webkit-border-radius: 34px;
    -moz-border-radius: 34px;
    border-radius: 34px;
}

.inewscate a:hover {
    background: #e40011;
    color: #fff;
    border: 1px #e40011 solid;
}

.inewscate a.inewscatecurr {
    background: #e40011;
    color: #fff;
    border: 1px #e40011 solid;
}

.inewscate a:last-child {
    margin-right: 0;
}

.inewsc {
    padding-top: 20px;
}

.inewsc ul li {
    width: 540px;
    height: auto;
    float: left;
    margin: 0 100px 30px 0;
}

.inewsc ul li a {
    display: block;
}

.inewscl {
    width: 95px;
    height: 95px;
    background: #a7acb2;
    color: #fff;
    -webkit-border-radius: 95px;
    -moz-border-radius: 95px;
    border-radius: 95px;
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;
}

.inewscl1 {
    font-size: 48px;
    padding-top: 14px;
    line-height: 48px;
}

.inewscl2 {
    font-size: 14px;
    font-family: "宋体", "微软雅黑", Arial, Helvetica, sans-serif;
    font-size: 14px;
}

.inewscr {
    width: 420px;
    height: auto;
}

.inewscr_t {
    font-size: 18px;
    color: #333333;
    line-height: 25px;
    padding: 8px 0;
}

.inewscr_info {
    color: #666666;
    line-height: 24px;
    font-family: "宋体", "微软雅黑", Arial, Helvetica, sans-serif;
}

.inewsc ul li a:hover .inewscl {
    background: #ea1847;
}

.inewsc ul li a:hover .inewscr_t {
    color: #ea1847;
}

.foot {
    width: 100%;
    height: auto;
    color: #666666;
}

.zfoot .container {
    padding: 50px 0 0 0;
    width: 86%;
    height: auto;
    min-width: 1200px;
    color: #333;
}

.footl {
    width: 22%;
    height: auto;
    min-height: 276px;
    text-align: right;
}

.footl1 {
    font-size: 19px;
    color: #fff;
    display: inline-block;
    padding-bottom: 14px;
    border-bottom: 1px #383838 solid;
}

.footl2 {
    padding: 20px 0;
    line-height: 29px;
    font-size: 42px;
    color: #e23938;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bolder;
}

.footl3 {
    line-height: 30px;
    color: #8d8d8d;
    padding-top: 15px;
    font-size: 15px;
}

.footl4 {
    padding-top: 18px;
    width: 120px;
    text-align: center;
}

.footl4 img {
    margin-bottom: 8px;
}

.footr {
    height: auto;
}

/*.footr dl{ width:110px; height:auto; float:left; min-height:376px; margin-right:40px;font-family:"宋体","微软雅黑",Arial, Helvetica, sans-serif;}
.footr dl dt{ font-size:16px; color:#fff; padding-bottom:15px; border-bottom:1px #64676b solid; margin-bottom:15px;}
.footr dl dd a{ color:#9c9c9c; line-height:26px;}
.footr a:hover{color:#e40011;}*/
.footr .footr_dl {
    width: 13%;
    height: auto;
    float: left;
    min-height: 276px;
    margin-right: 3%;
}

.footr .footr_dl .footr_dt {
    font-size: 19px;
    color: #fff;
    padding-bottom: 15px;
    border-bottom: 1px #383838 solid;
    margin-bottom: 15px;
}

.footr .footr_dl .footr_dd a {
    color: #767676;
    line-height: 30px;
    font-size: 15px;
}

.footr .footr_dl .footr_dd a:hover {
    color: #e40011;
}

.footlink {
    width: 100%;
    height: auto;
    border-bottom: 1px #e6e6e6 solid;
}

.footlink .container {
    padding: 25px 0 20px 0;
    width: 86%;
    height: auto;
    min-width: 1200px;
}

.footlink_t {
    border-bottom: 1px #e6e6e6 solid;
    padding: 25px 0;
}

.footlinkt {
    font-size: 18px;
    color: #333;
    position: relative;
    z-index: 9;
}

.footlinkt p {
    padding-right: 18px;
    line-height: 30px;
    position: absolute;
    z-index: 10;
    right: 0px;
    top: 0;
    font-size: 14px;
    color: #666666;

    cursor: pointer;
}

.footlinkc {
    padding-top: 10px;
    color: #333;
    line-height: 30px;
    display: none;
}

.footlinkc a {
    color: #333;
    padding-right: 20px;
    font-size: 15px;
}

.footlinkc a:hover {
    color: #e40011;
}

.copyright {
    width: 100%;
    line-height: 25px;
    font-size: 15px;
}

.copyright .container {
    width: 86%;
    height: auto;
    min-width: 1200px;
    color: #333;
}

.copyright a {
    color: #333;
}

.copyright a:hover {
    color: #e40011;
}

.online {
    width: 78px;
    height: auto;
    position: fixed;
    z-index: 9999;
    top: 30%;
    right: 0;
}

.online a {
    display: block;
    width: 78px;
    height: 78px;
    border-bottom: 1px #fff solid;
    font-size: 14px;
    font-family: "宋体", "微软雅黑", Arial, Helvetica, sans-serif;
}

.online a.online1 {
    background: url(../image/z_online_icon1.png) no-repeat 50% 15px #ff4343;
    padding-top: 48px;
    height: 30px;
    color: #fff;
    line-height: 24px;
    text-align: center;
}

.online a.online2 {
    background: url(../image/z_online_icon2.png) no-repeat 50% 15px #ff4343;
    padding-top: 48px;
    height: 30px;
    color: #fff;
    line-height: 24px;
    text-align: center;
}

.online a.online3 {
    background: url(../image/z_online_icon4.png) no-repeat 50% 15px #ff4343;
    padding-top: 48px;
    height: 30px;
    color: #fff;
    line-height: 24px;
    text-align: center;
    position: relative;
    z-index: 999;
}

.online3_ewm {
    width: 120px;
    height: 120px;
    position: absolute;
    z-index: 9999;
    top: 0;
    right: 78px;
    display: none;
}

.online a.online4 {
    background: url(../image/z_online_icon5.png) no-repeat 50% 15px #ff4343;
    padding-top: 45px;
    height: 30px;
    color: #fff;
    line-height: 24px;
    text-align: center;
    position: relative;
    z-index: 999;
}

.online a.online5 {
    background: url(../image/z_online_icon3.png) no-repeat 50% 22px #ff4343;
    padding-top: 45px;
    height: 30px;
    color: #fff;
    line-height: 18px;
    text-align: center;
    border-bottom: 0;
}

.nnonline {
    width: 100%;
    height: 74px;
    line-height: 74px;
    background: #ed0044;
    color: #fff;
    font-size: 16px;
    font-family: "宋体", "微软雅黑", Arial, Helvetica, sans-serif;
    position: fixed;
    z-index: 99999;
    bottom: 0;
    left: 0;
}

.nnonline .nnonlinec {
    width: 800px;
    height: auto;
    padding-top: 20px;
    line-height: 34px;
    margin: 0 auto;
}

.nnonlinecm {
    display: block;
    width: 156px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    background: #ffffff;
    color: #ed0044;
    font-size: 14px;
}

/*index end*/

/*服务范围  开始*/
.website1 {
    width: 100%;
    height: auto;
    background: #e01d56;
}

.website1 .container {
    padding: 80px 0 110px 0;
    color: #fff;
    font-size: 14px;
}

.website1l {
    width: 600px;
    height: auto;
    padding-top: 40px;
}

.website1r {
    width: 540px;
    height: auto;
    letter-spacing: 1px;
}

.website1r_t {
    font-size: 46px;
    font-weight: bolder;
}

.website1r_info {
    font-size: 18px;
    line-height: 48px;
}

.website1r_c {
    font-size: 14px;
    line-height: 24px;
    font-family: "宋体", "微软雅黑", Arial, Helvetica, sans-serif;
    padding: 18px 0 45px 0;
}

.website1r_m {
}

.website1r_m a {
    display: inline-block;
    width: 128px;
    height: 36px;
    border: 1px #fff solid;
    text-align: center;
    line-height: 36px;
    color: #fff;
    font-size: 14px;
    font-family: "宋体", "微软雅黑", Arial, Helvetica, sans-serif;
    margin-right: 30px;
    -webkit-border-radius: 36px;
    -moz-border-radius: 36px;
    border-radius: 36px;
}

.website1r_m a:hover {
    background: #fff;
    color: #e40011;
}

.website2 {
    width: 100%;
    height: auto;
    background: #ffffff;
}

.website2 .container {
    padding: 80px 0 110px 0;
    font-size: 14px;
}

.website2l {
    width: 540px;
    height: auto;
    letter-spacing: 1px;
}

.website2r {
    width: 600px;
    height: auto;
    padding-top: 40px;
    text-align: center;
}

.website2l_t {
    font-size: 46px;
    font-weight: bolder;
    color: #333;
}

.website2l_info {
    font-size: 18px;
    line-height: 48px;
}

.website2l_c {
    font-size: 14px;
    line-height: 24px;
    font-family: "宋体", "微软雅黑", Arial, Helvetica, sans-serif;
    padding: 18px 0 45px 0;
}

.website2l_m {
}

.website2l_m a {
    display: inline-block;
    width: 128px;
    height: 36px;
    border: 1px #999999 solid;
    text-align: center;
    line-height: 36px;
    color: #333333;
    font-size: 14px;
    font-family: "宋体", "微软雅黑", Arial, Helvetica, sans-serif;
    margin-right: 30px;
    -webkit-border-radius: 36px;
    -moz-border-radius: 36px;
    border-radius: 36px;
}

.website2l_m a:hover {
    background: #e40011;
    color: #fff;
    border: 1px #e40011 solid;
}

.website3 {
    width: 100%;
    height: auto;
    background: #46abf0;
}

.website3 .container {
    padding: 80px 0 110px 0;
    font-size: 14px;
    color: #fff;
}

.website5 {
    width: 100%;
    height: auto;
    background: #fbac32;
}

.website5 .container {
    padding: 80px 0 110px 0;
    font-size: 14px;
    color: #fff;
}

.website7 {
    width: 100%;
    height: auto;
    background: #27c0c0;
}

.website7 .container {
    padding: 80px 0 110px 0;
    font-size: 14px;
    color: #fff;
}

/*服务范围  结束*/

/*响应式 开始*/
.res_banner {
    width: 100%;
    height: auto; /*background:url(/resources1/img/responsive_banner.jpg) no-repeat 50% top;*/
    overflow: hidden;
}

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

.rescon {
    margin: 0px auto 70px auto;
}

.reswhat {
    margin-bottom: 65px;
}

.reswhatt {
    padding-bottom: 0px;
    font-size: 20px;
    color: #222222;
    font-weight: bolder;
    text-align: center;
}

.reswhatinfo {
    text-align: center;
    padding: 40px 0 60px 0;
    font-size: 14px;
    line-height: 24px;
    color: #666666;
    font-family: "宋体", "微软雅黑", Arial, Helvetica, sans-serif;
}

.reswhatc {
    text-align: center;
}

.reswhatc ul li {
    display: inline-block;
    margin-right: 115px;
    width: 160px;
    height: 80px;
    padding-top: 80px;
    line-height: 50px;
    text-align: center;
    color: #fff;
    font-size: 18px;
    -webkit-border-radius: 160px;
    -moz-border-radius: 160px;
    border-radius: 160px;
}

.reswhatc ul li:last-child {
    margin-right: 0;
}

.reswhatc ul li.reswhatc1 {
    background: url(/resources1/img/res_icon1.png) no-repeat 50% 40px #e91946;
}

.reswhatc ul li.reswhatc2 {
    background: url(/resources1/img/res_icon2.png) no-repeat 50% 40px #4252af;
}

.reswhatc ul li.reswhatc3 {
    background: url(/resources1/img/res_icon3.png) no-repeat 50% 40px #339f6f;
}

.reswhyc {
    padding-top: 50px;
}

.reswhycr {
    width: 600px;
    height: auto;
    padding-top: 30px;
}

.reswhycr ul li {
    margin-bottom: 20px;
}

.reswhycrl {
    width: 75px;
    height: 75px;
    line-height: 75px;
    text-align: center;
    background: #ea1847;
    font-size: 30px;
    color: #fff;
    font-family: Arial, Helvetica, sans-serif;
}

.reswhycrr {
    width: 510px;
    height: auto;
    padding-top: 15px;
    font-size: 14px;
    color: #666666;
    line-height: 24px;
    font-family: "宋体", "微软雅黑", Arial, Helvetica, sans-serif;
}

.resyd {
    width: 100%;
    height: auto;
    background: #e1e1e1;
    padding: 55px 0 70px 0;
}

.resydc {
    padding-top: 50px;
}

.resydc ul li {
    width: 176px;
    height: 76px;
    float: left;
    margin-right: 80px;
    padding-top: 100px;
    position: relative;
    z-index: 9;
}

.resydc ul li .resydc_num {
    width: 32px;
    height: 51px;
    position: absolute;
    z-index: 99;
    background: url(/resources1/img/resydc_num.png) no-repeat;
    padding: 12px 0 0 32px;
    top: 0;
    right: 0;
    color: #fff;
    font-size: 24px;
    font-family: Arial, Helvetica, sans-serif;
    line-height: 23px;
}

.resydc ul li.resydc1 {
    background: url(/resources1/img/res_youdian_icon1.png) no-repeat 50% 57px #fff;
    line-height: 55px;
    color: #666666;
    font-size: 18px;
    font-weight: bolder;
    text-align: center;
}

.resydc ul li.resydc2 {
    background: url(/resources1/img/res_youdian_icon2.png) no-repeat 50% 57px #fff;
    line-height: 55px;
    color: #666666;
    font-size: 18px;
    font-weight: bolder;
    text-align: center;
}

.resydc ul li.resydc3 {
    background: url(/resources1/img/res_youdian_icon3.png) no-repeat 50% 57px #fff;
    line-height: 55px;
    color: #666666;
    font-size: 18px;
    font-weight: bolder;
    text-align: center;
}

.resydc ul li.resydc4 {
    background: url(/resources1/img/res_youdian_icon4.png) no-repeat 50% 57px #fff;
    line-height: 55px;
    color: #666666;
    font-size: 18px;
    font-weight: bolder;
    text-align: center;
}

.resydc ul li.resydc5 {
    background: url(/resources1/img/res_youdian_icon5.png) no-repeat 50% 57px #fff;
    line-height: 55px;
    color: #666666;
    font-size: 18px;
    font-weight: bolder;
    text-align: center;
}

.resydc ul li:hover .resydc_num {
    background: url(/resources1/img/resydc_num_over.png) no-repeat;
    color: #ea1847;
}

.resydc ul li.resydc1:hover {
    background: url(/resources1/img/res_youdian_icon1_over.png) no-repeat 50% 57px #ea1847;
    color: #fff;
}

.resydc ul li.resydc2:hover {
    background: url(/resources1/img/res_youdian_icon2_over.png) no-repeat 50% 57px #ea1847;
    color: #fff;
}

.resydc ul li.resydc3:hover {
    background: url(/resources1/img/res_youdian_icon3_over.png) no-repeat 50% 57px #ea1847;
    color: #fff;
}

.resydc ul li.resydc4:hover {
    background: url(/resources1/img/res_youdian_icon4_over.png) no-repeat 50% 57px #ea1847;
    color: #fff;
}

.resydc ul li.resydc5:hover {
    background: url(/resources1/img/res_youdian_icon5_over.png) no-repeat 50% 57px #ea1847;
    color: #fff;
}

.resvs {
    margin: 55px auto 70px auto;
}

.resvsc {
    padding-top: 50px;
    text-align: center;
}

/*响应式 结束*/

/*品牌网站 开始*/
.brandzx {
    padding-bottom: 70px;
}

.brandzxc {
    padding-top: 50px;
}

.brandzxc ul li {
    width: 270px;
    height: auto;
    float: left;
    margin-right: 40px;
    color: #fff;
}

.brandzxc ul li.brandzxc1 {
    background: #e91946;
}

.brandzxc ul li.brandzxc2 {
    background: #4252af;
}

.brandzxc ul li.brandzxc3 {
    background: #339f6f;
}

.brandzxc ul li.brandzxc4 {
    background: #f59225;
}

.brandzxcc {
    width: 210px;
    height: auto;
    min-height: 190px;
    padding: 15px 30px;
    line-height: 24px;
    font-size: 14px;
    font-family: "宋体", "微软雅黑", Arial, Helvetica, sans-serif;
}

.brandzxcc_t {
    font-size: 25px;
    line-height: 24px;
    padding-bottom: 12px;
    font-family: "微软雅黑", "宋体", Arial, Helvetica, sans-serif;
}

.brandservc {
    margin-top: 50px;
    position: relative;
    z-index: 9;
    font-size: 14px;
    line-height: 24px;
    color: #000000;
    font-family: "宋体", "微软雅黑", Arial, Helvetica, sans-serif;
}

.brandservc1 {
    width: 540px;
    height: auto;
    position: absolute;
    z-index: 99;
    top: 27px;
    left: 434px;
}

.brandservc2 {
    width: 540px;
    height: auto;
    position: absolute;
    z-index: 99;
    top: 106px;
    left: 504px;
}

.brandservc3 {
    width: 540px;
    height: auto;
    position: absolute;
    z-index: 99;
    top: 180px;
    left: 528px;
}

.brandservc4 {
    width: 540px;
    height: auto;
    position: absolute;
    z-index: 99;
    top: 253px;
    left: 547px;
}

.brandservc5 {
    width: 620px;
    height: auto;
    position: absolute;
    z-index: 99;
    top: 325px;
    left: 528px;
}

.brandservc6 {
    width: 540px;
    height: auto;
    position: absolute;
    z-index: 99;
    top: 405px;
    left: 446px;
}

/*品牌网站 结束*/

/*企业网站 开始*/
.qiyexq {
    padding-top: 50px;
    color: #fff;
}

.qiyexql {
    width: 348px;
    height: 300px;
}

.qiyexqlt {
    width: 288px;
    height: 80px;
    margin-bottom: 20px;
    background: #d33977;
    padding: 30px;
}

.qiyexqltl {
    width: 55px;
    height: auto;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 45px;
    font-weight: bolder;
}

.qiyexqltr {
    width: 220px;
    height: auto;
    font-size: 14px;
    line-height: 24px;
    font-family: "宋体", "微软雅黑", Arial, Helvetica, sans-serif;
}

.qiyexqlc {
}

.qiyexqm {
    width: 324px;
    height: 200px;
    padding: 100px 70px 0 70px;
    background: #d33977;
    margin-left: 20px;
}

.qiyexqml {
    width: 55px;
    height: auto;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 45px;
    font-weight: bolder;
}

.qiyexqmr {
    width: 250px;
    height: auto;
    font-size: 14px;
    line-height: 24px;
    font-family: "宋体", "微软雅黑", Arial, Helvetica, sans-serif;
}

.qiyexqr {
    width: 348px;
    height: 300px;
}

.qiyezxc {
    padding-top: 50px;
}

.qiyezxc ul li {
    width: 310px;
    height: auto;
    margin-right: 90px;
    float: left;
}

.qiyezxc ul li .qiyezxc_icon {
    width: 165px;
    height: 165px;
}

.qiyezxc ul li .qiyezxc_t {
    font-size: 24px;
    line-height: 24px;
    padding: 20px 0 25px 0;
}

.qiyezxc ul li .qiyezxc_info {
    font-size: 14px;
    line-height: 24px;
    color: #000000;
    font-family: "宋体", "微软雅黑", Arial, Helvetica, sans-serif;
}

.qiyezxc ul li.qiyezxc1 .qiyezxc_icon {
    background: url(/resources1/img/qiye_icon1.png) no-repeat 50% 50% #e81a45;
}

.qiyezxc ul li.qiyezxc1 .qiyezxc_t {
    color: #e81a45;
}

.qiyezxc ul li.qiyezxc2 .qiyezxc_icon {
    background: url(/resources1/img/qiye_icon2.png) no-repeat 50% 50% #4252ad;
}

.qiyezxc ul li.qiyezxc2 .qiyezxc_t {
    color: #4252ad;
}

.qiyezxc ul li.qiyezxc3 .qiyezxc_icon {
    background: url(/resources1/img/qiye_icon3.png) no-repeat 50% 50% #319e6f;
}

.qiyezxc ul li.qiyezxc4 .qiyezxc_t {
    color: #319e6f;
}

/*企业网站 结束*/

/*营销网站 开始*/
.yxcon1 {
    width: 100%;
    height: 351px;

}

.yxcon1 .container {
    padding-top: 60px;
}

.yxcon1l {
    width: 480px;
    height: auto;
    padding-left: 75px;
    padding-top: 25px;
}

.yxcon1lt {
    font-size: 32px;
    color: #ffd800;
}

.yxcon1lc {
    padding-top: 20px;
    font-size: 20px;
    line-height: 38px;
    color: #fff;
}

.yxcon1r {
    width: 625px;
    height: auto;
    text-align: center;
}

.yxcon2 {
    padding: 65px 0 70px 0;
}

.yxcon2l {
    width: 625px;
    height: auto;
    text-align: center;
}

.yxcon2r {
    width: 550px;
    height: auto;
    padding-top: 45px;
}

.yxcon2rt {
    font-size: 32px;
    color: #ea1847;
}

.yxcon2rc {
    padding-top: 20px;
    font-size: 18px;
    line-height: 30px;
    color: #666666;
}

.yxcon3 {
    width: 100%;
    height: auto;
    background: #2aa7e1;
}

.yxcon3 .container {
    padding: 45px 60px;
}

.yxcon3l {
    width: 480px;
    height: auto;
    padding-left: 105px;
    padding-top: 25px;
}

.yxcon3lt {
    font-size: 32px;
    color: #ffd800;
}

.yxcon3lc {
    padding-top: 20px;
    font-size: 20px;
    line-height: 38px;
    color: #fff;
}

.yxcon3r {
    width: 615px;
    height: auto;
    text-align: center;
}

.yxcon4 {
    margin: 60px auto 70px auto;
}

.yxcon4c {
    padding-top: 40px;
}

.yxcon4c ul li {
    width: 220px;
    height: auto;
    float: left;
    margin-right: 25px;
}

.yxcon4c ul li img {
    margin: 0;
    padding: 0;
    float: left;
}

.yxcon4ct {
    text-align: center;
    font-size: 36px;
    padding-bottom: 18px;
}

.yxcon4cc {
    padding: 55px 20px;
    font-size: 14px;
    line-height: 24px;
    font-family: "宋体", "微软雅黑", Arial, Helvetica, sans-serif;
    background: #fde7ec;
    color: #3b010e;
    min-height: 100px;
    margin: 0;
}

.yxcon4ct1 {
    color: #ea1847;
}

.yxcon4ct2 {
    color: #4252b1;
}

.yxcon4ct3 {
    color: #34a06f;
}

.yxcon4ct4 {
    color: #f79321;
}

.yxcon4ct5 {
    color: #d33977;
}

.yxcon4cc1 {
    background: #fde7ec;
    color: #3b010e;
}

.yxcon4cc2 {
    background: #ecedf7;
    color: #0e122d;
}

.yxcon4cc3 {
    background: #eaf5f0;
    color: #0b2419;
}

.yxcon4cc4 {
    background: #fef4e8;
    color: #1f1102;
}

.yxcon4cc5 {
    background: #fbebf1;
    color: #2c0b18;
}

.yxcon5 {
    padding: 60px 0 70px 0;
    width: 100%;
    height: auto;
    background: #ebebeb;
}

.yxcon5info {
    padding: 40px 0 25px 0;
    text-align: center;
    font-size: 18px;
    color: #666666;
}

.yxcon5c {
}

.yxcon5c ul li {
    width: 160px;
    height: auto;
    margin-right: 100px;
    float: left;
    font-size: 16px;
    text-align: center;
    color: #333333;
}

.yxcon5c ul li .yxcon5c1 {
    width: 160px;
    height: 160px;
    -webkit-border-radius: 160px;
    -moz-border-radius: 160px;
    border-radius: 160px;
    background: url(/resources1/img/yingxiao_icon1.png) no-repeat 50% 50% #ea1847;
    margin-bottom: 15px;
}

.yxcon5c ul li .yxcon5c2 {
    width: 160px;
    height: 160px;
    -webkit-border-radius: 160px;
    -moz-border-radius: 160px;
    border-radius: 160px;
    background: url(/resources1/img/yingxiao_icon2.png) no-repeat 50% 50% #4252b1;
    margin-bottom: 15px;
}

.yxcon5c ul li .yxcon5c3 {
    width: 160px;
    height: 160px;
    -webkit-border-radius: 160px;
    -moz-border-radius: 160px;
    border-radius: 160px;
    background: url(/resources1/img/yingxiao_icon3.png) no-repeat 50% 50% #34a06f;
    margin-bottom: 15px;
}

.yxcon5c ul li .yxcon5c4 {
    width: 160px;
    height: 160px;
    -webkit-border-radius: 160px;
    -moz-border-radius: 160px;
    border-radius: 160px;
    background: url(/resources1/img/yingxiao_icon4.png) no-repeat 50% 50% #f79321;
    margin-bottom: 15px;
}

.yxcon5c ul li .yxcon5c5 {
    width: 160px;
    height: 160px;
    -webkit-border-radius: 160px;
    -moz-border-radius: 160px;
    border-radius: 160px;
    background: url(/resources1/img/yingxiao_icon5.png) no-repeat 50% 50% #d33977;
    margin-bottom: 15px;
}

.colse_div{
    float: right; margin-top: -10px; margin-right: -10px;
}
.messtt {
    width: 100%;
    height: 57px;
    background: #d33977;
    color: #fff;
    text-align: center;
    line-height: 57px;
    font-size: 20px;
}

.messconline {
    width: 100%;
    border-top: 4px #c90f24 solid;
    background: #ededed;
    margin: 0 auto;
}

.messcon {
    padding: 40px 0 80px 0;
}

.messconl {
    width: 416px;
    height: auto;
    padding-left: 120px;
}

.messconlt {
    font-size: 24px;
    color: #333333;
    line-height: 38px;
}

.messconlinfo {
    padding: 10px 0 35px 0;
    font-size: 18px;
    line-height: 30px;
    color: #666666;
}

.messconlc {
}

.mess_name {
    width: 412px;
    height: 50px;
    border: 1px #666666 solid;
    line-height: 50px;
    background: url(/resources1/img/mess_icon1.jpg) no-repeat 16px 50% #fff;
    text-indent: 49px;
    font-size: 14px;
    color: #333333;
    font-family: "宋体", "微软雅黑", Arial, Helvetica, sans-serif;
    margin-bottom: 20px;
    outline: none;
}

.mess_phone {
    width: 412px;
    height: 50px;
    border: 1px #666666 solid;
    line-height: 50px;
    background: url(/resources1/img/mess_icon2.jpg) no-repeat 16px 50% #fff;
    text-indent: 49px;
    font-size: 14px;
    color: #333333;
    font-family: "宋体", "微软雅黑", Arial, Helvetica, sans-serif;
    margin-bottom: 20px;
    outline: none;
}

.mess_qiye {
    width: 412px;
    height: 50px;
    border: 1px #666666 solid;
    line-height: 50px;
    background: url(/resources1/img/mess_icon3.jpg) no-repeat 16px 50% #fff;
    text-indent: 49px;
    font-size: 14px;
    color: #333333;
    font-family: "宋体", "微软雅黑", Arial, Helvetica, sans-serif;
    margin-bottom: 20px;
    outline: none;
}

.mess_xuqiu {
    width: 412px;
    height: 50px;
    border: 1px #666666 solid;
    line-height: 50px;
    background: url(/resources1/img/mess_icon4.jpg) no-repeat 16px 50 #fff;
    text-indent: 49px;
    font-size: 14px;
    color: #333333;
    font-family: "宋体", "微软雅黑", Arial, Helvetica, sans-serif;
    margin-bottom: 30px;
    outline: none;
}

.mess_xuqiucs {
    width: 312px;
    height: 130px;
    border: 1px #666666 solid;
    line-height: 38px;
    background: url(/resources1/img/mess_icon4.jpg) no-repeat 16px 13px #fff;
    padding: 4px 50px;
    font-size: 14px;
    color: #333333;
    font-family: "宋体", "微软雅黑", Arial, Helvetica, sans-serif;
    margin-bottom: 20px;
    outline: none;
}

.mess_submit {
    width: 250px;
    height: 65px;
    background: #c90f24;
    color: #fff;
    font-size: 20px;
    text-align: center;
    line-height: 65px;
    border: none;
    display: block;
    cursor: pointer;
    outline: none;
}

.mess_submit:hover {
    background: #a10618;
}

.messconr {
    width: 360px;
    height: auto;
    padding-right: 110px;
    text-align: center;
}

.messconrt {
    font-size: 24px;
    color: #333333;
    line-height: 48px;
}

.messconrinfo {
    padding: 15px 0 25px 0;
    text-align: center;
    font-size: 18px;
    line-height: 30px;
    color: #666666;
}

.messconrimg {
    padding: 60px 0 40px 0;
}

.messconrp {
    font-size: 52px;
    color: #c90f24;
    font-family: Bebas Neue, Arial, Helvetica, sans-serif;
    letter-spacing: 3px;
    margin-bottom: 18px;
}

.messconrtime {
    padding: 5px 0 0 0;
    text-align: center;
    font-size: 14px;
    line-height: 30px;
    color: #666666;
}

/*营销网站 结束*/

/*网上商城  开始*/
.shopcon {
    padding: 40px 0 60px 0;
}

.shopcon ul li {
    width: 188px;
    height: auto;
    float: left;
    margin-right: 50px;
}

.shopcon ul li img {
    margin-bottom: 25px;
}

.shopxq {
    padding: 40px 0;
    width: 100%;
    height: auto;
    background: #ebebeb;
}

.shopxqc {
    padding-top: 50px;
}

.shopxqc ul li {
    width: 450px;
    height: auto;
    float: left;
    padding-left: 50px;
    margin-right: 100px;
    margin-bottom: 40px;
}

.shopxqcl {
    width: 52px;
    height: 52px;
    line-height: 52px;
    text-align: center;
    color: #fff;
    background: #ea1847;
    font-size: 24px;
    font-family: Bebas Neue, Arial, Helvetica, sans-serif;
    float: left;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    margin-top: 5px;
}

.shopxqcr {
    width: 380px;
    height: auto;
    font-size: 14px;
    color: #666666;
    line-height: 24px;
}

.shopws {
    padding-top: 50px;
    padding-bottom: 20px;
}

.shopwsc {
    margin-top: 50px;
    border-top: 1px #c9c9c9 solid;
    border-left: 1px #c9c9c9 solid;
    width: 1195px;
}

.shopwsc ul li {
    width: 238px;
    height: 138px;
    float: left;
    border-right: 1px #c9c9c9 solid;
    border-bottom: 1px #c9c9c9 solid;
    text-align: center;
    font-size: 14px;
    line-height: 24px;
    color: #666666;
    font-family: "宋体", "微软雅黑", Arial, Helvetica, sans-serif;
}

.shopwsc_img {
    padding-top: 30px;
    height: 60px;
}

/*网上商城  结束*/

/*手机网站 开始*/
.phonec {
    padding-top: 15px;
}

.phonecl {
    width: 756px;
    height: auto;
}

.phonecr {
    width: 405px;
    height: auto;
    text-align: left;
    color: #000000;
    line-height: 26px;
}

.phone1c {
    padding-top: 25px;
    padding-bottom: 70px;
}

.phone1cl {
    width: 310px;
    height: 261px;
    background: #d33977;
    color: #fff;
    padding: 95px 20px 0 20px;
    font-size: 14px;
    line-height: 30px;
    font-family: "宋体", "微软雅黑", Arial, Helvetica, sans-serif;
}

.phone2 {
    width: 100%;
    height: auto;
    background: #ebebeb;
}

.phone2 .container {
    padding: 60px 0 70px 0;
}

.phone2c {
    padding-top: 50px;
}

.phone2c ul li {
    width: 285px;
    height: auto;
    float: left;
    margin-right: 20px;
    background: #fff;
    text-align: center;
    padding-bottom: 15px;
    min-height: 360px;
}

.phone2c ul li .phone2c_t {
    font-size: 24px;
    color: #000000;
    padding: 15px 0;
}

.phone2c ul li .phone2c_info {
    font-size: 14px;
    color: #666666;
    line-height: 24px;
    font-family: "宋体", "微软雅黑", Arial, Helvetica, sans-serif;
}

.phone3 {
    padding: 60px 0 20px 0;
}

.phone3c {
    padding-top: 50px;
}

.phone3c ul li {
    width: 390px;
    height: 90px;
    float: left;
    margin: 0 20px 20px 0;
    background: #ebebeb;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    padding: 50px 70px 50px 130px;
}

.phone3cr {
    width: 280px;
    height: auto;
}

.phone3cr_t {
    font-size: 24px;
    color: #000000;
    line-height: 32px;
}

.phone3cr_info {
    padding-top: 6px;
    font-size: 14px;
    line-height: 24px;
    font-family: "宋体", "微软雅黑", Arial, Helvetica, sans-serif;
}

/*手机网站 结束*/

/*APP 开始*/
.appcon {
}

.appcon ul li {
    width: 280px;
    height: auto;
    float: left;
    margin-right: 25px;
    text-align: left;
    color: #fff;
}

.appconc {
    padding: 15px;
    min-height: 165px;
}

.appconc_t {
    font-size: 24px;
    padding-bottom: 15px;
    font-family: "微软雅黑", "宋体", Arial, Helvetica, sans-serif;
}

.appcon ul li.appcon1 {
    background: #ea1847;
}

.appcon ul li.appcon2 {
    background: #4253af;
}

.appcon ul li.appcon3 {
    background: #339f6e;
}

.appcon ul li.appcon4 {
    background: #f49225;
}

.appys {
    width: 100%;
    height: 476px;
    background: url(/resources1/img/app_bg2.jpg) no-repeat 50% top;
}

.appys .container {
    padding-top: 50px;
}

.appysc {
    padding-top: 50px;
}

.appysc ul li {
    width: 260px;
    height: auto;
    float: left;
    margin-right: 140px;
    margin-bottom: 30px;
    color: #fff;
}

.appysc ul li .appyscl {
    width: 58px;
    height: auto;
    margin-top: 5px;
}

.appysc ul li .appyscr {
    width: 180px;
    height: auto;
}

.appyscrt {
    font-size: 24px;
}

.appyscrc {
    padding-top: 8px;
    font-size: 14px;
    color: #fff;
    line-height: 24px;
}

.appserv {
    padding: 55px 0 30px 0;
}

.appservc {
    padding-top: 50px;
}

.appservc ul li {
    width: 120px;
    height: auto;
    float: left;
    margin: 0 150px 25px 0;
    text-align: center;
    line-height: 30px;
    font-size: 16px;
    color: #333333;
}

.appservc ul li img {
}

.applc {
    width: 100%;
    height: auto;
    background: #ebebeb;
}

.applc .container {
    padding: 55px 0 70px 0;
}

.applcc {
    padding-top: 50px;
}

.applcc ul li {
    width: 200px;
    height: auto;
    float: left;
    margin-right: 50px;
    position: relative;
    z-index: 9;
}

.applcc_c {
    width: 200px;
    height: auto;
    position: absolute;
    z-index: 99;
    top: 270px;
    left: 0;
    text-align: center;
    color: #fff;
}

.applcc_ct {
    font-size: 24px;
}

.applcc_cc {
    padding-top: 8px;
    font-size: 14px;
    color: #fff;
    line-height: 24px;
    font-family: "宋体", "微软雅黑", Arial, Helvetica, sans-serif;
}

.applcc_c2 {
    top: 40px;
}

/*APP 结束*/

/*整合营销  开始*/
.yingxcl {
    width: 420px;
    height: 230px;
    background: #d33977;
    color: #fff;
    text-align: left;
    padding: 60px 90px;
    line-height: 30px;
}

.yingxclt {
    padding-left: 35px;
    background: url(/resources1/img/yingx_icon1.jpg) no-repeat left 50%;
    font-size: 24px;
    margin-bottom: 22px;
    font-family: "微软雅黑", "宋体", Arial, Helvetica, sans-serif;
}

.yingx1 {
    padding: 60px 0 20px 0;
}

.yingx1c {
    padding-top: 50px;
}

.yingx1c ul li {
    width: 510px;
    height: 90px;
    float: left;
    margin: 0 20px 20px 0;
    background: #ebebeb;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    padding: 50px 40px 50px 40px;
}

.yingx1cr {
    width: 410px;
    height: auto;
}

.yingx1cr_t {
    font-size: 24px;
    color: #000000;
    line-height: 32px;
}

.yingx1cr_info {
    padding-top: 6px;
    font-size: 14px;
    line-height: 24px;
    font-family: "宋体", "微软雅黑", Arial, Helvetica, sans-serif;
}

.yingx2 {
    width: 100%;
    height: auto;
    background: #ebebeb;
}

.yingx2 .container {
    padding: 55px 0 70px 0;
}

.yingx2c {
    padding-top: 50px;
    font-size: 14px;
    line-height: 24px;
    color: #666666;
    text-align: center;
    font-family: "宋体", "微软雅黑", Arial, Helvetica, sans-serif;
}

.yingx3 {
    padding: 45px 0;
}

.yingx3c {
    margin-top: 50px;
    position: relative;
    z-index: 9;
}

.yingx3c_img {
    width: 281px;
    height: auto;
    margin: 0 auto;
}

.yingx3c1 {
    width: 380px;
    height: auto;
    position: absolute;
    z-index: 99;
    top: 70px;
    left: 38px;
    text-align: right;
}

.yingx3c1_t {
    padding-right: 40px;
    font-size: 16px;
    color: #c92b3c;
    line-height: 30px;
    background: url(/resources1/img/yingx_tj_icon1.jpg) no-repeat right 50%;
}

.yingx3c1_c {
    padding-right: 40px;
    padding-top: 8px;
    color: #999999;
    font-size: 14px;
    line-height: 24px;
    font-family: "宋体", "微软雅黑", Arial, Helvetica, sans-serif;
}

.yingx3c2 {
    width: 475px;
    height: auto;
    position: absolute;
    z-index: 99;
    top: 200px;
    left: 10px;
    text-align: right;
}

.yingx3c2_t {
    padding-right: 40px;
    font-size: 16px;
    color: #0a73a8;
    line-height: 30px;
    background: url(/resources1/img/yingx_tj_icon2.jpg) no-repeat right 50%;
}

.yingx3c2_c {
    padding-right: 40px;
    padding-top: 8px;
    color: #999999;
    font-size: 14px;
    line-height: 24px;
    font-family: "宋体", "微软雅黑", Arial, Helvetica, sans-serif;
}

.yingx3c3 {
    width: 390px;
    height: auto;
    position: absolute;
    z-index: 99;
    top: 15px;
    left: 768px;
}

.yingx3c3_t {
    padding-left: 40px;
    font-size: 16px;
    color: #ffbe2e;
    line-height: 30px;
    background: url(/resources1/img/yingx_tj_icon3.jpg) no-repeat left 50%;
}

.yingx3c3_c {
    padding-left: 40px;
    padding-top: 8px;
    color: #999999;
    font-size: 14px;
    line-height: 24px;
    font-family: "宋体", "微软雅黑", Arial, Helvetica, sans-serif;
}

.yingx3c4 {
    width: 410px;
    height: auto;
    position: absolute;
    z-index: 99;
    top: 145px;
    left: 786px;
}

.yingx3c4_t {
    padding-left: 40px;
    font-size: 16px;
    color: #a40d70;
    line-height: 30px;
    background: url(/resources1/img/yingx_tj_icon4.jpg) no-repeat left 4px;
}

.yingx3c4_c {
    padding-left: 40px;
    padding-top: 8px;
    color: #999999;
    font-size: 14px;
    line-height: 24px;
    font-family: "宋体", "微软雅黑", Arial, Helvetica, sans-serif;
}

.yingx3c5 {
    width: 380px;
    height: auto;
    position: absolute;
    z-index: 99;
    top: 278px;
    left: 748px;
}

.yingx3c5_t {
    padding-left: 40px;
    font-size: 16px;
    color: #14b9cc;
    line-height: 30px;
    background: url(/resources1/img/yingx_tj_icon5.jpg) no-repeat left 50%;
}

.yingx3c5_c {
    padding-left: 40px;
    padding-top: 8px;
    color: #999999;
    font-size: 14px;
    line-height: 24px;
    font-family: "宋体", "微软雅黑", Arial, Helvetica, sans-serif;
}

.yingx4 {
    padding: 30px 0;
}

.yingx4c {
    padding-top: 50px;
}

.yingx4c ul li {
    width: 400px;
    height: auto;
    float: left;
}

.yingx4c ul li img {
    float: left;
}

.yingx4cc {
    width: 400px;
    padding: 35px 0;
    text-align: center;
    color: #fff;
    font-size: 14px;
    line-height: 24px;
    height: 130px;
    background: #ea1847;
}

.yingx4cc_t {
    font-size: 24px;
    padding-bottom: 15px;
}

.yingx4cc_c {
    font-family: "宋体", "微软雅黑", Arial, Helvetica, sans-serif;
}

/*整合营销 结束*/

/*VI设计  开始*/
.vic {
    font-size: 18px;
    color: #333333;
    line-height: 28px;
    padding-top: 40px;
    text-align: center;
}

.vicinfo {
    padding-top: 40px;
}

.vicinfo ul li {
    width: 300px;
    height: auto;
    text-align: center;
    float: left;
}

.vicinfo ul li img {
    margin-bottom: 13px;
}

.vicinfo ul li p {
    font-size: 18px;
    color: #w333333;
    line-height: 30px;
}

.vicon1 {
    width: 100%;
    height: auto;
    background: #ebebeb;
}

.vicon1 .container {
    padding: 55px 0 70px 0;
}

.vicon1l {
    width: 675px;
    height: auto;
}

.vicon1l_t {
    font-size: 36px;
    color: #000000;
    font-weight: bolder;
    padding-top: 20px;
}

.vicon1l_c {
    padding-top: 15px;
    color: #666666;
    font-size: 14px;
    line-height: 28px;
}

.vicon1r {
    width: 486px;
    height: auto;
}

.vicon2 {
    width: 100%;
    height: auto;
    min-height: 400px;
    background: url(/resources1/img/vis_dingyi.jpg) repeat-x top #fff;
}

.vicon2 .container {
    padding-top: 26px;
}

.vicon2r {
    width: 620px;
    height: auto;
}

.vicon2rc {
    color: #fff;
    padding-top: 40px;
    font-size: 14px;
    line-height: 28px;
    font-family: "宋体", "微软雅黑", Arial, Helvetica, sans-serif;
    text-align: center;
}

.vicon3 {
    padding: 40px 0 50px 0;
}

.vicon3_info {
    text-align: center;
    font-size: 18px;
    padding: 35px 0;
    color: #666666;
}

.vicon3_c {
}

.vicon3_c ul li {
    width: 300px;
    height: auto;
    float: left;
    text-align: center;
}

.vicon3_c ul li img {
    border: 1px #dddddd solid;
    margin-bottom: 15px;
}

.vicon3_c1 {
    font-size: 18px;
    color: #666666;
    line-height: 28px;
}

.vicon3_c2 {
    font-size: 24px;
    color: #333333;
}

.vicon4 {
    width: 100%;
    height: 435px;
    background: url(/resources1/img/vi_pk_bg.jpg) no-repeat 50% top;
}

.vicon4 .container {
    padding-top: 70px;
    color: #fff;
    font-size: 14px;
    line-height: 28px;
}

.vicon4l {
    width: 270px;
    height: auto;
    padding-left: 125px;
}

.vicon4l_t {
    font-size: 36px;
    font-weight: bolder;
    padding-bottom: 35px;
}

.vicon4l_c {
    font-family: "宋体", "微软雅黑", Arial, Helvetica, sans-serif;
}

.vicon4r {
    width: 520px;
    height: auto;
}

.vicon5 {
    padding: 60px 0 50px 0;
}

.vicon5c {
    padding-top: 50px;
}

.vicon5c ul li {
    width: 250px;
    height: auto;
    padding: 0 25px;
    float: left;
    text-align: center;
}

.vicon5c ul li img {
    margin-bottom: 20px;
}

.vicon5c_t {
    font-size: 22px;
    color: #666666;
    margin-bottom: 8px;
}

.vicon5c_info {
    color: #999999;
    line-height: 22px;
    font-family: "宋体", "微软雅黑", Arial, Helvetica, sans-serif;
}

.vicon6 {
    width: 100%;
    height: 770px;
    background: url(/resources1/img/vi_shu_bg.jpg) no-repeat 50% top;
}

.vicon6 .container {
    padding-top: 40px;
}

.vicon6t {
    color: #fff;
    font-size: 36px;
    font-weight: bolder;
    text-align: center;
}

.vicon6c {
    text-align: center;
    color: #fff;
    line-height: 28px;
    padding-top: 40px;
}

/*VI设计  结束*/

/*Logo 开始*/
.logo1 {
    width: 100%;
    height: 460px;
    background: url(/resources1/img/logo_bg1.jpg) no-repeat 50% top;
}

.logo1 .container {
    padding-top: 135px;
}

.logo1r {
    width: 600px;
    height: auto;
    color: #fff;
    font-size: 24px;
    line-height: 40px;
}

.logo1r_t {
    font-size: 36px;
    padding-bottom: 30px;
}

.logo2 {
    padding: 55px 0;
}

.logo2c {
    margin-top: 40px;
    position: relative;
    z-index: 9;
}

.logo2c_img {
    padding-top: 160px;
    padding-bottom: 140px;
}

.logo2c1 {
    width: 140px;
    height: auto;
    position: absolute;
    z-index: 99;
    top: 0px;
    left: 215px;
    text-align: center;
}

.logo2c1 p {
    text-align: center;
    font-size: 14px;
    color: #666666;
    margin-bottom: 12px;
}

.logo2c1 i {
    display: block;
    width: 110px;
    height: 110px;
    background: url(/resources1/img/logo_cz_icon1.png) no-repeat 50% 50% #666666;
    -webkit-border-radius: 110px;
    -moz-border-radius: 110px;
    border-radius: 110px;
    margin: 0 auto;
}

.logo2c1:hover i {
    background: url(/resources1/img/logo_cz_icon1.png) no-repeat 50% 50% #d33977;
}

.logo2c2 {
    width: 110px;
    height: auto;
    position: absolute;
    z-index: 99;
    top: 0px;
    left: 440px;
}

.logo2c2 p {
    text-align: center;
    font-size: 14px;
    color: #666666;
    margin-bottom: 12px;
}

.logo2c2 i {
    display: block;
    width: 110px;
    height: 110px;
    background: url(/resources1/img/logo_cz_icon2.png) no-repeat 50% 50% #666666;
    -webkit-border-radius: 110px;
    -moz-border-radius: 110px;
    border-radius: 110px;
}

.logo2c2:hover i {
    background: url(/resources1/img/logo_cz_icon2.png) no-repeat 50% 50% #d33977;
}

.logo2c3 {
    width: 140px;
    height: auto;
    position: absolute;
    z-index: 99;
    top: 0px;
    left: 635px;
}

.logo2c3 p {
    text-align: center;
    font-size: 14px;
    color: #666666;
    margin-bottom: 12px;
}

.logo2c3 i {
    display: block;
    width: 110px;
    height: 110px;
    background: url(/resources1/img/logo_cz_icon3.png) no-repeat 50% 50% #666666;
    -webkit-border-radius: 110px;
    -moz-border-radius: 110px;
    border-radius: 110px;
    margin: 0 auto;
}

.logo2c3:hover i {
    background: url(/resources1/img/logo_cz_icon3.png) no-repeat 50% 50% #d33977;
}

.logo2c4 {
    width: 140px;
    height: auto;
    position: absolute;
    z-index: 99;
    top: 0px;
    left: 845px;
}

.logo2c4 p {
    text-align: center;
    font-size: 14px;
    color: #666666;
    margin-bottom: 12px;
}

.logo2c4 i {
    display: block;
    width: 110px;
    height: 110px;
    background: url(/resources1/img/logo_cz_icon4.png) no-repeat 50% 50% #666666;
    -webkit-border-radius: 110px;
    -moz-border-radius: 110px;
    border-radius: 110px;
    margin: 0 auto;
}

.logo2c4:hover i {
    background: url(/resources1/img/logo_cz_icon4.png) no-repeat 50% 50% #d33977;
}

.logo2c5 {
    width: 110px;
    height: auto;
    position: absolute;
    z-index: 99;
    top: 294px;
    left: 120px;
}

.logo2c5 p {
    text-align: center;
    font-size: 14px;
    color: #666666;
}

.logo2c5 i {
    display: block;
    width: 110px;
    height: 110px;
    background: url(/resources1/img/logo_cz_icon5.png) no-repeat 50% 50% #666666;
    -webkit-border-radius: 110px;
    -moz-border-radius: 110px;
    border-radius: 110px;
    margin-bottom: 12px;
}

.logo2c5:hover i {
    background: url(/resources1/img/logo_cz_icon5.png) no-repeat 50% 50% #d33977;
}

.logo2c6 {
    width: 110px;
    height: auto;
    position: absolute;
    z-index: 99;
    top: 294px;
    left: 335px;
}

.logo2c6 p {
    text-align: center;
    font-size: 14px;
    color: #666666;
}

.logo2c6 i {
    display: block;
    width: 110px;
    height: 110px;
    background: url(/resources1/img/logo_cz_icon6.png) no-repeat 50% 50% #666666;
    -webkit-border-radius: 110px;
    -moz-border-radius: 110px;
    border-radius: 110px;
    margin-bottom: 12px;
}

.logo2c6:hover i {
    background: url(/resources1/img/logo_cz_icon6.png) no-repeat 50% 50% #d33977;
}

.logo2c7 {
    width: 110px;
    height: auto;
    position: absolute;
    z-index: 99;
    top: 294px;
    left: 547px;
}

.logo2c7 p {
    text-align: center;
    font-size: 14px;
    color: #666666;
}

.logo2c7 i {
    display: block;
    width: 110px;
    height: 110px;
    background: url(/resources1/img/logo_cz_icon7.png) no-repeat 50% 50% #666666;
    -webkit-border-radius: 110px;
    -moz-border-radius: 110px;
    border-radius: 110px;
    margin-bottom: 12px;
}

.logo2c7:hover i {
    background: url(/resources1/img/logo_cz_icon7.png) no-repeat 50% 50% #d33977;
}

.logo2c8 {
    width: 140px;
    height: auto;
    position: absolute;
    z-index: 99;
    top: 294px;
    left: 743px;
}

.logo2c8 p {
    text-align: center;
    font-size: 14px;
    color: #666666;
}

.logo2c8 i {
    display: block;
    width: 110px;
    height: 110px;
    background: url(/resources1/img/logo_cz_icon8.png) no-repeat 50% 50% #666666;
    -webkit-border-radius: 110px;
    -moz-border-radius: 110px;
    border-radius: 110px;
    margin: 0 auto 12px auto;
}

.logo2c8:hover i {
    background: url(/resources1/img/logo_cz_icon8.png) no-repeat 50% 50% #d33977;
}

.logo2c9 {
    width: 110px;
    height: auto;
    position: absolute;
    z-index: 99;
    top: 294px;
    left: 968px;
}

.logo2c9 p {
    text-align: center;
    font-size: 14px;
    color: #666666;
}

.logo2c9 i {
    display: block;
    width: 110px;
    height: 110px;
    background: url(/resources1/img/logo_cz_icon9.png) no-repeat 50% 50% #666666;
    -webkit-border-radius: 110px;
    -moz-border-radius: 110px;
    border-radius: 110px;
    margin-bottom: 12px;
}

.logo2c9:hover i {
    background: url(/resources1/img/logo_cz_icon9.png) no-repeat 50% 50% #d33977;
}

/*Logo 结束*/

/*画册 开始*/
.huacec {
    padding-top: 60px;
}

.huacecl {
    width: 390px;
    height: auto;
    padding-left: 130px;
    font-size: 18px;
    color: #5e6160;
    line-height: 38px;
    padding-top: 35px;
}

.huacecr {
}

.huace1 {
    width: 100%;
    height: auto;
    background: #d33977;
}

.huace1 .container {
    padding: 70px 0 60px 0;
}

.huace1l {
    width: 430px;
    text-align: center;
}

.huace1r {
    width: 767px;
    height: auto;
    padding-top: 30px;
}

.huace1r_t {
    font-size: 32px;
    color: #fff102;
    padding-bottom: 25px;
}

.huace1r_c {
    font-size: 18px;
    color: #fff;
    line-height: 38px;
}

.huace2 {
    padding: 55px 0 70px 0;
}

.huace2c {
    padding-top: 50px;
    text-align: center;
}

.huace3 {
    width: 100%;
    height: auto;
    background: #ebebeb;
}

.huace3 .container {
    padding: 55px 0 70px 0;
}

.huace3_info {
    padding: 40px 0 20px 0;
    font-size: 18px;
    color: #666666;
    line-height: 34px;
    text-align: center;
}

.huace3c {
}

.huace3c ul li {
    width: 280px;
    height: auto;
    float: left;
    margin-right: 25px;
    background: #fff;
}

.huace3c ul li p {
    width: 280px;
    height: 70px;
    line-height: 70px;
    text-align: center;
    background: #fff;
    font-size: 20px;
    color: #000000;
}

.huace4 {
    padding: 70px 0 60px 0;
    text-align: center;
    font-size: 18px;
    line-height: 34px;
    color: #666666;
}

.huace4 img {
    margin-bottom: 28px;
}

.huace5 {
    width: 100%;
    height: 435px;
    background: url(/resources1/img/huace_bg2.jpg) no-repeat 50% top;
}

.huace5 .container {
    padding-top: 18px;
}

.huace5l {
    width: 670px;
    height: auto;
    text-align: center;
}

.huace5r {
    width: 510px;
    height: auto;
    color: #fff;
    padding-top: 80px;
}

.huace5r_t {
    padding-bottom: 25px;
    font-size: 24px;
    line-height: 38px;
    background: url(/resources1/img/i_partner_tt_bg.jpg) no-repeat left bottom;
    margin-bottom: 20px;
}

.huace5r_c {
    font-size: 18px;
    line-height: 34px;
}

/*画册 结束*/

/*包装 开始*/
.baozhuangc {
    padding: 40px 0 90px 0;
    text-align: center;
    font-size: 18px;
    line-height: 28px;
    color: #5e6160;
}

.baozhuang1 {
    width: 100%;
    height: 310px;
    background: #d33977;
}

.baozhuang1 .container {
}

.baozhuang1l {
    width: 600px;
    height: 310px;
    position: relative;
    z-index: 9;
}

.baozhuang1l img {
    position: absolute;
    z-index: 99;
    bottom: 0;
    right: 0;
}

.baozhuang1r {
    width: 600px;
    height: auto;
    padding-top: 50px;
    font-size: 18px;
    line-height: 38px;
    color: #fff;
    text-align: center;
}

.baozhuang1r_t {
    color: #ffd800;
    font-size: 32px;
    padding-bottom: 20px;
}

.baozhuang2 {
    padding: 60px 0 20px 0;
}

.baozhuang2c {
    padding-top: 40px;
    text-align: center;
    font-size: 18px;
    color: #666666;
    line-height: 33px;
}

/*包装 结束*/

/*关于我们 开始*/
.about_banner {
    width: 100%;
    height: 280px;
    background: url(/resources1/img/about_banner.jpg) no-repeat 50% top;
}

.acate {
    padding: 50px 0;
    border-bottom: 1px #c2c2c2 solid;
    text-align: center;
}

.acate a {
    display: inline-block;
    width: 182px;
    height: 44px;
    border: 1px #bbbaba solid;
    text-align: center;
    line-height: 44px;
    font-size: 14px;
    color: #666666;
    font-family: "宋体", "微软雅黑", Arial, Helvetica, sans-serif;
    margin-right: 19px;
}

.acate a:last-child {
    margin-right: 0;
}

.acate a:hover {
    background: #e40011;
    border: 1px #e40011 solid;
    color: #fff;
}

.acate a.aboutcurr {
    background: #e40011;
    border: 1px #e40011 solid;
    color: #fff;
}

.aboutcon {
    padding: 70px 0 90px 0;
}

.aboutcont {
    padding-bottom: 100px;
}

.aboutcontl {
    width: 506px;
    height: auto;
    padding-left: 25px;
}

.aboutcontr {
    width: 575px;
    height: auto;
    padding-right: 25px;
    font-size: 14px;
    color: #333333;
}

.aboutcontr_t {
    padding-top: 37px;
    font-size: 36px;
    font-weight: bolder;
    color: #333333;
}

.aboutcontr_info {
    color: #333333;
    font-size: 18px;
    padding: 15px 0 12px 0;
}

.aboutcontr_c {
    font-family: "宋体", "微软雅黑", Arial, Helvetica, sans-serif;
    line-height: 28px;
    padding-top: 20px;
}

.aboutcontr_cover {
    max-height: 300px;
    overflow-y: auto;
    padding-right: 15px;
}

.aboutconc {
    text-align: center;
}

.aboutconc ul li {
    display: block;
    position: relative;
    z-index: 9;
    color: #333333;
    font-size: 16px;
    width: 25%;
    float: left;
    border-right: 1px #efefef solid;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.aboutconc ul li:nth-of-type(n+2) {
    padding-left: 80px;
}

.aboutconc ul li:nth-of-type(4) {
    border-right: 0;
}

.aboutconct {
    font-size: 70px;
    font-family: Arial, Helvetica, sans-serif;
    color: #e40000;
    line-height: 70px;
    font-weight: bold;
}

.aboutconct_m {
    position: absolute;
    z-index: 99;
    width: 48px;
    height: 22px;
    line-height: 22px;
    text-align: center;
    color: #fff;
    background: #eb1748;
    -webkit-border-radius: 22px;
    -moz-border-radius: 22px;
    border-radius: 22px;
    font-size: 12px;
    top: -5px;
    left: -30px;
}

.aboutconc4 {
    margin-right: 0;
}

.aboutfzt {
    width: 100%;
    height: 280px;
    background: url(/resources1/img/about_bg1.jpg) no-repeat 50% top;
    text-align: center;
    color: #fff;
}

.aboutfzt_t {
    padding-top: 85px;
    font-size: 36px;
    font-weight: bolder;
}

.aboutfzt_c {
    font-size: 18px;
    padding-top: 25px;
    line-height: 26px;
}

.aboutfzc {
    width: 100%;
    height: 486px;
    background: url(/resources1/img/about_lc_bg.jpg) no-repeat 50% 50%;
}

.aboutfzc .container {
    position: relative;
    z-index: 9;
}

.aboutfzcac {
    width: 222px;
    height: 104px;
    background: url(/resources1/img/about_lc_bg.png) no-repeat;
    padding: 20px 10px;
    font-family: "宋体", "微软雅黑", Arial, Helvetica, sans-serif;
    position: absolute;
    z-index: 999;
    font-size: 14px;
    color: #333333;
    line-height: 24px;
    display: none;
}

.aboutfzc2008 {
    top: 52px;
    left: 0px;
}

.aboutfzc2010 {
    top: 95px;
    left: 130px;
}

.aboutfzc2012 {
    top: 10px;
    left: 320px;
}

.aboutfzc2014 {
    top: 66px;
    left: 490px;
}

.aboutfzc2015 {
    top: 37px;
    left: 790px;
}

.aboutfzc2016 {
    top: 97px;
    left: 940px;
}

.aboutfzctime {
    cursor: pointer;
    font-family: Arial, Helvetica, sans-serif;
    text-align: center;
    color: #fff;
    background: #eb1748;
}

.aboutfzt2008 {
    width: 86px;
    height: 56px;
    padding-top: 30px;
    -webkit-border-radius: 86px;
    -moz-border-radius: 86px;
    border-radius: 86px;
    position: absolute;
    z-index: 99;
    top: 200px;
    left: 99px;
}

.aboutfzc_t {
    font-size: 24px;
    line-height: 18px;
}

.aboutfzc_c {
    font-size: 14px;
    line-height: 20px;
}

.aboutfzt2010 {
    width: 108px;
    height: 68px;
    padding-top: 40px;
    -webkit-border-radius: 108px;
    -moz-border-radius: 108px;
    border-radius: 108px;
    position: absolute;
    z-index: 99;
    top: 244px;
    left: 210px;
}

.aboutfzt2010 .aboutfzc_t {
    font-size: 30px;
    line-height: 24px;
}

.aboutfzt2010 .aboutfzc_c {
    font-size: 14px;
}

.aboutfzt2012 {
    width: 68px;
    height: 48px;
    padding-top: 20px;
    -webkit-border-radius: 68px;
    -moz-border-radius: 68px;
    border-radius: 68px;
    position: absolute;
    z-index: 99;
    top: 155px;
    left: 422px;
}

.aboutfzt2012 .aboutfzc_t {
    font-size: 18px;
}

.aboutfzt2012 .aboutfzc_c {
    font-size: 12px;
}

.aboutfzt2014 {
    width: 108px;
    height: 68px;
    padding-top: 40px;
    -webkit-border-radius: 108px;
    -moz-border-radius: 108px;
    border-radius: 108px;
    position: absolute;
    z-index: 99;
    top: 214px;
    left: 570px;
}

.aboutfzt2014 .aboutfzc_t {
    font-size: 30px;
    line-height: 24px;
}

.aboutfzt2014 .aboutfzc_c {
    font-size: 14px;
}

.aboutfzt2015 {
    width: 86px;
    height: 56px;
    padding-top: 30px;
    -webkit-border-radius: 108px;
    -moz-border-radius: 108px;
    border-radius: 108px;
    position: absolute;
    z-index: 99;
    top: 185px;
    left: 884px;
}

.aboutfzt2016 {
    width: 108px;
    height: 68px;
    padding-top: 40px;
    -webkit-border-radius: 108px;
    -moz-border-radius: 108px;
    border-radius: 108px;
    position: absolute;
    z-index: 99;
    top: 248px;
    left: 1018px;
}

.aboutfzt2016 .aboutfzc_t {
    font-size: 30px;
    line-height: 24px;
}

.aboutfzt2016 .aboutfzc_c {
    font-size: 14px;
}

.abouthonor {
    width: 100%;
    height: 648px;
    color: #fff;
    position: relative;
}

.abouthonor .abouthonor_img {
    width: 100%;
    height: 648px;
    background-image: url(/resources1/img/about_honor_bg.jpg);
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    background-position: center center;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1
}

.abouthonor .container {
    padding-top: 60px;
}

.abouthonort {
    text-align: center;
    font-size: 36px;
    font-weight: bolder;
}

.abouthonorinfo {
    padding: 15px 0 0 0;
    text-align: center;
    font-size: 14px;
    font-family: "宋体", "微软雅黑", Arial, Helvetica, sans-serif;
}

.abouthonorc {
    padding-top: 50px;
}

.abouthonorc ul li {
    width: 250px;
    height: auto;
    float: left;
    margin-right: 50px;
}

.picScroll2 {
    position: relative;
    width: 1200px;
}

.picScroll2 .prev, .picScroll2 .next {
    display: block;
    position: absolute;
    top: 145px;
    left: 5px;
    width: 64px;
    height: 64px;
}

.picScroll2 .prev {
    background: url(/resources1/img/prev.png) no-repeat;
    left: -94px;
}

.picScroll2 .next {
    background: url(/resources1/img/next.png) no-repeat;
    left: auto;
    right: -64px;
}

.picScroll2 .prev:hover {
    background: url(/resources1/img/left_pic2.png) no-repeat;
}

.picScroll2 .next:hover {
    background: url(/resources1/img/right_pic2.png) no-repeat;
}

@media screen and (max-width: 1366px) {
    .picScroll2 .prev, .picScroll2 .next {
        display: none;
    }
}

.aboutpartner {
    padding-top: 60px;
}

.aboutpartner_t {
    font-size: 36px;
    color: #000000;
    font-weight: bolder;
    text-align: center;
}

.aboutpartner_info {
    padding: 15px 0 0 0;
    text-align: center;
    font-size: 14px;
    font-family: "宋体", "微软雅黑", Arial, Helvetica, sans-serif;
    color: #666666;
}

.aboutpartner_c {
    padding-top: 45px;
}

.aboutpartner_c ul li {
    height: 102px;
    margin: 0 20px 20px 0;
    float: left;
}

.aboutpartner_c ul li img {
    border: 1px #dcdcdc solid;
}

.aboutpartner_c ul li a:hover img {
    border: 1px #e40011 solid;
}

.aboutteamc {
    padding-top: 40px;
    padding-bottom: 90px;
}

.aboutteamcl {
    width: 300px;
    height: 600px;
}

.aboutteamcm {
    width: 300px;
    height: 600px;
}

.aboutteamcr {
    width: 600px;
    height: 600px;
}

.aboutteamcrt {
    width: 600px;
    height: 240px;
    padding-top: 60px;
    background: #d33977;
    color: #fff;
    font-size: 16px;
    line-height: 36px;
    font-family: "宋体", "微软雅黑", Arial, Helvetica, sans-serif;
    text-align: center;
}

.aboutteamcrc {
    width: 600px;
    height: 300px;
}

/*关于我们  结束*/

/*联系方式 开始*/
.contactc1 {
    padding: 70px 0 100px 0;
}

.contactc1l {
    width: 550px;
    height: auto;
}

.contactc1l_t {
    font-size: 30px;
    color: #333333;
    padding-bottom: 18px;
    border-bottom: 1px #8a8a8a solid;
    margin-bottom: 18px;
}

.contactc1l_c {
    line-height: 50px;
    font-size: 14px;
    color: #333333;
}

.contactc1l_c p {
    padding-left: 50px;
}

.contactc1l_c p.contactc1l_c1 {
    background: url(/resources1/img/contact_icon1.jpg) no-repeat left 8px;
    line-height: 26px;
}

.contactc1l_c p.contactc1l_c2 {
    background: url(/resources1/img/contact_icon2.jpg) no-repeat left 50%;
}

.contactc1l_c p.contactc1l_c3 {
    background: url(/resources1/img/contact_icon3.jpg) no-repeat left 50%;
}

.contactc1l_c p.contactc1l_c4 {
    background: url(/resources1/img/contact_icon4.jpg) no-repeat left 50%;
}

.contactc1l_c p.contactc1l_c5 {
    background: url(/resources1/img/contact_icon5.jpg) no-repeat left 50%;
}

.contactc1r {
    width: 558px;
    height: auto;
    border: 1px #d1d1d1 solid;
}

.contactc2 {
    width: 100%;
    height: auto;
    border-top: 1px #d2d2d2 solid;
    padding: 67px 0 80px 0;
}

.contactc2l {
    width: 426px;
    height: auto;
}

.contactc2l_t {
    font-size: 28px;
    color: #333333;
    margin-bottom: 25px;
}

.conmes_text {
    width: 424px;
    height: 36px;
    border: 1px #c9c9c9 solid;
    margin-bottom: 20px;
    text-indent: 20px;
    font-size: 14px;
    color: #999999;
    font-family: "宋体", "微软雅黑", Arial, Helvetica, sans-serif;
    outline: none;
}

.mess_bh {
    width: 167px;
    height: 20px;
    line-height: 20px;
    color: #fff;
    text-indent: 25px;

    margin-bottom: 3px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.conmess_t {
    font-size: 16px;
    color: #333333;
    font-family: "宋体", "微软雅黑", Arial, Helvetica, sans-serif;
    font-weight: bolder;
    padding-bottom: 10px;
}

.conmess_c {
    margin-bottom: 20px;
}

.conmess_c ul li {
    width: 213px;
    height: 30px;
    line-height: 30px;
    float: left;
}

.conmess_yzm {
    margin-bottom: 10px;
    line-height: 38px;
}

.conmess_yzm1 {
    font-size: 16px;
    color: #333333;
    font-family: "宋体", "微软雅黑", Arial, Helvetica, sans-serif;
    font-weight: bolder;
}

.conmes_short {
    width: 110px;
    height: 36px;
    border: 1px #c9c9c9 solid;
    margin-bottom: 20px;
    text-indent: 20px;
    font-size: 14px;
    color: #999999;
    font-family: "宋体", "微软雅黑", Arial, Helvetica, sans-serif;
    outline: none;
}

.conmess_yzm3 {
    padding: 0 10px;
}

/*Tooltips*/
.tooltips_main {
    position: absolute;
    left: 0;
    margin: -5px 0 0 2px;
    z-index: 999;
}

.tooltips_box, .tooltips, .msg {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    position: relative;
    border-style: solid;
    border-color: #FF1F1F;
}

.tooltips, .msg {
    border-width: 0 1px;
    *left: -2px;
    background-color: #FFCFCF;
}

.tooltips_box {
    border-width: 1px;
    line-height: 1.5;
}

.tooltips {
    margin: 0 -2px;
}

.msg {
    margin: 1px -2px;
    padding: 0 6px;
    color: #2F2C2C;
    text-shadow: 0 1px 0 #FFFFFF;
    font-size: 12px;
}

.ov {
    background: url('/resources1/img/tri.gif') no-repeat scroll 0 0 transparent;
    position: absolute;
    left: 30%;
    overflow: hidden;
    width: 15px;
    height: 15px;
    margin: 16px 0 0 0;
    display: inline;
}

.conmess_submit {
    width: 426px;
    height: 50px;
    border: none;
    background: #ea1847;
    color: #fff;
    text-align: center;
    line-height: 50px;
    font-size: 18px;
    cursor: pointer;
    outline: none;
}

.conmess_submit:hover {
    background: #ae0d31;
}

.contactc2r {
    width: 545px;
    height: auto;
}

.contactc2r_t {
    font-size: 28px;
    color: #333333;
    margin-bottom: 25px;
}

.contactc2r_c {
}

.con_prev {
    display: block;
    width: 545px;
    height: 20px;

}

.con_next {
    display: block;
    width: 545px;
    height: 20px;

}

.contactc2r_cl {
    padding: 10px 0;
}

.contactc2r_cl ul li {
    padding: 18px 0;
    border-bottom: 1px #cccccc solid;
}

.contactc2r_cll {
    width: 60px;
    height: auto;
}

.contactc2r_clr {
    width: 435px;
    height: auto;
    line-height: 28px;
    color: #666666;
    font-family: "宋体", "微软雅黑", Arial, Helvetica, sans-serif;
}

/* 本例子css */
.picScroll-top {
    margin: 0 auto;
    width: 545px;
    overflow: hidden;
    position: relative;
}

.picScroll-top .hd {
    height: 20px;
}

.picScroll-top .hd .prev, .picScroll-top .hd .next {
    display: block;
    width: 545px;
    height: 20px;
    float: right;
    overflow: hidden;
    cursor: pointer;
}

.picScroll-top .hd .prev {
    position: absolute;
    top: 0;
    left: 0;
}

.picScroll-top .hd .next {

}

.picScroll-top .hd .prev:hover {
}

.picScroll-top .hd .next:hover {
}

.picScroll-top .bd {
    margin-top: 25px;
}

.picScroll-top .bd ul {
    overflow: hidden;
    zoom: 1;
}

.picScroll-top .bd ul li {
    zoom: 1;
}

.picScroll-top .bd ul li a {
    display: block;
}

/*联系方式 结束*/

/*新闻中心 开始*/
.newlist {
    padding: 40px 0 0 0;
}

.newcate {
    padding: 40px 0;
    text-align: center;
}

.newcate a {
    display: inline-block;
    width: 120px;
    height: 32px;
    border: 1px #cacaca solid;
    line-height: 32px;
    text-align: center;
    font-size: 14px;
    color: #666666;
    margin-right: 20px;
    -webkit-border-radius: 32px;
    -moz-border-radius: 32px;
    border-radius: 32px;
}

.newcate a:last-child {
    margin-right: 0;
}

.newcate a:hover {
    background: #e40011;
    color: #fff;
    border: 1px #e40011 solid;
}

.newcate a.newcatecurr {
    background: #e40011;
    color: #fff;
    border: 1px #e40011 solid;
}

.nnlist {
}

.nnlist ul li {
    width: 284px;
    height: 434px;
    float: left;
    margin: 0 8px 45px 8px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    position: relative;
    z-index: 9;
}

.nnlist ul li a {
    display: block;
    width: 280px;
    height: 430px;
    border: 1px #d9d8d8 solid;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.25);
}

.nnlistc {
    padding: 15px;
}

.nnlist_t {
    color: #333333;
    font-size: 17px;
    line-height: 28px;
}

.nnlist_cate {
    padding: 10px 0;
}

.nnlist_cate span {
    padding: 2px 5px;
    background: #e91946;
    color: #fff;
}

.nnlist_info {
    color: #666666;
    line-height: 24px;
    font-family: "宋体", "微软雅黑", Arial, Helvetica, sans-serif;
}

.nnlist_time {
    padding-top: 6px;
    line-height: 25px;
    color: #666666;
    font-family: "宋体", "微软雅黑", Arial, Helvetica, sans-serif;
    position: absolute;
    z-index: 99;
    bottom: 15px;
    width: 254px
}

.nnlist_timer {
    padding-left: 27px;
    background: url(/resources1/img/view_bg.jpg) no-repeat left 50%;
}

.nnlist ul li a:hover {
    box-shadow: 0 0 5px 0 rgba(228, 0, 17, 0.25);
    border: 1px #e40011 solid;
}

.nnlist ul li a:hover .nnlist_t {
    color: #e40011;
}

.nnlist_cate1 span {
    background: #e91946;
}

.nnlist_cate2 span {
    background: #4252af;
}

.nnlist_cate3 span {
    background: #339f6f;
}

.nnlist_cate4 span {
    background: #e91946;
}

.ndetail {
    border: 1px #e4e4e4 solid;
    margin: 0 auto 80px auto;
    padding: 40px 30px 50px 30px;
}

.ndetaill {
    width: 780px;
    height: auto;
    margin: 0 0 0
}

.ndetaillt {
    border-bottom: 1px #c4c4c4 solid;
    padding-bottom: 20px;
}

.ndetailll {
    width: 560px;
    height: auto;
}

.ndetailll_t {
    font-size: 30px;
    color: #e40011;
    padding-bottom: 13px;
}

.ndetailll_time {
    color: #666666;
    font-family: "宋体", "微软雅黑", Arial, Helvetica, sans-serif;
}

.ndetaillr {
    width: auto;
    padding-top: 30px;
}

.ndetaillc {
    padding: 30px 0;
    font-size: 14px;
    line-height: 26px;
    color: #666666;
    font-family: "宋体", "微软雅黑", Arial, Helvetica, sans-serif;
}

.ndetaillpage {
    padding-top: 30px;
    color: #333333;
    font-size: 14px;
    line-height: 28px;
    font-family: "宋体", "微软雅黑", Arial, Helvetica, sans-serif;
    border-top: 1px #c4c4c4 solid;
}

.ndetaillpager {
    padding-top: 10px;
}

.ndetaillpager a {
    display: block;
    width: 135px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    color: #fff;
    background: #e40011;
}

.ndetaillpager a:hover {
    background: #bd0513;
}

.ndetailr {
    width: 300px;
    height: auto;
}

.ndetailrt {
    padding-bottom: 20px;
    border-bottom: 1px #c4c4c4 solid;
}

.ndetailrt p {
    line-height: 35px;
    padding-left: 15px;
    background: url(/resources1/img/ndetail_icon.jpg) no-repeat left 50%;
    font-size: 14px;
    color: #333333;
    font-family: "宋体", "微软雅黑", Arial, Helvetica, sans-serif;
}

.ndetailrc {
    padding: 20px 0 40px 0;
}

.ndetailrc ul li {
    margin-bottom: 3px;
    line-height: 30px;
}

.ndetailrcl {
    width: 20px;
    height: 20px;
    background: #e40011;
    color: #fff;
    text-align: center;
    line-height: 20px;
    font-family: Arial, Helvetica, sans-serif;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    margin-top: 5px;
}

.ndetailrcr {
    width: 268px;
    height: auto;
    line-height: 30px;
}

.ndetailrcr a {
    color: #666666;
    font-family: "宋体", "微软雅黑", Arial, Helvetica, sans-serif;
}

.ndetailrcr a:hover {
    color: #e40011;
}

/*新闻中心  结束*/

/*精品案例 开始*/
.caselist {
    padding-top: 70px;
}

.caselisttlx {
    margin-bottom: 1px;
    background: #efefef;
}

.caselisttlxl {
    width: 152px;
    min-height: 86px;
    background: url(/resources1/img/caselisttlxl_icon.jpg) no-repeat 28px 50% #e40011;
    line-height: 86px;
    text-indent: 55px;
    color: #fff;
    font-size: 20px;
    font-family: "宋体", "微软雅黑", Arial, Helvetica, sans-serif;
}

.caselisttlxr {
    width: 990px;
    height: auto;
    padding-top: 26px;
}

.caselisttlxr a {
    display: inline-block;
    width: 112px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    font-size: 14px;
    color: #333333;
    font-family: "宋体", "微软雅黑", Arial, Helvetica, sans-serif;
    margin-right: 20px;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    border-radius: 35px;
}

.caselisttlxr a:hover {
    background: #e40011;
    color: #fff;
}

.caselisttlxr a.caselisttlxrcurr {
    background: #e40011;
    color: #fff;
}

.caselistthy {
    background: #efefef;
}

.caselistthyl {
    width: 124px;
    min-height: 201px;
    background: #e40011;
    padding: 30px 0 0 28px;
}

.caselistthyl p {
    padding-left: 24px;
    background: url(/resources1/img/caselistthyl_icon.jpg) no-repeat left 50%;
    color: #fff;
    font-size: 20px;
    font-family: "宋体", "微软雅黑", Arial, Helvetica, sans-serif;
}

.caselistthyr {
    width: 990px;
    height: auto;
    padding-top: 26px;
}

.caselistthyr a {
    display: inline-block;
    width: 134px;
    height: 33px;
    line-height: 33px;
    text-align: center;
    font-size: 12px;
    color: #666666;
    font-family: "宋体", "微软雅黑", Arial, Helvetica, sans-serif;
    margin-right: 15px;
    border: 1px #999999 solid;
    background: #fff;
    margin-bottom: 10px;
}

.caselistthyr a:hover {
    border: 1px #e40011 solid;
    background: #e40011;
    color: #fff;
}

.caselistthyr a.caselistthyrcurr {
    border: 1px #e40011 solid;
    background: #e40011;
    color: #fff;
}

.caselistc {
    padding-top: 50px;
}

.casedetail {
    padding: 70px 0;
}

.casedetailt {
    padding-bottom: 35px;
}

.casedetailtl {
    width: 758px;
    height: auto;
}

.casedetailtl_t {
    font-size: 36px;
    color: #333333;
}

.casedetailtl_time {
    padding: 12px 0;
    font-size: 14px;
    color: #333333;
    border-bottom: 1px #cccccc solid;
    font-family: "宋体", "微软雅黑", Arial, Helvetica, sans-serif;
}

.casedetailtl_info {
    padding-top: 15px;
    font-size: 14px;
    color: #333333;
    line-height: 28px;
    font-family: "宋体", "微软雅黑", Arial, Helvetica, sans-serif;
}

.casedetailtr {
    width: 166px;
    height: auto;
}

.casedetailtr1 {
    display: block;
    width: 166px;
    height: 42px;
    background: url(/resources1/img/case_detail_icon1.png) no-repeat 37px 50% #999999;
    color: #fff;
    font-size: 14px;
    font-family: "宋体", "微软雅黑", Arial, Helvetica, sans-serif;
    text-indent: 66px;
    line-height: 42px;
    -webkit-border-radius: 42px;
    -moz-border-radius: 42px;
    border-radius: 42px;
    margin-bottom: 20px;
}

.casedetailtr1:hover {
    background: url(/resources1/img/case_detail_icon1.png) no-repeat 37px 50% #e40011;
    color: #fff;
}

.casedetailtr2 {
    display: block;
    width: 166px;
    height: 40px;
    background: url(/resources1/img/case_detail_icon2.png) no-repeat 37px 50% #fff;
    color: #3d3d3d;
    font-size: 14px;
    font-family: "宋体", "微软雅黑", Arial, Helvetica, sans-serif;
    text-indent: 66px;
    line-height: 40px;
    -webkit-border-radius: 42px;
    -moz-border-radius: 42px;
    border-radius: 42px;
    border: 1px #3d3d3d solid;
}

.casedetailtr2:hover {
    background: url(/resources1/img/case_detail_icon2_over.png) no-repeat 37px 50% #e40011;
    color: #fff;
    border: 1px #e40011 solid;
}

.casedetailc {
    padding-bottom: 40px;
    font-size: 14px;
    line-height: 28px;
    font-family: "宋体", "微软雅黑", Arial, Helvetica, sans-serif;
}

.casedetailc img {
    max-width: 100%;
    height: auto;
    text-align: center;
    margin-bottom: 20px;
}

.casedetailmore {
}

.casedetailmoret {
    text-align: center;
    font-size: 30px;
    color: #333333;
    padding-bottom: 30px;
}

.casedetail_aa {
    text-align: center;
}

.casedetail_aa a {
    display: inline-block;
    width: 140px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    font-size: 14px;
    font-family: "宋体", "微软雅黑", Arial, Helvetica, sans-serif;
}

.casedetail_aa1 {
    border: 1px #cccccc solid;
    color: #666666;
    margin-right: 20px;
}

.casedetail_aa1:hover {
    border: 1px #c90f24 solid;
    color: #fff;
    background: #c90f24;
}

.casedetail_aa2 {
    border: 1px #cccccc solid;
    color: #666666;
}

.casedetail_aa2:hover {
    border: 1px #c90f24 solid;
    color: #fff;
    background: #c90f24;
}

/*精品案例 结束*/
.pageindex {
    line-height: 28px;
    font-size: 14px;
}

/*小程序 开始*/
.xiaocxc {
    text-align: center;
    padding: 40px 0;
    line-height: 28px;
    font-size: 18px;
    color: #666666;
}

.xiaocxc1 {
    width: 100%;
    height: 472px;
    background: url(/resources1/img/xiaocx_bg1.jpg) no-repeat 50% top;
}

.xiaocxc1 .container {
    padding-top: 40px;
}

.xiaocxc1c {
    padding-top: 40px;
    color: #fff;
}

.xiaocxc1c ul li {
    width: 320px;
    height: auto;
    float: left;
    margin: 0 120px 40px 0;
    min-height: 110px;
}

.xiaocxc1cl {
    width: 105px;
    height: auto;
    text-align: center;
    padding-top: 6px;
}

.xiaocxc1cr {
    width: 210px;
    height: auto;
}

.xiaocxc1crt {
    font-size: 24px;
}

.xiaocxc1crc {
    padding-top: 8px;
    line-height: 22px;
    font-size: 14px;
    font-family: "宋体", "微软雅黑", Arial, Helvetica, sans-serif;
}

.xiaocxc2 {
    padding: 50px 0 30px 0;
}

.xiaocxc2c {
    padding-top: 50px;
}

.xiaocxc2c ul li {
    width: 100px;
    height: auto;
    float: left;
    margin: 0 57px 35px 0;
    text-align: center;
    font-size: 16px;
    color: #333333;
    line-height: 25px;
}

.xiaocxc2c ul li img {
    margin-bottom: 5px;
}

.xiaocxc3 {
    width: 100%;
    height: auto;
    background: #ebebeb;
}

.xiaocxc3 .container {
    padding: 60px 0;
}

.xiaocxc3c {
    padding-top: 40px;
}

.xiaocxc3c ul li {
    width: 300px;
    float: left;
    height: auto;
    text-align: center;
    font-size: 16px;
    color: #666666;
    line-height: 24px;
}

.xiaocxc3c ul li img {
    margin-bottom: 12px;
}

/*小程序 结束*/

/*微信营销  开始*/
.weixincinfo {
    padding: 5px 0 10px 0;
    text-align: center;
    color: #000000;
    font-size: 14px;
    line-height: 24px;
    font-family: "宋体", Arial, Helvetica, sans-serif;
}

.weixinc {
}

.weixinc ul li {
    width: 275px;
    height: auto;
    float: left;
    margin-right: 25px;
    background: #ea1847;
}

.weixinc ul li.weixinc_c2 {
    background: #4253af;
}

.weixinc ul li.weixinc_c3 {
    background: #339f6e;
}

.weixinc ul li.weixinc_c4 {
    background: #f49225;
}

.weixinc_c {
    padding: 15px 0 25px 0;
    text-align: center;
    color: #fff;
}

.weixinc_c_t {
    font-size: 24px;
}

.weixinc_c_info {
    padding-top: 10px;
    font-family: "宋体", "微软雅黑", Arial, Helvetica, sans-serif;
    line-height: 20px;
}

.weixinc1 {
    padding: 0 0 120px 0;
}

.weixinc1c {
    margin-top: 50px;
    padding-top: 30px;
    position: relative;
    z-index: 9;
}

.weixinc1cc {
    width: 270px;
    height: 220px;
    background: #d33977;
    color: #fff;
    -webkit-border-radius: 270px;
    -moz-border-radius: 270px;
    border-radius: 270px;
    margin: 0 auto 0 auto;
    padding-top: 50px;
    text-align: center;
}

.weixinc1cc_t {
    line-height: 50px;
    font-size: 36px;
}

.weixinc1cc_c {
    font-size: 14px;
    line-height: 24px;
    font-family: "宋体", "微软雅黑", Arial, Helvetica, sans-serif;
    padding-top: 15px;
}

.weixinc1c_1 {
    position: absolute;
    z-index: 99;
    top: 0;
    left: 0;
    padding-right: 100px;
    width: 330px;
    height: auto;
    min-height: 94px;
    background: url(/resources1/img/weixin_fa_img1.jpg) no-repeat right 5px;
    text-align: right;
}

.weixinc1c_1_t {
    font-size: 24px;
    color: #000000;
}

.weixinc1c_1_c {
    padding-top: 8px;
    line-height: 24px;
    color: #666666;
    font-size: 14px;
    font-family: "宋体", "微软雅黑", Arial, Helvetica, sans-serif;
}

.weixinc1c_2 {
    position: absolute;
    z-index: 99;
    top: 126px;
    left: 0;
    padding-right: 100px;
    width: 330px;
    height: auto;
    min-height: 94px;
    background: url(/resources1/img/weixin_fa_img2.jpg) no-repeat right 5px;
    text-align: right;
}

.weixinc1c_3 {
    position: absolute;
    z-index: 99;
    top: 253px;
    left: 0;
    padding-right: 100px;
    width: 330px;
    height: auto;
    min-height: 94px;
    background: url(/resources1/img/weixin_fa_img3.jpg) no-repeat right 5px;
    text-align: right;
}

.weixinc1c_4 {
    position: absolute;
    z-index: 99;
    top: 0;
    left: 775px;
    padding-left: 100px;
    width: 325px;
    height: auto;
    min-height: 94px;
    background: url(/resources1/img/weixin_fa_img4.jpg) no-repeat left 5px;
    text-align: left;
}

.weixinc1c_5 {
    position: absolute;
    z-index: 99;
    top: 126px;
    left: 810px;
    padding-left: 100px;
    width: 325px;
    height: auto;
    min-height: 94px;
    background: url(/resources1/img/weixin_fa_img5.jpg) no-repeat left 5px;
    text-align: left;
}

.weixinc1c_6 {
    position: absolute;
    z-index: 99;
    top: 253px;
    left: 775px;
    padding-left: 100px;
    width: 325px;
    height: auto;
    min-height: 94px;
    background: url(/resources1/img/weixin_fa_img6.jpg) no-repeat left 5px;
    text-align: left;
}

.weixinc2 {
    width: 100%;
    height: auto;
    background: #d33977;
}

.weixinc2 .container {
    padding: 55px 0 60px 0;
}

.weixinc2c {
    padding-top: 50px;
}

.weixinc2c ul li {
    width: 370px;
    height: auto;
    background: #fff;
    float: left;
    margin-right: 30px;
    text-align: center;
    padding-bottom: 25px;
}

.weixinc2c ul li img {
    margin-bottom: 10px;
}

.weixinc3 {
    padding: 50px 0;
}

.weixinc3c {
    padding-top: 50px;
}

.weixinc3c ul li {
    width: 99px;
    height: auto;
    float: left;
    margin-right: 51px;
    text-align: center;
    font-size: 16px;
    color: #666666;
    line-height: 28px;
}

.weixinc3c ul li img {
    margin-bottom: 0;
}

.weixinc4 {
    padding: 0 0 50px 0;
}

.weixinc4c {
    padding-top: 50px;
}

.weixinc5 {
    width: 100%;
    height: auto;
    background: #ebebeb;
}

.weixinc5 .container {
    padding: 55px 0 60px 0;
}

.weixinc5info {
    padding: 40px 0 25px 0;
    text-align: center;
    color: #000000;
    font-size: 14px;
    line-height: 24px;
    font-family: "宋体", "微软雅黑", Arial, Helvetica, sans-serif;
}

.weixinc5c {
}

.weixinc5c ul li {
    width: 240px;
    height: auto;
    text-align: center;
    float: left;
    font-size: 16px;
    color: #000000;
    line-height: 28px;
}

.weixinc5c ul li img {
    margin-bottom: 6px;
}

/*微信营销  结束*/

.pageController {
    margin-top: 10px;
    text-align: center;
}

.pageController a {

}

.pageController a:hover {
    background-color: #e40011;
    color: #FFF;
    text-decoration: none;
    border: #e40011 1px solid;
}

.pageController .case_page_act {
    background-color: #e40011;
    color: #FFF;
    font-weight: bold;
    border: #e40011 1px solid;
}

.query-cover {
    -webkit-animation: slide-inn .216s;
    animation: slide-inn .216s;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 10000;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.3;
    filter: alpha(opacity=70);
    display: none;
}

.query-pop {
    -webkit-animation: slide-in .216s;
    animation: slide-in .216s;
}

.query-pop .tel .input-wrap, .query-pop .tel .btn-wrap {
    float: left;
}

.query-pop .tel .input-wrap {
    width: 188px;
    height: 39px; /*border-bottom: 1px solid #333;*/ /*margin-right: 10px;*/
}

.query-pop .tel .btn-wrap {
    width: 120px;
}

.query-pop .tel .input-wrap input {
    outline: none;
    border: 0;
    height: 39px;
    line-height: 39px;
    padding: 0;
    font-size: 20px;
}

.query-pop .tel, .query-pop .net {
    padding: 0 40px;
    margin: 15px 0 30px 0;
}

.query-pop .btn-wrap a {
    background: #e60012;
    border: none;
    color: #fff;
    cursor: pointer;
    display: block;
    width: 100%;
    font-size: 18px;
    height: 40px;
    line-height: 38px;
    text-align: center;
}

.query-pop .btn-wrap .btn-qqstart {
    margin-top: 12px;
}

.query-pop .tip {
    padding-bottom: 5px;
}

.query-pop .close-btn {
    position: absolute;
    top: 10px;
    right: 10px;
    text-decoration: underline;
    color: #999;
    font-size: 12px;
    width: 25px;
    height: 25px;
    text-indent: -100em;
    overflow: hidden;
    background: url(/resources1/img/pop-closebtn.png) no-repeat center center;
}

.query-pop {
    position: fixed;
    left: 50%;
    top: 50%;
    z-index: 20000;
    width: 400px;
    height: 285px;
    padding: 8px;
    margin-left: -200px;
    margin-top: -135px; /*background:url(/resources1/img/query-pop_bg.png) repeat;*/
    display: none;
}

.query-popc {
    width: 400px;
    min-height: 100px;
    background: #fff;
    padding-top: 15px;
    margin-bottom: 10px;
}

.query-pop .tel {
    overflow: hidden;
    margin: 15px 0 15px 0;
}

.query-pop .tel .input-wrap input.phonenum {
    border-top: 1px #ccc solid;
    border-bottom: 1px #ccc solid;
    border-left: 1px #ccc solid;
    font-size: 14px;
    color: #333;
    height: 38px;
    line-height: 38px;
    width: 187px;
    text-indent: 5px;
}

.query_pphone {
    color: #e60012;
    font-size: 22px;
    line-height: 30px;
    font-weight: bolder;
    font-family: Arial, Helvetica, sans-serif;
    letter-spacing: 1px;
}

/*  css animation  */
.trans {
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    -ms-transition: all .5s ease;
    transition: all .5s ease;
}

/* page animation  */

.ani-view {
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    -o-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0)
    }
}

@-moz-keyframes fadeInDown {
    0% {
        opacity: 0;
        -moz-transform: translateY(20px)
    }
    100% {
        opacity: 1;
        -moz-transform: translateY(0)
    }
}

@-o-keyframes fadeInDown {
    0% {
        opacity: 0;
        -o-transform: translateY(20px)
    }
    100% {
        opacity: 1;
        -o-transform: translateY(0)
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        transform: translateY(20px)
    }
    100% {
        opacity: 1;
        transform: translateY(0)
    }
}

.ani-view.fade-in-down {
    opacity: 0;
    opacity: 1 \0/ IE9;
    -webkit-transform: translateY(20px);
    -moz-transform: translateY(20px);
    -o-transform: translateY(20px);
    transform: translateY(20px);
    -ms-transform: translateY(0) \0/ IE9;
}

.ani-view.fadeInDown {
    -webkit-animation-name: fadeInDown;
    -moz-animation-name: fadeInDown;
    -o-animation-name: fadeInDown;
    animation-name: fadeInDown;
}

@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0)
    }
}

@-moz-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -moz-transform: translateX(-100px)
    }
    100% {
        opacity: 1;
        -moz-transform: translateX(0)
    }
}

@-o-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -o-transform: translateX(-100px)
    }
    100% {
        opacity: 1;
        -o-transform: translateX(0)
    }
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        transform: translateX(-100px)
    }
    100% {
        opacity: 1;
        transform: translateX(0)
    }
}

.ani-view.fade-in-left {
    opacity: 0;
    opacity: 1 \0/ IE9;
    -webkit-transform: translateX(-100px);
    -moz-transform: translateX(-100px);
    -o-transform: translateX(-100px);
    transform: translateX(-100px);
    -ms-transform: translateX(0) \0/ IE9;
}

.ani-view.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    -moz-animation-name: fadeInLeft;
    -o-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(100px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0)
    }
}

@-moz-keyframes fadeInRight {
    0% {
        opacity: 0;
        -moz-transform: translateX(100px)
    }
    100% {
        opacity: 1;
        -moz-transform: translateX(0)
    }
}

@-ms-keyframes fadeInRight {
    0% {
        opacity: 0;
        -ms-transform: translateX(100px)
    }
    100% {
        opacity: 1;
        -ms-transform: translateX(0)
    }
}

@-o-keyframes fadeInRight {
    0% {
        opacity: 0;
        -o-transform: translateX(100px)
    }
    100% {
        opacity: 1;
        -o-transform: translateX(0)
    }
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        transform: translateX(100px)
    }
    100% {
        opacity: 1;
        transform: translateX(0)
    }
}

.ani-view.fade-in-right {
    opacity: 0;
    opacity: 1 \0/ IE9;
    -webkit-transform: translateX(100px);
    -moz-transform: translateX(100px);
    -o-transform: translateX(100px);
    transform: translateX(100px);
    -ms-transform: translateX(0) \0/ IE9;
}

.ani-view.fadeInRight {
    -webkit-animation-name: fadeInRight;
    -moz-animation-name: fadeInRight;
    -o-animation-name: fadeInRight;
    animation-name: fadeInRight;
}

/*首页第2屏载入特效*/
@-webkit-keyframes indCon2fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(167px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0)
    }
}

@-moz-keyframes indCon2fadeInDown {
    0% {
        opacity: 0;
        -moz-transform: translateY(167px)
    }
    100% {
        opacity: 1;
        -moz-transform: translateY(0)
    }
}

@-ms-keyframes indCon2fadeInDown {
    0% {
        opacity: 0;
        -ms-transform: translateY(167px)
    }
    100% {
        opacity: 1;
        -ms-transform: translateY(0)
    }
}

@-o-keyframes indCon2fadeInDown {
    0% {
        opacity: 0;
        -o-transform: translateY(167px)
    }
    100% {
        opacity: 1;
        -o-transform: translateY(0)
    }
}

@keyframes indCon2fadeInDown {
    0% {
        opacity: 0;
        transform: translateY(167px)
    }
    100% {
        opacity: 1;
        transform: translateY(0)
    }
}

.ani-view.indCon2-fade-in-down {
    opacity: 0;
    opacity: 1 \0/ IE9;
    -webkit-transform: translateY(167px);
    -moz-transform: translateY(167px);
    -o-transform: translateY(167px);
    transform: translateY(167px);
    -ms-transform: translateY(0) \0/ IE9;
}

.ani-view.indCon2fadeInDown {
    -webkit-animation-name: indCon2fadeInDown;
    -moz-animation-name: indCon2fadeInDown;
    -o-animation-name: indCon2fadeInDown;
    animation-name: indCon2fadeInDown;
}

@-webkit-keyframes indCon2fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-167px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0)
    }
}

@-moz-keyframes indCon2fadeInUp {
    0% {
        opacity: 0;
        -moz-transform: translateY(-167px)
    }
    100% {
        opacity: 1;
        -moz-transform: translateY(0)
    }
}

@-ms-keyframes indCon2fadeInUp {
    0% {
        opacity: 0;
        -ms-transform: translateY(-167px)
    }
    100% {
        opacity: 1;
        -ms-transform: translateY(0)
    }
}

@-o-keyframes indCon2fadeInUp {
    0% {
        opacity: 0;
        -o-transform: translateY(-167px)
    }
    100% {
        opacity: 1;
        -o-transform: translateY(0)
    }
}

@keyframes indCon2fadeInUp {
    0% {
        opacity: 0;
        transform: translateY(-167px)
    }
    100% {
        opacity: 1;
        transform: translateY(0)
    }
}

.ani-view.indCon2-fade-in-up {
    opacity: 0;
    opacity: 1 \0/ IE9;
    -webkit-transform: translateY(-167px);
    -moz-transform: translateY(-167px);
    -o-transform: translateY(-167px);
    transform: translateY(-167px);
    -ms-transform: translateY(0) \0/ IE9;
}

.ani-view.indCon2fadeInUp {
    -webkit-animation-name: indCon2fadeInUp;
    -moz-animation-name: indCon2fadeInUp;
    -o-animation-name: indCon2fadeInUp;
    animation-name: indCon2fadeInUp;
}

/*add index start*/
.ziser {
    margin: 60px auto 60px auto;
}

.ziserl {
    width: 368px;
    height: 468px;
    background: #fff;
    padding: 50px 110px;
    text-align: center;
    position: relative;
    border: 1px #ccc solid;
}

.ziserl_1 {
    color: #333333;
    font-size: 35px;
}

.ziserl_2 {
    padding: 65px 0 55px 0;
}

.ziserl_3 {
}

.ziserl_3 ul li {
    float: left;
    width: 50%;
    height: auto;
    line-height: 34px;
    text-align: left;
}

.ziserl_3 ul li a {
    color: #333333;
    font-size: 16px;
    position: relative;
    z-index: 99;
}

.ziserl_3 ul li a:hover {
    color: #e40311;
}

/*.ziserl:before { content: ''; width: 0px; height: 5px; position: absolute; bottom: 0px; left: 0px; background: #e40311; transition: all 1s; -webkit-transition: all 1s; -moz-transition: all 1s; -ms-transition: all 1s; }
.ziserl:hover:before { width: 100%; }*/
.ziserl:hover {
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
}

.ziserl:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    border-top: 1px solid #e40311;
    border-left: 1px solid #e40311;
    width: 0;
    height: 0;
    transition: all 0.4s ease-out 0s;
    visibility: hidden;
    box-sizing: border-box;
}

.ziserl:after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    border-right: 1px solid #e40311;
    border-bottom: 1px solid #e40311;
    width: 0;
    height: 0;
    transition: all 0.4s ease-out 0s;
    visibility: hidden;
    box-sizing: border-box;
}

.ziserl:hover:before {
    width: 100%;
    height: 100%;
    visibility: visible;
}

.ziserl:hover:after {
    width: 100%;
    height: 100%;
    visibility: visible;
}

.ziserr {
    width: 590px;
    height: auto;
}

.ziserr .ziserrlist {
    margin-bottom: 20px;
    background: #fff;
    padding: 70px 30px 0 30px;
    width: 528px;
    height: 203px;
    position: relative;
    border: 1px #ccc solid;
}

.ziserrl {
    width: 133px;
    height: auto;
}

.ziserrr {
    width: 375px;
    height: auto;
}

.ziserrr_t {
    font-size: 33px;
    color: #231815;
    line-height: 32px;
    padding-bottom: 25px;
}

.ziserrr_c {
    width: 80%;
    height: auto;
}

.ziserrr_c ul li {
    float: left;
    width: 50%;
    height: auto;
    line-height: 34px;
    text-align: left;
}

.ziserrr_c ul li a {
    color: #333333;
    font-size: 16px;
    position: relative;
    z-index: 99;
}

.ziserrr_c ul li a:hover {
    color: #e40311;
}

/*.ziserr .ziserrlist:before { content: ''; width: 0px; height: 5px; position: absolute; bottom: 0px; left: 0px; background: #e40311; transition: all 1s; -webkit-transition: all 1s; -moz-transition: all 1s; -ms-transition: all 1s; }
.ziserr .ziserrlist:hover:before { width: 100%; }*/

.ziserr .ziserrlist:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    border-top: 1px solid #e40311;
    border-left: 1px solid #e40311;
    width: 0;
    height: 0;
    transition: all 0.4s ease-out 0s;
    visibility: hidden;
    box-sizing: border-box;
}

.ziserr .ziserrlist:after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    border-right: 1px solid #e40311;
    border-bottom: 1px solid #e40311;
    width: 0;
    height: 0;
    transition: all 0.4s ease-out 0s;
    visibility: hidden;
    box-sizing: border-box;
}

.ziserr .ziserrlist:hover:before {
    width: 100%;
    height: 100%;
    visibility: visible;
}

.ziserr .ziserrlist:hover:after {
    width: 100%;
    height: 100%;
    visibility: visible;
}

.ziserr .ziserrlist:hover {
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
}

.title {
    text-align: center;
    perspective: 500px;
}

.title .h2 {
    font-size: 36px;
    transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    color: #333333;
}

.title .h2 i {
    transform: rotateY(90deg) translateZ(-90px) scale(0.3);
    -webkit-transform: rotateY(90deg) translateZ(-90px) scale(0.3);
    opacity: 0;
    display: inline-block;
    transition: all 1s ease-out 0s;
    -webkit-transition: all 1s ease-out 0s;
}

.title .h3 {
    font-size: 18px;
    margin-top: 10px;
    transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    color: #666666;
}

.title .h3 i {
    transform: rotateY(-90deg) translateZ(-90px) scale(0.3);
    -webkit-transform: rotateY(-90deg) translateZ(-90px) scale(0.3);
    opacity: 0;
    display: inline-block;
    transition: all 1s ease-out 0s;
    -webkit-transition: all 1s ease-out 0s;
}

.home2 {
    position: relative;
    padding: 10px 0 60px 0;
    min-width: 1200px;
}

.home2 .line1 {
    top: 0;
}

.home2 .list {
    margin-top: 50px; /*padding:0 0.5%;*/
}

.home2 .list .item {
    width: 32%;
    margin: 0 2% 35px 0;
    position: relative;
    overflow: hidden;
    opacity: 0;
    background: none;
    float: left;
    transform: translateY(100px);
    -webkit-transform: translateY(100px);
    transition: All 0.4s ease-in-out;
    -webkit-transition: All 0.4s ease-in-out;
    -moz-transition: All 0.4s ease-in-out;
    -o-transition: All 0.4s ease-in-out;
}

.home2 .list .item:nth-child(4n-3) {
    transition-delay: 0.4s;
    -webkit-transition-delay: 0.2s;
}

.home2 .list .item:nth-child(4n-2) {
    transition-delay: 0.4s;
    -webkit-transition-delay: 0.0s;
}

.home2 .list .item:nth-child(4n-1) {
    transition-delay: 0.8s;
    -webkit-transition-delay: 0.1s;
}

.home2 .list .item:nth-child(3n) {
    transition-delay: 0.2s;
    -webkit-transition-delay: 0.2s;
    margin-right: 0;
}

.home2.show .list .item {
    transform: translateY(0);
    -webkit-transform: translateY(0);
    opacity: 1;
    box-shadow: 0 2px 14px #9697b480;
    border-radius: 5px;
}

.item_c {
    position: relative;
    overflow: hidden;
}

.home2 .list .item img {
    width: 100%;
    height: auto;
    transition: all .3s ease-out 0s;
    -webkit-transition: all .3s ease-out 0s;
}

.home2 .list .item .logo {
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    background-position: center center;
    background-repeat: no-repeat;
}

.home2 .list .item .mask { /*background:#e40311;*//* background-color:rgb(0,0,0,0.85);*/
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    opacity: 0;
    filter: alpha(opacity='0');
    background: url(/resources1/img/mask.png) repeat;
    transition: all .3s ease-out 0s;
    -webkit-transition: all .3s ease-out 0s;
}

.home2 .list .item .mask .cell {
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    height: 80px;
    margin-top: -60px;
}

.home2 .list .item .mask .h3 {
    font-size: 28px;
    color: #fff;
    transform: translateY(-20px);
    -webkit-transform: translateY(-20px);
    transition: all .3s ease-out 0s;
    -webkit-transition: all .3s ease-out 0s;
}

/*.home2 .list .item .mask p{font-size:16px;color:#fff;margin-top:10px;transform:translateY(20px);-webkit-transform:translateY(20px);transition:all .3s ease-out 0s;-webkit-transition:all .3s ease-out 0s; padding-bottom:60px; background:url(../image/z_ind_case_icon.png) no-repeat 50% bottom;}
.home2 .list .item .mask p a{margin:0 10px;}*/
.home2 .list .item .mask p {
    font-size: 16px;
    color: #fff;
    padding-right: 50px;

    min-width: 80px;
    line-height: 30px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -70px;
    margin-top: -25px;
}

.home2 .list .item:hover .mask {
    opacity: 1;
    filter: alpha(opacity='100');
}

.home2 .list .item:hover .mask .h3 {
    transform: translateY(0px);
    -webkit-transform: translateY(0px);
}

/*.home2 .list .item:hover .mask p{transform:translateY(0px);-webkit-transform:translateY(0px);}*/
.home2 .list .item .more {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.home2 .list .item:hover {
    transform: translate(0, -25px);
    -webkit-transform: translate(0, -25px);
    -moz-transform: translate(0, -25px);
    -o-transform: translate(0, -25px);
    -ms-transform: translate(0, -25px);
}

.home2 .list .item:hover .zcasec_tl {
    color: #e70012;
    padding-left: 5px;
}
.home2 .list .item .zcasec_tl {
    padding-left: 5px;
}
.home2 .button {
    margin-top: 40px;
    text-align: center;
}

.home2 .button a {
    display: inline-block;
    min-width: 250px;
    height: 58px;
    line-height: 58px;
    border: 2px solid #777;
    font-size: 30px;
    color: #333;
    margin: 0 20px;
    padding: 0 20px;
    transition: all 0.2s ease-out 0s;
    -webkit-transition: all 0.2s ease-out 0s;
}

.home2 .button a:hover {
    background: #445e9f;
    color: #fff;
    border-color: #445e9f;
}

.home2 .button a h3 {
    display: inline-block;
    color: inherit;
    font-size: inherit;
}

.ixinrt {
    padding-bottom: 40px;
}

/*news list*/
.znlist {
    margin: 85px auto 40px auto;
}

.znlistl {
    width: 840px;
    height: auto;
}

.zn_ad {
    position: relative;
    z-index: 0;
}

.zn_ad .hd {
    height: 5px;
    overflow: hidden;
    position: absolute;
    right: 32px;
    bottom: 23px;
    z-index: 10;
}

.zn_ad .hd ul {
    zoom: 1;
    text-align: right;
    width: 100%;
    height: 5px;
}

.zn_ad .hd ul li {
    margin-left: 10px;
    width: 18px;
    height: 5px;
    line-height: 5px;
    text-align: center;
    background: #e3e3e3;
    cursor: pointer;
    display: inline-block;
}

.zn_ad .hd ul li.on {
    background: #0b71ff;
    color: #0b71ff;
}

.zn_ad .bd {
    position: relative;
    height: 100%;
    z-index: 0;
}

.zn_ad .bd li {
    zoom: 1;
    vertical-align: middle;
}

.zn_ad .bd img {
    width: 840px;
    height: 410px;
    display: block;
}

.zn_ad .bd ul li {
    width: 840px;
    height: 410px;
    float: left;
}

.zn_ad .bd ul li a {
    display: block;
    width: 840px;
    height: 410px;
    position: relative;
    z-index: 4;
}

.zn_ad .bd ul li a p {
    width: 780px;
    height: 62px;
    position: absolute;
    z-index: 6;
    padding: 80px 30px 0 30px;
    background: url(../image/z_new_tt_bg.png) no-repeat 50% bottom;
    color: #fff;
    left: 0;
    bottom: 0;
    font-size: 20px;
    line-height: 62px;
}

.zncate {
    margin: 35px auto 20px auto;
    border-bottom: 1px #cccccc solid;
}

.zncate a {
    display: inline-block;
    padding: 0 20px;
    line-height: 46px;
    font-size: 18px;
    color: #333333;
    margin-right: 5px;
    margin-bottom: 10px;
}

.zncate a:hover {
    background: #ff4343;
    color: #fff;
}

.zncate a.newcatecurr {
    background: #ff4343;
    color: #fff;
}

.znlistc {
    padding-bottom: 30px;
}

.znlistc ul li {
    padding: 20px 0;
    border-bottom: 1px #e3e3e3 solid;
}

.znlistcl {
    width: 280px;
    height: auto;
    overflow: hidden;
}

.znlistcr {
    width: 538px;
    height: auto;
}

.znlistcr_a {
    padding-top: 5px;
}

.znlistcr_a a {
    font-size: 18px;
    color: #000000;
    line-height: 30px;
}

.znlistcr_a a:hover {
    color: #ff4343;
}

.znlistcr_b {
    margin: 20px 0;
    height: 48px;
    line-height: 24px;
    font-size: 14px;
    color: #666666;
    overflow: hidden;
    font-family: "宋体", "微软雅黑", Arial, Helvetica, sans-serif;
}

.znlistcr_c {
    line-height: 25px;
    font-family: "宋体", "微软雅黑", Arial, Helvetica, sans-serif;
}

.znlistcr_cl {
}

.znlistcr_cl a {
    color: #1075ff;
    padding-right: 12px;
}

.znlistcr_cl a:hover {
    color: #ff4343;
}

.znlistcr_cr {
}

.znlistcr_cr_1 {
    background: url(/resources1/img/z_list_icon1.jpg) no-repeat left 50%;
    padding-left: 20px;
    color: #000000;
}

.znlistcr_cr_2 {
    padding-left: 25px;
    background: url(/resources1/img/z_list_icon2.jpg) no-repeat left 50%;
    color: #000000;
    margin-left: 15px;
}

/*.znlistc ul li:hover .znlistcr_a a{ color:#ff4343;}*/

.znlistr {
    width: 320px;
    height: auto;
}

.znlistr_1, .znlistr_2 {
    margin-bottom: 25px;
}

.znlistr_1t {
    width: 100%;
    height: 50px;
    line-height: 50px;
    text-indent: 20px;
    font-size: 18px;
    color: #000000;
    background: #d0d0d0;
}

.znlistr_1c {
    padding-top: 15px;
}

.znlistr_1c ul li a {
    display: block;
    line-height: 36px;
    height: 36px;
    overflow: hidden;
    font-size: 14px;
    color: #333333;

    text-indent: 15px;
}

.znlistr_1c ul li a:hover {
    color: #ff4343;
}

.znlistr_2c {
    margin-top: 30px;
    height: 350px;
    overflow: hidden;
}

.znlistr_2c a {
    display: inline-block;
    padding: 0 15px;
    margin: 0 10px 20px 0;
    border: 1px #d9d9d9 solid;
    line-height: 24px;
    background: #f7f7fa;
    color: #333333;
}

.znlistr_2c a:hover {
    background: #ff4343;
    color: #fff;
    border: 1px #ff4343 solid;
}

.znlistr_2_m {
    display: block;
    margin-top: 20px;
    width: 100%;
    height: 28px;
    line-height: 28px;
    text-align: center;
    font-size: 14px;
    background: #d9d9d9;
    color: #333;
    cursor: pointer;
}

.znlistr_3c {
    padding-top: 30px;
}

.znlistr_3c ul li {
    margin-bottom: 20px;
}

.znlistr_3c ul li a {
    display: block;
}

.znlistr_3cl {
    width: 113px;
    height: auto;
}

.znlistr_3cr {
    width: 195px;
    height: auto;
    font-size: 14px;
    color: #000000;
    line-height: 24px;
    padding-top: 8px;
}

.znlistr_3c ul li a:hover .znlistr_3cr {
    color: #ff4343;
}

.zndetail {
    border: 1px #bcbcbc solid;
    padding: 30px 28px;
}

.zndetailt {
    font-size: 24px;
    color: #000000;
}

.zndetaili {
    margin: 12px 0;
}

.zndetaildes {
    margin: 30px auto 20px auto;
    background: #ededed;
    padding: 20px 15px;
    color: #666;
    font-size: 14px;
    line-height: 28px;
    font-family: "宋体", "微软雅黑", Arial, Helvetica, sans-serif;
}

.zndetailc {
    font-family: "宋体", "微软雅黑", Arial, Helvetica, sans-serif;
    color: #333333;
    font-size: 14px;
    line-height: 28px;
}

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

.zndetailtab {
    font-size: 14px;
    color: #666666;
    padding-left: 22px;

    font-family: "宋体", "微软雅黑", Arial, Helvetica, sans-serif;
    margin: 30px auto;
}

.zndetailtab a {
    color: #1075ff;
}

.zndetailpage {
    font-family: "宋体", "微软雅黑", Arial, Helvetica, sans-serif;
    color: #333333;
    font-size: 14px;
    line-height: 28px;
}

.zndetj {
    margin: 45px auto;
}

.zndetjt {
    padding-left: 15px;
    font-size: 18px;
    color: #000000;
    line-height: 45px;
    border-bottom: 1px #999999 solid;

}

.zndetjc {
    padding-top: 20px;
}

.zndetjc ul li {
    margin-bottom: 20px;
}

.zndetjc ul li a {
    display: block;
}

.zndetjcl {
    width: 113px;
    height: auto;
}

.zndetjcr {
    width: 715px;
    height: auto;
}

.zndetjcr_t {
    color: #333333;
    font-size: 18px;
    line-height: 26px;
}

.zndetjcr_i {
    color: #666666;
    font-size: 13px;
    line-height: 24px;
    font-family: "宋体", "微软雅黑", Arial, Helvetica, sans-serif;
    padding-top: 6px;
}

.zndetjc ul li a:hover .zndetjcr_t {
    color: #ff4343;
}

/*add index end*/

/*add index new*/
.abinew {
    width: 100%;
    height: auto;
    background: #ffffff;
    padding: 40px 0 60px 0;
}

.abinew .container {
    max-width: 1600px;
    height: auto;
    width: 90%;
    min-width: 1200px;
}

.abinewt {
    text-align: center;
    font-size: 36px;
    color: #333333;
}

.abinewcate {
    padding: 80px 0 0 70px;
    text-align: center;
}

.abinewcate ul li {
    display: inline-block;
    padding: 0 25px 0 0;
    line-height: 28px;
}

.abinewcate ul li:last-child {
    background: 0;
}

.abinewcate ul li a {
    display: inline-block;
    padding: 0 8px;
    line-height: 35px;
    border-bottom: 1px #f7f7f7 solid;
    font-size: 14px;
    font-family: "宋体", "微软雅黑", Arial, Helvetica, sans-serif;
}

.abinewcate ul li a:hover {
    color: #737373;
    border-bottom: 1px #737373 solid;
}

.abinewcate ul li a.inewscatecurr {
    color: #737373;
    border-bottom: 1px #737373 solid;
}

.abinewcaaa {
    position: relative;
    overflow: hidden;
    height: 490px;
}

.abinewc {
    padding-top: 10px;
    padding-bottom: 40px;
}

.abinewcl {
    width: 37%;
    height: auto;
    background: #fff;
    transition: all .4s ease-out;
}

.abinewclc {
}

.abinewcl .abinewclc a {
    display: block;
    padding: 5%;
    background: #fff;
}

.abinewclc_img {
    width: 100%;
    height: 100%;
    overflow: hidden;
    max-height: 380px;
}

.abinewclc_img img {
    max-width: 100%;
    height: 270px;
}

.abinewclc_c {
    padding-bottom: 5%;
    padding-top: 25px;
}

.abinewclc_cl {
    width: 77%;
    padding-right: 3%;
    border-right: 1px #a4a4a4 solid;
}

.abinewclc_clt {
    font-size: 18px;
    color: #000000;
    line-height: 28px;
    height: 28px;
    overflow: hidden;
}

.abinewclc_cli {
    line-height: 24px;
    color: #666666;
    margin-top: 8px;
    height: 48px;
    overflow: hidden;
    font-family: "宋体", "微软雅黑", Arial, Helvetica, sans-serif;
}

.abinewclc_cr {
    width: 17%;
    min-width: 46px;
    height: auto;
    min-height: 46px;
    font-family: Arial, Helvetica, sans-serif;
    color: #333333;
    line-height: 28px;
    background: url(/resources1/img/aa_i_new_more.png) no-repeat 50% 50%;
    margin-top: 15px;
}

.abinewclc_cr_t {
    font-size: 42px;
    padding-top: 10px;
}

.abinewclc_cr_i {
}

.abinewcl:hover {
    transform: translate3d(0, -5px, 0);
    box-shadow: 0 8px 35px rgba(0, 0, 0, .2);
}

.abinewcl .abinewclc a:hover .abinewclc_cr {

}

.abinewcr {
    width: 60%;
    height: auto;
    background: #fff;
}

.abinewcr ul li {
    height: auto;
    float: left;
    border-right: 1px #eeeeee solid;
    border-bottom: 1px #eeeeee solid;
    width: calc(50% - 1px);
    width: -moz-calc(50% - 1px);
    width: -webkit-calc(50% - 1px);
}

.abinewcr ul li a {
    padding: 9% 10%;
    display: block;
    transition: all .4s ease-out;
}

.abinewcrl { /*width:17%;*/
    width: auto;
    height: auto;
    min-width: 48px;
    font-family: Arial, Helvetica, sans-serif;
    color: #333333;
    line-height: 28px;

    margin-top: 15px;
    min-height: 48px;
}

.abinewclc_cr_t {
    font-size: 42px;
    padding-top: 10px;
    height: auto;
}

.abinewclc_cr_i {
}

.abinewcrr {
    width: 81%;
    height: auto;
}

.abinewcrr_t {
    font-size: 18px;
    color: #000000;
    line-height: 28px;
    height: 28px;
    overflow: hidden;
}

.abinewcrr_i {
    line-height: 24px;
    color: #666666;
    margin-top: 8px;
    height: 48px;
    overflow: hidden;
    font-family: "宋体", "微软雅黑", Arial, Helvetica, sans-serif;
}

.abinewcr ul li a:hover {
    box-shadow: 0 8px 35px rgba(0, 0, 0, .2);
}

.abinewcr ul li a:hover .abinewcrl {
    color: #e40311;

}

.abinewm {
    text-align: center;
}

.abinewm a {
    display: inline-block;
    padding-right: 40px;
    line-height: 30px;
    color: #3e3e3e;
    font-size: 14px;
    background: url(/resources1/img/ab_more_icon.png) no-repeat right 50%;
    font-family: "宋体", "微软雅黑", Arial, Helvetica, sans-serif;
}

.abinewm a:hover {
    color: #ff4343;
    background: url(/resources1/img/ab_more_icon2.png) no-repeat right 50%;
}

.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
    left: 5%;
    text-align: left;
    bottom: 5%;
}

.swiper-pagination-bullet {
    background: #737373;
    opacity: 1;
}

.swiper-pagination-bullet-active {
    background: #e40311;
}

.hideaa {
    visibility: hidden;
    position: absolute;
    z-index: -1;
    height: 0;
}

/* Above all are from animate.css by daneden http://daneden.me/animate/ */

.from-top {
    -webkit-transform-origin: 0% 0%;
    -moz-transform-origin: 0% 0%;
    -ms-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
}

.from-left {
    -webkit-transform-origin: 0% 100%;
    -moz-transform-origin: 0% 100%;
    -ms-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
}

.from-right {
    -webkit-transform-origin: 100% 100%;
    -moz-transform-origin: 100% 100%;
    -ms-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
}

.from-bottom {
    -webkit-transform-origin: 0% 100%;
    -moz-transform-origin: 0% 100%;
    -ms-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
}

.from-top, .from-left {
    -webkit-animation: enter-clockwise 0.23s ease-out;
    -moz-animation: enter-clockwise 0.23s ease-out;
    -ms-animation: enter-clockwise 0.23s ease-out;
    animation: enter-clockwise 0.23s ease-out;
}

.from-right, .from-bottom {
    -webkit-animation: enter-anti-clockwise 0.23s ease-out;
    -moz-animation: enter-anti-clockwise 0.23s ease-out;
    -ms-animation: enter-anti-clockwise 0.23s ease-out;
    animation: enter-anti-clockwise 0.23s ease-out;
}

.to-top {
    -webkit-transform-origin: 0% 0%;
    -moz-transform-origin: 0% 0%;
    -ms-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
}

.to-left {
    -webkit-transform-origin: 0% 100%;
    -moz-transform-origin: 0% 100%;
    -ms-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
}

.to-right {
    -webkit-transform-origin: 100% 100%;
    -moz-transform-origin: 100% 100%;
    -ms-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
}

.to-bottom {
    -webkit-transform-origin: 0% 100%;
    -moz-transform-origin: 0% 100%;
    -ms-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
}

.to-top, .to-left {
    -webkit-animation: leave-anti-clockwise 0.23s ease-out;
    -moz-animation: leave-anti-clockwise 0.23s ease-out;
    -ms-animation: leave-anti-clockwise 0.23s ease-out;
    animation: leave-anti-clockwise 0.23s ease-out;
}

.to-right, .to-bottom {
    -webkit-animation: leave-clockwise 0.23s ease-out;
    -moz-animation: leave-clockwise 0.23s ease-out;
    -ms-animation: leave-clockwise 0.23s ease-out;
    animation: leave-clockwise 0.23s ease-out;
}

@-webkit-keyframes enter-clockwise {
    from {
        z-index: 3;
        -webkit-transform: rotate(-90deg);
    }
    to {
        z-index: 3;
        -webkit-transform: rotate(0deg);
    }
}

@-moz-keyframes enter-clockwise {
    from {
        z-index: 3;
        -moz-transform: rotate(-90deg);
    }
    to {
        z-index: 3;
        -moz-transform: rotate(0deg);
    }
}

@-ms-keyframes enter-clockwise {
    from {
        z-index: 3;
        -ms-transform: rotate(-90deg);
    }
    to {
        z-index: 3;
        -ms-transform: rotate(0deg);
    }
}

@keyframes enter-clockwise {
    from {
        z-index: 3;
        transform: rotate(-90deg);
    }
    to {
        z-index: 3;
        transform: rotate(0deg);
    }
}

@-webkit-keyframes enter-anti-clockwise {
    from {
        z-index: 3;
        -webkit-transform: rotate(90deg);
    }
    to {
        z-index: 3;
        -webkit-transform: rotate(0deg);
    }
}

@-moz-keyframes enter-anti-clockwise {
    from {
        z-index: 3;
        -moz-transform: rotate(90deg);
    }
    to {
        z-index: 3;
        -moz-transform: rotate(0deg);
    }
}

@-ms-keyframes enter-anti-clockwise {
    from {
        z-index: 3;
        -ms-transform: rotate(90deg);
    }
    to {
        z-index: 3;
        -ms-transform: rotate(0deg);
    }
}

@keyframes enter-anti-clockwise {
    from {
        z-index: 3;
        transform: rotate(90deg);
    }
    to {
        z-index: 3;
        transform: rotate(0deg);
    }
}

@-webkit-keyframes leave-clockwise {
    from {
        z-index: 3;
        -webkit-transform: rotate(0deg);
    }
    to {
        z-index: 3;
        -webkit-transform: rotate(90deg);
    }
}

@-moz-keyframes leave-clockwise {
    from {
        z-index: 3;
        -moz-transform: rotate(0deg);
    }
    to {
        z-index: 3;
        -moz-transform: rotate(90deg);
    }
}

@-ms-keyframes leave-clockwise {
    from {
        z-index: 3;
        -ms-transform: rotate(0deg);
    }
    to {
        z-index: 3;
        -ms-transform: rotate(90deg);
    }
}

@keyframes leave-clockwise {
    from {
        z-index: 3;
        transform: rotate(0deg);
    }
    to {
        z-index: 3;
        transform: rotate(90deg);
    }
}

@-webkit-keyframes leave-anti-clockwise {
    from {
        z-index: 3;
        -webkit-transform: rotate(0deg);
    }
    to {
        z-index: 3;
        -webkit-transform: rotate(-90deg);
    }
}

@-moz-keyframes leave-anti-clockwise {
    from {
        z-index: 3;
        -moz-transform: rotate(0deg);
    }
    to {
        z-index: 3;
        -moz-transform: rotate(-90deg);
    }
}

@-ms-keyframes leave-anti-clockwise {
    from {
        z-index: 3;
        -ms-transform: rotate(0deg);
    }
    to {
        z-index: 3;
        -ms-transform: rotate(-90deg);
    }
}

@keyframes leave-anti-clockwise {
    from {
        z-index: 3;
        transform: rotate(0deg);
    }
    to {
        z-index: 3;
        transform: rotate(-90deg);
    }
}

/*2021.6.3 start*/
.zyoushi {
    padding: 65px 0 50px 0;
    width: 86%;
    min-width: 1200px;
    margin: 0 auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-bottom: 1px solid #e0e0e0;
}

.zyoushil {
    width: 50%;
    height: auto;
    border-right: 1px #ebebeb solid;
    padding-right: 60px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.zyoushir {
    width: 35%;
    height: auto;
    text-align: center;
}

.zyoushil_t {
    font-size: 50px;
    color: #383535;
    line-height: 72px; /*font-family:'STZHONGS';*/
}

.zyoushil_i {
    margin: 30px 0;
    font-size: 16px;
    color: #666666;
    line-height: 30px;
}

.zyoushil_m {
    display: block;
    width: 174px;
    height: 35px;
    border-bottom: 1px #737373 solid;

    line-height: 35px;
    text-indent: 5px;
    font-size: 14px;
    color: #333333;
}

.zyoushil_m:hover {
    background: url(/resources1/img/more_on.png) no-repeat 95% top;
    border-bottom: 1px #e60012 solid;
    color: #e60012;
}

.yyoushir {
    width: 50%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 70px 100px;
}

.yyoushir ul li {
    width: 33.33%;
    height: auto;
    float: left;
    text-align: center;
    transition: All 0.4s ease-in-out;
    -webkit-transition: All 0.4s ease-in-out;
    -moz-transition: All 0.4s ease-in-out;
    -o-transition: All 0.4s ease-in-out;
}

.yyoushir ul li a {
}

.yyoushir ul li a .tit {
    color: #453e3e;
    line-height: 30px;
    font-size: 20px;
    margin-top: 15px;
}

.yyoushir ul li:hover {
    transform: translate(0, -10px);
    -webkit-transform: translate(0, -10px);
    -moz-transform: translate(0, -10px);
    -o-transform: translate(0, -10px);
    -ms-transform: translate(0, -10px);
}

.yyoushir ul li a:hover {
    color: #e40011;
}

.yyoushir ul li a:hover .tit {
    color: #e40011;
}

.iservice {
    width: 100%;
    height: auto;
    background: #f7f7f7; /* padding:80px 0;*/
}

.iservicec {
    width: 86%;
    height: auto;
    margin: 0 auto;
    min-width: 1200px;
    border-right: 1px #d5d5d5 solid;
}

.iservicel {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 33.33%;
    height: auto;
    padding: 50px 0;
}

.iservicel:hover {
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.25);
    background: #fff;
}

.iservicel_a {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px 15% 40px 15%;
    border-left: 1px #d5d5d5 solid;
}

.iservicel_img {
    width: 180px;
    height: 180px;
}

.iservicel_img1 {
    background: url(/resources1/img/i_service_img1.png) no-repeat 50% 50%;
}

.iservicel:hover .iservicel_img1 {
    background: url(/resources1/img/i_service_img1_on.gif) no-repeat 50% 50%;
}

.iservicel_img2 {
    background: url(/resources1/img/i_service_img2.png) no-repeat 50% 50%;
}

.iservicel:hover .iservicel_img2 {
    background: url(/resources1/img/i_service_img2_on.gif) no-repeat 50% 50%;
}

.iservicel_img3 {
    background: url(/resources1/img/i_service_img3.png) no-repeat 50% 50%;
}

.iservicel:hover .iservicel_img3 {
    background: url(/resources1/img/i_service_img3_on.gif) no-repeat 50% 50%;
}

.iservicel_t {
    margin: 35px 0 20px 0;
    font-size: 30px;
    color: #333333;
    line-height: 40px;
}

.iservicel_i {
    margin-bottom: 35px;
    height: 120px;
    overflow: hidden;
    width: 100%;
}

.iservicel_i ul li {
    width: 50%;
    float: left;
    line-height: 40px;
}

.iservicel_i ul li a {
    display: block;
    padding-left: 20px;
    background: url(/resources1/img/i_service_li_icon.jpg) no-repeat left 50%;
    font-size: 16px;
    color: #333333;
}

.iservicel_i ul li a:hover {
    color: #e60012;
    background: url(/resources1/img/i_service_li_icon_on.jpg) no-repeat left 50%;
}

.zdeve {
    width: 86%;
    height: auto;
    margin: 0 auto;
    min-width: 1200px;
    padding: 70px 0 80px 0;
}

.zdeve ul li {
    width: 25%;
    height: auto;
    float: left;
    text-align: center;
    position: relative;
}

.zdeve ul li:before {
    content: "";
    position: absolute;
    right: 0;
    top: 60px;
    height: 80px;
    width: 1px;
    background: #cccccc;
}

.zdeve ul li:last-child:before {
    width: 0;
}

.zdeve_t {
    font-size: 106px;
    color: #0f0f0f;
    line-height: 106px;
    font-family: 'Acrom', Arial, Helvetica, sans-serif;
}

.zdeve_i {
    margin-top: 20px;
    font-size: 16px;
    color: #333333;
    line-height: 30px;
}

.zcase {
    background: #f7f7f7;
    padding: 70px 0 30px 0;
}

.zcasec {
    width: 86%;
    height: auto;
    margin: 0 auto;
    min-width: 1200px;
}



.zcasectl {
}

.zcasectl_t {
    font-size: 34px;
    color: #333333;
    line-height: 40px;
    margin-bottom: 30px;
}

.zcasectl_i {
    font-size: 52px;
    color: #0b0b0b;
    line-height: 50px;
    position: relative;
    z-index: 1px;
}

.zcasectl_i p {
    position: relative;
    z-index: 15px;
}

.zcasectl_i:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: -2px;
    height: 6px;
    width: 140px;
    background: #e70012;
    z-index: 10px;
}

.zcasectr {
    padding-top: 80px;
}

.zcasec_t {

}

.zcasec_t a {
}

.zcasec_tl {
    font-size: 28px;
    color: #333333;
    line-height: 45px;
}

.zcasec_tr {
    padding-left: 37px;
    line-height: 45px;
    font-size: 16px;
    color: #333333;

}

.zad {
    width: 100%;
    height: auto;
    background: #5e616d;
    padding: 55px 0;
    color: #fff;
}

.zadc {
    width: 86%;
    height: auto;
    margin: 0 auto;
    min-width: 1200px;
}

.zadcl {
    width: 50%;
    height: auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-right: 1px #9ea0a7 solid;
    padding: 20px 0;
}

.zadcl_1 {
    font-size: 58px;
    line-height: 60px;
}

.zadcl_2 {
    margin: 15px 0 35px 0;
    font-size: 24px;
    line-height: 30px;
}

.zadcl_3 {
}

.zadcl_3 a {
    display: inline-block;
    width: 160px;
    height: 45px;
    border: 1px #fff solid;
    color: #fff;
    text-align: center;
    line-height: 45px;
    border-radius: 45px;
    margin-right: 20px;
    font-size: 18px;
}

.zadcl_3 a.zadcl_3_1 {
    background: #e40000;
    color: #fff;
    border: 1px #e40000 solid;
}

.zadcl_3 a.zadcl_3_2:hover {
    background: #e40000;
    color: #fff;
    border: 1px #e40000 solid;
}

.zadcl_3 a.zadcl_3_1:hover {
    background: #be0c0c;
    color: #fff;
    border: 1px #be0c0c solid;
}

.zadcr {
    width: 50%;
    height: auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 70px;
    padding-top: 25px;
}

.zadcrl {
}

.zadcrl_t {
    font-size: 24px;
    line-height: 30px;
}

.zadcrl_c {
    font-size: 28px;
    font-family: Arial, Helvetica, sans-serif;
    line-height: 35px;
    margin-top: 10px;
}

.zadcrr {
    font-size: 48px;
    line-height: 55px;
    padding-top: 50px;
}

.zfoot {
    width: 100%;
    height: auto;
    background: #ffffff;
}

.zfoott {
    padding-bottom: 30px;
}

.zfoottr {
}

.zfoottr a {
    padding-left: 40px;
    font-size: 16px;
    color: #333333;
    line-height: 28px;
}

.zfoottr a:hover {
    color: #e60012;
}

.zfootc {
    padding: 40px 0 50px 0;
    border-top: 1px #e6e6e6 solid;
    border-bottom: 1px #e6e6e6 solid;
}

.zfootc_1 {
    width: 53%;
    height: auto;
}

.zfootc_2 {
    width: 22%;
    height: auto;
}

.zfootc_3 {
    width: 25%;
    height: auto;
}

.zfootc_1_t {
    font-size: 18px;
    color: #333333;
    font-weight: 600;
}

.zfootc_1_line {
    width: 20px;
    height: 2px;
    background: #e40000;
    margin: 15px 0 25px 0;
}

.zfootc_1_c {
    font-size: 14px;
    color: #666666;
    line-height: 26px;
}

.zfootc_1_c1 {
    width: 60%;
}

@media screen and (max-width: 1580px) {
    .zyoushil_t {
        font-size: 42px;
        line-height: 65px;
    }

    .iservicel_a {
        padding: 40px 7% 40px 7%;
    }

    .iservicel_t {
        font-size: 26px;
    }

    .zdeve_t {
        font-size: 80px;
        line-height: 90px;
    }

    .zcasectl_t {
        margin-bottom: 15px;
    }

    .zcasectl_i {
        font-size: 45px;
    }

    .zcasec_tl {
        font-size: 24px;
    }

    .zadcl_1 {
        font-size: 42px;
    }

    .zadcl_2 {
        font-size: 22px;
    }

    .zadcr {
        padding-left: 40px;
    }

    .zadcrl_c {
        font-size: 20px;
    }

    .zadcrr {
        font-size: 40px;
    }
}

.indintr-num-animate {
    width: 312px;
    transition: all .4s linear 0s;
    margin: 0 auto;
}

.indintr-num { /*margin-top: -36px;*/
    color: #1a1301;
    text-transform: uppercase;
    width: 100%;
    float: right;
    text-align: center;
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-image: url('/resources1/img/indintr1.jpg');
    animation: numRun 10s ease-out infinite;
}

.indintr-num h4 {
    font-size: 300px;
    line-height: 0.9;
    height: 270px;
    font-family: 'ImpactLTStd';
}

.indintr-num p {
    font-size: 48px;
    line-height: 0.9;
    font-weight: bolder;
}

@keyframes numRun {
    0% {
        background-position: 300px -100px
    }
    60% {
        background-position: 570px 0;
    }
    100% {
        background-position: 300px -100px
    }
}

/*2021.6.3 end*/

/*2022.3.16 start*/
.ckmore {
    display: block;
    width: 205px;
    height: 55px;
    border: 1px #b5b5b5 solid;
    text-align: center;
    line-height: 55px;
    font-size: 14px;
    color: #5c5c5c;
    margin: 50px auto 60px auto;
}

.ckmore:hover {
    border: 1px #ea1847 solid;
    background: #ea1847;
    color: #fff;
}

.ck_ad {
    width: 100%;
    height: 311px;
}

.ck_adc {
    text-align: center;
    padding-top: 65px;
    color: #fff;
}

.ck_adc_t {
    font-size: 45px;
    line-height: 60px;
    font-weight: bolder;
}

.ck_adc_i {
    margin: 10px auto 30px auto;
    line-height: 28px;
    font-size: 22px;
    color: #acacac;
}

.ck_adc_m {
}

.ck_adc_m a {
    display: inline-block;
}

.ck_adc_m_l {
    width: 150px;
    height: 50px;
    text-align: center;
    line-height: 50px;
    background: #e40000;
    color: #fff;
    font-size: 16px;
    border-radius: 50px;
    margin-right: 20px;
}

.ck_adc_m_l:hover {
    background: #b61010;
    color: #fff;
}

.ck_adc_m_r {
    width: 146px;
    height: 46px;
    text-align: center;
    line-height: 46px;
    border: 2px #fff solid;
    color: #fff;
    font-size: 16px;
    border-radius: 50px;
}

.ck_adc_m_r:hover {
    background: #e40000;
    color: #fff;
    border: 2px #e40000 solid;
}

.ck_tj {
    padding-top: 50px;
}

.ck_tjt {
    padding-left: 12px;
    line-height: 35px;
    font-size: 30px;
    line-height: 34px;
    color: #3c3c3c;
    border-left: 4px #e40000 solid;
    margin-bottom: 42px;
}

.ckcon {
    width: 100%;
    height: auto;
    background: #f6f6f6;
    padding: 30px 0 40px 0;
}

.ckcon_t {
    border-bottom: 1px #ebebeb solid;
    height: 47px;
}

.ckcon_t ul li {
    float: left;
    font-size: 18px;
    color: #5c5c5c;
    border-bottom: 2px #f6f6f6 solid;
    margin-right: 48px;
    line-height: 45px;
    cursor: pointer;
}

.ckcon_t ul li.on {
    border-bottom: 2px #e40000 solid;
    color: #e40000;
    font-weight: bolder;
}

.ckcon_c {
    padding-top: 25px;
    font-size: 14px;
    color: #999999;
    line-height: 35px;
}

.ckcon_c a {
    font-size: 14px;
    color: #999999;
}

.ckcon_c a:hover {
    color: #ea1847;
}

/*2022.3.16 end*/

/*2022.4.28 start*/
.yonline {
    width: 60px;
    height: auto;
    position: fixed;
    z-index: 9999;
    height: auto;
    top: 30%;
    right: 5px;
}

.yonlinet {
    margin-bottom: 10px;
}

.yonlinet a {
    display: block;
    border-radius: 60px;
    height: auto;
    padding: 52px 0 20px 0;
    background-color: red;
    color: #fff;
    font-size: 16px;
    line-height: 20px;
    text-align: center;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
}

.yonlinet a:hover {

    color: #fff;
}

.yonlinec {
    padding: 20px 15px;
    background: #fff;
    border-radius: 60px;
    text-align: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
}

.yonlinec a {
    display: block;
    padding-bottom: 10px;
    border-bottom: 1px #e2e2e2 solid;
    margin-bottom: 10px;
}

.yonlinec a .tit {
    font-size: 14px;
    color: #6e6868;
    line-height: 25px;
    margin-top: 4px;
}

.yonlinec a:nth-of-type(1) {
}

.yonlinec a:nth-of-type(2) {
}

.yonlinec a:nth-of-type(3) {
    position: relative;
    z-index: 1000;
}

.yonlinec a .online3_ewm {
    width: 120px;
    height: 120px;
    position: absolute;
    z-index: 9999;
    top: 0;
    right: 45px;
    display: none;
}

.yonlinec a:nth-of-type(4) {
    margin-bottom: 0;
    border-bottom: 0;
    padding-bottom: 0;
}

.yonlinec a:hover .tit {
    color: #e40011;
}

.ycate {
}

.ycate .container {
    border-bottom: 1px #efefef solid;
    height: 90px;
    text-align: center;
}

.ycate .container a {
    display: inline-block;
    margin-right: 80px;
    height: 89px;
    line-height: 89px;
    font-size: 16px;
    color: #404040;
}

.ycate .container a:last-child {
    margin-right: 0;
}

.ycate .container a:hover {
    color: #e40011;
    border-bottom: 2px #e40011 solid;
}

.ycate .container a.caselisttlxrcurr {
    color: #e40011;
    border-bottom: 2px #e40011 solid;
}

.yabout {
}

.yabout_t {
    font-size: 26px;
    color: #282828;
    line-height: 38px;
}

.yabout_i {
    font-size: 40px;
    font-weight: bolder;
    color: #453e3e;
    line-height: 35px;
    margin: 15px 0 20px 0;
}

.yabout_c {
    width: 1200px;
    color: #373737;
    font-size: 16px;
    line-height: 30px;
    padding-top: 20px;
}

.aboutconc {
    text-align: left;
}

.aboutconc1b {
    text-align: left;
    font-size: 22px;
    color: #453e3e;
    line-height: 30px;
    font-weight: bold;
    margin-top: 20px;
}

.aboutconc1b span {
    color: #787474;
    font-size: 16px;
    font-weight: normal;
}

.ibanner {
    width: 100%;
    height: auto;
    position: relative;
    z-index: 2;
}

.ibanner a {
    display: block;
    width: 100%;
    height: auto;
    position: relative;
    z-index: 99;
}

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

.ibannerc {
    position: absolute;
    z-index: 100;
    top: 35%;
    left: 10%;
    color: #fff;
}

.ibannerct {
    font-size: 60px;
    font-family: 'HelveticaNeue-Bold';
    line-height: 60px;
}

.ibannerci {
    width: 480px;
    height: auto;
    margin: 25px 0 50px 0;
    font-size: 16px;
    line-height: 25px;
}

.ibannerc_m {
    width: 210px;
    height: 69px;

    line-height: 69px;
    text-align: center;
    color: #fff;
    font-size: 18px;
}

.ibanner .swiper-pagination-bullet {
    width: 42px;
    height: 4px;
    line-height: 4px;
    background: #ebe9e6;
    opacity: 1;
    color: #fff;
    font-size: 16px;
    border-radius: 0;
}

.ibanner .swiper-pagination-bullet-active {
    width: 42px;
    height: 4px;
    background: #e40011;
    opacity: 1;
    color: #e40011;
    font-size: 16px;
    font-weight: bolder;
    border-radius: 0;
}

.ibanner > .swiper-pagination-bullets {
    bottom: 37px;
    width: 100%;
    text-align: center;
}

.ibanner > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 7px;
    display: inline-block;
}

/*.ibanner .ibanner-prev{ width:62px; height:62px; background:url(/resources1/img/prev.png) no-repeat 50% 50%; position:absolute; z-index:100; top:50%; margin-top:-31px; left:75px; outline:none; cursor:pointer; opacity:1;}
.ibanner .ibanner-prev:hover{background:url(/resources1/img/prev.png) no-repeat 50% 50%; opacity:1;}
.ibanner .ibanner-next{width:62px; height:62px; background:url(/resources1/img/next.png) no-repeat 50% 50%; position:absolute; z-index:10; top:50%; margin-top:-31px; right:75px; outline:none; cursor:pointer; opacity:1;}
.ibanner .ibanner-next:hover{background:url(/resources1/img/next.png) no-repeat 50% 50%; opacity:1;}*/

.bannerc {
    position: relative;
    overflow: hidden;
    height: auto;
}

.bannerc .swiper-wrapper {
}

.bannerc .swiper-wrapper .swiper-slide {
    width: 100%;
    height: auto;
    position: relative;
    z-index: 9;
}

.bannerc .swiper-wrapper .swiper-slide img.bimg {
    display: block;
    width: 100%;
    height: auto;
}
.pagination li{
    list-style: none;
    float: left;
    min-width: 50px;
    height: 50px;
    line-height: 50px;
    cursor: pointer;
    border: 1px solid #d0caca66;
    text-align: center;
    background: #d0caca66;
}
.pagination .active {

    background: #b9303b;
    color: #fff;
}
#newBridge .icon-right-center {
    right: 77px;
}
/*2022.4.28 end*/

.resydc .list-paddingleft-2{
    display: flex;
    justify-content: space-between;
}

.reswhatc .list-paddingleft-2{
    display: flex;
    justify-content: space-between;
}