@charset "utf-8";

.topcontent
{
 
}
.topcontent .colum1
{
 float:left;
 width:610px;
 background:#fff;
 height: 450px;
}
.topcontent .colum1 h2
{
 font-size:18px;
 line-height:26px;
}
.topcontent .colum1 h2 a
{
 color:#000;
}

.topcontent .colum1 h2 a:hover
{
 color:#00a9c0;
}
.topcontent .colum1 aside .num
{
 float:right;
 color:#999
}
.topcontent .colum1 aside .num i
{
 margin:0 6px 0 14px;
 font-size:14px;
}
.topcontent .colum1 aside .node
{
 color:#00a9c0;
 
}
.topcontent .colum1 aside .node:hover
{
 color:#333;
 
}
.topcontent .colum1 .timelist
{
 position: absolute;
 top: 330px;
 left: 0;
 z-index: 2;
}
.topcontent .colum1 .timelist li
{
 float: left;
 display: block;
 font-size: 30px;
 color: #fff;
 width: 55px;
 height: 55px;
 text-align: center;
 font-weight: bold;
 position: relative;
 z-index: 0;
 line-height: 34px;
 padding-top: 0px;
 margin-right: 1px;
 line-height: 55px;
 cursor: pointer;
 zoom:1;
 filter:alpha(opacity=80);
 margin-top:15px
}
.topcontent .colum1 .timelist li:hover
{
 opacity: 0.8;
 filter:alpha(opacity=80);
}
.topcontent .colum1 .timelist li
{
 color: #fff;
 font-weight: bold;
}
.topcontent .colum1 .timelist li span
{
 display: block;
 font-size: 12px;
 font-weight: normal;
 margin-top: -10px;
 position: relative;
 line-height: 12px;
}
.topcontent .colum1 .timelist li i
{
 position:absolute;
 z-index: -1;
 background: #00a9c0;
 width: 100%;
 height: 100%;
 top: 0;
 left: 0;
 filter:alpha(opacity=80);
}
.topcontent .colum1 .forwnxt
{
 position: absolute;
 top: 330px;
 right: -10px;
 z-index: 2;
}
.topcontent .colum1 .forwnxt a
{
 display: block;
 width: 38px;
 height: 35px;
 background: #533175;
 color: #fff;
 font-size: 30px;
 line-height: 30px;
 text-align: center;
 display:block;
 cursor:pointer;
 filter:alpha(opacity=80);
}
.topcontent .colum1 .forwnxt a:hover
{
 color: #f4930a;
}

.topcontent .colum1 .forwnxt .forward a
{
 background: #7a3ab3;
}

.topcontent .colum1 .timelist li.t1 i
{
 filter:alpha(opacity=90);
 opacity: .9;
}
.topcontent .colum1 .timelist li.t2 i
{
 filter:alpha(opacity=80);
 opacity: .8;
}
.topcontent .colum1 .timelist li.t3 i
{
 filter:alpha(opacity=60);
 opacity: .6;
}
.topcontent .colum1 .timelist li.t4 i
{
 filter:alpha(opacity=50);
 opacity: .5;
}
.topcontent .colum1 .timelist li.t5 i
{
 filter:alpha(opacity=40);
 opacity: .4;
}
.topcontent .colum1 .timelist li.t6 i
{
 filter:alpha(opacity=20);
 opacity: .2;
}
.topcontent .colum1 .timelist li.active i
{
 background: #fff;
 filter:alpha(opacity=100);
 opacity: 1;
}
.topcontent .colum1 .timelist li.active
{
 color: #00a9c0;
}

.topcontent .colum1 p
{
 color:#777;
}
.topcontent .colum1 .figurewrap
{ text-align:center;
text-decoration:none
}
.topcontent .headlinelist li
{
 float: left;
}
.topcontent .headlinelist li img
{
 width:100%;
}

