/***********通用基本类1************/
/*格式化样式*/
* {
    box-sizing: border-box
}

html, body {
    width: 100%;
    height: 100%;
    position: relative;
}

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

table {
    border-collapse: collapse;
    border-spacing: 0;
}

header, footer, section, article, aside, nav, address, figure, figcaption, menu, details {
    display: block;
}

fieldset, img {
    border: 0;
    display: block;
}

address, caption, cite, code, dfn, em, strong, th, var {
    font-style: normal;
    font-weight: normal
}

ol, ul {
    list-style: none
}

h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
    font-weight: normal
}

a {
    text-decoration: none
}
.liActive1{
    color: #ec1675 !important; 
}

/*------------ position ------------*/
.pr {
    position: relative
}

.pa {
    position: absolute
}

.pf {
    position: fixed
}

/*--------- 宽高 ---------*/
.w {
    width: 100%
}

.h {
    height: 100%
}

html, body {
    position: relative;
    height: 100%;
}
/*-----------font----------------*/
@font-face {
    font-family: "ROBOTO-LIGHT";
    src: url("../font/ROBOTO-LIGHT.woff")
}
@font-face {
    font-family: SourceHanSansCN-Light;
    src: url("../font/SourceHanSansCN-Light.woff")
}
@font-face {
    font-family: "Thin";
    src: url("../font/Roboto-Thin.woff")
}
@font-face {
    font-family: "ROBOTO-LIGHT";
    src: url("../font/ROBOTO-LIGHT.otf")
}
@font-face {
    font-family: "Bold";
    src: url("../font/Roboto-Bold.woff")
}
@font-face {
    font-family: "ExLightCond";
    src:url('../font/RTWSYueGoG0v1-ExLightCond.otf');/*自定义字体的路径*/

}
@font-face {
    font-family: "Regular";
    src: url("../font/SourceHanSansCN-Regular.woff"),
         url("../font/SourceHanSansCN-Regular.ttf"),
         url("../font/SourceHanSansCN-Regular.otf");
}
/*------------ float ------------*/
.fl {
    float: left;
}

.fr {
    float: right;
}
.clear::after {
    content: "";
    display: table;
    clear: both;
}

/*------------ clear-float ---------*/
.clear::after {
    content: "";
    display: table;
    clear: both;
    visibility: hidden;
}

.hide {
    display: none;
}

.block {
    display: block;
}



body {
    background: #fff;
    color: #000;
    margin: 0;
    padding: 0;
    font-family: Regular, 'Microsoft YaHei',SimHei;
    overflow-x: hidden;
}
.headerWrap, .container{
    font-family: Regular, 'Microsoft YaHei',SimHei !important;
}
/*滚动条样式*/
body::-webkit-scrollbar {/*滚动条整体样式*/
    width: 4px;     /*高宽分别对应横竖滚动条的尺寸*/
    height: 4px;
}
body::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
    border-radius: 5px;
    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
    background: rgba(0,0,0,0.2);
}
body::-webkit-scrollbar-track {/*滚动条里面轨道*/
    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
    border-radius: 0;
    background: rgba(0,0,0,0.1);
}

.container {
    width: 100%;
    height: 100%;
}

