body,html {
    margin: 0
}

input,li,p,select,textarea,ul {
    margin: 0;
    padding: 0
}

button,input,select,textarea {
    border: none
}

body,button,input,select,textarea {
    font-family: Arial,宋体,tahoma,arial,微软雅黑
}

a {
    text-decoration: none
}

ul {
    list-style: none
}

.abs {
    position: absolute
}

.rel {
    position: relative
}

.ks-move {
    position: absolute
}

.ks-flash embed {
    width: 100%!important;
    height: 100%!important
}

.ks-double {
    display: block;
    background-position: center;
    background-repeat: no-repeat
}

.ks-double .custom-widget {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative
}

.ks-double .custom-widget span {
    width: 100%;
    height: 100%;
    display: block;
    background-position: center center;
    background-repeat: no-repeat;
    position: absolute;
    left: 0;
    top: 0
}

.ks-double .none .side {
    display: none
}

.ks-double:hover .none .side {
    display: block
}

.ks-double .fade .side {
    opacity: 0;
    filter: alpha(opacity=0);
    -moz-transition: all .5s ease 0s;
    -webkit-transition: all .5s ease 0s;
    -o-transition: all .5s ease 0s;
    transition: all .5s ease 0s
}

.ks-double:hover .fade .side {
    opacity: 1;
    filter: alpha(opacity=100);
    -moz-transition: all .5s ease 0s;
    -webkit-transition: all .5s ease 0s;
    -o-transition: all .5s ease 0s;
    transition: all .5s ease 0s
}

.ks-double .top .side {
    left: 0;
    top: -100%;
    -moz-transition: all .5s ease 0s;
    -webkit-transition: all .5s ease 0s;
    -o-transition: all .5s ease 0s;
    transition: all .5s ease 0s
}

.ks-double:hover .top .side {
    left: 0;
    top: 0;
    -moz-transition: all .5s ease 0s;
    -webkit-transition: all .5s ease 0s;
    -o-transition: all .5s ease 0s;
    transition: all .5s ease 0s
}

.ks-double .right .side {
    left: 100%;
    top: 0;
    -moz-transition: all .5s ease 0s;
    -webkit-transition: all .5s ease 0s;
    -o-transition: all .5s ease 0s;
    transition: all .5s ease 0s
}

.ks-double:hover .right .side {
    left: 0;
    top: 0;
    -moz-transition: all .5s ease 0s;
    -webkit-transition: all .5s ease 0s;
    -o-transition: all .5s ease 0s;
    transition: all .5s ease 0s
}

.ks-double .bottom .side {
    left: 0;
    top: 100%;
    -moz-transition: all .5s ease 0s;
    -webkit-transition: all .5s ease 0s;
    -o-transition: all .5s ease 0s;
    transition: all .5s ease 0s
}

.ks-double:hover .bottom .side {
    left: 0;
    top: 0;
    -moz-transition: all .5s ease 0s;
    -webkit-transition: all .5s ease 0s;
    -o-transition: all .5s ease 0s;
    transition: all .5s ease 0s
}

.ks-double .left .side {
    left: -100%;
    top: 0;
    -moz-transition: all .5s ease 0s;
    -webkit-transition: all .5s ease 0s;
    -o-transition: all .5s ease 0s;
    transition: all .5s ease 0s
}

.ks-double:hover .left .side {
    left: 0;
    top: 0;
    -moz-transition: all .5s ease 0s;
    -webkit-transition: all .5s ease 0s;
    -o-transition: all .5s ease 0s;
    transition: all .5s ease 0s
}

.ks-double .sin .side {
    background-size: 60% 60%;
    opacity: 0;
    filter: alpha(opacity=0);
    -moz-transition: all .5s ease 0s;
    -webkit-transition: all .5s ease 0s;
    -o-transition: all .5s ease 0s;
    transition: all .5s ease 0s
}

.ks-double:hover .sin .side {
    background-size: 100% 100%;
    opacity: 1;
    filter: alpha(opacity=100);
    -moz-transition: all .5s ease 0s;
    -webkit-transition: all .5s ease 0s;
    -o-transition: all .5s ease 0s;
    transition: all .5s ease 0s
}

