@charset "UTF-8";
#bannerWrap .banner_nav,
#footLinks button div,
#hnWrap .hNewsItem,
#logo,
.fl {
    float: left
}

#footWrap,
#hnWrap,
#hvWrap .hvControls div,
#menuBG .subMenu,
.marginauto {
    margin: 0 auto
}

#qrCode,
#topMenus,
.banner_mouse,
.fr {
    float: right
}

#bannerWrap li .banner_cover .bcWrap,
#bannerWrap li .banner_cover .bcWrap .hbMore,
#bannerWrap li .banner_cover .bcWrap .hbMore a,
#footWrap,
#hnWrap .hNewsItem .hnControls,
#hvWrap li .hvTitles,
#menuBG,
#menuBody,
#quickLink a,
#quickLink div,
.white {
    color: #fff
}

#bannerWrap li .banner_cover .bcWrap .hbMore,
#hnWrap .hNewsItem .hnControls .hncDetail,
.size18 {
    font-size: .33333rem
}

#hnWrap .hNewsItem .hnControls .hncTitle,
.size24 {
    font-size: .44444rem
}

.homeTitles,
.size48 {
    font-size: .88889rem
}

#bCircle1 .bcItems .bciCover,
#bCircle2 .bcItems .bciCover,
#hbWrap img,
#hnWrap .hNewsItem,
#logo img,
#quickLink,
#topMenus,
.transition,
header {
    -webkit-transition: all .5s ease-in 0s;
    transition: all .5s ease-in 0s
}

#hnWrap .hNewsItem img,
.transition3 {
    -webkit-transition: all 3s ease;
    transition: all 3s ease
}

#bannerWrap {
    height: 20rem
}

#bannerWrap,
#bannerWrap li {
    width: 100%;
    overflow: hidden;
    background: #000
}

#bannerWrap li {
    position: relative
}

#bannerWrap li .banner_cover {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    color: #fff;
    text-align: left;
    background-color: rgba(0, 0, 0, .3)
}

#bannerWrap li .banner_cover .bcWrap {
    position: absolute;
    top: 30%;
    width: 22.22222rem;
    left: 50%;
    margin-left: -11.11111rem
}

#bannerWrap li .banner_cover .bcWrap h3 {
    font-size: .88889rem;
    font-weight: 700;
    line-height: .88889rem;
    margin-bottom: .40741rem
}

#bannerWrap li .banner_cover .bcWrap h3,
#bannerWrap li .banner_cover .bcWrap h4 {
    transform: translateX(1.11111rem);
    -ms-transform: translateX(1.11111rem);
    -moz-transform: translateX(1.11111rem);
    -webkit-transform: translateX(1.11111rem);
    -o-transform: translateX(1.11111rem);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0
}

#bannerWrap li .banner_cover .bcWrap h4 {
    font-size: .37037rem;
    margin-bottom: 1.16667rem;
    font-weight: 400
}

#bannerWrap li .banner_cover .bcWrap .hbMore {
    width: 4.81481rem;
    height: 1.01852rem;
    border: .03704rem solid #fff;
    padding: .27778rem .37037rem;
    line-height: .46296rem;
    transform: translateX(1.11111rem);
    -ms-transform: translateX(1.11111rem);
    -moz-transform: translateX(1.11111rem);
    -webkit-transform: translateX(1.11111rem);
    -o-transform: translateX(1.11111rem);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0
}

#bannerWrap li .banner_img {
    position: absolute;
    top: 0;
    overflow: hidden;
    left: 0
}

#bannerWrap li .banner_img img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all 10s ease;
    transition: all 10s ease
}

#bannerWrap .active li:after {
    content: "";
    height: .09259rem;
    background-color: hsla(0, 0%, 100%, .6);
    display: block;
    animation: login_line 6s linear 1;
    -webkit-animation: login_line 6s linear 1;
    position: absolute;
    left: 0;
    bottom: 0
}

#bannerWrap .active li img {
    -webkit-transform: scale(1.2);
    transform: scale(1.2)
}

#bannerWrap .banner_bar {
    position: absolute;
    left: 0;
    bottom: .66667rem;
    width: 100%;
    z-index: 20
}

#bannerWrap .banner_nav {
    overflow: hidden;
    width: 100%;
    text-align: center
}

#bannerWrap .banner_nav button {
    border: none;
    background: none
}

#bannerWrap .banner_nav .owl-dot {
    margin-right: .2963rem;
    margin-top: .2963rem;
    display: inline-block
}

#bannerWrap .banner_nav .owl-dot span {
    display: block;
    border-radius: .14815rem;
    background: #fff;
    opacity: .18;
    width: .27778rem;
    height: .27778rem;
    border-radius: 50%
}

#bannerWrap .banner_nav .owl-dot.active span {
    background: #00a0e9;
    opacity: 1
}

#bannerWrap .bannerControl {
    position: absolute;
    width: 1.85185rem;
    height: 1.85185rem;
    background: hsla(0, 0%, 100%, .3);
    cursor: pointer;
    z-index: 15;
    top: 50%;
    margin-top: -.92593rem;
    text-align: center;
    display: none
}

#bannerWrap .bannerControl:after {
    content: "";
    display: inline-block;
    background: url(../images/arrow.png) no-repeat;
    width: .24074rem;
    height: 100%
}

#bannerWrap .bcPrev {
    right: .18519rem
}

#bannerWrap .bcPrev:after {
    background-position: -.24074rem
}

#bannerWrap .bcNext {
    left: .18519rem
}

#bannerWrap .bcNext:after {
    background-position: 0
}

.hbIcoMore {
    display: inline-block;
    width: 1.40741rem;
    height: .16667rem;
    margin-left: .62963rem;
    background: url(../images/icoarrorright.png) 50% no-repeat;
    background-size: 100% auto
}

#bannerWrap .active li .banner_cover .hbMore,
#bannerWrap .active li .banner_cover h3,
#bannerWrap .active li .banner_cover h4,
.bannerTrans {
    transform: translateX(0);
    -ms-transform: translateX(0);
    -moz-transform: translateX(0);
    -webkit-transform: translateX(0);
    -o-transform: translateX(0);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1
}

@keyframes login_line {
    0% {
        width: 0
    }
    to {
        width: 100%
    }
}

@-webkit-keyframes login_line {
    0% {
        width: 0
    }
    to {
        width: 100%
    }
}

.banner_mouse {
    position: relative;
    width: .51852rem;
    height: .75926rem;
    cursor: pointer;
    background: url(../images/icomouse.png) no-repeat 0 0;
    -webkit-animation: nudgeMouse 1.6s linear infinite;
    animation: nudgeMouse 1.6s linear infinite
}

.banner_mouse:after,
.banner_mouse:before {
    content: "";
    position: absolute
}

.banner_mouse:before {
    width: .51852rem;
    height: .75926rem;
    background: url(../images/icomouse.png) -.51852rem 0 no-repeat;
    -webkit-animation: colorSlide 1.6s linear infinite;
    animation: colorSlide 1.6s linear infinite;
    top: 0;
    left: 0
}

.banner_mouse:after {
    background-color: #fff;
    width: .07407rem;
    height: .07407rem;
    border-radius: 100%;
    -webkit-animation: trackBallSlide 1.6s linear infinite;
    animation: trackBallSlide 1.6s linear infinite;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto
}

@-webkit-keyframes colorSlide {
    0% {
        height: 0
    }
    90% {
        height: .75926rem
    }
}

@keyframes colorSlide {
    0% {
        height: 0
    }
    90% {
        height: .75926rem
    }
}

@-webkit-keyframes trackBallSlide {
    0% {
        opacity: 1;
        -webkit-transform: scale(1) translateY(-8px);
        transform: scale(1) translateY(-8px)
    }
    34% {
        opacity: 1;
        -webkit-transform: scale(.9) translateY(4px);
        transform: scale(.9) translateY(4px)
    }
    68% {
        opacity: 0;
        -webkit-transform: scale(.4) translateY(16px);
        transform: scale(.4) translateY(16px)
    }
    to {
        opacity: 0;
        -webkit-transform: scale(.4) translateY(-8px);
        transform: scale(.4) translateY(-8px)
    }
}

@keyframes trackBallSlide {
    0% {
        opacity: 1;
        -webkit-transform: scale(1) translateY(-8px);
        transform: scale(1) translateY(-8px)
    }
    34% {
        opacity: 1;
        -webkit-transform: scale(.9) translateY(4px);
        transform: scale(.9) translateY(4px)
    }
    68% {
        opacity: 0;
        -webkit-transform: scale(.4) translateY(16px);
        transform: scale(.4) translateY(16px)
    }
    to {
        opacity: 0;
        -webkit-transform: scale(.4) translateY(-8px);
        transform: scale(.4) translateY(-8px)
    }
}

@-webkit-keyframes nudgeMouse {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    50% {
        -webkit-transform: translateY(.14815rem);
        transform: translateY(.14815rem)
    }
    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes nudgeMouse {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    50% {
        -webkit-transform: translateY(.14815rem);
        transform: translateY(.14815rem)
    }
    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

#homeAD,
#homeAD img,
#homeNews {
    width: 100%
}

#homeNews {
    overflow: hidden
}

.homeTitles {
    line-height: 3.33333rem;
    color: #444;
    font-weight: 700;
    text-align: center
}

#hnWrap .hNewsItem {
    margin-right: 2%;
    width: 25%;
    height: 10.37037rem;
    overflow: hidden
}

#hnWrap .hNewsItem img {
    position: absolute
}

#hnWrap .hNewsItem .hnControls {
    position: absolute;
    z-index: 2;
    width: 100%;
    height: 100%;

    padding: .55556rem;
    background: rgba(0, 0, 0, .5)
}

#hnWrap .hNewsItem .hnControls .hncCate {
    height: .83333rem;
    font-size: .40741rem
}

#hnWrap .hNewsItem .hnControls .hncTitle {
    line-height: .74074rem;
    font-weight: 700
}

#hnWrap .hNewsItem .hnControls .hncDetail {
    position: absolute;
    width: 4.81481rem;
    height: 1.01852rem;
    border: .03704rem solid #fff;
    padding: .27778rem .37037rem;
    cursor: pointer;
    display: none;
    bottom: .55556rem;
    left: .55556rem
}

#hnWrap .hNewsItem:nth-child(3) {
    margin: 0
}

#hnWrap .current {
    width: 46%
}

#hnWrap .current .hnControls .hncDetail {
    display: block
}

#hnWrap .current img {
    -webkit-transform: scale(1.2);
    transform: scale(1.2)
}

#hnWrap_m {
    display: none
}

#homeVideo {
    width: 100%;
    overflow: hidden
}

#hvWrap {
    height: 14.07407rem;
    width: 100%;
    background: url(../images/hvbg.jpg) bottom no-repeat;
    background-size: 200% auto
}

#hvWrap{ padding:50px 20px 0 20px;}


#hvWrap li .hvItems {
    border-radius: .18519rem;
    overflow: hidden;
    background: #000;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
}

#hvWrap li .hvItems img,
#hvWrap li .hvTitles {
    width: 100%;
    -webkit-transition: all .5s ease-in 0s;
    transition: all .5s ease-in 0s
}

#hvWrap li .hvTitles {
    height: 1.94444rem;
    font-size: .74074rem;
    line-height: 1.94444rem;
    font-weight: 700;
    text-align: center
}

#hvWrap li .hvTitles img {
    display: inline-block;
    margin-right: .37037rem;
    -webkit-transition: all .5s ease-in 0s;
    transition: all .5s ease-in 0s
}

#hvWrap .roundabout-holder {
    height: 14.07407rem;
    width: 90%;
    z-index: 1;
    margin: 0 auto
}

#hvWrap .roundabout-moveable-item {
    display: block;
    height: 12.48148rem;
    width: 18.18519rem;
    cursor: pointer;
    opacity: .5
}

#hvWrap .roundabout-moveable-item .hvItems {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
}

#hvWrap .roundabout-moveable-item .hvItems img {
    opacity: .5
}

#hvWrap .roundabout-moveable-item .hvTitles {
    font-size: .44444rem;
    line-height: 1.11111rem;
    opacity: .5
}

#hvWrap .roundabout-moveable-item .hvTitles img {
    height: .92593rem
}

#hvWrap .roundabout-in-focus {
    cursor: auto;
    opacity: 1
}

#hvWrap .roundabout-in-focus .hvItems img {
    opacity: 1
}

#hvWrap .roundabout-in-focus .hvTitles {
    font-size: .74074rem;
    line-height: 1.94444rem;
    opacity: 1
}

#hvWrap .roundabout-in-focus .hvTitles img {
    height: 1.11111rem
}

#hvWrap .hvControls {
    position: absolute;
    z-index: 10;
    width: 1.2963rem;
    height: 1.2963rem;
    top: 50%;
    cursor: pointer;
    background: rgba(0, 0, 0, .8)
}

#hvWrap .hvControls div {
    width: .24074rem;
    height: 100%;
    background-color: rgba(0, 0, 0, .8);
    background-image: url(../images/arrow.png);
    background-repeat: no-repeat;
    background-position: 0
}

#hvWrap #hvLeft {
    left: -1.01852rem
}

#hvWrap #hvRight {
    right: -.77778rem
}

#hvWrap #hvRight div {
    background-position: -.24074rem
}

#homeBrands {
    width: 100%;
    overflow: hidden;
    background: url(../images/hbbg.jpg) bottom no-repeat;
    background-size: 200% auto
}

#hbWrap {
    height: 14.44444rem;
    z-index: 5
}