.slideCommon {
    text-align: center;
    font-size: 0.18rem;
    background: #fff;

    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.item-animation{
    animation:ani-fadein 1s linear;
}

@keyframes ani-fadein {
    0% {
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
        visibility: visible;
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}
.header{
    position: relative;
    background: #0a091c;
}
.headerWrap{
    width: 100%;
    position: absolute;
    left:0;
    top:0;
    height:1.75rem;
    padding: 0 1.22rem;
    z-index: 10;

}
.headerWrap .logo{
    /*width: 4.5rem;*/
    /*width: 255px;*/
    width: 154px;
    height: 100%;
    /*background: url('../images/UCD/logo.png') no-repeat center;*/
    background-image: url("./../../images/logo_white.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% auto;
    /*-webkit-background-size:4.5rem auto;*/
    /*background-size:4.5rem auto;*/
}
.headerWrap .logo>a{
    width: 100%;
    height:100%;
    display: block;
}
.headerWrap .UCDLogoBox{
    width: 3.62rem;
    height:100%;
}
/*.headerWrap .UCDLogo{*/
    /*width:3rem;*/
    /*height:100%;*/
    /*background: url('../images/UCD/UCDlogo.png') no-repeat 0% 50%;*/
    /*background-size: 2.42rem auto;*/

/*}*/
.headerWrap .UCDLogoBox .CnToggle{
    width: 0.6rem;
    color: #fff;
    text-decoration:underline;
    line-height: 1.75rem;
    height:1.75rem;
    font-size: 0.24rem;
    text-align: right;
    /*font-family: "ROBOTO-LIGHT";*/
}
.headerWrap .UCDLogoBox .menuBtn{
    width: 0.3rem;
    height:0.25rem;
    cursor: pointer;
    transform: translateY(-50%);
    background: url('../images/UCD/menu.png') no-repeat center;
    background-size: 0.3rem auto;
    top: 50%;
    right:0;

}
.header .videoBox{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -9999;
}
.header .headerText{
    width: 100%;
}
.header .headerText>p{
    font-size: 0.48rem;
    /*font-family: "ROBOTO-LIGHT";*/
    color: #ffffff;
}
.header .headerText>h2{
    line-height: 1.19rem;
    font-size: 1.2rem;
    color: #eb1c74;
    position: relative;
    /*font-family: Bold;*/
}
.header .headerText>h2:after{
    content: "";
    display: block;
    width: 1.91rem;
    height:0.02rem;
    position: absolute;
    left:50%;
    top:120%;
    transform: translateX(-50%);
    background: #eb1c74;

}
.header .headerText>h3{
    margin-top: 0.76rem;
    line-height: 0.72rem;
    height: 0.72rem;
    font-size: 0.36rem;
    color: #fff;
    /*font-family: Regular;*/
    letter-spacing: 0.05rem;

}
.header .headerText>h4{
    line-height: 0.31rem;
    font-size: 0.3rem;
    color: #a6a5a6;
    /*font-family: "ROBOTO-LIGHT";*/
    margin-bottom: 0.5rem;

}
.header .downArrow{
    width:0.61rem;
    height:0.52rem;
    bottom:3%;
    left:50%;
    transform: translateX(-50%);
    animation: downArrow 2s infinite linear ;
}
@keyframes downArrow {
    0%{
        transform: translate(-50%,-0.4rem) scale(1);
        opacity: 1;
    }
    100%{
        transform:  translate(-50%,0.4rem) scale(1.5);
        opacity: 0;
    }
}
.swiper-container-horizontal>.swiper-pagination1{
    bottom: 8% ;
}

.swiper-pagination-bullet{
    margin: 0 15px !important;
    width: 0.12rem !important;
    height:0.12rem !important;
    background: rgba(255,255,255,0) !important;
    border: 0.02rem solid #eb1c74 !important;
    opacity: 1 !important;
    position: relative;
}
.swiper-pagination-bullet:before{
    content: "";
    display: block;
    position: absolute;
    top:50%;
    left:50%;
    transform: translate(-50%,-50%);
    width: 0.5rem;
    height: 0.5rem;
}
.swiper-pagination-bullet-active{
    width: 0.12rem !important;
    height:0.12rem !important;
    background: rgba(255,255,255,0) !important;
    background: #eb1c74 !important;
}
.Popup{
    width: 100%;
    height:100%;
    position: absolute;
    top:0;
    left:0;
    display: none;
    background: rgba(255,255,255,0);
    z-index: 9;
}

.menu{
    /*font-family: "SourceHanSansCN-Light";*/
    position: absolute;
    top:0;
    left:0;
    width: 0%;
    line-height: 2.23rem;
    height:2.23rem;
    background: #1c1d22;
    opacity: 0;
    display: none;
    z-index: 10;
}
.menu>.menuList{
    /*font-family: "SourceHanSansCN-Light";*/
    cursor: pointer;
    font-size: 0.3rem;
    line-height:2.23rem;
    height:2.23rem;
    color: #fff;
    width: 20%;
    text-align: center;
    font-weight: 200;
}
.menu>.menuList.menuActive {
    color:#eb1c74 !important;
}
.menuClose{
    display: none;
    cursor: pointer;
    top:3%;
    right:3%;
    width: 0.2rem;
    height:0.2rem;
    z-index: 10;
    background: url("../images/UCD/close.png") no-repeat center;
    background-size: 0.17rem auto;
}

.banner2{
    position: relative;
}
.banner2box{
    position: absolute;
    bottom:0;
    right: 1.5rem;
    width: 4.5rem;
    height: 7.77rem;
    z-index: -1;
}
.banner2box>img{
    width: 100%;
}
.headerText1{
    padding-left: 2.45rem;
}
.headerText1>p{
    line-height: 1.38rem;
    height:1.38rem;
    font-size: 0.48rem;
    /*font-family: Thin;*/
}
.textLeft1{
    line-height: 1.34rem;
    font-size: 1rem;
    color: #eb1c74;
    /*font-family: Bold;*/
    text-align: left;
    text-transform:Uppercase;
    font-weight: bolder;
}
.textLeft{
    text-align: left;
    line-height: 0.58rem;
    height:1.17rem;
    color: #fff;
    font-size: 0.6rem;
    padding-bottom: 0.6rem;
    position: relative;
    margin-top: 0.2rem;
    /*font-family: "ExLightCond";*/
    font-weight: 200;
    letter-spacing: 0.1rem;
}
.textLeft:before{
    content: "";
    display: block;
    position: absolute;
    bottom:0;
    left:0;
    width: 0.53rem;
    height:0.02rem;
    background: #eb1c74;
}
/*.textLeft:after{*/
    /*content: "";*/
    /*display: block;*/
    /*position: absolute;*/
    /*bottom:0.2rem;*/
    /*left:6.22rem;*/
    /*width: 1.91em;*/
    /*height:0.02rem;*/
    /*background: #eb1c74;*/
/*}*/
.bottomText{
    text-align: left;
    margin-top: 0.44rem;
    font-size: 0.36rem;
    color: #eb1c74;
    margin-bottom: 0.5rem;
    letter-spacing: 0.1rem;
}
.banner3{
    position: relative;
}

.banner3box{
    position: absolute;
    top:0;
    left:0;
    width: 100%;
    height:100%;
    z-index: -1;
}
.banner3box>img{
    width: 100%;
    height:100%;
    position: relative;
    display: block;
}
.banner3box:after{
    content: "";
    display: block;
    width: 100%;
    height:100%;
    left:0;
    top:0;
    background: rgba(0,0,0,.75);
    position: absolute;
}
.banner3textBox{
    width: 100%;
}
.banner3textBox>.banner3text{
    font-size: 0.62rem;
    line-height: 1.04rem;
    color: #fff;
    /*font-family: "SourceHanSansCN-Light";*/
    font-weight: 200;
}
.banner3textBottom{
    font-size: 0.4rem;
    line-height: 0.48rem;
    color: #eb1c74;
    /*font-family: "ROBOTO-LIGHT";*/
    margin-bottom: 0.5rem;
    font-weight: 200;
}
.banner3textBottom:first-child{
    margin-bottom: 0.62rem;
}

/*-- Introduce  --*/
.Introduce{
    width: 100%;
    text-align: center;
}
.Introduce .IntroduceTop{
    overflow: hidden;
    background: url(../images/UCD/IntroduceTop.png) no-repeat center;
    background-size: 100% 100%;
    padding: 0.61rem 5.4% 0 5.4%;
}
.Introduce .IntroduceTop>h1{
    width: 6.1rem;
    margin: 0 auto;
    font-size: 0.8rem;
    color: #eb1c74;
    height:1.15rem;
    line-height: 1.15rem;
    position: relative;
    /*font-family: ExLightCond;*/
    background: url("../images/UCD/rel.png") center no-repeat;
    background-size: 6.1rem auto;
}
.Introduce .IntroduceTop>h1:after{
    content: "";
    display: block;
    position: absolute;
    bottom:0;
    left:50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 0.56rem;
    height:0.02rem;
    background: #eb1c74;
}
.Introduce .IntroduceTop>h2{
    color: #000;
    font-size: 0.42rem;
    line-height:0.88rem;
    margin-bottom: 0.3rem;
    /*font-family: Regular;*/
}
.Introduce .IntroduceTop>p{
    color: #000;
    font-size: 0.3rem;
    line-height: 0.6rem;
    max-height: 1.2rem;
    /*font-family: Regular;*/
}
.IntroduceBox{
    height:2.2rem;
    margin: 0.54rem 0 0.6rem;
    padding-top: 0.12rem;
}
.IntroduceBox>li{
    width: 25%;
    height:100%;
    float: left;
    text-align: center;
    position: relative;
}
.IntroduceBox>li:after{
    content: "";
    display: block;
    position: absolute;
    bottom:0;
    left:50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 0.43rem;
    height:0.02rem;
    background: #eb1c74;
}
.IntroduceBox>li>h1{
    margin: 0.31rem auto;
    width: 100%;
    height:0.71rem;

}
.IntroduceBox>li:nth-child(1)>h1{
    background: url(../images/UCD/IntroduceTop1.png) no-repeat center;
    background-size: 1.61rem auto;
}
.IntroduceBox>li:nth-child(2)>h1{
    background: url(../images/UCD/IntroduceTop2.png) no-repeat center;
    background-size: 1.09rem auto;
}
.IntroduceBox>li:nth-child(3)>h1{
    background: url(../images/UCD/IntroduceTop3.png) no-repeat center;
    background-size: 1.61rem auto;
}
.IntroduceBox>li:nth-child(4)>h1{
    background: url(../images/UCD/IntroduceTop4.png) no-repeat center;
    background-size: 2.06rem auto;
}
.IntroduceBox>li>p{
    line-height: 0.29rem;
    font-size: 0.3rem;
}

.cooperation{

    overflow: hidden;
    background: rgba(0,0,0,.8) url(../images/UCD/IntroduceBottom.png) no-repeat center;
    background-size: 100% 100%;
}
.cooperation>li{
    width: 25%;
    padding-top: 0.89rem;
    float: left;
}
.cooperation>li>h1{
    margin: 0 auto;
    height:1.2rem;
}
.cooperation>li:nth-child(1)>h1{
    width: 0.75rem;
    background: url(../images/UCD/cooperation1.png) no-repeat center;
    background-size:0.75rem auto;
}
.cooperation>li:nth-child(2)>h1{
    width: 1.83rem;
    background: url(../images/UCD/cooperation2.png) no-repeat center;
    background-size: 1.83rem auto;
}
.cooperation>li:nth-child(3)>h1{
    width:1.09rem;
    background: url(../images/UCD/cooperation3.png) no-repeat center;
    background-size: 1.09rem auto;
}
.cooperation>li:nth-child(4)>h1{
    width: 1.08rem;
    background: url(../images/UCD/cooperation4.png) no-repeat center;
    background-size: 1.08rem auto;
}
.cooperation>li>p{
    width: 100%;
    text-align: center;
    color: #fff;
    font-size: 0.3rem;
    margin-bottom: 1.24rem;
    /*font-family: Regular;*/
}


/*-- Ability --*/
.Ability{
    padding: 0.61rem 4.3% 0 4.3%;
    text-align: center;
    /*font-family: Regular;*/

}
.Ability>h1{
    width: 2.53rem;
    margin: 0 auto;
    font-size: 0.8rem;
    color: #eb1c74;
    height: 1.16rem;
    position: relative;
    font-family: ExLightCond;
    background: url("../images/UCD/mi.png") no-repeat center;
    background-size: 2.53rem auto;
}
.Ability>h1:after{
    content: "";
    display: block;
    position: absolute;
    bottom:0;
    left:50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 0.56rem;
    height:0.02rem;
    background: #eb1c74;
}
.Ability>p{
    line-height: 0.88rem;
    color: #000;
    font-size: 0.42rem;
    margin-bottom: 0.45rem;
    /*font-family: Regular;*/
    margin-top: 0.2rem;
}
.Ability .AbilityBox{
    width: 100%;
    margin-bottom: 0.05rem;
}
.Ability .AbilityBox>li{
    float: left;
    width: 33.33333%;

}
.Ability .AbilityBox>li>.AbilityIcon{
    width: 2.2rem;
    height:2.2rem;
    margin: 0 auto 0.13rem auto;
    position: relative;
    cursor: pointer;
}
.Ability .AbilityBox>li:nth-child(1) .AbilityIcon{
    background: url('../images/UCD/ability1-11.png') no-repeat center;
    background-size: 2.2rem auto;

}
.Ability .AbilityBox>li:nth-child(1) .AbilityIcon:before{
    content: '';
    display: block;
    position: absolute;
    top:0;
    left:0;
    width: 100%;
    height:100%;
    background: url('../images/UCD/ability1-1.gif') no-repeat center;
    background-size: 2.2rem auto;
    z-index: -1;
}
.Ability .AbilityBox>li:nth-child(1) .AbilityIcon:hover{
     background: url('../images/UCD/ability1-1.gif') no-repeat center;
     background-size: 2.2rem auto;
 }
.Ability .AbilityBox>li:nth-child(2) .AbilityIcon{
    background: url('../images/UCD/ability2.png') no-repeat center;
    background-size: 2.2rem auto;
}
.Ability .AbilityBox>li:nth-child(2) .AbilityIcon:before{
    content: '';
    display: block;
    position: absolute;
    top:0;
    left:0;
    width: 100%;
    height:100%;
    background: url('../images/UCD/ability1-2.gif') no-repeat center;
    background-size: 2.2rem auto;
    z-index: -1;
}
.Ability .AbilityBox>li:nth-child(2) .AbilityIcon:hover{
    background: url('../images/UCD/ability1-2.gif') no-repeat center;
    background-size: 2.2rem auto;
}
.Ability .AbilityBox>li:nth-child(3) .AbilityIcon{
    background: url('../images/UCD/ability3.png') no-repeat center;
    background-size: 2.2rem auto;
}
.Ability .AbilityBox>li:nth-child(3) .AbilityIcon:before{
    content: '';
    display: block;
    position: absolute;
    top:0;
    left:0;
    width: 100%;
    height:100%;
    background: url('../images/UCD/ability1-3.gif') no-repeat center;
    background-size: 2.2rem auto;
    z-index: -1;
}
.Ability .AbilityBox>li:nth-child(3) .AbilityIcon:hover{
    background: url('../images/UCD/ability1-3.gif') no-repeat center;
    background-size: 2.2rem auto;
}
.Ability .AbilityBox>li:nth-child(4) .AbilityIcon{
    background: url('../images/UCD/ability4.png') no-repeat center;
    background-size: 2.2rem auto;
}
.Ability .AbilityBox>li:nth-child(4) .AbilityIcon:before{
    content: '';
    display: block;
    position: absolute;
    top:0;
    left:0;
    width: 100%;
    height:100%;
    background: url('../images/UCD/ability1-4.gif') no-repeat center;
    background-size: 2.2rem auto;
    z-index: -1;
}
.Ability .AbilityBox>li:nth-child(4) .AbilityIcon:hover{
    background: url('../images/UCD/ability1-4.gif') no-repeat center;
    background-size: 2.2rem auto;
}
.Ability .AbilityBox>li:nth-child(5) .AbilityIcon{
    background: url('../images/UCD/ability5.png') no-repeat center;
    background-size: 2.2rem auto;
}
.Ability .AbilityBox>li:nth-child(5) .AbilityIcon:before{
    content: '';
    display: block;
    position: absolute;
    top:0;
    left:0;
    width: 100%;
    height:100%;
    background: url('../images/UCD/ability1-5.gif') no-repeat center;
    background-size: 2.2rem auto;
    z-index: -1;
}
.Ability .AbilityBox>li:nth-child(5) .AbilityIcon:hover{
    background: url('../images/UCD/ability1-5.gif') no-repeat center;
    background-size: 2.2rem auto;
}
.Ability .AbilityBox>li:nth-child(6) .AbilityIcon{
    background: url('../images/UCD/ability6.png') no-repeat center;
    background-size: 2.2rem auto;
}
.Ability .AbilityBox>li:nth-child(6) .AbilityIcon:before{
    content: '';
    display: block;
    position: absolute;
    top:0;
    left:0;
    width: 100%;
    height:100%;
    background: url('../images/UCD/ability1-6.gif') no-repeat center;
    background-size: 2.2rem auto;
    z-index: -1;
}
.Ability .AbilityBox>li:nth-child(6) .AbilityIcon:hover{
    background: url('../images/UCD/ability1-6.gif') no-repeat center;
    background-size: 2.2rem auto;
}
.Ability .AbilityBox>li>h1{
    line-height: 0.61rem;
    color: #eb1c74;
    font-size: 0.36rem;
    font-family: ROBOTO-LIGHT;
}
.Ability .AbilityBox>li>p{
    color: #888888;
    font-size: 0.24rem;
    margin-bottom: 0.76rem;
    /*font-family: Regular;*/
}

/*-- field --*/
.field{
    padding-top: 0.61rem;
    text-align: center;
    /*font-family: Regular;*/
}
.field>h1{
    font-size: 0.8rem;
    color: #eb1c74;
    height: 1.17rem;
    position: relative;
    font-family: ExLightCond;
    background: url("../images/UCD/fa.png") center no-repeat;
    background-size: 1.74rem;
    width: 1.74rem ;
    margin:  0 auto;
}
.field>h1:after{
    content: "";
    display: block;
    position: absolute;
    left:50%;
    bottom:0;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 0.56rem;
    height: 0.02rem;
    background: #eb1c74;
}
.field .fieldBox{
    width: 100%;
    text-align: center;
    line-height: 0.88rem;
    height:0.88rem;
    margin-bottom: 0.29rem;
    font-size: 0.42rem;
    margin-top: 0.2rem;
}
.field .fieldBox>a{
    display: inline-block;
    color: #000;
    /*font-family: Regular;*/
}
.Broadcast{
    width: 100%;
    height:7.64rem;
    margin-bottom: 0.5rem;
}
#certify {
    position: relative;
    width: 100%;
    margin: 0 auto
}

#certify .swiper-container {
    padding-bottom: 0.6rem;
}

#certify  .swiper-slide {
    width: 11.28rem;
    height: 7.66rem;
    background: #fff;
    box-shadow: 0 0.08rem 0.3rem rgba(0,0,0,0.2);
}
#certify  .swiper-slide img{
    width: 100%;
    height:100%;
    display:block;
}


