.fp-enabled body,
html.fp-enabled {
    overflow                   : hidden;
    margin                     : 0;
    padding                    : 0;
    -webkit-tap-highlight-color: transparent;
}

#superContainer {
    position        : relative;
    height          : 100%;
    -ms-touch-action: none;
    touch-action    : none;
}

.fp-section {
    position  : relative;
    box-sizing: border-box;
}

.fp-section .banner {
    height: 100%;
}

.fp-slide {
    float: left;
}

.fp-slide,
.fp-slidesContainer {
    display: block;
    height : 100%;
}

.fp-slides {
    position          : relative;
    z-index           : 1;
    overflow          : hidden;
    height            : 100%;
    -webkit-transition: all .3s ease-out;
    transition        : all .3s ease-out;
}

.fp-section.fp-table,
.fp-slide.fp-table {
    display     : table;
    width       : 100%;
    table-layout: fixed;
}

.fp-section .swiper-slide img {
    width     : 100%;
    height    : 100%;
    object-fit: cover;
}

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

.fp-slidesContainer {
    position: relative;
    float   : left;
}

.fp-controlArrow {
    position         : absolute;
    top              : 50%;
    z-index          : 4;
    margin-top       : -38px;
    width            : 0;
    height           : 0;
    border-style     : solid;
    cursor           : pointer;
    -webkit-transform: translate3d(0, 0, 0);
    transform        : translate3d(0, 0, 0);
    -ms-transform    : translate3d(0, 0, 0);
}

.fp-controlArrow.fp-prev {
    left        : 15px;
    width       : 0;
    border-color: transparent #fff transparent transparent;
    border-width: 38.5px 34px 38.5px 0;
}

.fp-controlArrow.fp-next {
    right       : 15px;
    border-color: transparent transparent transparent #fff;
    border-width: 38.5px 0 38.5px 34px;
}

.fp-scrollable {
    overflow: scroll;
}

.fp-notransition {
    -webkit-transition: none !important;
    transition        : none !important;
}

#fp-nav {
    position         : fixed;
    top              : 50%;
    z-index          : 100;
    margin-top       : -2pc;
    opacity          : 1;
    -webkit-transform: translate3d(0, 0, 0);
}

#fp-nav.right {
    right: 9pt;
}

#fp-nav.left {
    left: 17px;
}

.fp-slidesNav {
    position: absolute;
    left    : 50%;
    z-index : 4;
    opacity : 1;
}

.fp-slidesNav.bottom {
    bottom: 17px;
}

.fp-slidesNav.top {
    top: 17px;
}

#fp-nav ul,
.fp-slidesNav ul {
    margin : 0;
    padding: 0;
}

#fp-nav ul li,
.fp-slidesNav ul li {
    position: relative;
    display : block;
    margin  : 7px;
    width   : 14px;
    height  : 13px;
}

.fp-slidesNav ul li {
    display: inline-block;
}

#fp-nav ul li a,
.fp-slidesNav ul li a {
    position       : relative;
    z-index        : 1;
    display        : block;
    width          : 100%;
    height         : 100%;
    text-decoration: none;
    cursor         : pointer;
}

#fp-nav ul li a.active span,
#fp-nav ul li:hover a.active span,
.fp-slidesNav ul li a.active span,
.fp-slidesNav ul li:hover a.active span {
    margin       : -6px 0 0 -6px;
    width        : 9pt;
    height       : 9pt;
    border-radius: 100%;
}

#fp-nav ul li a span,
.fp-slidesNav ul li a span {
    position          : absolute;
    top               : 50%;
    left              : 50%;
    z-index           : 1;
    margin            : -2px 0 0 -2px;
    width             : 4px;
    height            : 4px;
    border            : 0;
    border-radius     : 50%;
    background        : #333;
    -webkit-transition: all .1s ease-in-out;
    transition        : all .1s ease-in-out;
}

#fp-nav ul li:hover a span,
.fp-slidesNav ul li:hover a span {
    margin: -5px 0 0 -5px;
    width : 10px;
    height: 10px;
}

#fp-nav ul li .fp-tooltip {
    position   : absolute;
    top        : -2px;
    display    : block;
    overflow   : hidden;
    width      : 0;
    max-width  : 220px;
    color      : #fff;
    white-space: nowrap;
    font-size  : 14px;
    font-family: arial, helvetica, sans-serif;
    opacity    : 0;
}

#fp-nav ul li:hover .fp-tooltip,
#fp-nav.fp-show-active a.active+.fp-tooltip {
    width             : auto;
    opacity           : 1;
    -webkit-transition: opacity .2s ease-in;
    transition        : opacity .2s ease-in;
}

#fp-nav ul li .fp-tooltip.right {
    right: 20px;
}

#fp-nav ul li .fp-tooltip.left {
    left: 20px;
}

.fp-auto-height .fp-slide,
.fp-auto-height .fp-tableCell,
.fp-auto-height.fp-section {
    height: auto !important;
}

.section {
    overflow: hidden;
}

.section h1 {
    margin-bottom: 20px;
    line-height  : 1.4;
    font-size    : 40px;
    font-weight  : 400;
}

.section p {
    line-height: 25px;
    color      : #858585;
}

.table {
    display: table;
    width  : 100%;
    height : 100%;
}

.table .table-cell {
    display       : table-cell;
    vertical-align: middle;
}