#bICOCenter {
    position: absolute;
    z-index: 50;
    border-radius: 2.14815rem;
    width: 4.2963rem;
    height: 4.2963rem;
    left: 50%;
    top: 50%;
    margin-top: -2.14815rem;
    margin-left: -2.14815rem;
    background: #ebebeb
}

#bICOCenter img {
    width: 1.74074rem;
    height: 2.33333rem;
    margin: .98148rem auto
}

#bCircle3 {
    z-index: 10;
    width: 5.40741rem;
    height: 5.7963rem;
    margin-top: -2.89815rem;
    margin-left: -2.7037rem;
    background: url(../images/circle3.png) 50% no-repeat;
    background-size: 100%
}

#bCircle2,
#bCircle3 {
    position: absolute;
    left: 50%;
    top: 50%
}

#bCircle2 {
    z-index: 5;
    width: 10.18519rem;
    height: 10.18519rem;
    margin-top: -5.09259rem;
    margin-left: -5.09259rem;
    background: url(../images/circle2.png) 50% no-repeat;
    background-size: 100%
}

#bCircle2 .bcItems {
    position: absolute;
    width: 1.5rem;
    height: 1.5rem;
    border-radius: 0.97222rem;
    overflow: hidden;
}

#bCircle2 .bcItems .bciCover {
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: .97222rem;
    background-image: url(../images/linkico.png);
    background-color: rgba(0, 0, 0, .5);
    background-position: 50%;
    background-repeat: no-repeat;
    z-index: 2;
    opacity: 0
}

#bCircle2 .bcItems img {
    width: 100%;
    height: 100%
}

#bCircle2 .bcItems:hover .bciCover {
    opacity: 1
}

#bCircle2 .bcItems:first-child {
    left: 1.44rem;
    top: 0.244rem;
}

#bCircle2 .bcItems:nth-child(2) {
    right: 1.44rem;
    top: 0.244rem;
}

#bCircle2 .bcItems:nth-child(3) {
    top: 2.8148rem;
    left: -0.53704rem;
}

#bCircle2 .bcItems:nth-child(4) {
    top: 2.8148rem;
    right: -0.53704rem;
}

#bCircle2 .bcItems:nth-child(5) {
    bottom: 2.55556rem;
    left: -0.62963rem;
}

#bCircle2 .bcItems:nth-child(6) {
    bottom: 2.55556rem;
    right: -0.62963rem;
}

#bCircle2 .bcItems:nth-child(7) {
    bottom: 0.0255rem;
    left: 1.44rem;
}

#bCircle2 .bcItems:nth-child(8) {
    bottom: 0.0255rem;
    right: 1.44rem;
}

#bCircle1 {
    position: absolute;
    z-index: 1;
    width: 16.33333rem;
    height: 7.18519rem;
    left: 50%;
    top: 50%;
    margin-top: -3.59259rem;
    margin-left: -8.16667rem;
    background: url(../images/circle1.png) 50% no-repeat;
    background-size: 100%
}

#bCircle1 .bcItems {
    position: absolute;
    width: 1.5rem;
    height: 1.5rem;
    border-radius: 0.97222rem;
    overflow: hidden;
}

#bCircle1 .bcItems .bciCover {
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: .97222rem;
    background-image: url(../images/linkico.png);
    background-color: rgba(0, 0, 0, .5);
    background-position: 50%;
    background-repeat: no-repeat;
    z-index: 2;
    opacity: 0
}

#bCircle1 .bcItems img {
    width: 100%;
    height: 100%;
    margin: 0
}

#bCircle1 .bcItems:hover .bciCover {
    opacity: 1
}

#bCircle1 .bcItems:nth-child(2) {
    right: -0.2rem;
    top: -0.2963rem;
}

#bCircle1 .bcItems:nth-child(3) {
    left: -0.7963rem;
    top: 2rem;
}

#bCircle1 .bcItems:nth-child(4) {
    right: -0.88889rem;
    top: 2.0rem;
}

#bCircle1 .bcItems:nth-child(5) {
    bottom: 1.2037rem;
    left: -0.6444rem;
}

#bCircle1 .bcItems:nth-child(6) {
    bottom: 1.2037rem;
    right: -0.6444rem;
}

#bCircle1 .bcItems:nth-child(7) {
    bottom: -1rem;
    left: -0.0444rem;
}

#bCircle1 .bcItems:nth-child(8) {
    bottom: -1rem;
    right: -0.0444rem;
}


@media (max-width:1080px) {
    #bannerWrap li .banner_cover .bcWrap {
        top: 30%;
        width: 100%;
        left: 0;
        margin: 0;
        padding: 0 .18519rem
    }
    #bannerWrap li .banner_cover .bcWrap h3 {
        font-size: .66667rem;
        font-weight: 700;
        line-height: .88889rem;
        margin-bottom: .40741rem
    }
    #bannerWrap li .banner_cover .bcWrap h4 {
        font-size: .37037rem;
        margin-bottom: 1.16667rem;
        font-weight: 400
    }
    #bannerWrap li .banner_cover .bcWrap .hbMore {
        width: 4.81481rem;
        height: 1.01852rem;
        border: .03704rem solid #fff;
        padding: .27778rem .37037rem;
        line-height: .46296rem
    }
    #bannerWrap .bannerControl,
    #hnWrap,
    .banner_mouse {
        display: none
    }
    .homeTitles {
        font-size: .66667rem;
        line-height: 1.48148rem
    }
    #hnWrap_m {
        width: 100%;
        padding: 0 .18519rem;
        overflow: hidden;
        display: block
    }
    #hnWrap_m .hNewsItem {
        width: 100%;
        height: 7.72222rem;
        overflow: hidden
    }
    #hnWrap_m .hNewsItem img {
        position: absolute
    }
    #hnWrap_m .hNewsItem .hnControls {
        position: absolute;
        height: 100%;
        width: 100%;
        z-index: 20;
        background: rgba(0, 0, 0, .5);
        padding: .09259rem;
        color: #fff
    }
    #hnWrap_m .hNewsItem .hnControls .hncCate {
        line-height: .55556rem;
        font-size: .33333rem;
        color: hsla(0, 0%, 100%, .8)
    }
    #hnWrap_m .hNewsItem .hnControls .hncTitle {
        line-height: .55556rem;
        font-size: .44444rem;
        width: 100%
    }
    #hnWrap_m .hNewsItem .hnControls .hncDetail {
        position: absolute;
        width: 3.7037rem;
        height: .74074rem;
        border: .03704rem solid #fff;
        padding: .09259rem .37037rem;
        font-size: .33333rem;
        cursor: pointer;
        bottom: .18519rem;
        left: .18519rem
    }
    #hnWrap_m .hNewsItem .hnControls .hncDetail .hbIcoMore {
        display: inline-block;
        width: .85185rem;
        height: .16667rem;
        background: url(../images/icoarrorright.png) 100% no-repeat;
        background-size: 100% auto
    }
    #hnWrap_m #hnwmControl {
        width: 100%;
        height: .74074rem;
        z-index: 20
    }
    #hnWrap_m #hnwmControl .hnwmcBtn {
        width: 50%;
        height: 100%;
        float: left;
        line-height: .74074rem;
        padding: 0 .18519rem
    }
    #hnWrap_m #hnwmControl .hnwmcBtn img {
        display: inline-block
    }
    #hnWrap_m #hnwmControl #hnwm_prev {
        text-align: right
    }
    #hnWrap_m #hnwmControl #hnwm_next {
        text-align: left
    }
    #hvWrap {
        background: url(../images/hvbg.jpg) bottom no-repeat;
        background-size: auto 100%;
        overflow: hidden;
        height: 10.18519rem
    }
    #hvWrap .roundabout-holder {
        height: 7.03704rem
    }
    #hvWrap .hvTitles {
        height: .92593rem;
        font-size: .44444rem;
        line-height: .92593rem
    }
    #hvWrap .hvTitles img {
        display: inline-block;
        margin-right: .37037rem;
        height: 40%
    }
    #hvWrap .roundabout-moveable-item {
        display: block;
        height: 2.92593rem;
        width: 6.62963rem;
        cursor: pointer;
        opacity: .5
    }
    #hvWrap .roundabout-moveable-item .hvItems {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    #hvWrap .roundabout-moveable-item .hvItems img {
        opacity: .5
    }
    #hvWrap .roundabout-moveable-item .hvTitles {
        font-size: .44444rem;
        line-height: 1.11111rem;
        opacity: .5
    }
    #hvWrap .roundabout-moveable-item .hvTitles img {
        height: .92593rem
    }
    #hvWrap .roundabout-in-focus {
        cursor: auto;
        opacity: 1
    }
    #hvWrap .roundabout-in-focus .hvItems img {
        opacity: 1
    }
    #hvWrap .roundabout-in-focus .hvTitles {
        font-size: .59259rem;
        line-height: 1.11111rem;
        opacity: 1
    }
    #hvWrap .roundabout-in-focus .hvTitles img {
        height: .92593rem
    }
    #hvWrap .hvControls {
        position: absolute;
        z-index: 10;
        width: 50%;
        height: 1.2963rem;
        top: auto;
        background: rgba(0, 0, 0, .8);
        bottom: 0
    }
    #hvWrap #hvLeft {
        left: 0
    }
    #hvWrap #hvRight {
        right: 0
    }
    #homeBrands {
        width: 100%;
        height: auto;
        background-size: auto 200%;
        overflow: hidden
    }
    #hbWrap {
        height: auto;
        z-index: 5;
        padding: 0 .18519rem
    }
    #bCircle3,
    #bICOCenter {
        display: none
    }
    #bCircle2 {
        width: 100%;
        left: 0;
        top: 0;
        margin: 0;
        background: none
    }
    #bCircle2,
    #bCircle2 .bcItems {
        position: relative;
        height: auto;
        overflow: hidden
    }
    #bCircle2 .bcItems {
        width: 25%;
        border-radius: 0;
        padding: .18519rem 0;
        float: left
    }
    #bCircle2 .bcItems .bciCover {
        display: none
    }
    #bCircle2 .bcItems img {
        width: 80%;
        max-width: 1.85185rem;
        border-radius: 50%;
        margin: auto
    }
    #bCircle2 .bcItems:first-child,
    #bCircle2 .bcItems:nth-child(2),
    #bCircle2 .bcItems:nth-child(3),
    #bCircle2 .bcItems:nth-child(4),
    #bCircle2 .bcItems:nth-child(5),
    #bCircle2 .bcItems:nth-child(6),
    #bCircle2 .bcItems:nth-child(7),
    #bCircle2 .bcItems:nth-child(8) {
        bottom: 0;
        left: 0;
        top: 0;
        right: 0
    }
    #bCircle2 .bcItems:nth-child(3N+0) {
        margin: 0
    }
    #bCircle1 {
        width: 100%;
        left: 0;
        top: 0;
        margin: 0;
        background: none
    }
    #bCircle1,
    #bCircle1 .bcItems {
        position: relative;
        height: auto;
        overflow: hidden
    }
    #bCircle1 .bcItems {
        width: 25%;
        border-radius: 0;
        padding: .18519rem 0;
        float: left
    }
    #bCircle1 .bcItems .bciCover {
        display: none
    }
    #bCircle1 .bcItems img {
        width: 80%;
        max-width: 1.85185rem;
        border-radius: 50%;
        margin: auto
    }
    #bCircle1 .bcItems:first-child,
    #bCircle1 .bcItems:nth-child(2),
    #bCircle1 .bcItems:nth-child(3),
    #bCircle1 .bcItems:nth-child(4),
    #bCircle1 .bcItems:nth-child(5),
    #bCircle1 .bcItems:nth-child(6),
    #bCircle1 .bcItems:nth-child(7),
    #bCircle1 .bcItems:nth-child(8) {
        bottom: 0;
        left: 0;
        top: 0;
        right: 0
    }
    #bCircle1 .bcItems:nth-child(3N+0) {
        margin: 0
    }
    .container {
        max-width: 75%
    }
    #footContact,
    #footLinks {
        width: 100%
    }
}

.pageContent {
    font-size: .2963rem;
    color: #444;
    line-height: .77778rem
}

.square {
    position: absolute;
    width: .57407rem;
    height: .57407rem;
    left: 50%;
    margin-left: -.28704rem;
    background: url(../images/about_square.png) no-repeat;
    background-size: 100%
}

.aboutTitle {
    width: 2.96296rem;
    height: 2.81481rem;
    line-height: 4.96296rem;
    overflow: hidden;
    background-position: bottom;
    background-repeat: no-repeat;
    font-size: .66667rem;
    margin: 0 auto;
    text-align: center
}

#about1 {
    width: 100%;
    overflow: hidden;
    padding: 1.07407rem 0;
    background: #f9f9f9
}

#about1 #ab1Logo {
    width: 1.90741rem;
    height: 2.27778rem;
    margin: 0 auto;
    overflow: hidden
}

#about1 #ab1Logo img {
    width: 100%
}

#about1 #ab1Title {
    width: 100%;
    line-height: 1.85185rem;
    font-size: .66667rem;
    text-align: center
}

#about1 .pageContent {
    width: 88%;
    margin: 0 auto
}

#about1 .square {
    bottom: -1.37037rem
}

#about2 .square {
    top: -.27778rem;
    z-index: 10
}

#about2 .aboutTitle {
    background-image: url(../images/about_01.png)
}

#about2 #ab2Slide {
    width: 100%;
    height: 4.44444rem;
    overflow: hidden
}