.topcontent .colum2
{
 float:right;
 width:310px;
 background:#fff;
 height: 630px;
 overflow: hidden;
 position: relative;
 z-index:1;
}
.topcontent .colum2:hover
{
 overflow:visible;
}
.topcontent .colum2 ul.nlist 
{
 width: 308px;
 background: #fff;
 border:1px solid #fff;
 border-top: 0;
 z-index:1;
 padding-top: 15px;
 
}
.topcontent .colum2:hover ul.nlist
{
 border-color:#685479;
}
.topcontent .colum2:hover ul.switch
{
 border-left:1px solid #685479;
 border-right:1px solid #685479;
}
.topcontent .colum2 ul.switch li
{
 float: left;
 font-size: 14px;
 color: #fff;
 line-height: 60px;
 height: 56px;
 width: 50%;
 background: #685479;
 text-align: center;
 cursor: pointer;
}
.topcontent .colum2 ul.switch li i
{
 margin: 0 8px;
}
.topcontent .colum2 ul.switch li.current
{
 background: #fff;
 color: #ff7800;
 border-top: 7px solid #685479;
 line-height: 49px;
 height: 49px;
}
.topcontent .colum2 ul.nlist li
{
 margin: 0px 24px 15px 24px;
 border-bottom: 1px solid #eaeaea;
 padding: 0px 0 16px 0;
}
.topcontent .colum2 ul.nlist li.more
{
 text-align: right;
 border:0;
 padding:0;
}
.topcontent .colum2 ul.nlist li.more a
{
 display: block;
}
.topcontent .colum2 ul.nlist h3
{
 font-size: 14px;
 line-height: 22px;
 padding: 6px 0 0 0;
}
.topcontent .colum2 ul.nlist h3 a
{
 color: #444;
}
.topcontent .colum2 ul.nlist h3 a:hover
{
 color: #ff7800;
}
.topcontent .colum2 ul.nlist li .time
{
 color: #999;
}
.topcontent .colum2 ul.nlist li .time i
{
 color: #ff7800;
 font-size: 14px;
 margin-right: 5px;
}
.topcontent .colum2 ul.nlist li img
{
 margin-top: 10px;
 width:100%;
}
.topcontent .colum2 ul.nlist li .click
{
 float:right;
 color: #999;
}
.topcontent .colum2 ul.nlist li .click i
{
 font-size: 14px;
 margin-right: 5px;
}
.bottomcontent
{
 padding:1px 0 40px 0;
}
.bottomcontent .colum2
{
 float:right;
 width:532px;
}

.bottomcontent .colum1
{
 float:left;
 width:420px;
}
.bottomcontent .switch
{
 margin-bottom: 30px;
}
.bottomcontent ul.switch
{
 background: #95919a;
}
.bottomcontent ul.switch li.current
{
 background: #F4F6F6;
 color: #554067;
 border-top: 7px solid #95919a;
 line-height: 49px;
 height: 49px;
}

.bottomcontent ul.switch li
{
 float: left;
 font-size: 16px;
 color: #fff;
 line-height: 60px;
 height: 56px;
 width: 50%;
 background: #95919a;
 text-align: center;
 cursor: pointer;
 padding: 0;
}
.bottomcontent ul.switch li a
{
 color: #fff;
}
.bottomcontent ul.switch li i
{
 margin: 0 8px;
}

.bottomcontent .switch i
{
 margin-right: 10px;
}
.bottomcontent .colum1 .switch .div
{
 border-left: 1px solid #ccc;
 height: 20px;
}
.bottomcontent .colum1 .vdowrap .owl-wrapper li
{
 *float: left;
}
.bottomcontent .colum1 .vdoheadline h3
{
 font-size: 18px;
 color: #000;
 line-height: 24px;
 padding: 15px 0 10px 0;
}
.bottomcontent .colum1 .vdoheadline p
{
 padding-bottom: 12px;
}
.bottomcontent .colum1 .vdoheadline
{
 padding-bottom: 15px;
 border-bottom: 1px solid #d3d3d3;
}
.bottomcontent .colum1 .vdoheadline .vdeoa
{
 display: block;
 position: relative;
 zoom:1;
}