.absolute {
    position: absolute;
    left    : 0;
    top     : 0;
    width   : 100%;
    height  : 100%;
    overflow: hidden;
}

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



.banner .swiper-slide .tx {
    margin-right: 0;
    width       : auto;
    float       : right;
    opacity     : 0;
    transition  : all 0.6s;
    margin-top  : 100px
}

.banner .swiper-slide .tx2 {
    margin-left: 0;
    float      : left
}

.banner .swiper-slide-active .tx {
    transition-delay: 0.6s;
    opacity         : 1;
    margin-top      : 0px
}

.banner .bg {
    width      : 25%;
    background : #fff;
    position   : absolute;
    bottom     : 0;
    right      : 0;
    z-index    : 1;
    height     : 70px;
    line-height: 70px
}

.banner .bg span {
    left    : 54.5%;
    position: absolute
}

.banner .swiper-pagination-fraction {
    width      : 81.5%;
    line-height: 46px;
    font-family: gotham-medium;
    color      : #999
}

.banner .swiper-pagination {
    text-align: right;
    font-size : 20px
}

.banner .swiper-pagination-current {
    color: #000
}

.banner .swiper-button-next,
.banner .swiper-button-prev {
    width : 8px;
    height: 15px;
    bottom: 25px;
    top   : auto
}

.banner .swiper-button-next {
    right     : 8.5%;
    background: url(../images/icon4.png) no-repeat
}

.banner .swiper-button-prev {
    right     : 13.5%;
    left      : auto;
    background: url(../images/icon3.png) no-repeat
}

.banner .table-cell {
    padding: 0 7%;
    width  : 100%
}

.carousel-scroll-btn {
    z-index      : 56;
    position     : absolute;
    bottom       : 36px;
    left         : 7%;
    width        : 52px;
    height       : 52px;
    border       : 1px solid #fff;
    border-radius: 100%;
    overflow     : hidden;
    cursor       : pointer;
}

.carousel-scroll-btn .carousel-scroll-btn-icon {
    position  : absolute;
    display   : block;
    width     : 52px;
    height    : 52px;
    margin    : 0 auto;
    background: url(../images/icon2.png) no-repeat center center;
    cursor    : pointer;
    animation : downico 1.5s ease-out infinite;
}

@keyframes downico {
    0% {
        top    : 0;
        opacity: 1;
    }

    35% {
        top    : 50%;
        opacity: 0;
    }

    65% {
        top    : -50%;
        opacity: 0;
    }

    100% {
        top    : 0;
        opacity: 1;
    }
}

.part-b {
    background: #fafafa;
    position  : relative;
}

.part-b>b {
    position  : absolute;
    width     : 30%;
    height    : 100%;
    top       : 0;
    left      : 0;
    background: url(../images/part-b-bg.jpg) right center no-repeat;
    z-index   : 0
}

.part-b .table-cell {
    z-index : 10;
    position: relative;
    padding : 0 7%
}

.part-b .hd {
    width          : 32.5%;
    background     : url(../images/part-b-hd.png) no-repeat top left scroll #fff;
    background-size: cover;
    box-shadow     : 0 0 15px #eee;
    padding        : 110px 70px;
    height         : 639px;
    float          : left;
    opacity        : 0;
    margin-left    : -100px;
    transition     : all 1s;
}

.part-b .hd h3 {
    font-size    : 36px;
    color        : #ff7f00;
    font-weight  : normal;
    margin-bottom: 22px
}

.part-b .hd i.line1 {
    width        : 50px;
    height       : 2px;
    background   : #999;
    display      : inline-block;
    margin-bottom: 20px
}

.part-b .hd p.tx {
    line-height: 25px;
    color      : #333;
    height     : 50px;
    overflow   : hidden
}

.part-b .hd ul {
    padding-top: 60px
}

.part-b .hd ul li p.icon {
    background: url(../images/icon5.png) no-repeat;
    width     : 63px;
    height    : 64px;
    margin    : 0 auto
}

.part-b .hd ul li p.p2 {
    background-position: -63px 0
}

.part-b .hd ul li p.p3 {
    background-position: -126px 0
}

.part-b .hd ul li {
    width       : 80px;
    text-align  : center;
    cursor      : pointer;
    float       : left;
    margin-right: 18%
}

.part-b .hd ul li .line2 {
    display   : inline-block;
    width     : 26px;
    height    : 2px;
    background: #adaeae;
    margin    : 18px 0;
}

.part-b .hd ul li h3 {
    font-size    : 18px;
    color        : #555;
    font-weight  : normal;
    margin-bottom: 12px
}

.part-b .hd ul li em {
    display   : block;
    font-size : 14px;
    color     : #adaeae;
    font-style: normal
}

.part-b .hd ul li:hover i {
    background: #ff7f00;
}

.part-b .hd ul li:hover h3 {
    color: #ff7f00;
}

.part-b .hd ul li:last-child {
    margin: 0
}

.active .hd {
    opacity         : 1;
    transition-delay: 0.7s;
    margin-left     : 0
}

.part-b .bd {
    width: 67%;
    float: right
}