#about2 .ab2Controls {
    width: .92593rem;
    height: 1.85185rem;
    position: absolute;
    top: 50%;
    margin-top: -.92593rem;
    background-color: rgba(0, 0, 0, .3);
    cursor: pointer
}

#about2 .ab2Controls div {
    width: .24074rem;
    height: 100%;
    margin: 0 auto;
    background-image: url(../images/arrow.png);
    background-position: 0;
    background-repeat: no-repeat
}

#about2 .ab2Next {
    left: 0
}

#about2 .ab2Prev {
    right: 0
}

#about2 .ab2Prev div {
    background-position: -.24074rem
}

#about2 .owl-carousel {
    width: calc(100% - 2.22222rem);
    height: 3.55556rem;
    margin: .44444rem auto
}

#about2 .ab2Items {
    overflow: hidden
}

#about2 .ab2Items .ab2iCover {
    position: absolute;
    width: 100%;
    height: .55556rem;
    bottom: 0;
    left: 0;
    z-index: 5;
    background: rgba(0, 0, 0, .5);
    color: #fff;
    line-height: .55556rem;
    text-align: center
}

#about2 .ab2Items img {
    height: 3.55556rem;
    -webkit-transition: all .5s ease-in 0s;
    transition: all .5s ease-in 0s
}

#about2 .ab2Items:hover img {
    -webkit-transform: scale(1.2);
    transform: scale(1.2)
}

#about2 .pageContent {
    width: 88%;
    margin: .92593rem auto
}

#about3 {
    width: 100%;
    height: 13.77778rem;
    background-image: url(../images/about_02bg.jpg);
    background-position: 50%;
    background-size: auto 100%;
    background-repeat: no-repeat
}

#about3 .wrap {
    height: 100%
}

#about3 .aboutTitle {
    background-image: url(../images/about_02.png);
    color: #fff
}

#about3 #ab3Slide {
    position: absolute;
    width: 100%;
    height: 7.03704rem;
    bottom: -1.48148rem;
    padding-left: .16667rem
}

#about3 #ab3Slide .ab2Controls {
    width: .92593rem;
    height: 1.85185rem;
    position: absolute;
    z-index: 10;
    top: 50%;
    margin-top: -.92593rem;
    background-color: rgba(0, 0, 0, .8);
    cursor: pointer
}

#about3 #ab3Slide .ab2Controls div {
    width: .24074rem;
    height: 100%;
    margin: 0 auto;
    background-image: url(../images/arrow.png);
    background-position: 0;
    background-repeat: no-repeat
}

#about3 #ab3Slide .ab2Next {
    left: 0
}

#about3 #ab3Slide .ab2Prev {
    right: 0
}

#about3 #ab3Slide .ab2Prev div {
    background-position: -.24074rem
}

#about3 #ab3Slide li {
    width: 10.44444rem;
    height: 6.81481rem;
    border-radius: .18519rem;
    overflow: hidden;
    -webkit-box-shadow: 0 0 .18519rem rgba(0, 0, 0, .8);
    box-shadow: 0 0 .18519rem rgba(0, 0, 0, .8)
}

#about3 #ab3Slide li .ab3Cover {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 2.2037rem;
    background: url(../images/about_shadow.png) 0 100% repeat-x;
    z-index: 10;
    color: #fff;
    line-height: 3.33333rem;
    text-align: center;
    -webkit-transition: all .5s ease-in 0s;
    transition: all .5s ease-in 0s
}

#about3 #ab3Slide li img {
    width: 100%
}

#about3 #ab3Slide .roundabout-holder {
    height: 6.81481rem;
    width: 80%;
    z-index: 1;
    margin: 0 auto
}

#about3 #ab3Slide .roundabout-moveable-item {
    display: block;
    height: 6.81481rem;
    width: 10.44444rem;
    cursor: pointer;
    background: #000
}

#about3 #ab3Slide .roundabout-moveable-item .ab3Cover {
    opacity: 0
}

#about3 #ab3Slide .roundabout-moveable-item img {
    opacity: .5
}

#about3 #ab3Slide .roundabout-in-focus {
    cursor: auto
}

#about3 #ab3Slide .roundabout-in-focus .ab3Cover {
    opacity: 1;
    font-size: .44444rem
}

#about3 #ab3Slide .roundabout-in-focus img {
    opacity: 1
}

#about3 .pageContent {
    color: #fff;
    margin: .46296rem 0;
    height: 4.55556rem;
    overflow: hidden;
    padding-right: 1.11111rem;
    text-align: justify
}


/*新加样式开始*/

#about3{ height: auto!important; background-size: cover!important; }
#about3 .pageContent{ height:auto!important; padding-right: 0!important;}
#about3 #ab3Slide{ bottom: -90px;}
#about3 .wrap{padding-bottom: 300px;}

/*新加样式结束*/





#about4 {
    width: 100%;
    padding-bottom: .92593rem
}

#about4,
#about4 .wrap {
    overflow: hidden
}

#about4 .aboutTitle {
    margin-top: .37037rem;
    background-image: url(../images/about_03.png);
    background-position: center 1.2037rem;
    margin-bottom: .92593rem
}

#about4 #ab4Slide {
    width: 100%;
    height: 4.48148rem;
    overflow: hidden;
    margin-top: .55556rem
}

#about4 #ab4Slide .ab4Controls {
    width: .92593rem;
    height: 1.85185rem;
    position: absolute;
    top: 50%;
    margin-top: -.92593rem;
    background-color: rgba(0, 0, 0, .3);
    cursor: pointer
}

#about4 #ab4Slide .ab4Controls:after {
    content: "";
    width: .24074rem;
    height: 100%;
    margin: 0 auto;
    background-image: url(../images/arrow.png);
    background-position: 0;
    background-repeat: no-repeat;
    display: block
}

#about4 #ab4Slide .ab4Next {
    left: 0
}

#about4 #ab4Slide .ab4Prev {
    right: 0
}

#about4 #ab4Slide .ab4Prev:after {
    background-position: -.24074rem
}

#about4 #ab4Slide .owl-carousel {
    width: calc(100% - 2.22222rem);
    height: 3.38889rem;
    margin: .52778rem auto
}

#about4 #ab4Slide .ab4Items {
    width: 6.53704rem;
    height: 3.38889rem;
    overflow: hidden
}

#about4 #ab4Slide .ab4Items .ab4Cover {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 2.2037rem;
    background: url(../images/about_shadow.png) repeat-x;
    background-position-y: bottom;
    z-index: 10;
    color: #fff;
    line-height: 3.33333rem;
    text-align: center;
    font-size: .2963rem
}

#about4 #ab4Slide .ab4Items img {
    width: 100%
}

#about4 .pageContent {
    width: 88%;
    margin: .92593rem auto
}

#about5 {
    width: 100%;
    height: 8.85185rem;
    background-image: url(../images/about_enbg.jpg);
    background-position: 50%;
    background-size: auto 8.85185rem;
    background-repeat: no-repeat;
    overflow: hidden
}

#about5 #ab5Title {
    font-size: .66667rem;
    font-weight: 700;
    text-align: center;
    line-height: 1.03704rem;
    margin-top: 1.88889rem;
    margin-bottom: .81481rem
}

#about5 .pageContent {
    color: #fff
}

#about6 {
    width: 100%;
    padding-top: .66667rem;
    padding-bottom: 2.03704rem;
    padding-left: 2%
}

#about6 .ab6Items {
    width: 100%;
    border-left: .01852rem solid #d4d4d4
}

#about6 .ab6Items .ab6Title {
    width: 100%;
    padding-left: .74074rem;
    color: #00a0e9
}

#about6 .ab6Items .ab6Title,
#about6 .ab6Items .ab6Title .ab6Ico {
    height: .7963rem;
    line-height: .7963rem;
    font-size: .44444rem;
    font-weight: 700
}

#about6 .ab6Items .ab6Title .ab6Ico {
    position: absolute;
    z-index: 10;
    border-radius: .39815rem;
    background: #00a0e9;
    color: #fff;
    width: .7963rem;
    text-align: center;
    left: -.39815rem
}

#about6 .ab6Items .ab6Content {
    padding-left: .74074rem;
    padding-bottom: .37037rem;
    margin: .09259rem 0
}

#about6 .ab6Items .ab6Content .aboutContent {
    line-height: .7963rem;
    color: #444
}

@media (max-width:1080px) {
    #about1 #ab1Logo {
        width: 1.90741rem;
        height: 2.27778rem;
        margin: 0 auto
    }
    #about1 #ab1Logo img {
        width: 96%
    }
    #about1 #ab1Title {
        font-size: .44444rem
    }
    #about1 .alignCenter,
    #about2 .alignCenter {
        text-align: justify
    }
    #about3 .pageContent {
        color: #fff;
        margin: .46296rem 0;
        height: 4.55556rem;
        overflow: hidden;
        padding-right: .55556rem;
        padding-left: .18519rem;
        text-align: justify
    }
    #about3 #ab3Slide {
        position: absolute;
        width: 100%;
        height: 7.03704rem;
        bottom: -1.48148rem
    }
    #about3 #ab3Slide .ab2Controls {
        width: 50%;
        height: 1.85185rem;
        position: absolute;
        top: auto;
        bottom: -1.85185rem;
        background-color: rgba(0, 0, 0, .8);
        cursor: pointer
    }
    #about3 #ab3Slide .ab2Controls div {
        width: .24074rem;
        height: 100%;
        margin: 0 auto;
        background-image: url(../images/arrow.png);
        background-position: 0;
        background-repeat: no-repeat
    }
    #about3 #ab3Slide .ab2Next {
        left: 0
    }
    #about3 #ab3Slide .ab2Prev {
        right: 0
    }
    #about3 #ab3Slide .ab2Prev div {
        background-position: -.24074rem
    }
    #about4 {
        margin-top: 3.33333rem
    }
    #about4 .aboutTitle {
        margin-top: 0
    }
    #about4 #ab4Slide .ab4Controls {
        width: .92593rem;
        height: 1.85185rem;
        position: absolute;
        top: 50%;
        margin-top: -.92593rem
    }
    #about4 #ab4Slide .ab4Next {
        left: 0
    }
    #about4 #ab4Slide .ab4Prev {
        right: 0
    }
    #about4 #ab4Slide .owl-carousel {
        height: 2.92593rem;
        margin: .75926rem auto
    }
    #about4 #ab4Slide .ab4Items {
        width: 5.64815rem;
        overflow: hidden
    }
    #about5 #ab5Title {
        font-size: .42593rem;
        font-weight: 700;
        text-align: center;
        line-height: .74074rem;
        margin-top: .92593rem;
        margin-bottom: .55556rem
    }
    #about5 .alignCenter {
        text-align: left
    }
    #about5 .pageContent {
        color: #fff;
        padding: 0 .18519rem;
        line-height: .64815rem
    }
    #about6 {
        padding-left: 6%;
        padding-right: .09259rem
    }
    #about6 .ab6Items {
        width: 100%;
        border-left: .01852rem solid #d4d4d4
    }
    #about6 .ab6Items .ab6Content {
        padding-left: .74074rem;
        padding-bottom: .37037rem;
        margin: .09259rem 0
    }
    #about6 .ab6Items .ab6Content .aboutContent {
        line-height: .64815rem;
        color: #444
    }
}

@media (max-width:760px) {
	
	#hvWrap{ padding:20px 10px 0 10px;}
	
	
    #about4 #ab4Slide .ab4Controls {
        width: .92593rem;
        height: 1.85185rem;
        position: absolute;
        top: 50%;
        margin-top: -.92593rem
    }
    #about4 #ab4Slide .ab4Next {
        left: 0
    }
    #about4 #ab4Slide .ab4Prev {
        right: 0
    }
    #about4 #ab4Slide .owl-carousel {
        height: 2.92593rem;
        margin: .75926rem auto
    }
    #about4 #ab4Slide .ab4Items {
        width: 100%;
        overflow: hidden
    }
    #about4 #ab4Slide .ab4Items .ab4Cover {
        font-size: .25926rem
    }
}

.structBG {
    background-image: url(../images/structbg.jpg)
}

.structBG .contentBody {
    padding: 0 .18519rem
}

.hisLists {
    width: calc(100% - .27778rem);
    margin-top: .27778rem;
    margin-left: .27778rem;
    padding-bottom: 1.01852rem;
    border-left: .01852rem solid #c9c9c9
}

.hisLists .hisIco {
    position: absolute;
    z-index: 10;
    width: .42593rem;
    height: .42593rem;
    left: -.22222rem;
    top: -.22222rem;
    border: .14815rem solid #00a0e9;
    border-radius: 50%;
    background: #fff
}

.hisLists .hisItems {
    width: 100%;
    overflow: hidden;
    background: #fff;
    -webkit-box-shadow: 0 0 .09259rem rgba(0, 0, 0, .3);
    box-shadow: 0 0 .09259rem rgba(0, 0, 0, .3);
    border: .01852rem solid #dedede;
    border-left: none;
    padding: .74074rem .46296rem .83333rem
}

.hisLists .hisItems .hisYear {
    height: 1.11111rem;
    overflow: hidden;
    cursor: pointer;
    color: #767676;
    font-size: .2963rem;
    line-height: 1.11111rem
}

.hisLists .hisItems .hisYear h1 {
    margin-bottom: 0;
    padding: 0;
    color: #00a0e9;
    font-size: .88889rem;
    line-height: 1.11111rem;
    display: inline-block;
    margin-right: .09259rem;
    font-weight: 700
}