#certify .swiper-pagination {
    width: 100%;
    bottom: 0.2rem;
}

#certify .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 0.05rem;
    border: 0.03rem solid #fff;
    background-color: #d5d5d5;
    width: 0.1rem;
    height: 0.1rem;
    opacity: 1;
}

#certify .swiper-pagination-bullets .swiper-pagination-bullet-active {
    border: 0.03rem solid #00aadc;
    background-color: #fff;
}

#certify .swiper-button-prev {
    left: 13.2rem;
    width: 0.5rem;
    height: 0.5rem;
    border-radius: 50%;
    background:#fff url(../images/UCD/prev.png) no-repeat center;
    background-size: 0.1rem auto;
    top: 7.1rem;
    box-shadow: 0 0 0.3rem #dddbdb;
}
#certify .swiper-button-prev:hover{
    width: 0.5rem;
    height: 0.5rem;
    background:#f2f1fb url(../images/UCD/prev.png) no-repeat center;
    background-size: 0.1rem auto;

}
/*#certify .swiper-button-prev:hover {*/
    /*background-position: 0 -0.46rem;*/
    /*background-size: 100%*/
/*}*/

#certify .swiper-button-next {
    right: 4.8rem;
    width: 0.5rem;
    height: 0.5rem;
    border-radius: 50%;
    background:#fff url(../images/UCD/next.png) no-repeat center;
    background-size: 0.1rem auto;
    top:7.1rem;
    box-shadow: 0 0 0.3rem #dddbdb;
}
#certify .swiper-button-next:hover{
    width: 0.5rem;
    height: 0.5rem;
    background:#f2f1fb url(../images/UCD/next.png) no-repeat center;
    background-size: 0.1rem auto;

}

    /*#certify .swiper-button-next:hover {*/
    /*background-position: 0 -1.39rem;*/
    /*background-size: 100%*/
