.so-title{
    width: 1200px;
    margin: 0 auto;
    height: 28px;
    padding: 21px 0;
}
.so-title a{
    display: inline-block;
    height: 28px;
    line-height: 28px;
    font-size: 13px;
    color: #b5b5b6;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
}
.so-title a span{
    padding: 0 15px;
}
.so-title a:hover{
    color: #000;
}


.so-box{
    width: 1200px;
    margin: 0 auto;
    min-height: 600px;
}
.so-box .left{
    width: 220px;
}
.so-box .left a{
    width: 211px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    font-size: 16px;
    color: #fff;
    padding-right: 9px;
    margin-bottom: 25px;
    position: relative;
    display: block;
}
.so-box .left a i{
    display: block;
    width: 9px;
    height: 15px;
    position: absolute;
    right: -9px;
    top: 50%;
    margin-top: -7.5px;
}
.so-box .left ._a1{
    background-color: #ca9767;
}
.so-box .left ._a2{
    background-color: #66cccc;
}
.so-box .left ._a3{
    background-color: #3399cc;
}
.so-box .left ._a4{
    background-color: #f7931e;
}
.so-box .left ._a1.on i{
    background: url(/uploads/image/swimg/img77.png) center no-repeat;
}
.so-box .left ._a2.on i{
    background: url(/uploads/image/swimg/img78.png) center no-repeat;
}
.so-box .left ._a3.on i{
    background: url(/uploads/image/swimg/img79.png) center no-repeat;
}
.so-box .left ._a4.on i{
    background: url(/uploads/image/swimg/img80.png) center no-repeat;
}
.so-box .right{
    width: 935px;
}
.so-box .right .title{
    margin-bottom: 46px;
}
.so-box .right .title .tits{
    width: 255px;
    float: left;
    padding-top: 7.5px;
}
.so-box .right .title.on .tits{width: 400px;}
.so-box .right .title .tits a{
    display: inline-block;
    float: left;
    font-size: 14px;
    line-height: 28px;
    color: #999999;
    margin-right: 20px;
}
.so-box .right .title .tits a.curr{
    margin-right: 0;
}
.so-box .right .title .tits .tt.on{
    color: #bd8554;
}
.so-box .right .title .tits .tit{
    padding-right: 21px;
    margin-right: 20px;
    background: url(/uploads/image/swimg/img77.jpg) right center no-repeat;
    color: #bd8554
}
.so-box .right .title .tits .tit.on{
    color: #999999
}
.so-box .right .title .tits .col.cur{
    color: #bd8554;
}
.so-box .right .title .sesel{
    width: 670px;
    height: 41px;
}
.so-box .right .title .sesel #center,.so-box .right .title .sesel #bumen{
    display: block;
    width: 188px;
    height: 39px;
    float: left;
    margin-right: 14px;
}
.so-box .right .title .ui-selectbox{
    margin-right: 14px;
    float: left;
}
.so-box .right .title .ser{
    width: 253px;
    height: 41px;
    background-color: #fbfbfb;
    float: left;
    border:1px solid #ededed;
}
.so-box .right .title .ser .txt{
    display: block;
    width:195px;
    margin-left: 15px;
    height: 39px;
    line-height: 39px;
    font-size: 14px;
    color:#898a8a;
    float: left;
    border:0;
    background-color: #fbfbfb;
}
.so-box .right .title .ser .subtn{
    display: block;
    height: 39px;
    width: 40px;
    float: right;
    background: url(/uploads/image/swimg/img82.png) center no-repeat;
    border:0;
}
.so-box .right .tatit{
    height: 45px;
    text-align: center;
    font-size: 16px;
    color: #fff;
    background-color: #ca9767;
}
.so-box .right .cam-list{
    width: 100%;
}
.so-box .right .cam-list .list-box{
    position: relative;
    top: 20px;
    display: none;
    opacity: 0
}
.so-box .right .cam-list .list-box .attention{
    font-size: 14px;
    color: #666;
}
.so-box .right .cam-list .list-box .attention h2{
    margin-bottom: 25px;
    color: #333;
}
.so-box .right.on .tatit{background-color: #66cccc;}
.so-box .right .tatit span{
    display: block;
    float: left;
    line-height: 45px;
}
.so-box .right .tatit .spl1,.so-box .right .tabl ul li .tit .spl1,.so-box .right.on .tabl ul li .tit .spl8{width:158px;}
.so-box .right .tatit .spl2,.so-box .right .tabl ul li .tit .spl2,.so-box .right.on .tabl ul li .tit .spl7{width:242px;}
.so-box .right .tatit .spl3,.so-box .right .tabl ul li .tit .spl3{width:145px;}
.so-box .right .tatit .spl4,.so-box .right .tabl ul li .tit .spl4{width:195px;}
.so-box .right .tatit .spl5,.so-box .right .tabl ul li .tit .spl5{width:190px;}
/*.so-box .right .tatit .spl5,.so-box .right .tabl ul li .tit .spl6{width:225px;}*/
.so-box .right .tabl{
    width: 100%;
}
.so-box .right .tabl ul li .tit{
    height: 68px;
    line-height: 68px;
    border-bottom: 1px solid #e9e9e9;
    overflow: hidden;
}
.so-box .right .tabl ul li .tit span{
    display: block;
    float: left;
    text-align: center;
    color: #808080;
    font-size: 14px;
}
.so-box .right .tabl ul li .tit .spl1{font-size: 16px;}
.so-box .right .tabl ul li .tit .spl5{color: #bd8554;cursor: pointer;}
/*.so-box .right.on .tabl ul li .tit .spl5{color: #808080;cursor: default;}*/
.so-box .right.on .tabl ul li .tit .spl2,.so-box .right.on .tabl ul li .tit .spl1{font-size: 16px;color: #4d4d4d}
.so-box .right.on .tabl ul li .tit .spl7,.so-box .right.on .tabl ul li .tit .spl8{font-size: 14px;}

.so-box .right.on .tabl ul li .tit .spl6{
    width: 190px;
    height: 68px;
    font-size: 14px;
    color: #808080;
    white-space:nowrap; 
    text-overflow:ellipsis;
    overflow: hidden;
}
.so-box .right .tabl ul li .mian{
    width: 955px;
    margin: 0 auto;
    padding:0px 30px 46px;
    border-bottom: 1px solid #e9e9e9;
    display: none;
} 
.so-box .right .tabl ul li .mian .details,.so-box .right .tabl ul li .mian .details p{
    font-size: 13px;
    line-height: 24px;
    color: #808080;
    text-align: justify;
}
.so-box .right .tabl ul li .mian .details h3{
    color: #4d4d4d;
    margin-top: 16px;
}
.so-box .right .tabl ul li .mian .btnt{
    display: block;
    width: 117px;
    height: 42px;
    line-height: 42px;
    text-align: center;
    color: #ca9767;
    font-size: 16px;
    color: #ffffff;
    background-color: #ca9767;
    margin-top: 55px;
}
.fy{
    width: 100%;
    text-align: center;
    height: 32px;
    margin: 52px 0 102px;
}
.fy a{
    display: inline-block;
    width: 30px;
    height: 30px;
    line-height: 30px;
    color: #727171;
    font-size: 16px;
    margin: 0 7px;
    border:1px solid #d7d7d7;
}
.fy a.active{
    color: #c69c6d;
}
.fy .prve,.fy .next{
    display: inline-block;
    width: auto;
    border:0;
    padding: 0 5px;
    margin: 0 auto;
}
.fy .prve{
    margin-right:36px;
}
.fy .next{
    margin-left:36px;
}
.so-box .right .list{
    width: 100%;
    overflow: hidden;
}
.so-box .right .list ul{
    width: 900px;
}
.so-box .right .list li{
    width: 118px;
    height: 118px;
    border-radius: 5px;
    float: left;
    margin:0 30px 15px 0;
    text-align: center;
    font-size: 14px;
    color: #333333;
    border:1px solid #e6e6e6;
}
.so-box .right .list li span{
    display: block;
    width: 100%;
    height: 26px;
    line-height: 26px;
    margin-top: 85px;
}

.so-box .right .fomr{
    font-size: 16px;
    line-height: 28px;
    padding-bottom: 200px;
}
.so-box .right .fomr .box{display: none;opacity: 0}
.so-box .right .fomr .box.on h2{margin-bottom: 25px}
.so-box .right .fomr h3{margin-top: 25px;}
.so-box .right .fomr h2,.so-box .right .fomr h3{
    color: #333333;
}
.so-box .right .fomr h3,.so-box .right .fomr p{
    font-size: 14px;
}
.so-box .right .fomr p{
    color: #666666;   
    text-align: justify;
}