.hisLists .hisItems .hisTitle {
    width: 100%;
    line-height: .7037rem;
    color: #333;
    font-size: .44444rem;
    cursor: pointer
}

.hisLists .hisItems .hisTitle:before {
    content: "";
    display: block;
    width: .22222rem;
    height: .22222rem;
    background: #333;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    margin-right: .22222rem;
    float: left;
    margin-top: .22222rem
}

.hisLists .hisItems .hisContent {
    padding-top: .22222rem;
    width: 100%;
    overflow: hidden;
    display: none
}

.hisLists .hisItems .hisContent img {
    max-width: 98%
}

.history .current .hisItems {
    background-image: url(../images/flag.png);
    background-position: 98% .37037rem;
    background-repeat: no-repeat
}

.history:after {
    content: "";
    width: .18519rem;
    height: .18519rem;
    background: #c9c9c9;
    margin-left: .18519rem;
    display: block
}

.cardBody {
    overflow: hidden;
    padding: .18519rem
}

.cardItem {
    width: calc((100% - 1.11111rem)/3);
    height: 7.81481rem;
    margin-bottom: .55556rem;
    margin-right: .55556rem;
    float: left;
    -webkit-transition: -webkit-box-shadow .5s ease;
    transition: -webkit-box-shadow .5s ease;
    transition: box-shadow .5s ease;
    transition: box-shadow .5s ease, -webkit-box-shadow .5s ease;
    -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, .5);
    box-shadow: 0 0 0 rgba(0, 0, 0, .5)
}

.cardItem .ciTop {
    width: 100%;
    height: 3.14815rem;
    overflow: hidden;
    padding: .87037rem .37037rem;
    background: #fff
}

.cardItem .ciTop .ciDate {
    width: 1.40741rem;
    height: 1.40741rem;
    background: #fff;
    border: .01852rem solid #00a0e9;
    color: #00a0e9;
    padding: .18519rem;
    float: left;
    z-index: 5
}

.cardItem .ciTop .ciDate .ciDay {
    font-size: .66667rem;
    line-height: .66667rem;
    text-align: center;
    font-weight: 700
}

.cardItem .ciTop .ciDate .ciYear {
    line-height: .37037rem;
    font-size: .25926rem;
    text-align: center
}

.cardItem .ciTop .ciTitle {
    z-index: 5;
    float: right;
    width: calc(100% - 1.66667rem);
    height: 100%
}

.cardItem .ciTop .ciTitle a {
    color: #000;
    display: table;
    width: 100%;
    height: 100%;
    -webkit-transition: all .5s ease-in 0s;
    transition: all .5s ease-in 0s
}

.cardItem .ciTop .ciTitle .citBody {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    height: 100%;
    line-height: .7037rem;
    font-size: .40741rem
}

.cardItem .ciTop:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: #00a0e9;
    left: 0;
    top: -3.14815rem;
    -webkit-transition: all .5s ease-in 0s;
    transition: all .5s ease-in 0s
}

.cardItem .ciImg {
    width: 100%;
    height: 4.66667rem;
    overflow: hidden
}

.cardItem .ciImg a {
    width: 100%;
    height: 100%;
    overflow: hidden;
    display: block
}

.cardItem .ciImg a .ciiCover {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .4);
    position: absolute;
    z-index: 10;
    top: 4.66667rem;
    -webkit-transition: all .5s ease-in 0s;
    transition: all .5s ease-in 0s
}

.cardItem .ciImg a .ciiCover .ciicIco {
    border-radius: .74074rem;
    width: 1.48148rem;
    height: 1.48148rem;
    left: 50%;
    top: 50%;
    margin-top: -.74074rem;
    margin-left: -.74074rem;
    background: rgba(0, 160, 233, .8) url(../images/newsarrow.png) 50% no-repeat
}

.cardItem .ciImg a img {
    position: absolute;
    -webkit-transition: all 3s ease;
    transition: all 3s ease
}

.cardItem:hover {
    -webkit-box-shadow: 0 0 .18519rem rgba(0, 0, 0, .5);
    box-shadow: 0 0 .18519rem rgba(0, 0, 0, .5)
}

.cardItem:hover .ciTop .ciTitle a {
    color: #fff
}

.cardItem:hover .ciImg a .ciiCover,
.cardItem:hover .ciTop:after {
    top: 0
}

.cardItem:hover .ciImg a img {
    -webkit-transform: scale(1.5);
    transform: scale(1.5)
}

.cardItem:nth-child(3n+0) {
    margin-right: 0
}

@media (max-width:1080px) {
    .cardItem {
        width: calc((100% - .55556rem)/2)
    }
    .cardItem:nth-child(3n+0) {
        margin-right: .55556rem
    }
    .cardItem:nth-child(2n+0) {
        margin-right: 0
    }
}

@media (max-width:760px) {
    .cardItem {
        width: 100%
    }
}

.contentPage {
    margin-top: .92593rem;
    margin-bottom: 1.2963rem;
    background: #fff;
    padding: .88889rem .55556rem 1.22222rem
}

.contentPage .contentTitle {
    min-height: 1.96296rem;
    border-bottom: .01852rem solid #d6d6d6
}

.contentPage .contentTitle #share {
    position: absolute;
    z-index: 10;
    right: 0;
    top: 0;
    width: 4.25926rem
}

.contentPage .contentTitle #share>div {
    display: inline-block
}

.contentPage .contentTitle .bigTitle {
    min-height: 1.11111rem;
    line-height: 1.11111rem;
    color: #222;
    font-size: .55556rem;
    width: 16.98148rem
}

.contentPage .contentTitle .cDate {
    height: .85185rem;
    color: #717171;
    font-size: .2963rem
}

.contentPage .contentText {
    color: #444;
    line-height: .66667rem;
    padding-top: .55556rem;
    padding-bottom: 1.22222rem;
    text-align: justify
}

.contentPage .contentText img {
    max-width: 98%
}

.contentPage .contentControl {
    width: 100%;
    height: 1.92593rem;
    overflow: hidden
}

.contentPage .contentControl>div {
    background: #e4e4e4;
    margin-right: .18519rem;
    padding: .37037rem .64815rem;
    height: 100%;
    width: calc((100% - 3.88889rem)/2);
    float: left
}

.contentPage .contentControl>div a {
    color: #444
}

.contentPage .contentControl>div a div {
    width: 100%;
    height: .59259rem;
    line-height: .59259rem
}

.contentPage .contentControl>div a .sizeLimit {
    color: #666;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.contentPage .contentControl .back {
    width: 3.51852rem
}

.contentPage .contentControl .back a {
    width: 100%;
    height: 100%;
    display: block;
    line-height: 1.18519rem;
    color: #666;
    text-align: center
}

.contentPage .contentControl .next {
    margin: 0
}

@media (max-width:1080px) {
    .contentPage .contentTitle #share {
        display: none
    }
    .contentPage .contentTitle .bigTitle {
        width: 100%
    }
    .contentPage .contentControl {
        height: auto
    }
    .contentPage .contentControl>div {
        float: none;
        width: 100%;
        margin-bottom: .18519rem
    }
    .contentPage .contentControl>div a div {
        text-align: center
    }
    .contentPage .contentControl .back {
        width: 100%
    }
}

#videoSlide {
    background: #f9f9f9;
    width: 100%
}

#videoSlide #vsTitle {
    width: 100%;
    height: 1.74074rem;
    line-height: 2.77778rem;
    text-align: center;
    color: #333;
    font-size: .66667rem;
    overflow: hidden
}

#videoSlide #vsBody {
    height: 11.77778rem;
    padding-left: .14815rem;
    margin-top: 1rem
}

#videoSlide #vsBody .ab2Controls {
    width: 1.35185rem;
    height: 1.35185rem;
    position: absolute;
    top: 50%;
    margin-top: -.67593rem;
    background-color: rgba(0, 0, 0, .8);
    cursor: pointer;
    z-index: 20
}

#videoSlide #vsBody .ab2Controls div {
    width: .24074rem;
    height: 100%;
    margin: 0 auto;
    background-image: url(../images/arrow.png);
    background-position: 0;
    background-repeat: no-repeat
}

#videoSlide #vsBody .ab2Next {
    left: 0
}

#videoSlide #vsBody .ab2Prev {
    right: .01852rem
}

#videoSlide #vsBody .ab2Prev div {
    background-position: -.24074rem
}

#videoSlide #vsBody li a {
    color: #333
}

#videoSlide #vsBody li .vCover {
    background: #000;
    border-radius: .18519rem;
    -webkit-box-shadow: 0 0 .18519rem rgba(0, 0, 0, .8);
    box-shadow: 0 0 .18519rem rgba(0, 0, 0, .8);
    overflow: hidden;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
}

#videoSlide #vsBody li .vCover img,
#videoSlide #vsBody li .vTitle {
    width: 100%;
    -webkit-transition: all .5s ease-in 0s;
    transition: all .5s ease-in 0s
}

#videoSlide #vsBody li .vTitle {
    height: 2.40741rem;
    text-align: center;
    font-size: .74074rem;
    line-height: 1.85185rem;
    font-weight: 700;
    overflow: hidden;
    color: #333
}

#videoSlide #vsBody li .vTitle img {
    display: inline-block;
    margin-right: .18519rem;
    -webkit-transition: all .5s ease-in 0s;
    transition: all .5s ease-in 0s
}

#videoSlide #vsBody .roundabout-holder {
    height: 11.77778rem;
    width: 97%;
    z-index: 1;
    margin: 0 auto
}

#videoSlide #vsBody .roundabout-moveable-item {
    display: block;
    height: 12.85185rem;
    width: 18.18519rem;
    cursor: pointer
}

#videoSlide #vsBody .roundabout-moveable-item .vCover {
    border-radius: .18519rem;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
}

#videoSlide #vsBody .roundabout-moveable-item .vCover img {
    opacity: .5
}

#videoSlide #vsBody .roundabout-moveable-item .vTitle {
    font-size: .44444rem;
    line-height: .92593rem;
    opacity: .5
}

#videoSlide #vsBody .roundabout-moveable-item .vTitle img {
    height: .44444rem
}

#videoSlide #vsBody .roundabout-in-focus {
    cursor: auto;
    opacity: 1
}

#videoSlide #vsBody .roundabout-in-focus .vCover img {
    opacity: 1
}

#videoSlide #vsBody .roundabout-in-focus .vTitle {
    font-size: .74074rem;
    line-height: 1.85185rem;
    opacity: 1
}

#videoSlide #vsBody .roundabout-in-focus .vTitle img {
    height: .92593rem
}

#videoList {
    width: 100%;
    padding-top: .88889rem;
    padding-bottom: 1.11111rem;
    overflow: hidden
}

#videoList #videoCate {
    width: 100%;
    height: 1.07407rem
}

#videoList #videoCate .vcItems {
    padding: 0 .64815rem;
    background-image: url(../images/vcate.png);
    background-position: 0 0;
    background-repeat: no-repeat;
    color: #333;
    font-size: .55556rem;
    float: left
}

#videoList #videoCate .vcItems a {
    color: #333
}

#videoList #videoCate .current {
    background-image: url(../images/vcate_act.png)
}

#videoList #videoCate .current a {
    color: #00a0e9;
    cursor: default
}

#videoList #vlItems {
    width: 100%;
    overflow: hidden;
    padding-bottom:2px;
}

#videoList #vlItems .vlItem {
    width: calc((100% - 1.2963rem)/3);
    overflow: hidden;
    margin-bottom: .40741rem;
    float: left;
    margin-right: .64815rem
}

#videoList #vlItems .vlItem a {
    color: #333
}

#videoList #vlItems .vlItem a .vlImg {
    width: 100%;
    height: 6.66667rem;
    overflow: hidden
}

#videoList #vlItems .vlItem a .vlImg img {
    position: absolute;
    -webkit-transition: all 3s ease;
    transition: all 3s ease
}

#videoList #vlItems .vlItem a .vlTitle {
    height: 1.2037rem;
    line-height: 1.2037rem;
    font-size: .44444rem;
    background: url(../images/vlist.png) 100% no-repeat
}

#videoList #vlItems .vlItem:nth-child(3n+0) {
    margin-right: 0
}

#videoList #vlItems .vlItem:hover a .vlImg img {
    -webkit-transform: scale(1.3);
    transform: scale(1.3)
}

@media (max-width:1080px) {
    #videoSlide #vsBody .ab2Controls {
        width: 50%;
        position: absolute;
        top: auto;
        bottom: 0
    }
    #videoSlide #vsBody .ab2Next {
        left: 0
    }
    #videoSlide #vsBody .ab2Prev {
        right: 0
    }
    #videoSlide #vsBody .roundabout-in-focus .vTitle {
        font-size: .48148rem;
        line-height: 1.48148rem
    }
    #videoSlide #vsBody .roundabout-in-focus .vTitle img {
        height: .55556rem
    }
    #videoList #videoCate {
        height: auto;
        overflow: hidden;
        margin-bottom: .55556rem
    }
    #videoList #videoCate .vcItems {
        width: 50%;
        padding-right: 0;
        font-size: .44444rem
    }
    #videoList #vlItems .vlItem {
        width: 90%;
        margin: 0 5%;
        float: none
    }
}

#serviceIntro #siTitle {
    width: 100%;
    height: 2.87037rem;
    line-height: 2.87037rem;
    color: #222;
    font-size: .55556rem;
    text-align: center;
    background: url(../images/servicetitlebg.png) 50% no-repeat
}

#serviceIntro .contentBody {
    color: #444;
    font-size: .2963rem;
    line-height: .7963rem;
    text-align: justify
}