.ks-double .sout .side {
    z-index: 1
}

.ks-double .sout .face {
    background-size: 100% 100%;
    opacity: 1;
    filter: alpha(opacity=100);
    -moz-transition: all .5s ease 0s;
    -webkit-transition: all .5s ease 0s;
    -o-transition: all .5s ease 0s;
    transition: all .5s ease 0s;
    z-index: 2
}

.ks-double:hover .sout .face {
    background-size: 150% 150%;
    opacity: 0;
    filter: alpha(opacity=0);
    -moz-transition: all .5s ease 0s;
    -webkit-transition: all .5s ease 0s;
    -o-transition: all .5s ease 0s;
    transition: all .5s ease 0s
}

.ks-fixed {
    position: fixed;
    left: 50%;
    top: 50%;
    border: 1px solid transparent
}

.ks-fixed a {
    position: absolute
}

.ks-fixed .custom-box,.ks-fixed .custom-widget {
    width: 100%;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat
}

.ks-fixed .custom-box div,.ks-fixed .custom-widget div {
    opacity: .7;
    filter: alpha(opacity=70)
}

#container:hover .ks-light .lo0 {
    opacity: 0;
    filter: alpha(opacity=0)
}

#container:hover .ks-light .lo1 {
    opacity: .1;
    filter: alpha(opacity=10)
}

#container:hover .ks-light .lo2 {
    opacity: .2;
    filter: alpha(opacity=20)
}

#container:hover .ks-light .lo3 {
    opacity: .3;
    filter: alpha(opacity=30)
}

#container:hover .ks-light .lo4 {
    opacity: .4;
    filter: alpha(opacity=40)
}

#container:hover .ks-light .lo5 {
    opacity: .5;
    filter: alpha(opacity=50)
}

#container:hover .ks-light .lo6 {
    opacity: .6;
    filter: alpha(opacity=60)
}

#container:hover .ks-light .lo7 {
    opacity: .7;
    filter: alpha(opacity=70)
}

#container:hover .ks-light .lo8 {
    opacity: .8;
    filter: alpha(opacity=80)
}

#container:hover .ks-light .lo9 {
    opacity: .9;
    filter: alpha(opacity=90)
}

#container:hover .ks-light .lo10 {
    opacity: 1;
    filter: alpha(opacity=100)
}

#container .ks-light {
    background-position: center;
    background-repeat: no-repeat
}

#container .ks-light .custom-box,#container .ks-light .custom-widget {
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center;
    opacity: 0;
    filter: alpha(opacity=0);
    -moz-transition: all .5s ease 0s;
    -webkit-transition: all .5s ease 0s;
    -o-transition: all .5s ease 0s;
    transition: all .5s ease 0s
}

#container .ks-light:hover .custom-box,#container .ks-light:hover .custom-widget {
    opacity: 0;
    filter: alpha(opacity=0)
}

.ks-picture .custom-box {
    width: 100%;
    height: 100%;
    display: block
}

.ks-picture .custom-widget {
    width: 100%;
    height: 100%;
    display: block;
    background-repeat: no-repeat;
    background-position: center center;
    -moz-transition: all .5s ease 0s;
    -webkit-transition: all .5s ease 0s;
    -o-transition: all .5s ease 0s;
    transition: all .5s ease 0s
}

.ks-picture .o0 {
    opacity: 0;
    filter: alpha(opacity=0)
}

.ks-picture .o1 {
    opacity: .1;
    filter: alpha(opacity=10)
}

.ks-picture .o2 {
    opacity: .2;
    filter: alpha(opacity=20)
}

.ks-picture .o3 {
    opacity: .3;
    filter: alpha(opacity=30)
}

.ks-picture .o4 {
    opacity: .4;
    filter: alpha(opacity=40)
}

.ks-picture .o5 {
    opacity: .5;
    filter: alpha(opacity=50)
}

.ks-picture .o6 {
    opacity: .6;
    filter: alpha(opacity=60)
}