.btn-pulse {
    width                : 164px;
    height               : 38px;
    line-height          : 40px;
    border               : 1px solid #fdca1f;
    -webkit-border-radius: 2em;
    -moz-border-radius   : 2em;
    border-radius        : 2em;
    position             : relative;
    text-align           : center;
    -webkit-filter       : drop-shadow(2px 4px 2px #ccc);
    filter               : drop-shadow(2px 4px 2px #ccc);
    display              : block;
    margin-top           : 36px;
    font-size            : 16px;
}

.btn-pulse span {
    width         : 164px;
    position      : absolute;
    z-index       : 1;
    color         : #555;
    vertical-align: middle;
    display       : inline-block;
    left          : 2px
}

.btn-pulse::after,
.btn-pulse::before {
    content              : '';
    top                  : 0;
    left                 : 0;
    width                : 100%;
    height               : 100%;
    position             : absolute;
    border               : 1px solid #fdca1f;
    -webkit-border-radius: 2em;
    -moz-border-radius   : 2em;
    border-radius        : 2em
}

.btn-pulse::after {
    -webkit-transform: scale(.1);
    -moz-transform   : scale(.1);
    -ms-transform    : scale(.1);
    -o-transform     : scale(.1);
    transform        : scale(.1);
    opacity          : 0;
    background-color : #fdca1f
}

.btn-pulse:hover::before {
    -webkit-animation                : btn-pulse-pop .5s linear 0s 1;
    -moz-animation                   : btn-pulse-pop .5s linear 0s 1;
    -o-animation                     : btn-pulse-pop .5s linear 0s 1;
    animation                        : btn-pulse-pop .5s linear 0s 1;
    -webkit-animation-name           : btn-pulse-pop;
    -moz-animation-name              : btn-pulse-pop;
    -o-animation-name                : btn-pulse-pop;
    animation-name                   : btn-pulse-pop;
    -webkit-animation-duration       : .5s;
    -moz-animation-duration          : .5s;
    -o-animation-duration            : .5s;
    animation-duration               : .5s;
    -webkit-animation-timing-function: linear;
    -moz-animation-timing-function   : linear;
    -o-animation-timing-function     : linear;
    animation-timing-function        : linear;
    -webkit-animation-delay          : 0s;
    -moz-animation-delay             : 0s;
    -o-animation-delay               : 0s;
    animation-delay                  : 0s;
    -webkit-animation-iteration-count: 1;
    -moz-animation-iteration-count   : 1;
    -o-animation-iteration-count     : 1;
    animation-iteration-count        : 1;
}

.btn-pulse:hover::after {
    -webkit-animation                : btn-pulse-pulse .5s linear 0s 1;
    -moz-animation                   : btn-pulse-pulse .5s linear 0s 1;
    -o-animation                     : btn-pulse-pulse .5s linear 0s 1;
    animation                        : btn-pulse-pulse .5s linear 0s 1;
    -webkit-animation-name           : btn-pulse-pulse;
    -moz-animation-name              : btn-pulse-pulse;
    -o-animation-name                : btn-pulse-pulse;
    animation-name                   : btn-pulse-pulse;
    -webkit-animation-duration       : .5s;
    -moz-animation-duration          : .5s;
    -o-animation-duration            : .5s;
    animation-duration               : .5s;
    -webkit-animation-timing-function: linear;
    -moz-animation-timing-function   : linear;
    -o-animation-timing-function     : linear;
    animation-timing-function        : linear;
    -webkit-animation-delay          : 0s;
    -moz-animation-delay             : 0s;
    -o-animation-delay               : 0s;
    animation-delay                  : 0s;
    -webkit-animation-iteration-count: 1;
    -moz-animation-iteration-count   : 1;
    -o-animation-iteration-count     : 1;
    animation-iteration-count        : 1;
    -webkit-animation-fill-mode      : both;
    -moz-animation-fill-mode         : both;
    -o-animation-fill-mode           : both;
    animation-fill-mode              : both;
}

@-webkit-keyframes btn-pulse-pulse {
    50% {
        -webkit-transform: scale(1.2);
        transform        : scale(1.2);
        opacity          : 1
    }

    70% {
        -webkit-transform: scale(.9);
        transform        : scale(.9);
        opacity          : 1
    }

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

@-moz-keyframes btn-pulse-pulse {
    50% {
        -moz-transform: scale(1.2);
        transform     : scale(1.2);
        opacity       : 1
    }

    70% {
        -moz-transform: scale(.9);
        transform     : scale(.9);
        opacity       : 1
    }

    100% {
        -moz-transform: scale(1);
        transform     : scale(1);
        opacity       : 1
    }
}

@-o-keyframes btn-pulse-pulse {
    50% {
        -o-transform: scale(1.2);
        transform   : scale(1.2);
        opacity     : 1
    }

    70% {
        -o-transform: scale(.9);
        transform   : scale(.9);
        opacity     : 1
    }

    100% {
        -o-transform: scale(1);
        transform   : scale(1);
        opacity     : 1
    }
}

@keyframes btn-pulse-pulse {
    50% {
        -webkit-transform: scale(1.2);
        -moz-transform   : scale(1.2);
        -o-transform     : scale(1.2);
        transform        : scale(1.2);
        opacity          : 1
    }

    70% {
        -webkit-transform: scale(.9);
        -moz-transform   : scale(.9);
        -o-transform     : scale(.9);
        transform        : scale(.9);
        opacity          : 1
    }

    100% {
        -webkit-transform: scale(1);
        -moz-transform   : scale(1);
        -o-transform     : scale(1);
        transform        : scale(1);
        opacity          : 1
    }
}

.part-b .bd ul li {
    width     : 25%;
    float     : left;
    text-align: center;
    padding   : 30px 0
}

.part-b .bd ul li div {
    width        : 80%;
    position     : relative;
    height       : 165px;
    margin-bottom: 20px;
    float        : right;
    clear        : both
}

.part-b .bd ul li img {
    width             : 80%;
    position          : absolute;
    bottom            : 0;
    right             : 18%;
    -webkit-transition: all 0.7s;
    -moz-transition   : all 0.7s;
    -o-transition     : all 0.7s;
    transition        : all 0.7s;
}

.part-b .bd ul li:first-child img {
    width   : 100%;
    position: absolute;
    left    : -8%;
    top     : 14%;
    right   : auto
}

.part-b .bd ul li a:hover img {
    width   : 100%;
    position: absolute;
    right   : 8%;
    bottom  : 0;
}

.part-b .bd ul li h4 {
    font-size    : 18px;
    font-weight  : normal;
    margin-bottom: 6px;
    padding      : 0 7%;
    clear        : both
}

.part-b .bd ul li p {
    font-size  : 14px;
    color      : #777;
    line-height: 21px;
    clear      : both;
    padding    : 0 7%;
    height     : 42px;
    overflow   : hidden
}

.part-b .bd ul li:nth-child(1) {
    opacity    : 0;
    transition : all 1s;
    padding-top: 100px
}

.part-b .bd ul li:nth-child(2),
.part-b .bd ul li:nth-child(3),
.part-b .bd ul li:nth-child(4),
.part-b .bd ul li:nth-child(5),
.part-b .bd ul li:nth-child(6),
.part-b .bd ul li:nth-child(7),
.part-b .bd ul li:nth-child(8) {
    opacity    : 0;
    transition : all 1s;
    margin-left: -40px
}

.active .bd ul li:nth-child(1) {
    opacity         : 1;
    transition-delay: 0.7s;
    padding-top     : 30px
}

.active .bd ul li:nth-child(2) {
    opacity         : 1;
    transition-delay: 0.7s;
    margin-left     : 0
}

.active .bd ul li:nth-child(3) {
    opacity         : 1;
    transition-delay: 1s;
    margin-left     : 0
}

.active .bd ul li:nth-child(4) {
    opacity         : 1;
    transition-delay: 1.3s;
    margin-left     : 0
}

.active .bd ul li:nth-child(5) {
    opacity         : 1;
    transition-delay: 1.6s;
    margin-left     : 0
}

.active .bd ul li:nth-child(6) {
    opacity         : 1;
    transition-delay: 1.9s;
    margin-left     : 0
}

.active .bd ul li:nth-child(7) {
    opacity         : 1;
    transition-delay: 2.2s;
    margin-left     : 0
}

.active .bd ul li:nth-child(8) {
    opacity         : 1;
    transition-delay: 2.5s;
    margin-left     : 0
}

.part-c {
    background: url(../images/part-c-bg.jpg) repeat
}

.part-c h3,
.part-d h3 {
    font-size    : 36px;
    color        : #000;
    text-align   : center;
    margin-bottom: 24px;
    font-weight  : normal
}

.part-c p {
    font-size : 18px;
    background: url(../images/line1.png) center 10px no-repeat;
    text-align: center
}

.part-c .more {
    background: url(../images/line2.png) center 16px no-repeat;
    text-align: center
}

.part-c .more .btn-pulse {
    margin        : 0 36px;
    border        : 1px solid #fff;
    -webkit-filter: drop-shadow(2px 4px 2px #fea30e);
    filter        : drop-shadow(2px 4px 2px #fea30e);
    display       : inline-block
}

.part-c .more .btn-pulse::after,
.part-c .more .btn-pulse::before {
    border: 1px solid #fff;
}

.part-c .more .btn-pulse::after {
    background: #fff
}

#dHomePageCarousel {
    background  : url(../images/pic_bg.gif) no-repeat scroll 0 0 transparent;
    height      : 221px;
    width       : 670px;
    position    : relative;
    margin      : 40px auto;
    padding-left: 15px;
}

#dLocalHomesCarousel {
    height  : 131px;
    margin  : 0px 2px 3px 1px;
    overflow: hidden;
    position: relative;
}

.divCarouselInfo {
    color       : #3C404E;
    font-size   : 12px;
    width       : 639px;
    height      : 64px;
    line-height : 16px;
    margin-right: 15px;
    padding-top : 10px;
    position    : relative;
}

.imgBorder {
    border  : 2px solid #fff;
    position: absolute;
    cursor  : pointer;
}

.imgBorder:hover {
    border  : 2px solid #FFAA55;
    cursor  : pointer;
    position: absolute;
}

.btnCarouselLT {
    background: url("images/btn_nav_carousel.png") no-repeat scroll left top transparent;
    display   : block;
    height    : 41px;
    overflow  : hidden;
    position  : absolute;
    cursor    : pointer;
    top       : 17px;
    width     : 40px;
}

.btnCarouselRT {
    background: url("images/btn_nav_carousel.png") no-repeat scroll right top transparent;
    display   : block;
    height    : 41px;
    overflow  : hidden;
    position  : absolute;
    cursor    : pointer;
    top       : 17px;
    width     : 40px;
}

.part-d {
    background     : url(../images/part-d-bg.png) center 0 no-repeat #f2f2f2;
    background-size: cover;
}

.part-d .more {
    text-align: center
}

.part-d .more .btn-pulse {
    margin : 0 36px;
    display: inline-block
}

.index-new-switch {
    font-size : 15px;
    color     : #666;
    text-align: center;
    margin-top: 15px
}

.index-new-switch li {
    display      : inline-block;
    text-align   : center;
    padding-left : 32px;
    padding-right: 32px;
    position     : relative
}

.index-new-switch li a {
    cursor: pointer
}

.index-new-switch li a:hover {
    color: #ff7f00
}

.index-new-switch .on a {
    color: #ff7f00
}

.index-new-switch li+li:before {
    content   : "";
    position  : absolute;
    left      : -8px;
    top       : 11px;
    width     : 15px;
    height    : 1px;
    background: #bababa
}

.index-new-switch .li {
    max-width    : 1654px;
    font-size    : 0;
    margin       : 0 auto;
    margin-top   : 48px;
    margin-bottom: 46px
}

.index-new-switch .li-title {
    display: none
}

.index-new-switch .li .new-more {
    display           : block;
    width             : 379px;
    height            : 51px;
    margin            : 0 auto;
    margin-top        : 60px;
    background        : url(../images/case_icon_0.png);
    -webkit-transition: all .3s ease;
    -moz-transition   : all .3s ease;
    transition        : all .3s ease
}

@media screen and (max-width:1500px) {
    .index-new-switch .li .new-more {
        margin-top: 50px
    }
}

@media screen and (max-width:1400px) {
    .index-new-switch .li .new-more {
        margin-top: 40px
    }
}

.index-new-switch .li .new-more:hover {
    opacity: .7
}

.index-new-switch .li .left {
    position          : relative;
    width             : 604px;
    height            : 561px;
    display           : inline-block;
    vertical-align    : top;
    -webkit-transition: all .4s ease-out;
    -moz-transition   : all .4s ease-out;
    transition        : all .4s ease-out;
}

.index-new-switch .li .left:hover {
    -webkit-transform: translate3d(0, -5px, 0);
    -moz-transform   : translate3d(0, -5px, 0);
    transform        : translate3d(0, -5px, 0)
}

.index-new-switch .li .left:hover .swiper-slide-text .text h5 {
    color: #d12322
}

.index-new-switch .li .left-box {
    background     : #fff;
    position       : relative;
    z-index        : 10;
    width          : 100%;
    height         : 100%;
    padding        : 43px 47px 50px 53px;
    -moz-box-sizing: border-box;
    box-sizing     : border-box
}

.index-new-switch .li .left-box-swiper,
.index-new-switch .li .left-box-swiper2 {
    width   : 100%;
    height  : 100%;
    overflow: hidden
}

.index-new-switch .li .left .shadow {
    position       : absolute;
    bottom         : -40px;
    left           : 0;
    width          : 100%;
    padding-bottom : 16.17647%;
    background     : url(../images/new_icon_0.png);
    background-size: 100% 100%
}

.index-new-switch .li .left .swiper-slide {
    display   : block;
    background: #fff
}

.index-new-switch .li .left .pagination2,
.index-new-switch .li .left .pagination3 {
    text-align: left
}

.index-new-switch .li .left .pagination2 .swiper-pagination-bullet,
.index-new-switch .li .left .pagination3 .swiper-pagination-bullet {
    background  : #4e4e4e;
    opacity     : 1;
    margin-right: 4px
}

.index-new-switch .li .left .pagination2 .swiper-pagination-bullet-active,
.index-new-switch .li .left .pagination3 .swiper-pagination-bullet-active {
    background: #ff7f00
}

.index-new-switch .li .left .swiper-slide-box {
    width                  : 100%;
    height                 : 313px;
    overflow               : hidden;
    display                : -webkit-box;
    display                : -webkit-flex;
    display                : -moz-box;
    display                : -ms-flexbox;
    display                : flex;
    -webkit-box-pack       : center;
    -webkit-justify-content: center;
    -moz-box-pack          : center;
    -ms-flex-pack          : center;
    justify-content        : center;
    -webkit-box-align      : center;
    -webkit-align-items    : center;
    -moz-box-align         : center;
    -ms-flex-align         : center;
    align-items            : center
}

.index-new-switch .li .left .swiper-slide-box img {
    max-width: 100%;
    height   : auto !important
}

.index-new-switch .li .left .swiper-slide-text {
    width     : 100%;
    margin-top: 30px;
    font-size : 0;
    text-align: left
}

.index-new-switch .li .left .swiper-slide-text .text {
    display        : inline-block;
    vertical-align : top;
    width          : 80%;
    height         : 90px;
    text-align     : left;
    padding-right  : 20px;
    -moz-box-sizing: border-box;
    box-sizing     : border-box
}

.index-new-switch .li .left .swiper-slide-text .text h4 {
    white-space       : nowrap;
    overflow          : hidden;
    text-overflow     : ellipsis;
    font-size         : 19px;
    color             : #060606;
    -webkit-transition: all .3s ease;
    -moz-transition   : all .3s ease;
    transition        : all .3s ease;
    font-weight       : normal
}

.index-new-switch .li .left .swiper-slide-text .text p {
    height            : 50px;
    margin-top        : 12px;
    word-break        : break-all;
    text-overflow     : ellipsis;
    display           : -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow          : hidden;
    font-size         : 13px;
    line-height       : 25px;
    color             : #888
}

.index-new-switch .li .left .swiper-slide-text .date {
    display       : inline-block;
    vertical-align: top;
    width         : 20%;
    height        : 90px;
    border-radius : 4px;
    background    : #ffaa3f;
    text-align    : center;
    float         : right
}

.index-new-switch .li .left .swiper-slide-text .date .d {
    font-size  : 58px;
    color      : #fff;
    font-family: CG;
    line-height: 58px;
    margin-top : 6px
}

.index-new-switch .li .left .swiper-slide-text .date .ym {
    margin-top : 2px;
    line-height: 16.4px;
    font-size  : 16.4px;
    font-family: Arial;
    color      : #fff
}

.index-new-switch .li .right {
    margin-left   : 22px;
    width         : 1026px;
    height        : 561px;
    display       : inline-block;
    vertical-align: top;
    text-align    : left
}

.index-new-switch .li .right-li {
    position          : relative;
    text-align        : left;
    display           : inline-block;
    vertical-align    : top;
    width             : 50%;
    height            : 187px;
    -webkit-transition: all .4s ease-out;
    -moz-transition   : all .4s ease-out;
    transition        : all .4s ease-out
}

.index-new-switch .li .right-li:nth-child(even) {
    padding-left   : 2px;
    -moz-box-sizing: border-box;
    box-sizing     : border-box
}

.index-new-switch .li .right-li:nth-child(n+3) {
    padding-top    : 1px;
    -moz-box-sizing: border-box;
    box-sizing     : border-box
}

.index-new-switch .li .right-li-box {
    position  : relative;
    z-index   : 10;
    width     : 100%;
    height    : 100%;
    background: #fff
}

.index-new-switch .li .right-li:hover {
    z-index   : 100;
    box-shadow: 0 8px 35px rgba(0, 0, 0, .2)
}

.index-new-switch .li .right-li:hover .date .d {
    color: #ff7f00
}

.index-new-switch .li .right-li:hover .date .ym {
    color: #ff7f00
}

.index-new-switch .li .right-li:hover .text h5 {
    color: #ff7f00
}

.index-new-switch .li .right .shadow {
    position       : absolute;
    bottom         : -30px;
    left           : 0;
    width          : 100%;
    padding-bottom : 19.08397%;
    background     : url(../images/new_icon_1.png);
    background-size: 100% 100%
}

.index-new-switch .li .right .date {
    display        : inline-block;
    vertical-align : top;
    width          : 110px;
    height         : 100%;
    padding-top    : 55px;
    padding-right  : 25px;
    padding-left   : 35px;
    -moz-box-sizing: border-box;
    box-sizing     : border-box;
    text-align     : center
}

.index-new-switch .li .right .date .d {
    font-size         : 42px;
    color             : #555;
    font-family       : Arial;
    line-height       : 42px;
    margin-top        : 6px;
    -webkit-transition: color .3s ease;
    -moz-transition   : color .3s ease;
    transition        : color .3s ease
}

.index-new-switch .li .right .date .ym {
    margin-top        : 2px;
    line-height       : 14px;
    font-size         : 14px;
    font-family       : Arial;
    color             : #333;
    -webkit-transition: color .3s ease;
    -moz-transition   : color .3s ease;
    transition        : color .3s ease
}

.index-new-switch .li .right .text {
    display        : inline-block;
    vertical-align : top;
    width          : 333px;
    height         : 100%;
    text-align     : left;
    padding-top    : 55px;
    -moz-box-sizing: border-box;
    box-sizing     : border-box
}

.index-new-switch .li .right .text h4 {
    font-size         : 15px;
    color             : #333;
    white-space       : nowrap;
    overflow          : hidden;
    text-overflow     : ellipsis;
    -webkit-transition: color .3s ease;
    -moz-transition   : color .3s ease;
    transition        : color .3s ease;
    font-weight       : normal
}

.index-new-switch .li .right .text p {
    margin-top        : 10px;
    color             : #888;
    font-size         : 13px;
    line-height       : 25px;
    height            : 50px;
    word-break        : break-all;
    text-overflow     : ellipsis;
    display           : -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow          : hidden
}

.zy-Slide {
    font-size              : 12px;
    position               : relative;
    width                  : 1252px;
    height                 : 500px;
    margin                 : 0 auto 74px;
    padding                : 42px 0 0;
    animation-delay        : 5s;
    -webkit-animation-delay: 5s;
    transform              : scale(0);
    -webkit-transition     : all 0.7s;
    -moz-transition        : all 0.7s;
    -o-transition          : all 0.7s;
    transition             : all 0.7s;
}

.zy-Slide ul {
    position  : relative;
    width     : 1252px;
    height    : 492px;
    margin    : 0;
    padding   : 0 0 0 0;
    background: url(../images/index_03.png) center 0 no-repeat
}

.zy-Slide li {
    position     : absolute;
    list-style   : none;
    width        : 0;
    height       : 0;
    top          : 146px;
    left         : 377px;
    z-index      : 0;
    cursor       : pointer;
    border-radius: 3px;
    margin       : 0;
    padding      : 0;
}

.zy-Slide li img {
    width         : 100%;
    height        : 100%;
    vertical-align: middle;
    box-shadow    : 0 4px 15px rgba(0, 0, 0, .2);
    border-radius : 3px
}

.zy-Slide section:nth-child(1),
.zy-Slide section:nth-child(2) {
    position     : absolute;
    top          : 50%;
    width        : 39px;
    height       : 40px;
    margin-top   : -20px;
    cursor       : pointer;
    line-height  : 40px;
    padding-left : 12px;
    padding-right: 12px;
}

.zy-Slide section:nth-child(1) {
    left: -60px;
}

.zy-Slide section:nth-child(2) {
    right: -60px;
}

.zy-Slide li div {
    display   : none;
    color     : #fff;
    position  : absolute;
    width     : 100%;
    height    : 100%;
    left      : 0;
    top       : 0;
    z-index   : 100;
    text-align: center
}

.zy-Slide li div i {
    background: #000;
    opacity   : .5;
    filter    : "alpha(opacity=50)";
    filter    : alpha(opacity=50);
    height    : 100%;
    width     : 100%;
    left      : 0;
    bottom    : 0;
    position  : absolute;
}

.zy-Slide li div p {
    position: absolute;
    top     : 50%;
    left    : 50%;
    margin  : -30% 0 0 -30%;
    width   : 60%;
}

.zy-Slide li div p img {
    width        : 100%;
    height       : auto;
    z-index      : 1000;
    opacity      : 1;
    box-shadow   : 0;
    border-radius: 0
}

.zy-Slide li div p span {
    color      : #fff;
    font-size  : 14px;
    line-height: 30px
}

.active .zy-Slide {
    transform       : scale(1);
    transition-delay: 0.7s;
}

@media (max-width: 1680px) {
    .part-b .hd ul li {
        margin-right: 10%;
    }

    .part-b .bd ul li:first-child img {
        top: 35%;
    }

    .index-new-switch .li {
        margin-top   : 26px;
        margin-bottom: 10px;
    }

    .index-new-switch .li .left {
        width : 483px;
        height: 480px
    }

    .index-new-switch .li .left-box {
        padding: 15px 15px 30px 15px;
    }

    .index-new-switch .li .left .swiper-slide-text {
        margin-top: 15px;
    }

    .index-new-switch .li .right {
        margin-left: 15px
    }

    .index-new-switch .li .right {
        width : 875px;
        height: 506px;
    }

    .index-new-switch .li .right-li {
        height: 160px;
    }

    .index-new-switch .li .right .text {
        padding-top: 42px;
    }

    .index-new-switch .li .right .date {
        padding-left : 20px;
        padding-right: 12px;
        width        : 90px;
        padding-top  : 42px;
    }

    .viewpoint-text h5 {
        line-height: 50px;
        font-size  : 40px
    }

    .viewpoint-text .p {
        margin-top: 20px
    }

    .viewpoint-text .icon {
        margin-top: 20px
    }

    .zy-Slide {
        margin : 0 auto 34px;
        padding: 22px 0 0;
    }
}

@media (max-width: 1440px) {
    .part-b .table-cell {
        padding: 0 5%
    }

    .banner .table-cell {
        padding: 0 5%
    }

    .carousel-scroll-btn {
        left: 5%
    }

    .part-b .hd {
        height: 500px
    }

    .part-b .hd ul li {
        margin-right: 7%;
    }

    .part-b .hd {
        padding: 65px 50px;
    }

    .part-b .hd ul {
        padding-top: 30px
    }

    .part-b .hd ul li em {
        display: none
    }

    .part-b .bd ul li:first-child img {
        top: 20%;
    }

    .part-b .bd ul li div {
        height       : 124px;
        margin-bottom: 14px
    }

    .part-b .bd ul li {
        padding: 20px 0
    }

    .part-b .bd ul li:first-child {
        display: table
    }

    .part-b .bd ul li:first-child img {
        display: table-cell;
    }

    .index-new-switch .li {
        margin-top   : 14px;
        margin-bottom: 10px;
    }

    .index-new-switch .li .left {
        height: 415px;
        width : 438px
    }

    .index-new-switch .li .left .swiper-slide-box {
        height: 280px
    }

    .index-new-switch .li .left-box {
        padding-top   : 10px;
        padding-bottom: 30px
    }

    .index-new-switch .li .left .swiper-slide-text .date {
        width : 14%;
        height: 60px;
    }

    .index-new-switch .li .left .swiper-slide-text .date .d {
        font-size  : 32px;
        line-height: 32px;
        ;
    }

    .index-new-switch .li .left .swiper-slide-text .date .ym {
        line-height: 12px;
        font-size  : 12px;
    }

    .index-new-switch .li .left .swiper-slide-text .text p {
        height: 30px;
    }

    .index-new-switch .li .right {
        width : 780px;
        height: 435px
    }

    .index-new-switch .li .right-li {
        height: 138px;
    }

    .index-new-switch .li .right .date {
        padding-left : 20px;
        padding-right: 12px;
        padding-top  : 30px;
        width        : 90px
    }

    .index-new-switch .li .right .text {
        width      : 273px;
        padding-top: 30px
    }

    .part-d h3 {
        margin-bottom: 14px
    }

    .part-c h3 {
        margin-bottom: 7px
    }

    .active .zy-Slide {
        transform: scale(0.86);
    }

    .zy-Slide {
        margin : -14px auto 0;
        padding: 0px 0 0;
        height : 470px;
    }
}

@media screen and (max-width:1280px) {
    .part-b .table-cell {
        padding: 0 3%
    }

    .banner .table-cell {
        padding: 0 3%
    }

    .carousel-scroll-btn {
        left: 3%
    }

    .viewpoint-text {
        width: 500px
    }

    .index-new-switch .li .left {
        height: 415px;
        width : 414px
    }

    .index-new-switch .li .right {
        width : 770px;
        height: 435px
    }
}

@media screen and (max-width:414px) {
    .banner .swiper-pagination-fraction {
        width      : 72%;
        line-height: 30px;
    }

    .banner .bg span {
        left: 74.8%
    }

    .banner .swiper-button-next,
    .banner .swiper-button-prev {
        bottom: 15px;
    }

    .banner .tx {
        width    : 50%;
        top      : 20%;
        left     : 7%;
        transform: none;
    }

    .banner .tx>img {
        width: 90%;
    }

    .part-b>b {
        width          : 100%;
        left           : 0;
        top            : 0;
        background-size: cover;
    }

    .part-b .hd {
        width     : 100%;
        background: none;
        box-shadow: none;
        padding   : 0;
        float     : none;
        height    : auto;
    }

    .part-b .hd h3 {
        font-size : 28px;
        text-align: center;
        margin    : 0 0 20px;
    }


    .part-b .bd ul li div {
        width        : 100%;
        margin-bottom: 5px;
    }

    .part-b .bd ul li img {
        width    : 50%;
        right    : 0;
        left     : 50%;
        transform: translateX(-50%);
    }

    .part-b .bd ul li:first-child img {
        width: 80%;
        left : 50%;
    }

    .part-b .hd i.line1,
    .part-b .hd p.tx,
    .btn-pulse,
    .part-b .hd ul {
        display: none;
    }

    .part-b .bd {
        float: none;
        width: 100%;
    }

    .part-b .bd ul li {
        padding        : 5px 0;
        width          : 45%;
        display        : flex;
        justify-content: center;
    }

    .part-b .bd ul li:first-child img {
        top: 0;
    }

    .part-b ul li div {
        width : 90px;
        height: 90px !important;
    }

    .active .bd ul li:nth-child(1) {
        padding-top: 0;
    }

    .part-b .bd ul li a {
        width: 100%;
    }

    .part-b .bd ul li h4 {
        color    : #fff;
        font-size: 14px;
    }

    .part-b .bd ul li p {
        display: none;
    }

    .part-b .bd ul {
        overflow       : hidden;
        display        : flex;
        justify-content: space-between;
        flex-wrap      : wrap;
    }


    .index-new-switch .li .left .shadow {
        display: none;
    }

    .index-new-switch .li {
        max-width: 375px;
    }

    .index-new-switch .li .left {
        width : 100% !important;
        height: auto;
    }

    .index-new-switch .li .right {
        width : 100%;
        height: auto;
        margin: 20px auto 0;
    }

    .index-new-switch .li .left .swiper-slide-text .text h4 {
        font-size: 16px;
    }

    .index-new-switch .li .left .swiper-slide-text .text {
        padding-right: 0;
        width        : 70%;
    }

    .index-new-switch .li .left .swiper-slide-text .date {
        width : 22%;
        height: 70px;
    }

    .index-new-switch .li .left .swiper-slide-text .text p {
        height     : auto;
        line-height: 20px;
        margin-top : 5px;
    }

    .part-d .more {
        display: none;
    }

    .index-new-switch .li .right-li-box {
        display: flex;
    }

    .index-new-switch .li .right .text {
        width           : calc(100%-90px);
        width           : -moz-calc(100% - 90px);
        width           : -webkit-calc(100% - 90px);
        width           : 0;
        margin-right    : 2%;
        flex            : 1;
        -webkit-box-flex: 1;
        -ms-flex        : 1;
        -webkit-flex    : 1;
    }

    .index-new-switch .li .right-li {
        width: 100%;
    }

    .index-new-switch ul {
        display: flex;
    }

    .part-d h3 {
        font-size: 26px;
    }

    .index-new-switch {
        width : 92%;
        margin: 0 auto;
    }

    .index-new-switch ul li {
        width: 50%;
    }

    .index-new-switch .li .left-box {
        height: 340px;
    }

    .index-new-switch .li .left .swiper-slide-box {
        height: auto;
    }

    .index-new-switch .li .right-li:nth-child(n+2) {
        display: none;
    }

    .index-new-switch .li .right .shadow {
        display: none;
    }

    .port-m .swiper-container {
        padding        : 4.1% 0 5% 0;
        width          : 100%;
        background     : url(../images/index_13.png) center 0 no-repeat;
        background-size: 61% 100%;
        margin         : 5% 0;
    }

    .port-m .swiper-slide {
        width     : 53%;
        height    : 354px;
        background: #fff;
        box-shadow: 0 8px 30px rgba(0, 0, 0, .2);
    }

    .port-m .swiper-slide img {
        display: block;
        width  : 100%
    }

    .port-m .swiper-slide img {
        width: 100%;
    }

    .more .btn-pulse:nth-child(1) {
        display: none;
    }

    .part-c h3 {
        font-size: 28px;
    }

    .part-c p {
        font-size: 14px;
    }
}