* {
    margin: 0 auto;
    padding: 0;
    outline: 0
}

html,
body {
    height: 100%
}

body {
    font-family: 'Microsoft YaHei', 'PingFang SC', 'Helvetica Neue', Helvetica, Roboto, 'Heiti SC', STHeiTi, Arial, sans-serif;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

img {
    border: 0
}

ul {
    list-style: none
}

input {
    -webkit-appearance: none
}

a {
    text-decoration: none;
    color: #333
}

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

.cf {
    *zoom: 1
}

@media screen and (min-width:300/16rem) {
    html {
        font-size: 1rem
    }
    html,
    body {
        max-width: 20rem
    }
}

@media screen and (min-width:360/16rem) {
    html {
        font-size: 1.125rem
    }
    html,
    body {
        max-width: 22.5rem
    }
}

@media screen and (min-width:375/16rem) {
    html {
        font-size: 1.171875rem
    }
    html,
    body {
        max-width: 23.4375rem
    }
}

@media screen and (min-width:384/16rem) {
    html {
        font-size: 1.2rem
    }
    html,
    body {
        max-width: 24rem
    }
}

@media screen and (min-width:412/16rem) {
    html {
        font-size: 1.2875rem
    }
    html,
    body {
        max-width: 25.75rem
    }
}

@media screen and (min-width:414/16rem) {
    html {
        font-size: 1.29375rem
    }
    html,
    body {
        max-width: 25.875rem
    }
}

@media screen and (min-width:480/16rem) {
    html {
        font-size: 1.5rem
    }
    html,
    body {
        max-width: 30rem
    }
}

@media screen and (min-width:568/16rem) {
    html {
        font-size: 1.775rem
    }
    html,
    body {
        max-width: 35.5rem
    }
}

@media screen and (min-width:600/16rem) {
    html {
        font-size: 1.875rem
    }
    html,
    body {
        max-width: 37.5rem
    }
}

@media screen and (min-width:640/16rem) {
    html {
        font-size: 2rem
    }
    html,
    body {
        max-width: 40rem
    }
}

@media screen and (min-width:667/16rem) {
    html {
        font-size: 2.084375rem
    }
    html,
    body {
        max-width: 41.6875rem
    }
}

.swiper-container {
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    direction: ltr;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    -webkit-transition-property: -webkit-transform, left, top;
    -webkit-transition-duration: 0s;
    -webkit-transform: translate3d(0rem, 0, 0);
    -webkit-transition-timing-function: ease;
    -moz-transition-property: -moz-transform, left, top;
    -moz-transition-duration: 0s;
    -moz-transform: translate3d(0rem, 0, 0);
    -moz-transition-timing-function: ease;
    -o-transition-property: -o-transform, left, top;
    -o-transition-duration: 0s;
    -o-transform: translate3d(0rem, 0, 0);
    -o-transition-timing-function: ease;
    -o-transform: translate(0rem, 0);
    -ms-transition-property: -ms-transform, left, top;
    -ms-transition-duration: 0s;
    -ms-transform: translate3d(0rem, 0, 0);
    -ms-transition-timing-function: ease;
    transition-property: transform, left, top;
    transition-duration: 0s;
    transform: translate3d(0rem, 0, 0);
    transition-timing-function: ease;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}

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

.swiper-slide {
    float: left;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}

.swiper-wp8-horizontal {
    -ms-touch-action: pan-y
}

.swiper-wp8-vertical {
    -ms-touch-action: pan-x
}

.eg8Swiper {
    width: 18.75rem;
    height: 18.5rem;
    position: relative
}

.eg8Swiper .imgContainer {
    width: 18.75rem;
    height: 20rem;
    overflow: hidden;
    display: inline;
    cursor: pointer
}

.eg8Swiper img {
    width: 18.75rem;
    height: 21.25rem;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -ms-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s
}

.eg8Swiper .swiper-slide a:hover img {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1)
}

.jdtUl {
    width: 18.75rem;
    height: 4.5rem;
    line-height: 1.25rem;
    overflow: hidden;
    position: absolute;
    bottom: 0;
    left: 0

}

.jdtUl li {
    width: 17rem;
    padding: 0 0;
    padding-top:10px; 
    float: left;
}

.jdtUl li a {
    
}

.eg8Pagin {
    width: 1.875rem;
    color: #fff;
    position: absolute;
    bottom: 30px;
    right: 0;
    line-height: 3.125rem;
    text-align: center;
    font-size: .75rem;
    font-style: italic
}

.eg8Pagin span {
    font-weight: 700;
    font-size: 1.25rem;
    color: red;
}

.arrow8 {
    width: 2.5rem;
    height: 3.75rem;
    position: absolute;
    top: 8.75rem;
    background-color: #fff;
    opacity: .4;
    filter: alpha(opacity=40)
}

.arrow8:hover {
    opacity: .9;
    filter: alpha(opacity=90)
}

.arrow8L {
    background: url() .625rem .75rem no-repeat #fff;
    left: -2.5rem
}

.arrow8R {
    background: url() .6875rem .75rem no-repeat #fff;
    right: -2.5rem
}

.swiper-container {
    margin: 0 auto;
    /*position: relative;*/
    overflow: hidden;
    direction: ltr;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    -webkit-transition-property: -webkit-transform, left, top;
    -webkit-transition-duration: 0s;
    -webkit-transform: translate3d(0rem, 0, 0);
    -webkit-transition-timing-function: ease;
    -moz-transition-property: -moz-transform, left, top;
    -moz-transition-duration: 0s;
    -moz-transform: translate3d(0rem, 0, 0);
    -moz-transition-timing-function: ease;
    -o-transition-property: -o-transform, left, top;
    -o-transition-duration: 0s;
    -o-transform: translate3d(0rem, 0, 0);
    -o-transition-timing-function: ease;
    -o-transform: translate(0rem, 0);
    -ms-transition-property: -ms-transform, left, top;
    -ms-transition-duration: 0s;
    -ms-transform: translate3d(0rem, 0, 0);
    -ms-transition-timing-function: ease;
    transition-property: transform, left, top;
    transition-duration: 0s;
    transform: translate3d(0rem, 0, 0);
    transition-timing-function: ease;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}

.swiper-free-mode>.swiper-wrapper {
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    -ms-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    margin: 0 auto
}
.divCy p{
color:#FFF;
    font-size: 0.8rem;
}
.swiper-slide {
    float: left;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}

.swiper-wp8-horizontal {
    -ms-touch-action: pan-y
}

.swiper-wp8-vertical {
    -ms-touch-action: pan-x
}