#serviceSlide {
    width: 100%;
    overflow: hidden;
    padding-top: .59259rem;
    padding-bottom: .55556rem
}

#serviceSlide .slControl {
    margin-top: .92593rem;
    width: 48%;
    float: left;
    height: .92593rem;
    cursor: pointer;
    z-index: 20;
    background: rgba(0, 0, 0, .3)
}

#serviceSlide .slControl:before {
    content: "";
    display: block;
    position: relative;
    width: .24074rem;
    height: 100%;
    margin: 0 auto;
    background-image: url(../images/arrow.png);
    background-position: 0;
    background-repeat: no-repeat
}

#serviceSlide .slNext {
    float: right
}

#serviceSlide .slNext:before {
    background-position: -.24074rem
}

#serviceSlide #ssBody {
    width: 100%;
    overflow: hidden;
    height: 12.16667rem
}

#serviceSlide #ssBody .ssColum {
    width: calc(100% - .00617rem);
    height: 100%;
    overflow: hidden
}

#serviceSlide #ssBody .ssColum .ssItem {
    width: 100%
}

#serviceSlide #ssBody .ssColum .ssItem .ssImg {
    width: 100%;
    overflow: hidden
}

#serviceSlide #ssBody .ssColum .ssItem .ssImg img {
    position: absolute;
    -webkit-transition: all 3s ease;
    transition: all 3s ease
}

#serviceSlide #ssBody .ssColum .ssItem .ssTitle {
    width: 100%;
    height: .92593rem;
    line-height: .92593rem;
    text-align: center;
    font-size: .44444rem;
    color: #222
}

#serviceSlide #ssBody .ssColum .ssItem:hover .ssImg img {
    -webkit-transform: scale(1.3);
    transform: scale(1.3)
}

@media (max-width:1080px) {
    #serviceSlide #ssBody .ssColum {
        width: 100%
    }
    #serviceSlide #ssBody .ssColum .ssItem:hover .ssImg img {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

#textList {
    padding-bottom: .83333rem
}

.tlItem {
    width: 100%;
    height: 4.03704rem;
    background-color: #fff;
    background-image: url(../images/tl_arrow.png);
    background-position: 94.1%;
    background-repeat: no-repeat;
    margin-bottom: .37037rem;
    -webkit-transition: all .5s ease-in 0s;
    transition: all .5s ease-in 0s
}

.tlItem a {
    color: #444;
    display: block;
    width: 100%
}

.tlItem a,
.tlItem a .tlText {
    -webkit-transition: all .5s ease-in 0s;
    transition: all .5s ease-in 0s;
    height: 100%;
    overflow: hidden
}

.tlItem a .tlText {
    width: calc(100% - 2.77778rem);
    padding-top: .44444rem;
    padding-bottom: .44444rem;
    padding-left: .81481rem
}

.tlItem a .tlText .tlTitle {
    width: 100%;
    height: .92593rem;
    line-height: .92593rem;
    overflow: hidden;
    color: #222;
    font-size: .40741rem;
    font-weight: 700;
    -webkit-transition: all .5s ease-in 0s;
    transition: all .5s ease-in 0s
}

.tlItem a .tlText .tlContent {
    line-height: .7037rem;
    height: 1.40741rem;
    width: 100%;
    font-size: .2963rem;
    text-align: justify;
    overflow: hidden
}

.tlItem a .tlText .tlDate {
    line-height: .74074rem;
    font-size: .2963rem;
    color: #717171;
    -webkit-transition: all .5s ease-in 0s;
    transition: all .5s ease-in 0s
}

.top a .tlImg {
    width: 5.74074rem;
    height: 100%;
    overflow: hidden;
    float: left
}

.top a .tlImg img {
    position: absolute;
    -webkit-transition: all 2s ease;
    transition: all 2s ease
}

.top a .tlText {
    width: calc(100% - 8.51852rem);
    float: left;
    padding-left: .46296rem
}

.tlItem:hover {
    background-color: #00a0e9;
    background-image: url(../images/tl_arrow_act.png)
}

.tlItem:hover a,
.tlItem:hover a .tlText .tlContent,
.tlItem:hover a .tlText .tlTitle {
    color: #fff
}

.tlItem:hover a .tlText .tlDate {
    color: #7bc2f2
}

.top:hover a .tlImg img {
    -webkit-transform: scale(1.4);
    transform: scale(1.4)
}

@media (min-width:1081px) {
    .tlItem a .tlText .tlTitle {
        text-overflow: ellipsis;
        white-space: nowrap
    }
    .tlItem a .tlText .tlContent {
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical
    }
}

@media (max-width:1080px) {
    .tlItem {
        width: 100%;
        height: auto;
        background: none;
        margin-bottom: .37037rem;
        -webkit-transition: none;
        transition: none
    }
    .tlItem a {
        color: #444;
        display: block;
        height: 100%
    }
    .tlItem a,
    .tlItem a .tlText {
        -webkit-transition: none;
        transition: none;
        width: 100%;
        overflow: hidden
    }
    .tlItem a .tlText {
        height: auto;
        padding: .44444rem .18519rem
    }
    .tlItem a .tlText .tlTitle {
        width: 100%;
        height: auto;
        line-height: .92593rem;
        overflow: hidden;
        color: #222;
        font-size: .40741rem;
        font-weight: 700;
        -webkit-transition: none;
        transition: none
    }
    .tlItem a .tlText .tlContent {
        line-height: .7037rem;
        height: auto;
        width: 100%;
        font-size: .2963rem;
        text-align: justify;
        overflow: hidden
    }
    .tlItem a .tlText .tlDate {
        line-height: .74074rem;
        font-size: .2963rem;
        color: #717171;
        overflow: hidden
    }
    .top a .tlImg {
        width: 100%;
        height: 5.55556rem;
        overflow: hidden;
        float: none
    }
    .top a .tlImg img {
        position: absolute;
        -webkit-transition: all 2s ease;
        transition: all 2s ease
    }
    .top a .tlText {
        width: 100%;
        float: none;
        padding-left: .18519rem;
        padding-right: .18519rem
    }
    .tlItem:hover {
        background: none
    }
    .tlItem:hover a {
        color: #444
    }
    .tlItem:hover a .tlText .tlTitle {
        color: #222
    }
    .tlItem:hover a .tlText .tlContent {
        color: #444
    }
    .tlItem:hover a .tlText .tlDate {
        color: #717171
    }
    .top:hover a .tlImg img {
        -webkit-transform: scale(1.4);
        transform: scale(1.4)
    }
}

.pageContainer>div.conItem {
    height: 7.37037rem;
    overflow: hidden;
    margin-bottom: .74074rem;
    border-radius: .18519rem;
    -webkit-box-shadow: 0 0 .09259rem rgba(0, 0, 0, .5);
    box-shadow: 0 0 .09259rem rgba(0, 0, 0, .5);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
}

.pageContainer>div.conItem .ciCover {
    width: 6.16667rem;
    height: 100%;
    position: absolute;
    top: 0;
    z-index: 10;
    background: rgba(0, 160, 233, .7)
}

.pageContainer>div.conItem .ciCover .ciICO {
    position: absolute;
    z-index: 10;
    width: 1.11111rem;
    height: 1.11111rem;
    border-radius: 50%;
    background: #fff;
    font-size: .55556rem;
    font-weight: 700;
    text-align: center;
    line-height: 1.11111rem;
    color: #00a0e9
}

.pageContainer>div.conItem .ciCover .cicBody {
    width: 100%;
    height: 100%;
    padding: .59259rem;
    overflow: hidden;
    display: table
}

.pageContainer>div.conItem .ciCover .cicTable {
    width: 100%;
    height: 100%;
    display: table-cell;
    color: #fff;
    vertical-align: middle;
    overflow: hidden
}

.pageContainer>div.conItem .ciCover .cicTable h1 {
    line-height: 1.25926rem;
    width: 100%;
    margin: 0;
    font-size: .88889rem;
    text-align: center;
    font-weight: 700;
    display: inline-block
}

.pageContainer>div.conItem .ciCover .cicTable h5 {
    line-height: .62963rem;
    font-size: .44444rem;
    margin: 0;
    text-align: center;
    display: inline-block;
    width: 100%
}

.pageContainer>div.conItem img {
    position: absolute
}

.conItem:nth-child(odd) .ciCover {
    right: 0
}

.conItem:nth-child(odd) .ciCover .ciICO {
    right: .37037rem;
    top: .37037rem
}

.conItem:nth-child(2n) {
    left: 0
}

.conItem:nth-child(2n) .ciCover .ciICO {
    left: .37037rem;
    top: .37037rem
}

.zoomOut img {
    -webkit-transition: all 5s ease;
    transition: all 5s ease
}

.zoomOut:hover img {
    -webkit-transform: scale(1.5);
    transform: scale(1.5)
}

@media (max-width:1080px) {
    .pageContainer>div.conItem {
        height: auto
    }
    .pageContainer>div.conItem img {
        position: relative
    }
    .pageContainer>div.conItem .ciCover {
        position: relative;
        height: 2.77778rem;
        width: 100%
    }
    .pageContainer>div.conItem .ciCover .ciICO {
        display: none
    }
    .pageContainer>div.conItem .ciCover .cicBody {
        padding: .37037rem
    }
    .pageContainer>div.conItem .ciCover .cicTable h1 {
        line-height: .92593rem;
        width: 100%;
        margin: 0;
        font-size: .66667rem;
        text-align: center;
        font-weight: 700;
        display: inline-block
    }
    .pageContainer>div.conItem .ciCover .cicTable h5 {
        line-height: .44444rem;
        font-size: .33333rem;
        margin: 0;
        text-align: center;
        display: inline-block;
        width: 100%
    }
}

.pageContainer>div.rulItem {
    padding: .96296rem .74074rem;
    margin-bottom: .96296rem;
    overflow: hidden;
    background: #fff;
    -webkit-box-shadow: 0 0 .18519rem rgba(0, 0, 0, .2);
    box-shadow: 0 0 .18519rem rgba(0, 0, 0, .2)
}

.pageContainer>div.rulItem .ruleICO {
    width: 3.40741rem;
    height: 100%;
    float: left
}

.pageContainer>div.rulItem .ruleICO img {
    width: 2.44444rem;
    height: 2.44444rem;
    margin-top: .33333rem;
    -webkit-transition: all .5s ease-in 0s;
    transition: all .5s ease-in 0s
}

.pageContainer>div.rulItem .ruleText {
    width: calc(100% - 3.40741rem);
    height: auto;
    overflow: hidden;
    float: left
}

.pageContainer>div.rulItem .ruleText .rtTitle {
    line-height: 1.38889rem;
    width: 100%;
    font-size: .51852rem;
    color: #00a0e9;
    font-weight: 700
}

.pageContainer>div.rulItem .ruleText .rtContent {
    width: 100%;
    height: auto;
    overflow: hidden
}

.pageContainer>div.rulItem .ruleText .rtContent li {
    width: 50%;
    float: left;
    line-height: .74074rem;
    overflow: hidden;
    font-size: .2963rem;
    color: #666
}

.pageContainer>div.rulItem .ruleText .rtContent li:before {
    content: "";
    width: .18519rem;
    height: .18519rem;
    border-radius: 50%;
    background: #00a0e9;
    display: inline-block;
    margin-right: .18519rem
}

.rulItem:hover .ruleICO img {
    -webkit-transform: scale(1.2);
    transform: scale(1.2)
}

@media (max-width:1080px) {
    .pageContainer>div.rulItem {
        padding: .55556rem .18519rem
    }
    .pageContainer>div.rulItem .ruleICO {
        float: none;
        width: 100%;
        height: 2.44444rem;
        margin-bottom: .55556rem
    }
    .pageContainer>div.rulItem .ruleICO img {
        margin: 0 auto
    }
    .pageContainer>div.rulItem .ruleText {
        width: 100%;
        float: none
    }
    .pageContainer>div.rulItem .ruleText .rtTitle {
        font-size: .37037rem;
        line-height: .74074rem
    }
    .pageContainer>div.rulItem .ruleText .rtContent li {
        float: none;
        width: 100%
    }
}

.videoBody,
.videoBody .videoImg {
    width: 100%;
    overflow: hidden
}

.videoBody .videoImg #vPlayer,
.videoBody .videoImg img {
    width: 100%
}

.videoBody .videoImg:after {
    width: 100%;
    position: relative;
    display: block;
    height: .09259rem;
    background: #00a0e9;
    content: ""
}

.videoBody .videoTitle {
    height: 1.35185rem;
    line-height: 1.35185rem;
    font-size: .55556rem;
    color: #222;
    text-align: center;
    font-weight: 700;
    background: #fff
}

.video-js .vjs-big-play-button {
    height: 100%;
    width: 100%;
    position: relative;
    top: 0;
    left: 0;
    padding: 0;
    cursor: pointer;
    opacity: 1;
    border: none;
    border-radius: 0
}

.video-js .vjs-big-play-button .vjs-icon-placeholder:before {
    content: "";
    background-color: rgba(0, 0, 0, .5);
    background-image: url(../images/cvideoplay.png);
    background-position: 50%;
    background-repeat: no-repeat
}

#videoICO {
    position: absolute;
    right: .55556rem;
    bottom: .55556rem;
    background: #00a0e9;
    width: 3.14815rem;
    height: 3.14815rem;
    border-radius: 50%;
    overflow: hidden;
    z-index: 15
}

#videoICO a {
    color: #fff
}

#videoICO a .vicoBody {
    width: 100%;
    height: 100%;
    display: table
}