.bottomcontent .colum1 .vdoheadline .vdeoa b
{
 display: block;
 height: 78px;
 width: 78px;
 color: #ed1135;
 text-align: center;
 position: absolute;
 left: 50%;
 top: 50%;
 margin: -39px 0 0 -39px;
 background: url(../images/play_03.png) center center no-repeat;
}
.bottomcontent .colum1 .vdoheadline .vdeoa:hover b
{
 filter:alpha(opacity=80);
 opacity: 0.8;
}
.bottomcontent .colum1 .slideVdo1Box,.bottomcontent .colum1 .slideVdo2Box
{
 position: relative;
}
.bottomcontent .colum1 .forwnxt 
{
 position: absolute;
 top: 120px;
 z-index: 1;
 width: 100%;
}

.bottomcontent .colum1 .forwnxt a
{
 width: 38px;
 height: 50px;
 background: #202020;
 background: rgba(32,32,32,0.7);
 *background: #202020;
 color: #fff;
 font-size: 30px;
 line-height: 48px;
 text-align: center;
 position: absolute;
 left: 0;
 display:block;
 cursor:pointer;
}
.bottomcontent .colum1 .forwnxt a i
{
 line-height: 48px;
}
.bottomcontent .colum1 .forwnxt a:hover
{
 color: #f4930a;
}
.bottomcontent .colum1 .forwnxt .next a
{
 right:0;
 left:auto;
}

.bottomcontent .colum1 .vdeoasmall
{
 display:inline-block;
 float: left;
 position: relative;
}
.bottomcontent .colum1 .vdeoasmall b
{
 display: block;
 height: 46px;
 width: 46px;
 color: #ed1135;
 text-align: center;
 position: absolute;
 left: 10%;
 bottom: 15%;
 background: url(../images/play_06.png) center center no-repeat;
}
.bottomcontent .colum1 .vdeoasmall img
{
 width:180px;
}
.bottomcontent .colum1 .vdeoasmall:hover b
{
 filter:alpha(opacity=80);
 opacity: 0.8;
}
.bottomcontent  aside .num
{
 float:right;
 color:#ababab
}
.bottomcontent  aside .num i
{
 margin:0 6px 0 10px;
 font-size:14px;
}
.bottomcontent .colum1 ul.v1list aside,.bottomcontent .colum1 ul.v2list aside
{
 float: right;
 width: 220px;
}
.bottomcontent .colum1 ul.v1list h3,.bottomcontent .colum1 ul.v2list h3
{
 font-size: 15px;
 color: #000;
 line-height: 22px;
 padding: 5px 0;
}
.bottomcontent p
{
 color: #777;
}
.bottomcontent .colum1 ul.v1list li,.bottomcontent .colum1 ul.v2list li
{
 padding: 20px 0;
 border-bottom: 1px solid #d3d3d3;
}
.bottomcontent .time
{
 color: #ababab;
}
.bottomcontent .time i
{
 color: #ff7800;
 font-size: 14px;
 margin-right: 5px;
}

.bottomcontent .colum2 .elist,.bottomcontent .colum2 #warterflow
{
 position:relative;
}
.bottomcontent .colum2 .elist li
{
 width: 256px;
 margin-bottom: 20px;
}

.bottomcontent .colum2 h3
{
 font-size: 16px;
 color: #000;
 line-height: 22px;
 padding: 8px 0 12px 0;
}

.bottomcontent .colum2 aside .node
{
 color:#ff7800;
}
.bottomcontent .colum2 aside .node:hover
{
 color:#333;
}
.bottomcontent .colum2 p
{
 padding-bottom: 15px;
}
.bottomcontent .colum2 .switch
{
}
.bottomcontent .colum2  .figurewrap
{
}
.bottomcontent .colum2 .mobilemore
{
 display: none;
}
.bottomcontent a.loadmore
{
 background: #fff;
 border:1px solid #e2e2e2;
 height: 50px;
 line-height: 50px;
 text-align: center;
 display: block;
 font-size: 15px;
 margin: 30px 0;
 border-radius: 6px;
}
.bottomcontent a.loadmore:hover
{
 background: #2f124a;
 color: #fff;
 border-color: #2f124a;
}
.bottomcontent .colum1 .more
{
 display: none;
}

