@charset"utf-8";
.deco-desp, .deco-tit, .deco-tit1, .deco1-con h4, .deco1-h3, .deco1-txt h3, .deco1-txt p, .deco5-con h3, .deco7-desp, .deco8-txt, .detail-switch {
    text-align:center
}
.deco1-box, .deco2-name li, .deco5-con li, .deco6-bg, .deco6-con, .deco6-img li, .deco7-con li, .deco7-price, .deco7-tit, .deco8-con li, .deco9-hover {
    overflow:hidden
}
.deco2-name em, .deco8-icon, .switch-arr {
    background-image:url(//mall-cdn.haozu.com/static/images/mall/mall-decoration/deco-icon.png)
}
.deco-warp9, .deco1-con li, .deco2-img li, .deco5-con li, .deco8-con li, .deco9-con li {
    background-repeat:no-repeat
}
.deco1-con li {
    background-position:center center
}
.deco-warp9, .deco2-img li, .deco5-con li, .deco8-con li {
    background-position:center top
}
.deco-desp {
    font-size:16px;
    color:#999
}
.deco-tit, .deco1-h3, .deco1-txt h3 {
    font-size:35px;
    line-height:40px
}
.deco-line {
    width:60px;
    height:4px;
    background:#f18400;
    margin:18px auto
}
.deco-tit1, .deco1-con h4 {
    font-size:16px;
    line-height:20px;
    text-transform:uppercase
}
.deco-tit1 {
    margin-bottom:44px;
    color:#999
}
.deco-warp1 {
    padding:70px 0 50px
}
.deco1-box {
    height:478px;
    max-height:580px
}
.deco1-bg, .deco1-con li, .deco1-txt {
    max-width:480px;
    height:478px;
    max-height:580px
}
.deco1-con li {
    display:inline-block;
    position:relative;
    width:25%;
    color:#fff
}
.deco1-li1 {
    background:url(//mall-cdn.haozu.com/static/images/mall/mall-decoration/deco-img01.jpg)
}
.deco1-li2 {
    background:url(//mall-cdn.haozu.com/static/images/mall/mall-decoration/deco-img02.jpg)
}
.deco1-li3 {
    background:url(//mall-cdn.haozu.com/static/images/mall/mall-decoration/deco-img03.jpg)
}
.deco1-li4 {
    background:url(//mall-cdn.haozu.com/static/images/mall/mall-decoration/deco-img04.jpg)
}
.deco1-li5 {
    background:url(//mall-cdn.haozu.com/static/images/mall/mall-decoration/deco-img05.jpg)
}
.deco1-li6 {
    background:url(//mall-cdn.haozu.com/static/images/mall/mall-decoration/deco-img06.jpg)
}
.deco1-con h4, .deco1-h3, .deco1-txt h3 {
    overflow:hidden;
    white-space:nowrap;
    width:87%
}
.deco1-con h4, .deco1-h3 {
    position:absolute;
    top:50%;
    left:10%;
    height:40px
}
.deco1-h3 {
    margin-top:-20px
}
.deco1-con h4 {
    height:20px;
    margin-top:36px
}
.deco1-hover, .deco1-txt {
    position:absolute;
    left:0;
    top:0;
    width:100%
}
.deco2-con, .deco2-img {
    position:relative
}
.deco1-hover {
    z-index:2
}
.deco1-bg {
    background:#f18400
}
.deco1-txt {
    z-index:3
}
.deco1-txt h3 {
    padding-bottom:20px;
    border-bottom:1px solid #fff;
    margin:20% auto 40px
}
.deco1-txt p {
    font-size:14px;
    line-height:35px;
    width:87%;
    margin:0 auto
}
.switch-arr {
    width:50px;
    height:50px;
    cursor:pointer;
    display:inline-block;
    *display:inline;
    *zoom:1
}
.detail-switch {
    font-size:0;
    margin-top:40px
}
.switch-l {
    background-position:-51px -68px;
    margin-right:20px
}
.switch-r {
    background-position:-111px -68px
}
.deco2-line {
    border-top:1px solid #efeeee;
    margin-top:20px
}
.deco2-line .deco-line {
    margin-top:-3px
}
.deco2-img {
    width:100%;
    height:560px;
    margin-top:60px
}
.deco2-img li {
    width:100%;
    height:560px;
    position:absolute
}
.deco2-li1 {
    background:url(/mall/skyle/img1.jpg)
}
.deco2-li2 {
    background:url(/mall/skyle/img2.jpg)
}
.deco2-li3 {
    background:url(/mall/skyle/img3.jpg)
}
.deco2-li4 {
    background:url(/mall/skyle/img4.jpg)
}
.deco2-li5 {
    background:url(/mall/skyle/img5.jpg)
}
.deco2-li6 {
    background:url(/mall/skyle/img6.jpg)
}
.deco2-li7 {
    background:url(/mall/skyle/img7.jpg)
}
.deco2-li8 {
    background:url(/mall/skyle/img8.jpg)
}
.deco2-li9 {
    background:url(/mall/skyle/img9.jpg)
}
.deco2-txt {
    position:absolute;
    top:0;
    left:50%;
    margin-left:-600px
}
.deco2-name {
    width:253px;
    padding:66px 0 0 87px;
    background:#333;
    height:494px
}
.deco2-name li {
    width:167px;
    border-bottom:1px solid #333;
    color:#fff;
    font-size:0;
    padding-left:5px;
    margin-bottom:16px;
    cursor:pointer;
    height:32px
}
.deco-warp3 h4, .deco2-name span {
    font-size:16px
}
.deco2-name em {
    width:28px;
    height:24px;
    display:inline-block;
    margin:0 40px 10px 0;
    vertical-align:-16px
}
.deco2-i1 {
    background-position:0 0
}
.deco2-i2 {
    background-position:-28px 0
}
.deco2-i3 {
    background-position:-56px 0
}
.deco2-i4 {
    background-position:-84px 0
}
.deco2-i5 {
    background-position:-112px 0
}
.deco2-i6 {
    background-position:-140px 0
}
.deco2-i7 {
    background-position:-168px 0
}
.deco2-i8 {
    background-position:-196px 0
}
.deco2-i9 {
    background-position:-224px 0
}
.deco2-name .cur, .deco2-name li:hover {
    border-color:#f90;
    color:#f90
}
.deco2-name .cur .deco2-i1, .deco2-name li:hover .deco2-i1 {
    background-position:0 -34px
}
.deco2-name .cur .deco2-i2, .deco2-name li:hover .deco2-i2 {
    background-position:-28px -34px
}
.deco2-name .cur .deco2-i3, .deco2-name li:hover .deco2-i3 {
    background-position:-56px -34px
}
.deco2-name .cur .deco2-i4, .deco2-name li:hover .deco2-i4 {
    background-position:-84px -34px
}
.deco2-name .cur .deco2-i5, .deco2-name li:hover .deco2-i5 {
    background-position:-112px -34px
}
.deco2-name .cur .deco2-i6, .deco2-name li:hover .deco2-i6 {
    background-position:-140px -34px
}
.deco2-name .cur .deco2-i7, .deco2-name li:hover .deco2-i7 {
    background-position:-168px -34px
}
.deco2-name .cur .deco2-i8, .deco2-name li:hover .deco2-i8 {
    background-position:-196px -34px
}
.deco2-name .cur .deco2-i9, .deco2-name li:hover .deco2-i9 {
    background-position:-224px -34px
}
.deco-warp3 .common-attention {
    background:#fff
}
.deco-warp10.common-attention {
    background:#f0f0f0
}
.deco-warp10 h2, .deco-warp10 h3, .deco-warp3 h2, .deco-warp3 h3 {
    text-align:left
}
.deco-warp10 .deco-line, .deco-warp3 .deco-line {
    margin:18px 0
}
.deco-warp3 .com-at-txt p {
    line-height:40px
}
.deco-warp3 h4 {
    font-weight:700;
    margin-top:15px
}
.deco-warp4 {
    padding-top:76px;
    background:#333;
    color:#fff
}
.deco4-con {
    margin-top:40px
}
.deco4-con li {
    float:left;
    position:relative;
    width:20%;
    max-width:384px;
    height:350px;
    max-height:420px
}
.deco4-bg, .deco4-txt {
    width:100%;
    height:100%
}
.deco4-li1 {
    background-image:url(//mall-cdn.haozu.com/static/images/mall/mall-decoration/deco-img17.jpg)
}
.deco4-li2 {
    background-image:url(//mall-cdn.haozu.com/static/images/mall/mall-decoration/deco-img18.jpg)
}
.deco4-li3 {
    background-image:url(//mall-cdn.haozu.com/static/images/mall/mall-decoration/deco-img19.jpg)
}
.deco4-li4 {
    background-image:url(//mall-cdn.haozu.com/static/images/mall/mall-decoration/deco-img20.jpg)
}
.deco4-li5 {
    background-image:url(//mall-cdn.haozu.com/static/images/mall/mall-decoration/deco-img21.jpg)
}
.deco4-txt {
    position:absolute;
    left:0;
    top:0
}
.deco4-txt h4 {
    width:182px;
    height:46px;
    line-height:46px;
    font-size:20px;
    font-weight:700;
    border:1px solid #fff;
    text-align:center;
    position:absolute;
    left:50%;
    top:50%;
    margin:-24px 0 0 -92px
}
.deco4-line1, .deco4-line2 {
    width:40px;
    height:3px;
    background:#fff;
    position:absolute;
    left:50%;
    top:50%;
    margin:-25px 0 0 -20px
}
.deco4-line2 {
    margin-top:22px
}
.deco4-txt h4:after, .deco4-txt h4:before {
    content:'';
    position:absolute;
    top:-2px;
    right:-2px;
    bottom:-2px;
    left:-2px;
    transition:opacity .5s, transform .5s;
    -webkit-transition:opacity .5s, -webkit-transform .5s
}
.deco5-con li, .deco6-img li {
    margin-right:1px;
    position:relative;
    float:left
}
.deco4-txt h4:after {
    border-right:3px solid #fff;
    border-left:3px solid #fff
}
.deco-warp5 {
    padding:86px 0 90px
}
.deco5-con {
    margin-top:54px
}
.deco5-con img, .deco5-con li {
    width:239px;
    height:150px
}
.deco5-con img {
    display:block
}
.deco5-con h3 {
    padding:0 20px;
    line-height:150px;
    font-size:24px;
    color:#fff;
    font-weight:700
}
.deco5-li1 {
    background-image:url(//mall-cdn.haozu.com/static/images/mall/mall-decoration/deco-img22.jpg)
}
.deco5-li2 {
    background-image:url(//mall-cdn.haozu.com/static/images/mall/mall-decoration/deco-img23.jpg)
}
.deco5-li3 {
    background-image:url(//mall-cdn.haozu.com/static/images/mall/mall-decoration/deco-img24.jpg)
}
.deco5-li4 {
    background-image:url(//mall-cdn.haozu.com/static/images/mall/mall-decoration/deco-img25.jpg)
}
.deco5-li5 {
    background-image:url(//mall-cdn.haozu.com/static/images/mall/mall-decoration/deco-img26.jpg)
}
.deco-warp6 {
    padding:77px 0 72px;
    background:#333;
    color:#fff
}
.deco6-con {
    height:360px;
    margin-top:30px
}
.deco6-img {
    width:4000px
}
.deco6-img li {
    width:239px;
    height:360px;
    background:#fff
}
.deco6-bg, .deco6-bg img {
    width:239px;
    height:260px;
    display:block
}
.deco6-brand {
    width:122px;
    height:122px;
    position:absolute;
    left:50%;
    margin-left:-61px;
    bottom:58px;
    -webkit-transition:transform .5s
}
.deco7-con img, .deco7-con li {
    height:417px;
    max-width:480px;
    max-height:500px
}
.deco6-img li:hover .deco6-brand {
    transform:rotateY(360deg)
}
.deco6-img h3 {
    font-size:16px;
    margin-top:54px;
    color:#333;
    text-align:center
}
.deco-warp7 {
    padding-top:62px
}
.deco7-con {
    margin-top:60px
}
.deco7-con li {
    position:relative;
    float:left;
    width:25%
}
.deco7-con img, .deco7-desp, .deco7-txt {
    position:absolute;
    left:0
}
.deco7-bg, .deco7-desp, .deco7-txt {
    width:100%
}
.deco7-con img {
    width:100%;
    display:block;
    top:0;
    z-index:1
}
.deco7-txt {
    bottom:0;
    height:150px;
    z-index:2;
    color:#fff
}
.deco7-bg {
    background:#000;
    height:150px;
    filter:alpha(opacity=50);
    -moz-opacity:.5;
    -webkit-opacity:.5;
    -ms-opacity:.5;
    opacity:.5
}
.deco7-desp {
    top:0;
    height:150px
}
.deco7-tit {
    font-size:20px;
    margin:45px 0 20px;
    color:#999;
    height:30px;
    line-height:30px;
    padding:0 9px
}
.deco7-tit span {
    color:#fff;
    margin:0 4px
}
.deco7-tit span:first-child {
    margin-left:0
}
.deco7-price {
    font-size:14px;
    height:21px;
    line-height:21px;
    padding:0 20px
}
.deco8-con li, .deco8-txt {
    width:298px;
    height:163px
}
.deco7-price span:first-child {
    margin-right:10px
}
.deco-warp8 {
    padding:83px 0 104px
}
.deco8-con {
    margin-top:50px
}
.deco8-con li {
    padding:1px;
    position:relative;
    float:left
}
.deco8-li1 {
    background-image:url(//mall-cdn.haozu.com/static/images/mall/mall-decoration/deco-img38.jpg)
}
.deco8-li2 {
    background-image:url(//mall-cdn.haozu.com/static/images/mall/mall-decoration/deco-img39.jpg)
}
.deco8-li3 {
    background-image:url(//mall-cdn.haozu.com/static/images/mall/mall-decoration/deco-img40.jpg)
}
.deco8-li4 {
    background-image:url(//mall-cdn.haozu.com/static/images/mall/mall-decoration/deco-img41.jpg)
}
.deco8-li5 {
    background-image:url(//mall-cdn.haozu.com/static/images/mall/mall-decoration/deco-img42.jpg)
}
.deco8-li6 {
    background-image:url(//mall-cdn.haozu.com/static/images/mall/mall-decoration/deco-img43.jpg)
}
.deco8-li7 {
    background-image:url(//mall-cdn.haozu.com/static/images/mall/mall-decoration/deco-img44.jpg)
}
.deco8-li8 {
    background-image:url(//mall-cdn.haozu.com/static/images/mall/mall-decoration/deco-img45.jpg)
}
.deco8-txt {
    border-left:1px solid #fff;
    position:absolute;
    left:0;
    top:0;
    background:#f28c11;
    color:#fff
}
.deco8-icon {
    width:41px;
    height:48px;
    background-position:0 -68px;
    display:inline-block;
    margin:29px 0 8px
}
.deco8-txt p {
    font-size:13px;
    line-height:24px;
    padding:0 20px
}
.deco-warp9 {
    padding-top:110px;
    height:584px;
    background-image:url(//mall-cdn.haozu.com/static/images/mall/mall-decoration/deco-bg1.jpg);
    color:#fff
}
.deco9-con li {
    width:162px;
    height:308px;
    float:left;
    position:relative;
    margin-left:11px;
    background-position:right bottom;
    background-color:#f6f6f6
}
.deco9-con li:first-child {
    margin-left:0
}
.deco9-li1 {
    background-image:url(//mall-cdn.haozu.com/static/images/mall/mall-decoration/deco-img46.jpg)
}
.deco9-li2 {
    background-image:url(//mall-cdn.haozu.com/static/images/mall/mall-decoration/deco-img47.jpg)
}
.deco9-li3 {
    background-image:url(//mall-cdn.haozu.com/static/images/mall/mall-decoration/deco-img48.jpg)
}
.deco9-li4 {
    background-image:url(//mall-cdn.haozu.com/static/images/mall/mall-decoration/deco-img49.jpg)
}
.deco9-li5 {
    background-image:url(//mall-cdn.haozu.com/static/images/mall/mall-decoration/deco-img50.jpg)
}
.deco9-li6 {
    background-image:url(//mall-cdn.haozu.com/static/images/mall/mall-decoration/deco-img51.jpg)
}
.deco9-li7 {
    background-image:url(//mall-cdn.haozu.com/static/images/mall/mall-decoration/deco-img52.jpg)
}
.deco9-txt {
    padding:30px 10px 0 28px;
    width:124px;
    height:278px;
    z-index:2
}
.deco9-txt h3 {
    font-size:42px;
    line-height:40px;
    color:#666;
    font-family:arial;
    font-weight:700;
    letter-spacing:-2px
}
.deco9-txt h2 {
    font-size:16px;
    color:#333
}
.deco9-bg, .deco9-txt {
    position:absolute;
    left:0;
    top:0
}
.deco9-line {
    width:22px;
    height:2px;
    background:#d1d0d0;
    margin:12px 0 16px
}
.deco9-con li:hover h2, .deco9-con li:hover h3 {
    color:#fff
}
.deco9-con li:hover .deco9-line {
    background:#fff
}
.deco9-bg {
    width:162px;
    z-index:1;
    height:0
}
.deco9-con li:hover .deco9-bg {
    height:308px
}
.deco9-hover {
    margin-top:18px;
    height:0
}
.deco9-hover p {
    color:#fff;
    font-size:12px;
    line-height:24px
}
.deco9-con li:hover .deco9-hover {
    height:120px
}
.deco1-txt {
    transform:scale(0, 0);
    -webkit-transform:scale(0, 0);
    -moz-transform:scale(0, 0);
    -ms-transform:scale(0, 0)
}
.deco4-txt h4:before {
    border-top:3px solid #fff;
    border-bottom:3px solid #fff;
    transform:scale(0, 1);
    -webkit-transform:scale(0, 1);
    -moz-transform:scale(0, 1);
    -ms-transform:scale(0, 1)
}
.deco4-txt h4:after {
    transform:scale(1, 0);
    -webkit-transform:scale(1, 0);
    -moz-transform:scale(1, 0);
    -ms-transform:scale(1, 0)
}
.deco1-con li:hover .deco1-txt, .deco4-txt:hover h4:after, .deco4-txt:hover h4:before {
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
    -ms-transform:scale(1);
    transform:scale(1)
}
.deco8-con li:hover .deco8-icon, .deco8-con li:hover p {
    transform:translate3d(0, 0, 0)
}
.deco6-img li:hover .deco6-bg img, .deco7-con li:hover img {
    transform:scale3d(1.1, 1.1, 1);
    -webkit-transform:scale3d(1.1, 1.1, 1);
    -moz-transform:scale3d(1.1, 1.1, 1);
    -ms-transform:scale3d(1.1, 1.1, 1)
}
.deco1-hover, .deco4-bg, .deco8-txt {
    filter:alpha(opacity=0);
    -moz-opacity:0;
    -webkit-opacity:0;
    -ms-opacity:0;
    opacity:0
}
.deco4-con li:hover .deco4-bg, .deco9-bg {
    filter:alpha(opacity=90);
    -moz-opacity:.9;
    -webkit-opacity:.9;
    -ms-opacity:.9;
    opacity:.9
}
.deco1-con li:hover .deco1-hover, .deco4-txt:hover h4:after, .deco4-txt:hover h4:before, .deco8-con li:hover .deco8-txt {
    filter:alpha(opacity=100);
    -moz-opacity:1;
    -webkit-opacity:1;
    -ms-opacity:1;
    opacity:1
}
.deco8-icon {
    transform:translate3d(0, -80px, 0);
    -webkit-transform:translate3d(0, -80px, 0);
    -moz-transform:translate3d(0, -80px, 0);
    -ms-transform:translate3d(0, -80px, 0)
}
.deco8-txt p {
    transform:translate3d(0, 100px, 0);
    -webkit-transform:translate3d(0, 100px, 0);
    -moz-transform:translate3d(0, 100px, 0);
    -ms-transform:translate3d(0, 100px, 0)
}
.deco8-con li:hover p:nth-of-type(2), .deco9-hover {
    transition-delay:.1s
}
.deco1-hover, .deco1-txt, .deco4-bg, .deco8-txt {
    -webkit-transition:all .35s ease-in-out;
    -moz-transition:all .35s ease-in-out;
    transition:all .35s ease-in-out
}
.deco1-hover, .deco6-bg img, .deco7-con img, .deco8-icon, .deco8-txt p, .deco9-bg, .deco9-hover {
    transition:all .5s ease-in-out;
    -webkit-transition:all .5s ease-in-out;
    -moz-transition:all .5s ease-in-out;
    -ms-transition:all .5s ease-in-out
}
.deco6-bg img, .deco7-con img {
    -webkit-backface-visibility:hidden;
    backface-visibility:hidden
}
.deco1-con {
    font-size:0
}
.deco1-con li {
    white-space:normal
}
.deco9-bg {
    font-size:14px;
    background:#f28c11
}