#videoICO a .vicoBody .vicoTable {
    width: 100%;
    height: 100%;
    display: table-cell;
    vertical-align: middle
}

#videoICO a .vicoBody .vicoTable h1 {
    width: 100%;
    height: .7037rem;
    font-size: .55556rem;
    font-weight: 400;
    text-align: center;
    color: #fff;
    margin: 0;
    overflow: hidden
}

#videoICO a .vicoBody .vicoTable span {
    width: 100%;
    font-size: .25926rem;
    color: #005f8b;
    text-align: center;
    overflow: hidden;
    display: inline-block
}

@media (max-width:1080px) {
    #videoICO,
    .cVideo {
        overflow: hidden
    }
    #videoICO {
        position: relative;
        right: 0;
        bottom: auto;
        background: #00a0e9;
        width: 100%;
        height: .92593rem;
        border-radius: 0;
        z-index: 15
    }
    #videoICO a {
        color: #fff
    }
    #videoICO a .vicoBody {
        width: 100%;
        height: 100%;
        display: table
    }
    #videoICO a .vicoBody .vicoTable {
        width: 100%;
        height: 100%;
        display: table-cell;
        vertical-align: middle
    }
    #videoICO a .vicoBody .vicoTable h1 {
        width: 100%;
        height: .44444rem;
        font-size: .37037rem;
        font-weight: 400;
        text-align: center;
        color: #fff;
        margin: 0;
        overflow: hidden
    }
    #videoICO a .vicoBody .vicoTable span {
        display: none;
        width: 100%;
        font-size: .25926rem;
        color: #005f8b;
        text-align: center;
        overflow: hidden
    }
}

.brandItem {
    width: 100%;
    border-left: .01852rem solid #c4c4c4
}

.brandItem .brandImg {
    position: absolute;
    width: 3.7037rem;
    height: 3.7037rem;
    border-radius: 50%;
    background: #fff;
    left: -1.85185rem;
    top: 0;
    z-index: 10;
    overflow: hidden
}

.brandItem .brandImg .biTable {
    width: 100%;
    height: 100%;
    display: table;
    overflow: hidden
}

.brandItem .brandImg .biTable .biCell {
    width: 100%;
    height: 100%;
    overflow: hidden;
    display: table-cell;
    text-align: center;
    vertical-align: middle
}

.brandItem .brandImg .biTable .biCell img {
    max-width: 90%;
    display: inline
}

.brandItem .brandText {
    padding-left: 2.77778rem;
    width: 100%;
    padding-bottom: 1.38889rem;
    overflow: hidden;
    height: auto
}

.brandItem .brandText .btTitle {
    min-height: .92593rem;
    width: 100%;
    font-size: .55556rem;
    color: #00a0e9
}

.brandItem .brandText .btContent {
    width: 100%;
    height: 1.77778rem;
    overflow: hidden;
    color: #666
}

.brandItem .brandText .btContent>div {
    height: auto;
    overflow: hidden;
    line-height: .59259rem;
    text-align: justify
}

.brandItem .btControl {
    height: .48148rem;
    font-size: .25926rem;
    color: #00a0e9;
    cursor: pointer
}

.brandItem .btcOpen .btControl {
    width: .92593rem;
    background: url(../images/arrowup.png) 100% no-repeat
}

.brandItem .btcClose .btContent>div {
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical
}

.brandItem .btcClose .btControl {
    width: 1.38889rem;
    background: url(../images/arrowdown.png) 100% no-repeat
}

.brandItem:last-child {
    border: none
}

.brand {
    padding-left: 1.85185rem
}

@media (max-width:760px) {
    .brand {
        padding: 0
    }
    .brandItem {
        border: none;
        margin-bottom: .55556rem
    }
    .brandItem .brandImg {
        width: 100%;
        position: relative;
        left: 0;
        border-radius: 0;
        margin-bottom: .37037rem
    }
    .brandItem .brandText {
        padding: 0 .18519rem
    }
}

.supervise .svItem {
    width: 100%;
    overflow: hidden;
    height: auto;
    border-radius: .07407rem;
    background: #fff;
    margin-bottom: .18519rem
}

.supervise .svItem>div:first-child {
    height: 1.11111rem;
    width: 100%;
    line-height: 1.11111rem;
    color: #333;
    font-size: .40741rem;
    border-radius: .07407rem;
    background: #fff;
    -webkit-transition: all .5s ease-in 0s;
    transition: all .5s ease-in 0s
}

.supervise .svItem>div:before {
    content: "";
    width: 1.11111rem;
    height: 1.11111rem;
    background-position: 50%;
    background-repeat: no-repeat;
    float: left
}

.supervise .svItem .message {
    cursor: pointer
}

.supervise .svItem .messageIntro {
    width: 100%;
    height: auto;
    overflow: hidden;
    padding-top: .61111rem;
    padding-bottom: 1.44444rem;
    display: none
}

.supervise .svItem .messageIntro h1 {
    height: 1.11111rem;
    width: 100%;
    overflow: hidden;
    margin: 0;
    color: #222;
    font-size: .55556rem;
    text-align: center
}

.supervise .svItem .messageIntro div {
    color: #666;
    font-size: .2963rem;
    line-height: .66667rem;
    margin-bottom: .66667rem;
    text-align: justify;
    padding: 0 .18519rem
}

.supervise .svItem .messageIntro div h5 {
    color: #222;
    font-size: .33333rem;
    line-height: .74074rem;
    margin: 0;
    display: inline
}

.supervise .svItem .messageIntro #mesPop {
    width: 3.24074rem;
    height: .92593rem;
    line-height: .92593rem;
    text-align: center;
    color: #fff;
    background: #00a0e9;
    border-radius: .46296rem;
    border: none;
    margin: 0 auto;
    display: block;
    cursor: pointer
}

.supervise .svItem .phone:before {
    background-image: url(../images/icon_phone.png)
}

.supervise .svItem .mail:before {
    background-image: url(../images/icon_mail.png)
}

.supervise .svItem .message:before {
    background-image: url(../images/icon_screen.png)
}

.supervise .svItem .message:after {
    content: "+";
    width: .74074rem;
    height: .74074rem;
    border-radius: 50%;
    float: right;
    margin-top: .18519rem;
    margin-right: .18519rem;
    background: #00a0e9;
    color: #fff;
    text-align: center;
    line-height: .74074rem;
    -webkit-transition: all .5s ease-in 0s;
    transition: all .5s ease-in 0s
}

.supervise .current .message:before {
    background-image: url(../images/icon_screen_act.png)
}

.supervise .current>div:first-child {
    color: #fff;
    background: #00a0e9
}

.supervise .current .message:after {
    content: "-";
    color: #00a0e9;
    background: #fff
}

.modal-dialog {
    width: 14.68519rem;
    max-width: 14.68519rem;
    overflow: hidden
}

.modal-dialog .modal-content {
    border-radius: .09259rem
}

.modal-dialog .modal-header {
    width: 100%;
    height: 2.22222rem;
    padding: 0;
    border-radius: 0;
    overflow: hidden
}

.modal-dialog .modal-header h5 {
    color: #00a0e9;
    height: 100%;
    width: 100%;
    margin: 0;
    line-height: 2.22222rem;
    font-size: .66667rem;
    text-align: center;
    font-weight: 400
}

.modal-dialog .modal-header .close {
    position: absolute;
    right: 0;
    top: 0;
    width: .55556rem;
    height: .55556rem;
    background: #ececec;
    color: #474747;
    font-size: .33333rem;
    padding: 0;
    margin: 0;
    border-radius: .05556rem;
    -webkit-transform: none;
    transform: none
}

.modal-dialog .modal-body {
    padding: .74074rem .83333rem;
    background: #fcfcfc
}

.modal-dialog .modal-body .alert {
    display: none
}

.modal-dialog .modal-body .container {
    padding: 0
}

.modal-dialog .modal-body .container .row {
    min-height: 1.16667rem;
    margin-bottom: .2963rem
}

.modal-dialog .modal-body .container .row .col h1 {
    margin: 0;
    height: 1.16667rem;
    line-height: 1.16667rem;
    color: #222;
    font-size: .44444rem;
    font-weight: 400
}

.modal-dialog .modal-body .container .row .col .inputGroup {
    width: 100%;
    height: 100%;
    background: #fff;
    border-radius: .07407rem;
    border: .01852rem solid #dcdcdc;
    padding: .27778rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.modal-dialog .modal-body .container .row .col .inputGroup .inputTitle {
    margin-right: .18519rem;
    height: 100%;
    line-height: .61111rem;
    color: #888;
    font-size: .33333rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.modal-dialog .modal-body .container .row .col .inputGroup .inputSty {
    height: 100%;
    width: 1%;
    color: #222;
    font-size: .33333rem;
    border: none;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.modal-dialog .modal-body .container .row .col .inputGroup .textareaSty {
    width: 1%;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    height: 1.85185rem;
    font-size: .33333rem;
    color: #222;
    border: none
}

.modal-dialog .modal-body .container .row .col .inputGroup .btn {
    font-size: .2963rem;
    color: #fff;
    height: .66667rem;
    border-radius: .09259rem;
    background: #00a0e9;
    border: none;
    padding: 0 .55556rem;
    font-weight: 400
}

.modal-dialog .modal-body .container .row .require {
    padding-right: 0
}

.modal-dialog .modal-body .container .row .require .inputGroup {
    width: calc(100% - .27778rem);
    float: left
}

.modal-dialog .modal-body .container .row .require:after {
    content: "*";
    color: red;
    font-size: .37037rem;
    display: block;
    float: right;
    line-height: 1.16667rem
}

.modal-dialog .modal-footer {
    height: 2.22222rem;
    text-align: center;
    padding: .64815rem 0;
    display: block;
    vertical-align: middle
}

.modal-dialog .modal-footer .btn {
    font-size: .2963rem;
    color: #fff;
    height: .92593rem;
    width: 3.33333rem;
    border-radius: .46296rem;
    background: #00a0e9;
    padding: 0;
    font-weight: 400;
    border: none
}

@media (max-width:760px) {
    .supervise {
        width: 95%;
        margin: 0 auto
    }
    .modal-dialog {
        width: 95%;
        max-width: 95%;
        margin: .55556rem auto
    }
    .modal-dialog .modal-body {
        padding: .37037rem
    }
    .modal-dialog .modal-body .container .row .col {
        width: 100%;
        display: block;
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
        padding: 0 .18519rem
    }
    .modal-dialog .modal-body .container .row .col:first-child {
        margin-bottom: .2963rem
    }
}

.blur {
    filter: blur(.09259rem);
    -webkit-filter: blur(.09259rem);
    -moz-filter: blur(.09259rem);
    -o-filter: blur(.09259rem);
    -ms-filter: blur(.09259rem)
}

* {
    padding: 0;
    margin: 0
}

html {
    overflow-x: hidden;
    overflow-y: auto;
    font-size: 13.33333333vw
}

::-webkit-scrollbar {
    width: 0
}

::-webkit-scrollbar-track {
    background-color: transparent;
    border-radius: 2em
}

::-webkit-scrollbar-thumb {
    background-color: #000;
    border-radius: 2em;
    width: 8px
}

@media (min-width:560px) {
    html {
        font-size: 54px
    }
}

body {
    font-family: Arial, 微软雅黑;
    font-size: .25926rem;
    font-color: #222
}

img {
    border: none;
    display: block
}

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

div,
li,
ul {
    position: relative
}

div {
    display: block;
    outline: none
}

a,
a:hover {
    text-decoration: none
}

#footLinks button div,
#logo,
.fl {
    float: left
}

#footWrap,
#menuBG .subMenu,
.marginauto {
    margin: 0 auto
}

#qrCode,
#topMenus,
.fr {
    float: right
}

.clear {
    clear: both
}

.autoHeight {
    height: auto;
    overflow: hidden
}

.black {
    color: #000
}

#footWrap,
#menuBG,
#menuBody,
#quickLink a,
#quickLink div,
.white {
    color: #fff
}

.gray {
    color: #434343
}

.mask_black {
    background-color: rgba(0, 0, 0, .6)
}

.displayNone {
    display: none
}

#menuBG .subMenu .smItems,
.size16 {
    font-size: .2963rem
}

.size18 {
    font-size: .33333rem
}

.size24 {
    font-size: .44444rem
}

.size48 {
    font-size: .88889rem
}

.alignCenter {
    text-align: center
}

.wrap {
    max-width: 22.22222rem;
    position: relative;
    margin: 0 auto
}

.change2rem img {
    display: inline-block
}

.change2rem p {
    margin: 0
}

@media (max-width:1080px) {
    .wrap {
        width: 17.40741rem
    }
}

@media (max-width:992px) {
    .wrap {
        width: 13.7037rem
    }
}

@media (max-width:760px) {
    .wrap {
        width: auto
    }
}

#logo img,
#quickLink,
#topMenus,
.transition,
header {
    -webkit-transition: all .5s ease-in 0s;
    transition: all .5s ease-in 0s
}

.transition1 {
    -webkit-transition: all 1s ease;
    transition: all 1s ease
}

.transition3 {
    -webkit-transition: all 3s ease;
    transition: all 3s ease
}

.delay01 {
    transition-delay: .1s;
    -moz-transition-delay: .1s;
    -webkit-transition-delay: .1s;
    -o-transition-delay: .1s
}

.delay02 {
    transition-delay: .2s;
    -moz-transition-delay: .2s;
    -webkit-transition-delay: .2s;
    -o-transition-delay: .2s
}

.delay03 {
    transition-delay: .3s;
    -moz-transition-delay: .3s;
    -webkit-transition-delay: .3s;
    -o-transition-delay: .3s
}

.delay04 {
    transition-delay: .4s;
    -moz-transition-delay: .4s;
    -webkit-transition-delay: .4s;
    -o-transition-delay: .4s
}

.delay05 {
    transition-delay: .5s;
    -moz-transition-delay: .5s;
    -webkit-transition-delay: .5s;
    -o-transition-delay: .5s
}

.delay06 {
    transition-delay: .6s;
    -moz-transition-delay: .6s;
    -webkit-transition-delay: .6s;
    -o-transition-delay: .6s
}

.loader {
    background: #000;
    background: radial-gradient(#222, #000);
    bottom: 0;
    left: 0;
    overflow: hidden;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 99999
}

.loader .loadingFace {
    font-size: .18519rem;
    position: relative;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 3.7037rem;
    height: 3.7037rem;
    left: 50%;
    top: 50%;
    margin-top: -1.85185rem;
    margin-left: -1.85185rem
}

.loader .loadingFace .face {
    display: inline-block;
    position: absolute;
    border-radius: 50%;
    border-style: solid;
    -webkit-animation: animateLoading 3s linear infinite;
    animation: animateLoading 3s linear infinite
}

.loader .loadingFace .face .circle {
    position: absolute;
    width: 51%;
    height: 0;
    top: 50%;
    left: 50%;
    background-color: transparent;
    -webkit-transform-origin: left;
    transform-origin: left
}

.loader .loadingFace .face .circle:before {
    position: absolute;
    top: -.09259rem;
    right: -.09259rem;
    content: "";
    width: .18519rem;
    height: .18519rem;
    background-color: currentColor;
    border-radius: 50%;
    -webkit-box-shadow: 0 0 .37037rem, 0 0 .74074rem, 0 0 1.11111rem, 0 0 1.48148rem, 0 0 1.85185rem, 0 0 0 .09259rem rgba(255, 255, 0, .1);
    box-shadow: 0 0 .37037rem, 0 0 .74074rem, 0 0 1.11111rem, 0 0 1.48148rem, 0 0 1.85185rem, 0 0 0 .09259rem rgba(255, 255, 0, .1)
}

.loader .loadingFace .face:first-child {
    width: 100%;
    height: 100%;
    color: #cd1d73;
    border-color: currentColor transparent transparent currentColor;
    border-width: .03704rem .03704rem 0 0;
    -webkit-animation-direction: normal;
    animation-direction: normal
}

.loader .loadingFace .face:first-child .circle {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.loader .loadingFace .face:nth-child(2) {
    color: #1589cc;
    border-color: currentColor currentColor transparent transparent;
    border-width: .03704rem 0 0 .03704rem;
    animation-direction: reverse;
    width: 2.59259rem;
    height: 2.59259rem;
    left: 50%;
    top: 50%;
    margin-top: -1.2963rem;
    margin-left: -1.2963rem
}

.loader .loadingFace .face:nth-child(2) .circle {
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg)
}

.loader .loadingLogo {
    position: absolute;
    width: 1.18519rem;
    height: 1.77778rem;
    left: 50%;
    top: 50%;
    margin-top: -.88889rem;
    margin-left: -.59259rem;
    background: url(../images/icologo.png) 50% no-repeat;
    background-size: 100%
}

.loader .loadingLogo:after {
    content: "页面加载中，请耐心等待";
    position: absolute;
    bottom: -1.66667rem;
    height: .55556rem;
    line-height: .55556rem;
    width: 5.55556rem;
    color: #fff;
    left: -2.18519rem;
    text-align: center;
    -webkit-animation: animateLoadingText 3s linear infinite;
    animation: animateLoadingText 3s linear infinite;
    font-size: .2963rem
}

@-webkit-keyframes animateLoading {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes animateLoading {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@-webkit-keyframes animateLoadingText {
    0% {
        opacity: 0
    }
    50% {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

@keyframes animateLoadingText {
    0% {
        opacity: 0
    }
    50% {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

header {
    width: 100%;
    height: 2.96296rem;
    position: fixed;
    z-index: 50
}

#headerWrap {
    overflow: visible
}

#menuICO {
    display: none
}

#quickLink {
    width: 3.7037rem;
    height: .33333rem;
    position: absolute;
    right: 0;
    top: .96296rem;
    z-index: 10
}

#quickLink div {
    width: 50%;
    height: 100%;
    float: left;
    padding-left: .46296rem;
    background-position: 0;
    background-size: auto auto;
    background-repeat: no-repeat
}

#qlNei {
    background-image: url(../images/icotop1.png)
}

#qlQun {
    background-image: url(../images/icotop2.png)
}

#logo {
    width: 3.7037rem;
    height: 100%;
    margin-top: .96296rem
}

#logo img {
    width: 100%
}

#logo:hover img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

#topMenus {
    margin-top: .96296rem;
    height: 1.98148rem;
    width: calc(100% - 3.7037rem)
}

#tmActBar {
    position: absolute;
    height: .09259rem;
    width: 1.48148rem;
    background: #00a0e9;
    bottom: 0;
    left: 55.55556rem
}