.pop
{
 position:fixed;
 width:500px;
 background:#fff;
 color:#000;
 left:50%;
 margin-left:-300px;
 padding:50px;
 z-index:999;
 border:5px dashed #FC0004;
 border-radius:30px;
 opacity:0.90;
 filter:alpha(opacity=90);
 top:50%;
 margin-top:-150px;
}
.pop h2
{
 font-size:24px;
 padding-bottom:15px;
}
.pop p
{
 font-size:14px;
 line-height:24px;
 margin:0.5em 0;
}
.pop .close
{
 font-size:30px;
 color:#FC0004;
 position:absolute;
 right:30px;
 top:25px;
 cursor:pointer;
}
@media screen and (max-width:800px)
{
 .topcontent
 {
  padding:0;
 }
 .topcontent .colum1
 {
  width: 100%;
  float: none;
  height: auto;
  padding-bottom: 30px;
 }
 .topcontent .colum1 .forwnxt
 {
  right: 0;
 }
 .topcontent .colum1 .headlinelist img
 {
  width: 100%;
  height: auto;
 }
 .topcontent .colum1 .figurewrap
 {
 }
 .topcontent .colum2
 {
  width: 100%;
  float: none;
  height: auto;
  overflow: visible;
 }
 .topcontent .colum2:hover ul.switch
 {
  border:0;
 }
 .topcontent .colum2 ul.switch li.current
 {
  background: #eaeff0;
  color: #2f124a;
 }
 .topcontent .colum2 ul.switch li
 {
  font-size: 16px;
 }
 .topcontent .colum2 ul.nlist
 {
  width: 100%;
  border:0;
  background: #eaeff0;
 }
 .topcontent .colum2 ul.nlist li
 {
  margin: 0px 25px 15px 25px;
  border-bottom: 1px solid #d3d3d3;
 }
 .topcontent .colum2 ul.nlist li img
 {
  width: 100%;
 }
 .topcontent .colum2 ul.nlist h3 a
 {
  font-size: 16px;
  display: block;
 }
 .topcontent .colum2 ul.nlist li.more
 {
  font-size: 16px;
 }
 .bottomcontent
 {
  padding-top: 0;
 }
 .bottomcontent .colum1
 {
  float: none;;
  width: 100%;
 }
 
 .bottomcontent .colum1 .vdowrap
 {
  padding: 0 25px;
 }
 .bottomcontent .colum2
 {
  float: none;
  width: 100%;
 }
 .bottomcontent .colum1 .vdoheadline img
 {
  width: 100%;
  height: auto;
 }
 .bottomcontent .colum1 .vdeoasmall
 {
  width: 40%;
  float: left;
 }
 .bottomcontent .colum1 ul.v1list li img, .bottomcontent .colum1 ul.v2list li img
 {
  width: 91%;
 }
 .bottomcontent .colum1 ul.v1list li, .bottomcontent .colum1 ul.v2list li
 {
  display: none;
 }
 .bottomcontent .colum1 ul.v1list aside, .bottomcontent .colum1 ul.v2list aside
 {
  width: 60%;
 }
 .bottomcontent .colum1 ul.v1list h3, .bottomcontent .colum1 ul.v2list h3
 {
  font-size: 16px;
 }
 .bottomcontent .colum1 .more
 {
  display: block;
  font-size: 16px;
  line-height: 50px;
  text-align: right;
 }

 .bottomcontent .colum2 #warterflow
 {
  margin:0 25px;
 }

 .bottomcontent .colum2 .mobilemore
 {
  display: block;
  font-size: 16px;
  text-align: center;
  line-height: 50px;
  background: #fff;
  border: 1px solid #e2e2e2;
  margin: 20px 25px;
  border-radius: 6px;
 }
 .bottomcontent a.loadmore
 {
  display: none;
 }
 .bottomcontent .colum2 .elist li img
 {
  width: 100%;
  height: auto;
 }
 
}
@media screen and (max-width:767px)
{
 .pop
 {
  width:auto;
  height:auto;
  margin-left:0px;
  margin-top:0;
  top:30px;
  left:30px;
  right:30px;
  position:absolute;
  padding:30px;
 }
 
 .pop h2
 {
  font-size:20px;
 }
 
 .pop p
 {
  font-size:12px;
  line-height:20px;
 }

}
@media screen and (max-width:540px)
{
 .topcontent .colum1 .timelist
 {
  display: none;
 }
 .topcontent .colum1 .forwnxt
 {
  width: 100%;
 }
 .topcontent .colum1 .forwnxt a
 {
  height: 50px;
  line-height: 46px;
 }
 .topcontent .colum1 .forwnxt .forward a
 {
  position: absolute;
  left: 0;
  background-color: rgba(32,32,32,0.7);
 }
 .topcontent .colum1 .forwnxt .next a
 {
  position: absolute;
  right: 0;
  background-color: rgba(32,32,32,0.7);
 }
 .bottomcontent .colum1 .forwnxt  a
 {
  position: absolute;
  left: 0;
  background-color: rgba(32,32,32,0.7);
 }
 
 
}