/*}*/

/*-- case --*/
.case{
    /*font-family: Regular;*/
    padding-top: 0.61rem;
    text-align: center;
}
.case:last-child{
    margin-bottom: 0.28rem;
}
.case>h1 {
    height:1.15rem;
    font-size: 0.8rem;
    color: #eb1c74;
    position: relative;
    margin: 0 auto 0.25rem auto;
    background: url("../images/UCD/sol.png") center no-repeat;
    background-size: 1.51rem auto;
    width: 1.51rem;

}
.case>h1:after{
    position: absolute;
    content: "";
    display: block;
    bottom:0;
    left:50%;
    transform: translateX(-50%);
    width: 0.56rem;
    background: #eb1c74;
    height:2px;
}
.case>p{
    line-height: 0.39rem;
    font-size: 0.42rem;
    color: #000;
}
.case1box{
    /*width:7.5rem;*/
    margin: 0.2rem auto;
    height:0.57rem;
    font-size: 0.2rem;
}
.case1box > .tab{
    /*float: left;*/
    line-height: 0.57rem;
    color: #666666;
    /*font-family: "Regular";*/
    cursor: pointer;
    transition:all .3s linear;
    display: inline-block;
    margin: 0 1%;
}
/**左右按钮 S**/
.caseList{
    position: relative;
}
.caseList .new_btn_left{
    position: absolute;
    left: 20px;
    top: 0;
    bottom: 0;
    width: 56px;
    height: 56px;
    margin: auto;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-image: url("../images/UCD/new_btn_left.png");
    cursor: pointer;
    z-index: 1;
}
.caseList .new_btn_right{
    position: absolute;
    right: 20px;
    top: 0;
    bottom: 0;
    width: 56px;
    height: 56px;
    margin: auto;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-image: url("../images/UCD/new_btn_right.png");
    cursor: pointer;
    z-index: 1;
}
/**左右按钮 E**/
.caseSet{
    width: 100%;
    padding: 0 1.6%;
    height:100%;
}
.caseSet li{
    float: left;
    width:33%;
    /*height:385px;*/
    height:auto;
    -webkit-background-size:100% 100%;
    background-size:100% 100% ;
    position: relative;
    transition: opacity 2s;
}
.caseSet li img{
    width: 100%;
    height:100%;
}
.caseSet li{
    margin-bottom: 0.5%;
}
.caseSet li:nth-child(3n-1){
    margin: 0 0.5%;
}

.liH{
    opacity: 0;
    width: 100%;
    height:100%;
    position: absolute;
    top:0;
    left:0;
    background: rgba(235,28,116,.8);
    padding-top: 0.91rem;
    text-align: center;
    color: #fff;
}
.caseSet .slideInUp:hover .liH{
    opacity: 1;
}

.liH a{
    display: inline-block;
    width: 100%;
    height:100%;
    text-decoration: none;
}
.liH h1{
    line-height: 0.81rem;
    font-size: 0.36rem;
    position: relative;
    /*font-family: Regular;*/
    text-decoration: none;

}
.liH h1:after{
    content: "";
    display: block;
    position: absolute;
    bottom:0;
    left:50%;
    transform: translateX(-50%);
    width: 0.44rem;
    height:0.02rem;
    background: #fff;
}
.liH h2{
    line-height: 0.63rem;
    font-size: 0.2rem;
    margin-bottom: 0.58rem;
    font-family: ROBOTO-LIGHT;
    text-decoration: none;
}
.liH > .DETAILS{
    display: block;
    width: 100%;
    line-height: 0.16rem;
    font-size: 0.18rem;
    text-decoration: underline;
    color: #fff;
}

/*-- customer --*/
.customerBox{
    background: url(../images/UCD/customerBG.png) no-repeat center;
    background-size: 100% 100%;
    overflow: hidden;
    text-align: center;
}
.customerBox .customer{
    padding-top: 0.61rem;
    width: 17.28rem;
    margin: 0 auto;
    /*font-family: Regular;*/

}
.customerBox .customer>h1{
    font-size: 0.8rem;
    color: #eb1c74;
    height: 1.15rem;
    position: relative;
    text-align: center;
    margin: 0 auto;
    background: url("../images/UCD/la.png") center no-repeat;
    background-size: 8.34rem auto;
    width: 8.34rem;
}
.customerBox .customer>h1:after{
    content: "";
    display: block;
    position: absolute;
    bottom:0;
    left:50%;
    transform: translateX(-50%);
    width:0.56rem;
    height:0.02rem;
    background: #eb1c74;
}
.customerBox .customer>p{
    line-height: 0.89rem;
    font-size: 0.42rem;
    color: #000;
    margin-bottom: 0.1rem;
    /*font-family: Regular;*/
}
.customerBox .customer .cooperative{
    overflow: hidden;
    width: 17.28rem;
    margin-bottom: 0.96rem;
}
.customerBox .customer .cooperative>.cooperativeList{
    float: left;
    width: 2.88rem;
    height:1.84rem;
    opacity: 1;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
    position: relative;

}
.customerBox .customer .cooperative>.cooperativeList:nth-child(1){
    background: url("../images/UCD/1.png") no-repeat center;
    background-size: 100% 100%;

}
.customerBox .customer .cooperative>.cooperativeList:nth-child(1):after{
    content: '';
    display: block;
    width: 100%;
    height:100%;
    position: absolute;
    left: 0;
    top:0;
    background: url("../images/UCD/1-1.png") no-repeat center;
    opacity: 0;
    background-size: 100% 100%;
}

.customerBox .customer .cooperative>.cooperativeList:nth-child(1):hover{
    background: url("../images/UCD/1-1.png") no-repeat center;
    opacity: 1;
    background-size: 100% 100%;
}
.customerBox .customer .cooperative>.cooperativeList:nth-child(2){
    background: url("../images/UCD/2.png") no-repeat center;
    background-size: 100% 100%;
}
.customerBox .customer .cooperative>.cooperativeList:nth-child(2):after{
    content: '';
    display: block;
    width: 100%;
    height:100%;
    position: absolute;
    left: 0;
    top:0;
    background: url("../images/UCD/1-2.png") no-repeat center;
    opacity: 0;
    background-size: 100% 100%;
}
.customerBox .customer .cooperative>.cooperativeList:nth-child(2):hover{
    background: url("../images/UCD/1-2.png") no-repeat center;
    background-size: 100% 100%;
    opacity: 1;
}
.customerBox .customer .cooperative>.cooperativeList:nth-child(3){
    background: url("../images/UCD/3.png") no-repeat center;
    background-size: 100% 100%;
}
.customerBox .customer .cooperative>.cooperativeList:nth-child(3):after{
    content: '';
    display: block;
    width: 100%;
    height:100%;
    position: absolute;
    left: 0;
    top:0;
    background: url("../images/UCD/1-3.png") no-repeat center;
    opacity: 0;
    background-size: 100% 100%;
}
.customerBox .customer .cooperative>.cooperativeList:nth-child(3):hover{
    background: url("../images/UCD/1-3.png") no-repeat center;
    background-size: 100% 100%;
    opacity: 1;
}
.customerBox .customer .cooperative>.cooperativeList:nth-child(4){
    background: url("../images/UCD/4.png") no-repeat center;
    background-size: 100% 100%;
}
.customerBox .customer .cooperative>.cooperativeList:nth-child(4):after{
    content: '';
    display: block;
    width: 100%;
    height:100%;
    position: absolute;
    left: 0;
    top:0;
    background: url("../images/UCD/1-4.png") no-repeat center;
    opacity: 0;
    background-size: 100% 100%;
}
.customerBox .customer .cooperative>.cooperativeList:nth-child(4):hover{
    background: url("../images/UCD/1-4.png") no-repeat center;
    background-size: 100% 100%;
    opacity: 1;
}
.customerBox .customer .cooperative>.cooperativeList:nth-child(5){
    background: url("../images/UCD/5.png") no-repeat center;
    background-size: 100% 100%;

}
.customerBox .customer .cooperative>.cooperativeList:nth-child(5):after{
    content: '';
    display: block;
    width: 100%;
    height:100%;
    position: absolute;
    left: 0;
    top:0;
    background: url("../images/UCD/1-5.png") no-repeat center;
    opacity: 0;
    background-size: 100% 100%;
}
.customerBox .customer .cooperative>.cooperativeList:nth-child(5):hover{
    background: url("../images/UCD/1-5.png") no-repeat center;
    background-size: 100% 100%;
    opacity: 1;
}
.customerBox .customer .cooperative>.cooperativeList:nth-child(6){
    background: url("../images/UCD/6.png") no-repeat center;
    background-size: 100% 100%;
}
.customerBox .customer .cooperative>.cooperativeList:nth-child(6):after{
    content: '';
    display: block;
    width: 100%;
    height:100%;
    position: absolute;
    left: 0;
    top:0;
    background: url("../images/UCD/1-6.png") no-repeat center;
    opacity: 0;
    background-size: 100% 100%;
}
.customerBox .customer .cooperative>.cooperativeList:nth-child(6):hover{
    background: url("../images/UCD/1-6.png") no-repeat center;
    background-size: 100% 100%;
    opacity: 1;
}