#menuBody {
    width: 100%;
    height: 100%;
    float: left
}

#menuBody .menuItems {
    width: 12.28571%;
    height: 100%;
    float: left;
    cursor: pointer
}

#menuBody .menuItems .menuTitle {
    width: 100%;
    height: 100%;
    line-height: 1.98148rem;
    font-weight: 700;
    text-align: right
}

#menuBG {
    width: 100%;
    height: 1.57407rem;
    background: rgba(0, 0, 0, .52)
}

#menuBG,
#menuBG .subMenu {
    overflow: hidden;
    display: none
}

#menuBG .subMenu {
    width: 22.22222rem;
    height: 100%;
    padding-left: 5.48148rem
}

#menuBG .subMenu a {
    color: #fff
}

#menuBG .subMenu .smItems {
    min-width: 2.31481rem;
    height: 100%;
    line-height: 1.57407rem;
    padding-right: .92593rem;
    font-weight: 700;
    float: left;
    cursor: pointer
}

#menuBG .subMenu>a:hover {
    color: #00a0e9
}

#menuBG>div.current {
    display: block
}

#menuBG .smCount1 {
    padding-left: 5.55556rem
}

#menuBG .smCount2 {
    padding-left: 7.40741rem
}

#menuBG .smCount3 {
    padding-left: 12.22222rem
}

#menuBG .smCount4 {
    padding-left: 10.55556rem
}

#menuBG .smCount5 {
    padding-left: 11.48148rem
}

#menuBG .smCount6 {
    padding-left: 10.55556rem
}

#menuM {
    display: none
}

.topHide {
    background: rgba(0, 0, 0, .8);
    height: auto
}

.topHide #quickLink {
    display: none
}

.topHide #logo {
    margin-top: .18519rem;
    margin-bottom: .09259rem
}

.topHide #logo img {
    width: 90%
}

.topHide #topMenus {
    margin: 0;
    height: 1.2037rem
}

.topHide #menuBody .menuItems .menuTitle {
    line-height: 1.48148rem
}

.pageContainer {
    width: 100%;
    min-height: 11.11111rem;
    background-color: #f9f9f9;
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: 100% auto;
    padding: 1.11111rem 0
}

.pageContainer img {
    max-width: 100%
}

footer {
    width: 100%;
    background: #535353
}

#footWrap {
    padding-top: .48148rem;
    padding-bottom: .37037rem
}

#footWrap .flTitle {
    line-height: .66667rem;
    overflow: hidden;
    width: auto
}

#footWrap .col {
    padding-left: 0
}

#footLinks {
    width: 14.81481rem;
    margin-bottom: .61111rem
}

#footLinks button {
    background: #fff;
    height: .7037rem;
    line-height: .7037rem;
    padding-left: .18519rem;
    font-size: .25926rem;
    width: 100%;
    text-align: left;
    border: none
}

#footLinks button div {
    width: 90%
}

#footLinks .flMenus {
    min-width: 4.62963rem;
    font-size: .25926rem;
    padding: .37037rem 0
}

#footLinks .flMenus .dropdown-item {
    padding: .18519rem;
    border-radius: 0
}

#footLinks .flMenus .dropdown-item:hover {
    background: #ddd
}

#flBody {
    width: 100%;
    margin: .27778rem 0
}

#footContact {
    width: 14.81481rem
}

#fcWrap {
    margin-top: .27778rem;
    color: #dedede
}

#qrCode {
    margin-top: -4.07407rem
}

#menuBG .subMenu #qrCode .smItems,
#qrCode #menuBG .subMenu .smItems,
#qrCode .size16 {
    line-height: .92593rem
}

#copyright {
    width: 100%;
    height: 1.11111rem;
    line-height: 1.11111rem;
    background: #434343;
    color: #dedede;
    text-align: center
}

.sBanner {
    width: 100%;
    height: 8.61111rem;
    overflow: hidden;
    background-position: center 0;
    background-size: auto 8.61111rem;
    background-repeat: no-repeat;
    background-attachment: fixed
}

.sBanner .wrap {
    overflow: hidden;
    height: 100%;
    color: #fff
}

.sBanner .wrap .sbTitle {
    position: absolute;
    width: 100%;
    height: 1.48148rem;
    left: 0;
    bottom: 1.25926rem;
    font-size: .88889rem;
    font-weight: 700
}

.sBanner .wrap .sbTitle:after {
    content: "";
    width: 1.2963rem;
    height: .14815rem;
    background: #fff;
    display: block
}

.pageMenu {
    width: 100%;
    height: 1.11111rem;
    overflow: hidden;
    background: #fff
}

.pageMenu .wrap {
    height: 100%;
    overflow: hidden
}

.pageMenu .pmBody {
    height: 100%
}

.pageMenu .pmBody .pmItems {
    float: left;
    height: 100%;
    padding: 0 .74074rem;
    cursor: pointer
}

.pageMenu .pmBody .pmItems a {
    -webkit-transition: all .5s ease-in 0s;
    transition: all .5s ease-in 0s;
    color: #000
}

.pageMenu .pmBody .pmItems a .pmiTitle {
    line-height: 1.11111rem;
    font-size: .37037rem
}

.pageMenu .pmBody .pmItems:hover {
    background: #b9ccd5
}

.pageMenu .pmBody .current {
    color: #fff;
    background: #00a0e9
}

.pageMenu .pmBody .current a {
    color: #fff
}

.pageMenu .pmBody .current:hover {
    background: #00a0e9
}

.pageControl {
    text-align: center;
    width: 100%;
    height: .74074rem;
    /*overflow: hidden;*/
    line-height: .74074rem;
    display: inline-block
}

.pageControl a {
    display: inline-block;
    padding: 0 .18519rem;
    line-height: .7037rem;
    color: #666;
    border: .01852rem solid #9e9e9e;
    margin-right: .09259rem
}

.pageControl a.prev {
    font-size: .33333rem
}

.pageControl .pcItems {
    display: inline-block
}

.pageControl .pcItems a {
    font-size: .37037rem
}

.pageControl .pcItems a.current {
    background: #00a0e9;
    color: #fff
}

.pageControl a.next {
    font-size: .33333rem
}

@media (max-width:1080px) {
    #menuBG,
    #quickLink,
    #topMenus,
    .pageMenu {
        display: none
    }
    header {
        position: fixed;
        z-index: 50;
        -webkit-transition: none;
        transition: none
    }
    #headerWrap,
    header {
        width: 100%;
        height: 1.2963rem;
        overflow: hidden
    }
    #headerWrap {
        padding: .18519rem;
        background: rgba(0, 0, 0, .6)
    }
    #menuICO {
        display: block;
        margin: .09259rem;
        float: right
    }
    #menuICO,
    #menuICO img {
        width: .59259rem;
        height: .59259rem
    }
    #logo {
        width: 2.59259rem;
        margin: 0;
        float: left
    }
    #logo img {
        width: 100%;
        -webkit-transition: all .5s ease-in 0s;
        transition: all .5s ease-in 0s
    }
    #logo:hover img {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }
    #menuM {
        z-index: 50;
        background: rgba(0, 0, 0, .9);
        top: 1.2963rem;
        display: block;
        overflow: hidden
    }
    #menuM,
    #mmBody {
        width: 100%;
        position: absolute;
        height: 100%
    }
    #mmBody {
        padding: .46296rem .92593rem;
        left: 0;
        -webkit-transition: all .5s ease-in 0s;
        transition: all .5s ease-in 0s
    }
    #mmMain {
        width: 100%;
        height: 100%
    }
    #mmMain .mmItems {
        width: 100%;
        height: 1.11111rem;
        border-bottom: .01852rem solid hsla(0, 0%, 100%, .1);
        color: #fff;
        text-align: center;
        font-size: .44444rem;
        display: table
    }
    #mmMain .mmItems .mmTitle {
        width: 100%;
        height: 100%;
        display: table-cell;
        text-align: center;
        vertical-align: middle
    }
    #mmBody.hidden {
        left: -100%
    }
    #mmSub {
        position: absolute;
        width: 100%;
        height: 100%;
        padding: .46296rem .92593rem;
        left: 0;
        -webkit-transition: all .5s ease-in 0s;
        transition: all .5s ease-in 0s
    }
    #mmSub .mmsMenus {
        display: none
    }
    #mmSub .mmsMenus .mmsItems {
        width: 100%;
        height: 1.11111rem;
        border-bottom: .01852rem solid hsla(0, 0%, 100%, .1);
        color: #fff;
        text-align: center;
        line-height: 1.11111rem;
        font-size: .44444rem
    }
    #mmSub .mmsMenus .mmsBack {
        width: .59259rem;
        height: .59259rem;
        margin: .74074rem auto
    }
    #mmSub .mmsMenus .mmsBack img {
        width: 100%
    }
    #mmSub>div.current {
        display: block
    }
    #mmSub.hidden {
        left: 100%
    }
    .sBanner {
        height: 5.92593rem
    }
    .pageContainer {
        min-height: 3.7037rem
    }
    .pageContainer .contentBody {
        max-width: calc(100% - .18519rem);
        margin: 0 auto
    }
    #footWrap {
        padding: .48148rem .18519rem .37037rem;
        color: #fff
    }
    #footWrap .col {
        padding-left: 0;
        width: 100%
    }
    #footLinks {
        display: none
    }
    #flBody {
        width: 100%;
        margin: .27778rem 0
    }
    #footContact {
        max-width: 100%
    }
    #footContact .container {
        max-width: 100%;
        margin: 0;
        padding: 0
    }
    #footContact .row {
        display: block;
        margin: 0
    }
    #footContact .col {
        width: 100%;
        clear: both;
        display: block
    }
    #fcWrap {
        margin-top: .27778rem;
        color: #dedede
    }
    #qrCode {
        display: none
    }
    #copyright {
        min-height: 1.11111rem;
        height: auto;
        line-height: 1.11111rem;
        background: #434343;
        color: #dedede
    }
    #copyright,
    .pageControl {
        width: 100%;
        text-align: center
    }
    .pageControl {
        overflow: hidden
    }
    .pageControl,
    .pageControl a {
        height: .74074rem;
        line-height: .74074rem
    }
    .pageControl a {
        display: inline-block;
        padding: 0 .18519rem;
        color: #666;
        border: .01852rem solid #9e9e9e;
        margin-right: .09259rem;
        width: 48%
    }
    .pageControl a.prev {
        font-size: .33333rem
    }
    .pageControl .pcItems {
        display: none
    }
    .pageControl a.next {
        font-size: .33333rem;
        margin: 0
    }
}

