/* css document */
#fwkvouter {overflow: hidden; zoom: 1; background:#fff }
#fwkvbx { width: 1000px; height: 510px; margin: 20px auto; position: relative; }
#fwkvbx .slide-wrap { overflow: visible; position: absolute; }
#fwkvbx .next, #fwkvbx .prev { opacity: .95; position: absolute; top: 50%; width:25px; height:100px; margin-top: -50px; background:  no-repeat 5px 25px; z-index: 3; cursor:pointer}
#fwkvbx .next:hover, #fwkvbx .prev:hover { background-color: #b24446; }
#fwkvbx .next { background-position: 5px -75px; right: 0; }
#fwkvbx .disabled { background-color: #eee; }
#fwkvbx .mask-left, #fwkvbx .mask-right, .slide-unit { background: #000; z-index: 1; position: absolute; top: 0; width: 1000px; height: 510px; overflow: hidden; left: 3000px; }
#fwkvbx .mask-right, #fwkvbx .mask-left { z-index: 4; left: -1000px; filter: alpha(opacity=90); opacity: .9; background: #333; overflow: hidden; }
#fwkvbx .mask-right { left: 1000px; }
#fwkvbx .active { z-index: 2; left: 0; }
.slide-unit img { width: 100%; height: 100%; }

.page.clearfix {padding-top:0.1px}
.slide-thumb {position:absolute; left:0; bottom:0; width:100%; height:90px; background:rgba(0,0,0,0.35);z-index:9; }
.slide-thumb ul {position: absolute; right:20px; bottom:15px } 
.slide-thumb li {float:left; background: #fff no-repeat center center; width: 116px; height:58px; border: 1px solid #fff; margin-left: 12px; color:#ccc; text-align:center; background-size: cover;}
.slide-thumb li.curr {border-color: #b11418}
.slide-thumb span {font-size: 24px; line-height:1.1; color:#fff; position:absolute; left:20px; bottom: 33px; max-width: 442px; overflow:hidden; white-space:nowrap }

.fwct,.mwct {text-indent:-10000px; background: #fff  no-repeat; display:block; height:40px; margin: 27px 0 15px;}
.mwct,.w464 li,.wcol4 li {margin-right:20px }
.w700{width:680px; padding-right:20px}.w490{width:490px;}.w464{width:464px;}
.w278{width:278px;}.w258{width:258px;}.w255{width:255px;}
.w278,.w464,.w258 {margin-top:20px }
.mrgn-b7 { margin-bottom:7px }
.w464 li,.tsbx li,.wcol4 li {float:left}
.w700 img,.hvmtit img,.fxbtit img {display:block}
.hvmtit a,.fxbtit a{position:relative;display:block; overflow:hidden}
.w278 a {width:258px;}.w255 a {width:235px;}
.fxbtit span {display:block; position:absolute; margin:10px; left:0;bottom:0; padding:4px 10px; background:rgba(255,255,255,0.8);}
.fxbtit strong, .fxbtit .bld, .tsbx dt , .sty_srt dt{display:block; font-size:16px; font-weight:bold; white-space:nowrap}
.fxbtit strong, .fxbtit .bld {text-align:center; height: 27px; }
.w278.fxbtit span {width:218px;}
.w255 .fxbtit span {width:195px}
.w490.fxbtit span {width:430px; margin:20px}
.fxbtit a , .sty_srt dd a{color:#000} .tsbx dd a {color: #666 }
.fxbtit a:hover strong, .fxbtit  a:hover .bld {color:#ff3636}
.hvmtit a b {display:none}
.hvmtit a:hover b {display:block; position:absolute;top:0px;left:0; height:100%;width:100%;text-align:center; background:rgba(178,68,70,0.7); color:#fff; font-size:16px }
.w464 .hvmtit b {padding-top:66px}
.tsbx .hvmtit b {padding-top:52px}
.wcol4 .hvmtit b {padding-top:149px}
.mgtn5 {margin-top:-5px}
.pstrl {position:relative}
#ct1 {background-position: 0px -255px; margin-top:0; height:20px}
#ct2 {background-position: -500px -255px; margin-top:38px; height:20px}
#ct3,#ct5 {margin:0; background-position: -324px -304px; height:30px; }
#ct4 {background-position: 0 -50px;}
#ct5 {background-position: 0px -304px; }
#ct6 {background-position: 0px -100px; }
#ct7 {background-position: 0px -150px; }
#ct8 {background-position: 0px -200px; }
.w300 iframe {display:block}
.tsbx { border:1px solid #000;border-top:none; padding: 19px; margin-bottom:27px}
.tsbx dl {margin-top:4px }
.tsbx dd {color:#666; padding-bottom:5px; margin:4px 0 6px; border-bottom: #000 dotted 1px; min-height:66px; line-height:16px; }
.tsbx dd.last , .sty_srt dd.last {border-bottom:none}
.h510 {height:510px} .h540mb7 {height:540px; margin-bottom:7px}
.h208 {height:225px; position:relative}
.h208 dl {height:208px; width:108px; margin-top:-4px}
.h208 dt {margin-bottom:10px}
.h208 dd {border-bottom:none; color:#000; background:  no-repeat -779px -340px;padding-top:17px; height:105px; overflow:hidden}

.wrapper{ width:100%; height:330px; margin-bottom:20px; }

.smore {display:block; background: no-repeat -905px -299px; width:96px; height:22px; position:absolute; bottom:20px; right:19px}
.w300 .smore{right:0px;}

.w258 .tsbx {height:343px;}
.w300 .tsbx {height:460px; padding-top:15px}
.tsbx ul {width:264px }
.tsbx li {width:84px; margin-bottom:4px; margin-right:4px }
.w255 li {margin-bottom:20px}

.wcol4 {width:1000px; overflow:hidden}
.wcol4 ul {width:1020px }

#sty_slid {width:300px; height:324px; overflow:hidden; position:relative }
#sty_slid ul { height: 280px; overflow:hidden}
#sty_slid li {float:left}
#sty_slid .pagination { left: 0; position: absolute; text-align: center; width: 100%;  bottom:25px }

.sty_srt dd { margin-top:3px; padding-bottom:17px; margin-bottom:17px; border-bottom: #000 dotted 1px; }
.sty_srt .curr a{color:#b11418 }

.swiper-pagination-switch {
  display: inline-block; width: 19px; height: 4px; background: #999; cursor: pointer;
  margin:0 4px;}
.swiper-active-switch { background: #b11418;}