.ks-picture .o7 {
    opacity: .7;
    filter: alpha(opacity=70)
}

.ks-picture .o8 {
    opacity: .8;
    filter: alpha(opacity=80)
}

.ks-picture .o9 {
    opacity: .9;
    filter: alpha(opacity=90)
}

.ks-picture .o10 {
    opacity: 1;
    filter: alpha(opacity=100)
}

.ks-picture .s100 {
    background-size: 100% 100%
}

.ks-picture .s098 {
    background-size: 98% 98%
}

.ks-picture .s095 {
    background-size: 95% 95%
}

.ks-picture .s090 {
    background-size: 90% 90%
}

.ks-picture .s080 {
    background-size: 80% 80%
}

.ks-picture .s060 {
    background-size: 60% 60%
}

.ks-picture .s050 {
    background-size: 50% 50%
}

.ks-picture .s040 {
    background-size: 40% 40%
}

.ks-picture .s020 {
    background-size: 20% 20%
}

.ks-picture .s102 {
    background-size: 102% 102%
}

.ks-picture .s105 {
    background-size: 105% 105%
}

.ks-picture .s110 {
    background-size: 110% 110%
}

.ks-picture .s120 {
    background-size: 120% 120%
}

.ks-picture .s140 {
    background-size: 140% 140%
}

.ks-picture .s150 {
    background-size: 150% 150%
}

.ks-picture .s160 {
    background-size: 160% 160%
}

.ks-picture .s180 {
    background-size: 180% 180%
}

.ks-picture .s200 {
    background-size: 200% 200%
}

.ks-picture.ho0:hover span {
    opacity: 0;
    filter: alpha(opacity=0)
}

.ks-picture.ho1:hover span {
    opacity: .1;
    filter: alpha(opacity=10)
}

.ks-picture.ho2:hover span {
    opacity: .2;
    filter: alpha(opacity=20)
}

.ks-picture.ho3:hover span {
    opacity: .3;
    filter: alpha(opacity=30)
}

.ks-picture.ho4:hover span {
    opacity: .4;
    filter: alpha(opacity=40)
}

.ks-picture.ho5:hover span {
    opacity: .5;
    filter: alpha(opacity=50)
}

.ks-picture.ho6:hover span {
    opacity: .6;
    filter: alpha(opacity=60)
}

.ks-picture.ho7:hover span {
    opacity: .7;
    filter: alpha(opacity=70)
}

.ks-picture.ho8:hover span {
    opacity: .8;
    filter: alpha(opacity=80)
}

.ks-picture.ho9:hover span {
    opacity: .9;
    filter: alpha(opacity=90)
}

.ks-picture.ho10:hover span {
    opacity: 1;
    filter: alpha(opacity=100)
}

.ks-picture.lx2:hover .custom-widget {
    margin-left: -2px
}

.ks-picture.lx5:hover .custom-widget {
    margin-left: -5px
}

.ks-picture.lx10:hover .custom-widget {
    margin-left: -10px
}

.ks-picture.lx15:hover .custom-widget {
    margin-left: -15px
}

.ks-picture.lx30:hover .custom-widget {
    margin-left: -30px
}

.ks-picture.lx50:hover .custom-widget {
    margin-left: -50px
}

.ks-picture.lx100:hover .custom-widget {
    margin-left: -100px
}

.ks-picture.lx150:hover .custom-widget {
    margin-left: -150px
}

.ks-picture.lx200:hover .custom-widget {
    margin-left: -200px
}

.ks-picture.rx2:hover .custom-widget {
    margin-left: 2px
}

.ks-picture.rx5:hover .custom-widget {
    margin-left: 5px
}

.ks-picture.rx10:hover .custom-widget {
    margin-left: 10px
}

.ks-picture.rx15:hover .custom-widget {
    margin-left: 15px
}

.ks-picture.rx30:hover .custom-widget {
    margin-left: 30px
}

.ks-picture.rx50:hover .custom-widget {
    margin-left: 50px
}

.ks-picture.rx100:hover .custom-widget {
    margin-left: 100px
}