.customerBox .customer .cooperative>.cooperativeList:nth-child(7){
    background: url("../images/UCD/7.png") no-repeat center;
    background-size: 100% 100%;
}
.customerBox .customer .cooperative>.cooperativeList:nth-child(7):after{
    content: '';
    display: block;
    width: 100%;
    height:100%;
    position: absolute;
    left: 0;
    top:0;
    background: url("../images/UCD/1-7.png") no-repeat center;
    opacity: 0;
    background-size: 100% 100%;
}
.customerBox .customer .cooperative>.cooperativeList:nth-child(7):hover{
    background: url("../images/UCD/1-7.png") no-repeat center;
    background-size: 100% 100%;
    opacity: 1;
}
.customerBox .customer .cooperative>.cooperativeList:nth-child(8){
    background: url("../images/UCD/8.png") no-repeat center;
    background-size: 100% 100%;
}
.customerBox .customer .cooperative>.cooperativeList:nth-child(8):after{
    content: '';
    display: block;
    width: 100%;
    height:100%;
    position: absolute;
    left: 0;
    top:0;
    background: url("../images/UCD/1-8.png") no-repeat center;
    opacity: 0;
    background-size: 100% 100%;
}
.customerBox .customer .cooperative>.cooperativeList:nth-child(8):hover{
    background: url("../images/UCD/1-8.png") no-repeat center;
    background-size: 100% 100%;
    opacity: 1;
}
.customerBox .customer .cooperative>.cooperativeList:nth-child(9){
    background: url("../images/UCD/9.png") no-repeat center;
    background-size: 100% 100%;
}
.customerBox .customer .cooperative>.cooperativeList:nth-child(9):after{
    content: '';
    display: block;
    width: 100%;
    height:100%;
    position: absolute;
    left: 0;
    top:0;
    background: url("../images/UCD/1-9.png") no-repeat center;
    opacity: 0;
    background-size: 100% 100%;
}
.customerBox .customer .cooperative>.cooperativeList:nth-child(9):hover{
    background: url("../images/UCD/1-9.png") no-repeat center;
    background-size: 100% 100%;
    opacity: 1;
}
.customerBox .customer .cooperative>.cooperativeList:nth-child(10){
    background: url("../images/UCD/10.png") no-repeat center;
    background-size: 100% 100%;
}
.customerBox .customer .cooperative>.cooperativeList:nth-child(10):after{
    content: '';
    display: block;
    width: 100%;
    height:100%;
    position: absolute;
    left: 0;
    top:0;
    background: url("../images/UCD/1-10.png") no-repeat center;
    opacity: 0;
    background-size: 100% 100%;
}
.customerBox .customer .cooperative>.cooperativeList:nth-child(10):hover{
    background: url("../images/UCD/1-10.png") no-repeat center;
    background-size: 100% 100%;
    opacity: 1;
}
.customerBox .customer .cooperative>.cooperativeList:nth-child(11){
    background: url("../images/UCD/11.png") no-repeat center;
    background-size: 100% 100%;
}
.customerBox .customer .cooperative>.cooperativeList:nth-child(11):after{
    content: '';
    display: block;
    width: 100%;
    height:100%;
    position: absolute;
    left: 0;
    top:0;
    background: url("../images/UCD/1-11.png") no-repeat center;
    opacity: 0;
    background-size: 100% 100%;
}
.customerBox .customer .cooperative>.cooperativeList:nth-child(11):hover{
    background: url("../images/UCD/1-11.png") no-repeat center;
    background-size: 100% 100%;
    opacity: 1;
}
.customerBox .customer .cooperative>.cooperativeList:nth-child(12){
    background: url("../images/UCD/12.png") no-repeat center;
    background-size: 100% 100%;
}
.customerBox .customer .cooperative>.cooperativeList:nth-child(12):after{
    content: '';
    display: block;
    width: 100%;
    height:100%;
    position: absolute;
    left: 0;
    top:0;
    background: url("../images/UCD/1-12.png") no-repeat center;
    opacity: 0;
    background-size: 100% 100%;
}
.customerBox .customer .cooperative>.cooperativeList:nth-child(12):hover{
    background: url("../images/UCD/1-12.png") no-repeat center;
    background-size: 100% 100%;
    opacity: 1;
}
.customerBox .customer .cooperative>.cooperativeList:nth-child(13){
    background: url("../images/UCD/13.png") no-repeat center;
    background-size: 100% 100%;
}
.customerBox .customer .cooperative>.cooperativeList:nth-child(13):after{
    content: '';
    display: block;
    width: 100%;
    height:100%;
    position: absolute;
    left: 0;
    top:0;
    background: url("../images/UCD/1-13.png") no-repeat center;
    opacity: 0;
    background-size: 100% 100%;
}
.customerBox .customer .cooperative>.cooperativeList:nth-child(13):hover{
    background: url("../images/UCD/1-13.png") no-repeat center;
    background-size: 100% 100%;
    opacity: 1;
}
.customerBox .customer .cooperative>.cooperativeList:nth-child(14){
    background: url("../images/UCD/14.png") no-repeat center;
    background-size: 100% 100%;
}
.customerBox .customer .cooperative>.cooperativeList:nth-child(14):after{
    content: '';
    display: block;
    width: 100%;
    height:100%;
    position: absolute;
    left: 0;
    top:0;
    background: url("../images/UCD/1-14.png") no-repeat center;
    opacity: 0;
    background-size: 100% 100%;
}
.customerBox .customer .cooperative>.cooperativeList:nth-child(14):hover{
    background: url("../images/UCD/1-14.png") no-repeat center;
    background-size: 100% 100%;
    opacity: 1;
}
.customerBox .customer .cooperative>.cooperativeList:nth-child(15){
    background: url("../images/UCD/15.png") no-repeat center;
    background-size: 100% 100%;
}
.customerBox .customer .cooperative>.cooperativeList:nth-child(15):after{
    content: '';
    display: block;
    width: 100%;
    height:100%;
    position: absolute;
    left: 0;
    top:0;
    background: url("../images/UCD/1-15.png") no-repeat center;
    opacity: 0;
    background-size: 100% 100%;
}
.customerBox .customer .cooperative>.cooperativeList:nth-child(15):hover{
    background: url("../images/UCD/1-15.png") no-repeat center;
    background-size: 100% 100%;
    opacity: 1;
}
.customerBox .customer .cooperative>.cooperativeList:nth-child(16){
    background: url("../images/UCD/16.png") no-repeat center;
    background-size: 100% 100%;
}
.customerBox .customer .cooperative>.cooperativeList:nth-child(16):after{
    content: '';
    display: block;
    width: 100%;
    height:100%;
    position: absolute;
    left: 0;
    top:0;
    background: url("../images/UCD/1-16.png") no-repeat center;
    opacity: 0;
    background-size: 100% 100%;
}
.customerBox .customer .cooperative>.cooperativeList:nth-child(16):hover{
    background: url("../images/UCD/1-16.png") no-repeat center;
    background-size: 100% 100%;
    opacity: 1;
}
.customerBox .customer .cooperative>.cooperativeList:nth-child(17){
    background: url("../images/UCD/17.png") no-repeat center;
    background-size: 100% 100%;
}
.customerBox .customer .cooperative>.cooperativeList:nth-child(17):after{
    content: '';
    display: block;
    width: 100%;
    height:100%;
    position: absolute;
    left: 0;
    top:0;
    background: url("../images/UCD/1-17.png") no-repeat center;
    opacity: 0;
    background-size: 100% 100%;
}
.customerBox .customer .cooperative>.cooperativeList:nth-child(17):hover{
    background: url("../images/UCD/1-17.png") no-repeat center;
    background-size: 100% 100%;
    opacity: 1;
}
.customerBox .customer .cooperative>.cooperativeList:nth-child(18){
    background: url("../images/UCD/18.png") no-repeat center;
    background-size: 100% 100%;
}
.customerBox .customer .cooperative>.cooperativeList:nth-child(18):after{
    content: '';
    display: block;
    width: 100%;
    height:100%;
    position: absolute;
    left: 0;
    top:0;
    background: url("../images/UCD/1-18.png") no-repeat center;
    opacity: 0;
    background-size: 100% 100%;
}
.customerBox .customer .cooperative>.cooperativeList:nth-child(18):hover{
    background: url("../images/UCD/1-18.png") no-repeat center;
    background-size: 100% 100%;
    opacity: 1;
}
.customerBox .customer .cooperative>.cooperativeList:nth-child(19){
    background: url("../images/UCD/19.png") no-repeat center;
    background-size: 100% 100%;
}
.customerBox .customer .cooperative>.cooperativeList:nth-child(19):after{
    content: '';
    display: block;
    width: 100%;
    height:100%;
    position: absolute;
    left: 0;
    top:0;
    background: url("../images/UCD/1-19.png") no-repeat center;
    opacity: 0;
    background-size: 100% 100%;
}
.customerBox .customer .cooperative>.cooperativeList:nth-child(19):hover{
    background: url("../images/UCD/1-19.png") no-repeat center;
    background-size: 100% 100%;
    opacity: 1;
}
.customerBox .customer .cooperative>.cooperativeList:nth-child(20){
    background: url("../images/UCD/20.png") no-repeat center;
    background-size: 100% 100%;
}
.customerBox .customer .cooperative>.cooperativeList:nth-child(20):after{
    content: '';
    display: block;
    width: 100%;
    height:100%;
    position: absolute;
    left: 0;
    top:0;
    background: url("../images/UCD/1-20.png") no-repeat center;
    opacity: 0;
    background-size: 100% 100%;
}
.customerBox .customer .cooperative>.cooperativeList:nth-child(20):hover{
    background: url("../images/UCD/1-20.png") no-repeat center;
    background-size: 100% 100%;
    opacity: 1;
}
.customerBox .customer .cooperative>.cooperativeList:nth-child(21){
    background: url("../images/UCD/21.png") no-repeat center;
    background-size: 100% 100%;
}
.customerBox .customer .cooperative>.cooperativeList:nth-child(21):after{
    content: '';
    display: block;
    width: 100%;
    height:100%;
    position: absolute;
    left: 0;
    top:0;
    background: url("../images/UCD/1-21.png") no-repeat center;
    opacity: 0;
    background-size: 100% 100%;
}
.customerBox .customer .cooperative>.cooperativeList:nth-child(21):hover{
    background: url("../images/UCD/1-21.png") no-repeat center;
    background-size: 100% 100%;
    opacity: 1;
}
.customerBox .customer .cooperative>.cooperativeList:nth-child(22){
    background: url("../images/UCD/22.png") no-repeat center;
    background-size: 100% 100%;
}
.customerBox .customer .cooperative>.cooperativeList:nth-child(22):after{
    content: '';
    display: block;
    width: 100%;
    height:100%;
    position: absolute;
    left: 0;
    top:0;
    background: url("../images/UCD/1-22.png") no-repeat center;
    opacity: 0;
    background-size: 100% 100%;
}
.customerBox .customer .cooperative>.cooperativeList:nth-child(22):hover{
    background: url("../images/UCD/1-22.png") no-repeat center;
    background-size: 100% 100%;
    opacity: 1;
}
.customerBox .customer .cooperative>.cooperativeList:nth-child(23){
    background: url("../images/UCD/23.png") no-repeat center;
    background-size: 100% 100%;
}
.customerBox .customer .cooperative>.cooperativeList:nth-child(23):after{
    content: '';
    display: block;
    width: 100%;
    height:100%;
    position: absolute;
    left: 0;
    top:0;
    background: url("../images/UCD/1-23.png") no-repeat center;
    opacity: 0;
    background-size: 100% 100%;
}
.customerBox .customer .cooperative>.cooperativeList:nth-child(23):hover{
    background: url("../images/UCD/1-23.png") no-repeat center;
    background-size: 100% 100%;
    opacity: 1;
}
.customerBox .customer .cooperative>.cooperativeList:nth-child(24){
    background: url("../images/UCD/24.png") no-repeat center;
    background-size: 100% 100%;
}
.customerBox .customer .cooperative>.cooperativeList:nth-child(24):after{
    content: '';
    display: block;
    width: 100%;
    height:100%;
    position: absolute;
    left: 0;
    top:0;
    background: url("../images/UCD/1-24.png") no-repeat center;
    opacity: 0;
    background-size: 100% 100%;
}
.customerBox .customer .cooperative>.cooperativeList:nth-child(24):hover{
    background: url("../images/UCD/1-24.png") no-repeat center;
    background-size: 100% 100%;
    opacity: 1;
}