.jobs .jItem {
    overflow: hidden;
    height: auto;
    margin-bottom: .18519rem
}

.jobs .jItem,
.jobs .jItem>div:first-child {
    width: 100%;
    border-radius: .07407rem;
    background: #fff
}

.jobs .jItem>div:first-child {
    height: 1.11111rem;
    line-height: 1.11111rem;
    color: #333;
    font-size: .40741rem;
    -webkit-transition: all .5s ease-in 0s;
    transition: all .5s ease-in 0s
}

.jobs .jItem .jiTitle {
    cursor: pointer;
    padding-left: .37037rem
}

.jobs .jItem .jiIntro {
    width: 100%;
    height: auto;
    overflow: hidden;
    padding: .61111rem .18519rem 1.44444rem;
    display: none
}

.jobs .jItem .jiTitle:after {
    content: "+";
    width: .74074rem;
    height: .74074rem;
    border-radius: 50%;
    float: right;
    margin-top: .18519rem;
    margin-right: .18519rem;
    text-align: center;
    line-height: .74074rem;
    -webkit-transition: all .5s ease-in 0s;
    transition: all .5s ease-in 0s
}

.jobs .current>div:first-child,
.jobs .jItem .jiTitle:after {
    background: #00a0e9;
    color: #fff
}

.jobs .current .jiTitle:after {
    content: "-";
    color: #00a0e9;
    background: #fff
}

.owl-carousel{ display: block;}


/*新加*/
#hnWrap .hNewsItem .hnControls{  /* height: 70%;*/}
#hnWrap .hNewsItem{height: 8.37037rem; }
.cardItem .ciImg{/*height: 5.3967rem; */height: 4rem; }
.cardItem .ciImg a img{ width:100%!important; height:100%!important; position:absolute; left:0!important; top:0!important;  object-fit: cover; margin:0!important;}
.cardItem .ciTop .ciTitle .citBody{ line-height:0.5037rem!important; }
.cardItem:hover .ciImg a img{-webkit-transform: scale(1.05)!important;transform: scale(1.05)!important;}
#hnWrap .hNewsItem img{ width: 100%!important; height: 100%!important; object-fit: cover;}
.news-himg1,.news-himg2{ position: absolute; left: 0; top: 0; right: 0; bottom: 0;}
#hnWrap .current img{    -webkit-transform: scale(1.05)!important; transform: scale(1.05)!important;}
.news-himg1{ display: none;height: 100%; position: relative; overflow: hidden;}
.news-ximg1{ display: block;height: 100%; position: relative; overflow: hidden;}
#hnWrap .current .news-himg1{ display: block;}
#hnWrap .current .news-ximg1{ display: none;}

#hnWrap .hNewsItem{ width: 32%;}
#hnWrap .current{ width: 66%; }
#hnWrap .hNewsItem:nth-child(2) {
    margin: 0
}
.cardItem{    height: 7.11481rem;}

#videoList #vlItems .vlItem a .vlTitle{display: -webkit-box;display: box;overflow: hidden;text-overflow: ellipsis;word-break: break-all;-webkit-box-orient: vertical;
	-webkit-line-clamp:1; padding-right: 0.8rem;}


.wraps-brands{ position: relative;}
.blogo1{ position: absolute;  top:50%; transform: translateY(-70%); text-align: center; left: 0; right: 0; }
.blogo1 span{ display: block; margin: 0 auto; position: relative; width: 110px; position: relative;}
.blogo1 cite{display: block; top:30px;/* width: 238px;  height: 176px; background:url("../picture/bors.png") no-repeat; position: absolute; left: 50%; transform: translateX(-58%); top: 20px;*/
             left: 50%; margin-left: -120px;
	width: 160px;
            height: 160px;
            border-radius: 50%;
            position: absolute;
            border: 2px #57c9fe solid;
            transform-style: preserve-3d;
            transform: rotateZ(-60deg) rotateY(70deg) scale(1.8);

}

.blogo1 cite:before{content: '';  display:block;/*content: ''; width: 17px; height: 17px; content: ""; display: block; background:url("../picture/cirlces.png") no-repeat; position: absolute; */
 background:url("../picture/cirlces.png") center center no-repeat;
         width: 10px;
            height: 10px;
            border-radius: 50%;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            margin: auto;
            position: absolute;
      /*      background: #555;*/
            animation: move4 10s linear infinite;


}
 @keyframes move4 {
            from {
                transform: rotateZ(-270deg) translateX(80px) rotateZ(270deg) rotateY(-70deg);
            }
            to {
                transform: rotateZ(90deg) translateX(80px) rotateZ(-90deg) rotateY(-70deg);
            }
        }



.wraps-brands .brands-logos{ max-width:1400px; margin: 0 auto 50px auto; display:-webkit-box;display:-webkit-flex;display:-ms-flexbox; display: flex; -webkit-box-wrap:wrap; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap;}
.wraps-brands .brands-logos .item-cells{ width: 9.11%; margin: 0 1%; position: relative; margin-top: -2.2%; }
.wraps-brands .brands-logos .item-cells img{ max-width: 80%; margin: 0 auto;}
.wraps-brands .brands-logos .item-cells:nth-child(1),.wraps-brands .brands-logos .item-cells:nth-child(2),.wraps-brands .brands-logos .item-cells:nth-child(3),.wraps-brands .brands-logos .item-cells:nth-child(4),.wraps-brands .brands-logos .item-cells:nth-child(5),.wraps-brands .brands-logos .item-cells:nth-child(6),.wraps-brands .brands-logos .item-cells:nth-child(7),.wraps-brands .brands-logos .item-cells:nth-child(8){ margin-top: 0;}

.wraps-brands .brands-logos .item-cells a{ display: flex; height: 110px; max-width: 100%; justify-content: center; margin: 0 auto;  align-items: center; position: relative;}
.wraps-brands .brands-logos .item-cells a:after{ content: ""; background: #fff; display: block; position: absolute; left: 50%; top: 50%; right: 0; max-width: 105px; width:100%; height: 105px; transform:translateX(-50%) translateY(-50%) rotate(45deg);box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.05); transition: all .3s; }
.wraps-brands .brands-logos .item-cells a span{ position: relative; z-index: 3;}
.wraps-brands .brands-logos .item-cells:nth-child(5){ margin-left:11.11%; }
.wraps-brands .brands-logos .item-cells:nth-child(9){margin-left:6.55%;}
.wraps-brands .brands-logos .item-cells:nth-child(12){margin-left:22.22%;}
.wraps-brands .brands-logos .item-cells:nth-child(18){margin-left:33.33%;}
.wraps-brands .brands-logos .item-cells:nth-child(21){margin-left:6.55%;}
.wraps-brands .brands-logos .item-cells:nth-child(24){margin-left:22.22%;}
.wraps-brands .brands-logos .item-cells:nth-child(27){margin-left:23.22%;}

.wraps-brands .brands-logos .item-cells:nth-child(29){margin-left:11.11%;}

.wraps-brands .brands-logos .item-cells:nth-child(31){margin-left:44.42%;}

.wraps-brands .brands-logos .item-cells:hover a:after{  background: #f4fcff;box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.2); }


@media screen and (max-width:480px) {
	
.sBanner.fillBanner{ background-size:cover!important;}
.sBanner {
        height: 4.92593rem;
 }
.sBanner .wrap .sbTitle{    font-size: .58889rem; left: 20px;}
.sBanner .wrap .sbTitle:after{height: .08815rem;    width: 0.8963rem;}
	
#hnWrap_m .hNewsItem{ /*height:5.72222rem;*/}
#bCircle2,#bCircle1{  display: flex; align-items:center; flex-wrap: wrap;  }
#bCircle2 .bcItems{ border-radius:50%; }
#bCircle2 .bcItems a,#bCircle1 .bcItems a{padding-top: 30px; padding-bottom: 30px;  /*overflow: hidden; background: #fff; width: 50px; height: 50px; margin: 0 auto; border-radius:50px; display: flex; align-items:center; justify-content:center;*//**/}	
#bCircle1 .bcItems img,#bCircle2 .bcItems img{ }	
#serviceSlide #ssBody .ssColum .ssItem .ssTitle{    height: 1.42593rem; }
	#hnWrap_m .hNewsItem{height:7.7rem;}	
.news-himg1{ display:none!important; }
.news-ximg1{ display:  block!important;height: 100%; position: relative; overflow: hidden;}	
footer>div{ height: auto!important; line-height: 160%!important}
#hnWrap_m .hNewsItem img{ width: 100%!important; height: 100%!important; object-fit: cover!important;}	
footer	.wrap{ display: block!important;}
footer>div:nth-last-child(1) .wrap *{ display: inline!important; vertical-align: middle;  margin-top: 0!important;}
.change2rem p{ /*line-height: 160%!important; text-align: left;*/}	
	.cardItem{    height: 6rem;}
	.pageControl a.prev:nth-child(1){ display: none!important;}
	footer .footerBqInfo{ display: block!important;}
	footer .footerBqInfo *{display: inline!important; vertical-align: middle;  margin-top: 0!important;}
	
	
	
/*手机端效果*/

.wraps-brands .brands-logos .item-cells{ width: 33.33%; padding:0; margin: 0!important; }
		.wraps-brands .brands-logos .item-cells:nth-child(1),	.wraps-brands .brands-logos .item-cells:nth-child(2),	.wraps-brands .brands-logos .item-cells:nth-child(3){ margin-top: 0!important;}
	.wraps-brands .brands-logos .item-cells{ margin-top: -4%!important;}
.wraps-brands .brands-logos .item-cells{ margin-left: 0;}
.wraps-brands .brands-logos .item-cells a{ width: 90px; height: 90px;}
.wraps-brands .brands-logos .item-cells a:after{ height: 90px;}
.wraps-brands .brands-logos .item-cells:nth-child(4),.wraps-brands .brands-logos .item-cells:nth-child(9),.wraps-brands .brands-logos .item-cells:nth-child(14),.wraps-brands .brands-logos .item-cells:nth-child(19),.wraps-brands .brands-logos .item-cells:nth-child(24),.wraps-brands .brands-logos .item-cells:nth-child(29){ margin-left: 16.66%!important;}
	.wraps-brands .brands-logos .item-cells:nth-child(31){margin-left: 33.33%!important;}
	.blogo1{ position: relative; height: 160px; transform:  translateY(-30px) scale(0.7);}	
	
}

@media (max-width:760px) {
    .contentPage .contentText img{ display: block; height: auto!important}

    .jobs {
        width: 95%;
        margin: 0 auto
    }
    .cardItem .ciTop {
        width: 100%;
        /* height: 3.14815rem; */
        height: auto;
        line-height:150%;
        overflow: hidden;
        padding: .87037rem .37037rem;
        padding: 15px 15px;
        background: #fff
    }
    .cardItem .ciTop:after{top: -3.54819rem;}
    .cardItem .ciTop .ciTitle .citBody，.contentPage .contentTitle .bigTitle{    line-height:150%;}
}
@media screen and (max-width:480px) {
    #bannerWrap li .banner_img { left: 0!important; width:100%!important; margin-left: 0!important;  }
    #bannerWrap li .banner_img img{ width: 100%!important; height: 100%!important; object-fit: cover!important;}

    #bannerWrap .active li img {
        -webkit-transform: scale(1.02);
        transform: scale(1.02)
    }
    #bannerWrap li .banner_img img {
        -webkit-transition: all 0.6s ease;
        transition: all 0.6s ease
    }
}