html,body{
    height:100%;
   overflow-x:hidden;
}
body {
    background: url(../images/ts-sl-bg.jpg) no-repeat center top;
    background-size:cover;
    background-attachment:fixed;
}

.menu{
    position:absolute;
    bottom:0;
    left:0;
    background:none;
    width:434px;
    height:105px;
    z-index:1001;
    padding:20px 0;
    text-align:center
}

.ts-titls{
    background:url(../images/ts-title2.png) no-repeat center;
    background-size:contain;
    width:100%;
    height:494px;
   position:absolute;
   top:50%;
   margin-top:-247px;
   left:0;
   margin-left:0;

}

.ts-right {
    background-color: rgba(128,0,0,0.7);
    padding: 15px;
    color:#fff;
    line-height:2.15em;
    height:100%;
}
    .ts-right p {
        color: #fff;
        line-height: 2.15em;
    }
.ts-line {
    position: absolute;
    bottom: 80px;
    background:url(../images/ts-line.jpg) repeat-x center;
    right:20px;
    height:40px;
    width:70%;
    line-height:40px;
}
    .ts-line div {
        padding:0 25px;
        background: #fff8ee;
        display:inline-block;
        font-size:16px;
    }
    .ts-line div.dian{
        background:url(../images/dian.jpg) no-repeat center;
        width:7px;
        height:10px;
        overflow:hidden;
        padding:0;
    }
.ts-xc{
    background:url(../images/ts-xc-off.jpg) no-repeat center;
    display:inline-block;
    width:22px;
    height:19px;
}

.ts-v {
    background: url(../images/ts-v-off.jpg) no-repeat center;
    display: inline-block;
    width: 22px;
    height: 19px;
}

a.active {
    color: #cc0000;
}
    a.active .ts-xc {
        background: url(../images/ts-xc.jpg) no-repeat center;
    }
    a.active .ts-v {
        background: url(../images/ts-v.jpg) no-repeat center;
    }
.sl-title {
    background: url(../images/ts-title-0.png) no-repeat center;
    background-size:90%;
    height:165px;
}
.items{
    overflow:hidden;
    text-align:right;
    margin-bottom:1px;
}
.items .item{
    display:block;
    width:20%;
    height:270px;
    background:rgba(255,255,255,.3);
    margin:0;    
    text-align:center;
    overflow:hidden;
    float:right;
    color:#fff;
    padding:100px 0;
}
    .items .item h3{
        font-size:50px;
    }
    .items .item p {
        color: #fff;
    }

    .items .item-1 {
        background: url(../images/ts-list-1.jpg) no-repeat center;
    }
    .items .item-2 {
        background: url(../images/ts-list-2.jpg) no-repeat center;
    }
    .items .item-3 {
        background: url(../images/ts-list-3.jpg) no-repeat center;
    }

    .items .item-4 {
        background: url(../images/ts-list-4.jpg) no-repeat center;
    }
    .items .item-5 {
        background: url(../images/ts-list-5.jpg) no-repeat center;
    }

    .items .item-6 {
        background: url(../images/ts-list-6.jpg) no-repeat center;
    }
    .items .item-7 {
        background: url(../images/ts-list-7.jpg) no-repeat center;
    }
    .items .item-1, .items .item-2, .items .item-3, .items .item-4, .items .item-5, .items .item-6, .items .item-7 {
        background-size:cover;
    }