/*-- footer --*/
.footer{
    width: 100%;
    height:4.4rem;
    background: #fff;
    /*font-family: Regular;*/
}
.footer .footerInfo{
    width: 13.8rem;
    margin: 0 auto;
}
.infoLeft{
    width: 9.7rem;

}
.infoRight{
    width: 4.1rem;
}
.infoLeft{
    padding-top: 1.19rem;
}

.infoLeft .erweima{
    margin-top: 0.06rem;
    width: 1.86rem;
    height:1.86rem;
}
.infoLeft .erweima>img{
    width: 100%;
}
.infoLeft .address{
    width: 3.82rem;
    height:1rem;
    padding-left: 0.37rem;
}
.infoLeft .address>h1{
    padding-left: 0.23rem;
    font-size: 0.21rem;
    color: #444444;
    text-align: left;
    line-height: 0.22rem;
    background: url("../images/UCD/position.png") no-repeat 0 50%;
    background-size: 0.15rem;
    margin-bottom: 0.24rem;
}
.addressInfo{
    overflow: hidden;
    line-height: 0.26rem;
    font-size: 0.16rem;
    color: #a4a3a3;
}
.addressInfo>label{
    float: left;
    width:0.58rem;
}
.addressInfo>p{
    float: left;
}
.infoLeft .Partner{
    width:4rem;
    height:1rem;
}
.infoLeft .Partner>h1{
    margin-bottom: 0.2rem;
    line-height: 1;
    font-size: 0.2rem;
    color: #434343;
}
.infoLeft .Partner>a{
    display: block;
    width:1.51rem;
    height:0.57rem;
    background: url("../images/UCD/massiv_logo.png") no-repeat center;
    background-size: 100% auto;
}

.infoRight .infoRightList{
    width:33.33%;
    float: left;
    font-size: 0;
    padding-top: 1.07rem;
}
.infoRight .infoRightList>h1{
    margin-bottom: 0.2rem;
    line-height: 1;
    font-size: 0.2rem;
    font-weight: bold;
    color: #676767;
}
.infoRight .infoRightList>a{
    display: block;
    line-height: 0.28rem;
    font-size: 0.15rem;
    color: #a4a3a3;
}