@media screen and (max-width:360px)
{
 .bottomcontent .colum1 ul.v1list aside, .bottomcontent .colum1 ul.v2list aside
 {
  float: none;
  width: 100%;
 }
 .bottomcontent .colum1 .vdeoasmall
 {
  width: 100%;
  float: none;
  margin-bottom: 15px;
  margin-top:5px;
 }
 .bottomcontent .colum1 ul.v1list li img, .bottomcontent .colum1 ul.v2list li img
 {
  width: 100%;
 }
 .bottomcontent .colum1 ul.v1list li, .bottomcontent .colum1 ul.v2list li
 {
  padding: 15px 0;
 }
 .bottomcontent .colum1 .vdeoasmall b
 {
  bottom: 12%;
  left: 10%;
 }
}

blockquote,pre,a,abbr,acronym,address,figure,figcaption,code,del,dfn,em,image,q,dl,dt,dd,ol,ul,li,fieldset,form,legend,table,tf,tr,th {
 border: 0px;
 padding: 0px; 
 font-size: 100%;  
 margin: 0px; 
 font-family: inherit; 
 -webkit-font-smoothing: subpixel-antialiased;
 -webkit-text-size-adjust: 100%;
 font-weight:normal;
}

.left {
 float: left;
}
.right {
 float: right;
}
.clearfix:after {
 display:block;
 content:'';
 clear:both;
 height:0px;
 visibility: hidden;
}

h1,h2,h3,h4
{
 font-family:"\5FAE\8F6F\96C5\9ED1";
}
.relative
{
 position:relative;
}
.clearfix {
*display:table;
*zoom:1;
}
.clear
{
 clear:both;
 overflow:hidden;
 height:0; 
}
*::selection {
    background:#555;
    color: #FFFFFF;
    text-shadow: none;
}
*::-moz-selection
{
    background:#555;
    color: #FFFFFF;
    text-shadow: none;
}

.ie6
{
 text-align:center;
 font-size:14px;
 background:#FC6;
 line-height:60px;
}
.ie6 span
{
 float:right;
 margin-right:30px;
 cursor:pointer;
}


.slick-slider
{
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}
.slick-list
{
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}
.slick-track
{
    position: relative;
    top: 0;
    left: 0;
    display: block;
}
.slick-track:before,
.slick-track:after
{
    display: table;
    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}
.slick-slide
{
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;
    height: auto;
    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}