.ks-picture.rx150:hover .custom-widget {
    margin-left: 150px
}

.ks-picture.rx200:hover .custom-widget {
    margin-left: 200px
}

.ks-picture.tx2:hover .custom-widget {
    margin-top: -2px
}

.ks-picture.tx5:hover .custom-widget {
    margin-top: -5px
}

.ks-picture.tx10:hover .custom-widget {
    margin-top: -10px
}

.ks-picture.tx15:hover .custom-widget {
    margin-top: -15px
}

.ks-picture.tx30:hover .custom-widget {
    margin-top: -30px
}

.ks-picture.tx50:hover .custom-widget {
    margin-top: -50px
}

.ks-picture.tx100:hover .custom-widget {
    margin-top: -100px
}

.ks-picture.tx150:hover .custom-widget {
    margin-top: -150px
}

.ks-picture.tx200:hover .custom-widget {
    margin-top: -200px
}

.ks-picture.bx2:hover .custom-widget {
    margin-top: 2px
}

.ks-picture.bx5:hover .custom-widget {
    margin-top: 5px
}

.ks-picture.bx10:hover .custom-widget {
    margin-top: 10px
}

.ks-picture.bx15:hover .custom-widget {
    margin-top: 15px
}

.ks-picture.bx30:hover .custom-widget {
    margin-top: 30px
}

.ks-picture.bx50:hover .custom-widget {
    margin-top: 50px
}

.ks-picture.bx100:hover .custom-widget {
    margin-top: 100px
}

.ks-picture.bx150:hover .custom-widget {
    margin-top: 150px
}

.ks-picture.bx200:hover .custom-widget {
    margin-top: 200px
}

.ks-picture.hs100:hover .custom-widget {
    background-size: 100% 100%
}

.ks-picture.hs098:hover .custom-widget {
    background-size: 98% 98%
}

.ks-picture.hs095:hover .custom-widget {
    background-size: 95% 95%
}

.ks-picture.hs090:hover .custom-widget {
    background-size: 90% 90%
}

.ks-picture.hs080:hover .custom-widget {
    background-size: 80% 80%
}

.ks-picture.hs060:hover .custom-widget {
    background-size: 60% 60%
}

.ks-picture.hs050:hover .custom-widget {
    background-size: 50% 50%
}

.ks-picture.hs040:hover .custom-widget {
    background-size: 40% 40%
}

.ks-picture.hs020:hover .custom-widget {
    background-size: 20% 20%
}

.ks-picture.hs102:hover .custom-widget {
    background-size: 102% 102%
}

.ks-picture.hs105:hover .custom-widget {
    background-size: 105% 105%
}

.ks-picture.hs110:hover .custom-widget {
    background-size: 110% 110%
}

.ks-picture.hs120:hover .custom-widget {
    background-size: 120% 120%
}

.ks-picture.hs140:hover .custom-widget {
    background-size: 140% 140%
}

.ks-picture.hs150:hover .custom-widget {
    background-size: 150% 150%
}

.ks-picture.hs160:hover .custom-widget {
    background-size: 160% 160%
}

.ks-picture.hs180:hover .custom-widget {
    background-size: 180% 180%
}

.ks-picture.hs200:hover .custom-widget {
    background-size: 200% 200%
}

.ks-tab .abs {
    left: 0;
    top: 0
}

.ks-tab .um-nav-box {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0
}

.ks-tab .um-nav,.ks-tab .um-panel {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0
}

.ks-tab .um-nav {
    text-align: center;
    overflow: hidden
}

.ks-tab .um-switch-nav img,.ks-tab .um-switch-panel img {
    width: 100%;
    height: 100%;
    display: block
}

.ks-tab .um-switch-panel {
    position: relative
}

.ks-tab .um-switch-nav .um-nav-side,.ks-tab .um-switch-panel .um-panel-side {
    opacity: 0;
    filter: alpha(opacity=0)
}

.ks-tab .um-switch-nav li.tab-active .um-nav-side,.ks-tab .um-switch-panel:hover .um-panel-side {
    opacity: 1;
    filter: alpha(opacity=100)
}