/*-- sideNav --*/
.sideNav{
    z-index: 999;
    position: fixed;
    top:50%;
    right:10px;
    transform: translateY(-50%);
    overflow: hidden;
}
.sideNav>li{
    cursor: pointer;
    width: 0.12rem;
    height:0.12rem;
    border-radius: 50%;
    background: rgba(255,255,255,0);
    margin-bottom: 35px;
    border:0.02rem solid #eb1c74;
}
.sideNav>li:last-child{
    margin-bottom: 0!important;
}
.sideNav>li:hover{
    border:0.02rem solid #eb1c74;
    background: #eb1c74 ;
}
.sideNav>.liActive{
    border:0.02rem solid #eb1c74;
    background: #eb1c74 ;
}

.footerApp{
    display: none;
}

/*-- 手机端 --*/
@media only screen and (min-width: 320px) and (max-width: 968px){
    .swiper-container-horizontal>.swiper-pagination1{
        bottom: 7% ;
    }
    .sideNav{
        display: none !important;
    }
    .header{
        width: 100% !important;
        height:4.61rem;
        position: static !important;
        background: url("../images/UCD/videoBg.png") no-repeat center;
        background-size: 100% 100%;
    }
    .headerWrap{
        padding: 0 0.2rem !important;
        height:auto !important;
    }
    .CnToggle,.downArrow,.logo{
        display: none !important;
    }

    .UCDLogoBox{
        float: left !important;
        width: 100% !important;
        height:0.84rem !important;
    }
    .UCDLogoBox .UCDLogo{
        width: 1.94rem !important;
        background-size: 2.42rem auto !important;
    }
    .menuBtn{
        width: 0.3rem !important;
        /*position: static !important;*/
        float: right !important;
        height:100% !important;
        background-size: 0.3rem auto !important;
    }

    .header .headerText>p{
        font-size: 0.28rem !important;
    }
    .header .headerText>h2{
        margin-top: 0.15rem;
        line-height: 0.6rem !important;
        font-size: 0.6rem !important;
    }
    .header .headerText>h2:after {
        width: 1.12rem !important;
    }
    .header .headerText>h3{
        margin-top: 0.4rem !important;
        line-height: 0.45rem !important;
        height: 0.45rem !important;
        font-size: 0.22rem !important;
    }
    .header .headerText>h4{
        line-height: 0.19rem !important;
        font-size: 0.18rem !important;
    }
    .menu{
        width: 2.55rem !important;
        padding-top: 0.57rem;
        height:100% !important;
        position: absolute !important;
        right:0 !important;
        left: auto;
    }
    .menu .menuList{
        height:1.77rem !important;
        width: 100% !important;
        text-align: center !important;
        line-height: 1.77rem !important;
        font-size: 0.36rem !important;
        float: none !important;
    }
    .swiper-wrapper{
        height:auto !important;
    }
    .container{
        height:auto !important;
        background: url("../images/UCD/videoBg.png") no-repeat center;
        background-size: 100% 100%;
    }
    .videoBox{
        display: none;
    }
    .banner2box{
        position: absolute;
        bottom:0;
        right: 0.7rem !important;
        width: 1.9rem !important;
        height: 3.42rem !important;
        z-index: -1;
    }
    .banner2box>img{
        width: 100%;
    }
    .headerText1{
        padding-left: 1rem !important;
    }

    .headerText1>p{
        display: none;
    }
    .textLeft1{
        line-height: 0.55rem !important;
        font-size: 0.4rem !important;
    }
    .textLeft{
        height: 0.6rem !important;
        font-size: 0.28rem !important;
        padding-bottom: 0.3rem !important;
        margin-top: 0 !important;
    }
    .textLeft:after{
        position: static !important;
    }
    .bottomText{
        margin-top: 0.26rem !important;
        font-size: 0.2rem !important;
        line-height: 0.2rem !important;
    }
    .banner3text{
        line-height: 0.61rem !important;
        font-size: 0.3rem !important;
    }
    .banner3textBottom{
        font-size: 0.2rem !important;
        line-height: 0.2rem !important;
        margin-bottom: 0 !important;
    }
    .banner3textBottom:first-child{
        margin-bottom: 0.29rem !important;
    }



    /*-- 第二层 -- */
    .Introduce .IntroduceTop{
        padding: 0.57rem 5.4% 0 5.4% !important;
    }
    .Introduce .IntroduceTop>h1 {
        font-size: 0.5rem !important;
        height: 0.84rem !important;
        margin: 0 auto;
        background: url("../images/UCD/rel1.png") center no-repeat;
        background-size: 3.88rem auto;
        width: 3.88rem;
    }
    .Introduce .IntroduceTop>h1:after{
        width: 0.42rem !important;
    }
    .Introduce .IntroduceTop>h2 {
        margin-top: 0.04rem;
        font-size: 0.28rem;
        line-height: 0.5rem !important;
        margin-bottom: 0 !important;
    }
    .Introduce .IntroduceTop>p{
        line-height: 0.32rem !important;
        font-size: 0.2rem !important;
        margin-bottom: 0 !important;
    }
    .IntroduceBox {
        height: 1.2rem !important;
        margin: 0.23rem 0 0.56rem !important;
        padding-top: 0 !important;
    }
    .IntroduceBox>li>h1 {
        margin: 0.2rem auto !important;
        height: 0.4rem !important;
    }
    .IntroduceBox>li>p {
        line-height: 0.22rem !important;
        font-size: 0.22rem !important;
    }
    .IntroduceBox>li:after{
        width: 0.22rem !important;
    }
    .IntroduceBox>li:nth-child(1)>h1 {
        background-size: 0.7rem auto !important;
    }
    .IntroduceBox>li:nth-child(2)>h1 {
        background-size: 0.6rem auto !important;
    }
    .IntroduceBox>li:nth-child(3)>h1 {
         background-size: .7rem auto !important;
     }
    .IntroduceBox>li:nth-child(4)>h1 {
        background-size: 1rem auto !important;
    }
    .cooperation>li{
        padding-top: 0.32rem !important;
    }
    .cooperation>li>h1 {
        margin: 0 auto;
        height: 0.8rem !important;
    }
    .cooperation>li>p {
        font-size: 0.18rem !important;
        margin-bottom: 0.36rem !important;
    }
    .cooperation>li:nth-child(1)>h1 {
        width: 0.53rem !important;
        background: url(../images/UCD/cooperation1-1.png) no-repeat center !important;
        background-size: 0.53rem auto !important;
    }
    .cooperation>li:nth-child(2)>h1 {
         width: 1.16rem !important;
        background: url(../images/UCD/cooperation2-2.png) no-repeat center !important;
         background-size: 1.16rem auto !important;
     }
    .cooperation>li:nth-child(3)>h1 {
        width: 0.68rem !important;
        background: url(../images/UCD/cooperation3-3.png) no-repeat center !important;
        background-size: 0.68rem  auto !important;
    }
    .cooperation>li:nth-child(4)>h1 {
        width: 0.66rem !important;
        background: url(../images/UCD/cooperation4-4.png) no-repeat center !important;
        background-size: 0.66rem auto !important;
    }

    /* -- 第三层 -- */
    .Ability{
        padding: 0.57rem 0.215rem 0 0.215rem !important;

    }
    .Ability>h1{
        height: 0.84rem !important;
        font-size: .5rem !important;
        margin:  0 auto;
        background: url("../images/UCD/mi1.png") center no-repeat;
        background-size: 1.59rem auto;
        width: 1.59rem;
    }
    .Ability>p{
        font-size: 0.28rem !important;
        line-height: 0.55rem !important;
    }
    .Ability .AbilityBox>li>.AbilityIcon {
        width: 1.1rem !important;
        height: 1.1rem !important;
        margin: 0 auto 0.03rem auto !important;

    }
    .Ability .AbilityBox>li>h1 {
        line-height: 0.51rem !important;
        font-size: 0.26rem !important;
    }
    .Ability .AbilityBox>li>p{
        font-size: 0.2rem !important;
        margin-bottom: 0.39rem !important;
    }
    .Ability .AbilityBox>li:nth-child(1) .AbilityIcon{
        background: url('../images/UCD/ability1-11.png') no-repeat center !important;
        background-size: 1.1rem auto !important;
    }
    .Ability .AbilityBox>li:nth-child(1) .AbilityIcon:hover{
        background:url('../images/UCD/ability1-1.gif') no-repeat center !important;
        background-size: 1.1rem auto !important;
    }
    .Ability .AbilityBox>li:nth-child(2) .AbilityIcon{
        background: url('../images/UCD/ability2.png')  no-repeat center !important;
        background-size: 1.1rem auto !important;
    }
    .Ability .AbilityBox>li:nth-child(2) .AbilityIcon:hover{
        background:url('../images/UCD/ability1-2.gif') no-repeat center !important;
        background-size: 1.1rem auto !important;
    }
    .Ability .AbilityBox>li:nth-child(3) .AbilityIcon{
        background: url('../images/UCD/ability3.png')  no-repeat center !important;
        background-size: 1.1rem auto !important;
    }
    .Ability .AbilityBox>li:nth-child(3) .AbilityIcon:hover{
        background:url('../images/UCD/ability1-3.gif') no-repeat center !important;
        background-size: 1.1rem auto !important;
    }
    .Ability .AbilityBox>li:nth-child(4) .AbilityIcon{
        background: url('../images/UCD/ability4.png')  no-repeat center !important;
        background-size: 1.1rem auto !important;
    }
    .Ability .AbilityBox>li:nth-child(4) .AbilityIcon:hover{
        background:url('../images/UCD/ability1-4.gif') no-repeat center !important;
        background-size: 1.1rem auto !important;
    }
    .Ability .AbilityBox>li:nth-child(5) .AbilityIcon{
        background: url('../images/UCD/ability5.png')  no-repeat center !important;
        background-size: 1.1rem auto !important;
    }
    .Ability .AbilityBox>li:nth-child(5) .AbilityIcon:hover{
        background:url('../images/UCD/ability1-5.gif') no-repeat center !important;
        background-size: 1.1rem auto !important;
    }
    .Ability .AbilityBox>li:nth-child(6) .AbilityIcon{
        background: url('../images/UCD/ability6.png')  no-repeat center !important;
        background-size: 1.1rem auto !important;
    }
    .Ability .AbilityBox>li:nth-child(6) .AbilityIcon:hover{
        background:url('../images/UCD/ability1-6.gif') no-repeat center !important;
        background-size: 1.1rem auto !important;
    }
    /*-- 第四层 --*/
    .field{
        padding-top: 0.15rem !important;
    }
    .field>h1 {
        font-size: .5rem !important;
        height: 0.85rem !important;
        background: url("../images/UCD/fa1.png") center no-repeat !important;
        background-size: 1.1rem auto !important;
        width: 1.1rem !important;
    }
    .field .fieldBox {
        line-height: 0.58rem !important;
        height: 0.58rem !important;
        margin-bottom: 0 !important;
        font-size: 0.28rem !important;
    }
    .Broadcast{
        height:3.12rem !important;
        margin-bottom: 0.46rem !important;
    }
    .Broadcast .swiper-button-prev,.swiper-button-next{
        display: none ;
    }

    #certify  .swiper-slide{
        width: 4.38rem !important;
        height:3.12rem !important;
    }
    /*-- 第五层 -- */
    .case{
        padding-top: 0 !important;
    }
    .h1Top{
        margin-top: 0.56rem !important;
        margin-bottom: 0.47rem!important;
    }
    .case>h1 {
        height: 0.84rem !important;
        font-size:0.5rem !important;
        margin: 0 auto !important;
        background: url("../images/UCD/sol1.png") center no-repeat;
        background-size: 0.96rem auto;
        width: 0.96rem;
    }
    .case>p {
        line-height: 0.59rem !important;
        font-size: 0.28rem !important;
    }
    .case1box {
        width: 90%;
        margin: 0 auto;
        height: 0.57rem;
        font-size: 0.24rem;
    }
    /*.caseSet {*/
        /*width: 100%;*/
        /*padding: 0 0.2rem !important;*/
        /*height: auto !important;*/
        /*margin-top: 0.23rem;*/
    /*}*/
    .caseSet>li {
        width: 47% !important;
        height: 2.19rem !important;
        margin: 0 0.1rem !important;
    }

    .liH{
        display: none;
    }
    /*--  第五层 -- */
    .customerBox .customer{
        padding-top:0.2rem ;
        width: 100% !important;
        text-align: center !important;
    }
    .customerBox .customer>h1{
        height: 0.84rem;
        margin: 0 auto;
        background: url("../images/UCD/la1.png") no-repeat center;
        background-size: 5.22rem;
        width: 5.22rem;
    }
    .customerBox .customer>p {
        line-height: 0.58rem !important;
        font-size: 0.28rem !important;
        margin-bottom: 0.34rem!important;
    }
    .customerBox .customer .cooperative {
        overflow: hidden;
        width: 6.88rem;
        margin: 0 auto 0 auto!important;

    }
    .customerBox .customer .cooperative>.cooperativeList{
        width: 2.29rem !important;
        height: 1.01rem !important;
        background-size: 2.29rem auto !important;
        border-bottom: 1px solid #ccc;
    }
    .customerBox .customer .cooperative>.cooperativeList:nth-child(1),.cooperativeList:nth-child(2),.cooperativeList:nth-child(3){
        border-top:1px solid #ccc;
    }
    .customerBox .customer .cooperative>.cooperativeList:nth-child(n-2){
        border-left:1px solid #ccc;
    }
    .customerBox .customer .cooperative>.cooperativeList:nth-child(3n){
        border-right:1px solid #ccc;
    }
    .customerBox .customer .cooperative>.cooperativeList:nth-child(1) {
        background: url(../images/UCD/1.png) no-repeat center;
    }


    /* -- 第六层 -- */
    .footer{
       display: none;
    }
    .footerApp{
        width: 100%;
        display: block;
        /*padding: 0.71rem 0 0.25rem 0.46rem;*/
        padding-top: 0.71rem;
        margin-bottom: 0.25rem;

    }
    .footerLeft{
        width:40%;
        /*margin-right: 0.31rem;*/
        margin-right: 5%;
        margin-left: 3%;
        margin-top: 0.18rem;
    }

    .footerLeft>h1{
        font-size: 0.16rem;
        text-align: center;
        line-height: 0.35rem;
        margin-bottom: 0.09rem;
    }
    .footerLeft>.Partner{
        width: 1.6rem;
        height:0.52rem;
        margin: 0 auto;
        background: url(../images/UCD/massiv_logo.png) no-repeat center;
        background-size: 100% auto;
    }
    .footerLeft>.erweima{
        /*margin-top:0.2rem ;*/

        margin-top:0.1rem ;
        width:100%;
        /*height:2.1rem;*/
    }
    .footerLeft>.erweima>img{
        width: 100%;
    }
    .footerRight{
        /*width: 4.39rem !important;*/
        width:52% !important;
    }
    .footerRight>h1{
        line-height: 0.58rem;
        font-size: 0.28rem;
        color: #000;
        padding-left: 0.5rem;
        background: url(../images/UCD/positionApp.png) no-repeat 0 50%;
        background-size: 0.3rem auto;
    }
    .footerRight>.addressInfo{
        font-size: 0.24rem !important;
        color: #333;
        line-height: 0.42rem !important;
    }
    .footerRight>.addressInfo>.addressInfo1>label{
        width: 0.72rem !important;
        float: left;
    }
    .footerRight>.addressInfo>.addressInfo1>p{
        /*width: 3.52rem;*/
        float: left;
        line-height: 0.44rem;
        font-size: 0.24rem;
    }

}

.glHide{
    display: none;
}
.glOpacity{
    opacity: 0.3;
    cursor: default;
}