body{

}
.header{
    width:100%;
    height:5rem;
    background:gray;
}
.turning-pagination{
    bottom: 3rem!important;
}
.turning-pagination span{
    margin:0 0.5rem!important;
    width:0.7rem;
    height:0.7rem;
}
.swiper-pagination-bullet{
    background:#707070;
    opacity:0.7;
}
.swiper-pagination-bullet-active{
    background:#d7000c;
}

.nav-s-list li{
    position:relative;
    width:4rem;
    height:1.5rem;
    float:left;
    line-height:1.5rem;
    color:white;
    margin-right:0.5rem;
    cursor: pointer;
    font-size:0.8rem;
}
.nav-s-list span{
    background:#d70000;
    position:absolute;
    left:0;
    top:0;
    height:100%;
    z-index:-1;
}
.banner-bg1{
    background:url("../image/pic_banner01.png");
    -webkit-background-size: cover;
    background-size: cover;
}
.banner-bg2{
    background:url("../image/pic_banner02.png");
    -webkit-background-size: cover;
    background-size: cover;
}
.banner-bg3{
    background:url("../image/pic_banner03.png");
    -webkit-background-size: cover;
    background-size: cover;
}
.banner-bg4{
    background:url("../image/pic_banner04.png");
    -webkit-background-size: cover;
    background-size: cover;
}
.banner-bg5{
    background:url("../image/pic_banner05.png");
    -webkit-background-size: cover;
    background-size: cover;
}
.banner-bg6{
    background:url("../image/pic_banner06.png");
    -webkit-background-size: cover;
    background-size: cover;
}
.brand-label{
    background:#e1c295;
}
.brand-label span{
    position:absolute;
    top:0;
    display:block;
    width:100%;
    height:100%;
    background:black;
    opacity:0.6;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
}
.brand-label li{
    position: relative;
    width:14.5rem;
    height:14.5rem;
    margin-bottom:1rem;
    background:white;
}

.designer li{
    width:14.5rem;
    height:14.5rem;
    margin-bottom:1rem;
    position:relative;
    overflow: hidden;
}
.headPic{
    position:absolute;
    top:0.5rem;
    left:0.5rem;
    z-index:102;
}
.artPic{
    position:absolute;
    width:100%;
    height:100%;
    top:0;
    left:0;
}
.describ{
   position:absolute;
    bottom:-2rem;
    left:0;
    /*background:rgba(0,0,0,0.5);*/
    background: black;
    opacity: 0.5;
    z-index:102;
    width:100%;
    height:2rem;
    line-height:2rem;
    color:white;
    font-size:0.7rem;
    transition: bottom 0.5s;
}
.designer li:hover .describ{
    bottom:0;
    transition: bottom 0.5s;
}

.pro-next, .label-next, .design-next {
    background-image: url('../../images/pointer-right.png');
    background-size: cover;
    -ms-behavior: url(../js/backgroundsize.min.htc);
    behavior: url(../js/backgroundsize.min.htc);
}
.pro-prev, .label-prev, .design-prev {
    background-image: url('../../images/pointer-left.png');
    background-size: cover;
    -ms-behavior: url(../js/backgroundsize.min.htc);
    behavior: url(../js/backgroundsize.min.htc);
}
.pro{
    height:80%;
}
.nav-s{
    position:relative;
    top:4rem;
    margin:0 auto;
    width:55rem;
}

.big{
    display:inline-block;
    font-size:4rem;
    color:#81030a;
    font-family: "΢ÈíÑźÚ";
    margin-top:4.4rem;
    margin-bottom:1rem;
}
.logo{
    position:absolute;
    z-index:10;
    top:3.4rem;
    left:0rem;
}
.small{
    font-size:0.8rem;
    color:#81030a;
}
.black{
    color:#333;
}
.pro-top,.pro-bottom{
    width:11.2rem;
    height:14.5rem;
    -webkit-background-size: cover;
    background-size: cover;
    margin-bottom:1rem;
}
.pro-top dd,.pro-bottom dd{
    height:10rem;
    border:1px solid #ccc;
}
#copyright{
    position:absolute;
    top:0;
    right:0;
    width:100%;
    height:100%;
}
.pro-top dt,.pro-bottom dt{
    font-size:0.7rem;
    color:#666;
}
.partners{
    margin:1rem auto;
    width:64.5rem;
    height:17rem;
}
.partner-group li{
    width:4.6rem;
    height:4.6rem;
    margin:2.3rem auto;
}
.swiper-button-next{
    right:10rem;
    top:27rem;
}
.swiper-button-prev{
    left:10rem;
    top:27rem;
}
.labels,.pro,.designs{
    width:60rem;
    height:30rem;
}
.brand-img{
    margin:80px auto;
}
.process-con img,.service img{
    width:8rem;
    height:8rem;
    margin-left: -0.9rem;
}
.partner-group img{
    width:5rem;
    height:5rem;
}