.ks-tab .um-switch-nav li.black {
    background: #000
}

.ks-tab .um-switch-nav li.white {
    background: #fff
}

.ks-tab .um-switch-nav li.black .um-nav-face,.ks-tab .um-switch-nav li.white .um-nav-face {
    opacity: .6;
    filter: alpha(opacity=70)
}

.ks-tab .um-switch-nav li.black.tab-active .um-nav-face,.ks-tab .um-switch-nav li.white.tab-active .um-nav-face {
    opacity: 1;
    filter: alpha(opacity=100)
}

.ks-tab .um-switch-nav li {
    cursor: pointer;
    z-index: 1
}

.ks-tab .um-next,.ks-tab .um-prev {
    position: absolute;
    z-index: 10
}

.ks-tab .um-next span,.ks-tab .um-prev span {
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    background-repeat: no-repeat;
    background-position: center
}

.ks-tab .um-next .um-next-side,.ks-tab .um-prev .um-prev-side {
    display: none
}

.ks-tab .um-next:hover .um-next-side,.ks-tab .um-prev:hover .um-prev-side {
    display: block
}

.ks-tab .um-next:hover .um-next-face,.ks-tab .um-prev:hover .um-prev-face {
    display: none
}

.ks-tab .um-next .fade,.ks-tab .um-prev .fade {
    opacity: 0;
    filter: alpha(opacity=0)
}

.ks-tab:hover .um-next .fade,.ks-tab:hover .um-prev .fade {
    opacity: 1;
    filter: alpha(opacity=100)
}

.ks-tab .um-next.disabled,.ks-tab .um-prev.disabled {
    opacity: .4;
    filter: alpha(opacity=40)
}

.ks-tab:hover .lx10 {
    margin-left: -10px!important
}

.ks-tab:hover .lx20 {
    margin-left: -20px!important
}

.ks-tab:hover .lx30 {
    margin-left: -30px!important
}

.ks-tab:hover .lx40 {
    margin-left: -40px!important
}

.ks-tab:hover .lx50 {
    margin-left: -50px!important
}

.ks-tab:hover .lx60 {
    margin-left: -60px!important
}

.ks-tab:hover .lx70 {
    margin-left: -70px!important
}

.ks-tab:hover .lx80 {
    margin-left: -80px!important
}

.ks-tab:hover .lx90 {
    margin-left: -90px!important
}

.ks-tab:hover .lx100 {
    margin-left: -100px!important
}

.ks-tab:hover .rx10 {
    margin-left: 10px!important
}

.ks-tab:hover .rx20 {
    margin-left: 20px!important
}

.ks-tab:hover .rx30 {
    margin-left: 30px!important
}

.ks-tab:hover .rx40 {
    margin-left: 40px!important
}

.ks-tab:hover .rx50 {
    margin-left: 50px!important
}

.ks-tab:hover .rx60 {
    margin-left: 60px!important
}

.ks-tab:hover .rx70 {
    margin-left: 70px!important
}

.ks-tab:hover .rx80 {
    margin-left: 80px!important
}

.ks-tab:hover .rx90 {
    margin-left: 90px!important
}

.ks-tab:hover .rx100 {
    margin-left: 100px!important
}

.trans05s {
    -moz-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease
}

.trans1s {
    -moz-transition: all 1s ease;
    -webkit-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease
}

.trans15s {
    -moz-transition: all 1.5s ease;
    -webkit-transition: all 1.5s ease;
    -o-transition: all 1.5s ease;
    transition: all 1.5s ease
}

.pin-opax1 {
    opacity: 1;
    filter: alpha(opacity=100);
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100)
}

.pin-opax2 {
    opacity: 0;
    filter: alpha(opacity=0);
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0)
}

.pin-hover-fade:hover .pin-opax1 {
    opacity: 0;
    filter: alpha(opacity=0);
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0)
}

.pin-hover-fade:hover .pin-opax2 {
    opacity: 1;
    filter: alpha(opacity=100);
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100)
}

.freel-active {
    display: none
}
