body {
    padding-top: 50px;
    height: 100%; 
    font-family: Oswald; 
    font-size: 16px;
    -webkit-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	-o-font-smoothing: antialiased;
    background-color: #ececec;
    color: #2c3e50
}

.h50 { height: 50px; }
.green { color: #2ecc71 !important }
.red { color: #fa1212 !important }
.orange { color: #ff6c00 !important }
.blue2 { color: #426aa1 !important }
.mb-10 { margin-bottom: 10px }
.mb-20 { margin-bottom: 20px }

.page-title { margin:0; padding: 10px; background-color: #fff; font-size: 1.4em; text-align: center; }

header { position: fixed; top:0; left: 0; width: 100%; height: 51px; z-index: 2; background-color: #ddd; color: white }
header a, header a:hover, header a:focus { color: #000000; text-decoration: none }
header a.hbtn { display: block; position: absolute; right: 10px; top: 0px; width: 35px; height: 35px; font-size: 21px; font-weight: 300; text-align: center }
header a.hbtn i { display: block; margin-top: 6px }
header a.logo { display: block; width: 270px; height: 50px; margin:5px 0 0 5px; background: url(logo.png) 0 0 no-repeat; background-size:264px 44px }
header .today { position: absolute; top:33px; left:280px; color: #777; font-size: 10px }
header .cat { position: absolute; top: 13px; right: 50px; font-size: 18px; font-family: 'Roboto Condensed' }
header .menu { display: none; width: 100%; position: absolute; top: 51px; left: 0; z-index: 2 }
header .menu i {
    display: block;
    position: absolute;
    right: 18px;
    top: -32px;
    width: 0;
    height: 0;
    margin: 25px 0px 0px 5px;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #fff;
}
.swiper-menu {width: 100%; height: 100%; background-color: rgba(255,255,255,0.95); }
.swiper-menu .swiper-slide { height: auto; -webkit-box-sizing: border-box; box-sizing: border-box; }
header .menu ul { display: block; width: 100%; padding: 30px; list-style: none }
header .menu ul li { border-bottom: 1px dotted #e6e6e6 }
header .menu ul li:last-child { border: 0 }
header .menu ul li a,header ul li a:visited,header ul li a:hover { display: block; padding: 10px; color: black; font-size: 18px; font-weight: 300 }
header.bg-green { background-color: #2ecc71; }
header.bg-green a.hbtn { background-color: #27ae60  }
header.bg-purple { background-color: #9b59b6 ; }
header.bg-black { background-color: #000 }
header.bg-black a.hbtn { background-color: #272727  }

.wrp { padding:0px }

.headlines { width: 100%; height: auto; margin-bottom: 20px; padding: 1px; box-shadow: 0 1px 0 #ccc; background-color: #fff }
.headlines .swiper-slide 
{
    text-align: center;
    font-size: 18px;
    background: #fff;

    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.headlines .swiper-slide a { display: block; width: 100% }
.headlines .swiper-slide img { width: 100%; height: auto }
.headlines .swiper-pagination { position: static; padding: 10px }
.headlines .swiper-pagination .swiper-pagination-bullet { background-color: #eee }
.headlines .swiper-pagination .swiper-pagination-bullet-active { background-color: #e70000 }

.hl-videos {  }
.hl-videos .swiper-slide strong {
    top:auto;
    bottom: 0;
    left: 0;
    height: auto;
    min-height: 40px;
    padding: 6px 0 6px 10px;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&1+74,1+74,0+100 */
    background: -moz-linear-gradient(left,  rgba(0,0,0,1) 0%, rgba(0,0,0,1) 74%, rgba(0,0,0,0) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0,0,0,1)), color-stop(74%,rgba(0,0,0,1)), color-stop(100%,rgba(0,0,0,0))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left,  rgba(0,0,0,1) 0%,rgba(0,0,0,1) 74%,rgba(0,0,0,0) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left,  rgba(0,0,0,1) 0%,rgba(0,0,0,1) 74%,rgba(0,0,0,0) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(left,  rgba(0,0,0,1) 0%,rgba(0,0,0,1) 74%,rgba(0,0,0,0) 100%); /* IE10+ */
    background: linear-gradient(to right,  rgba(0,0,0,1) 0%,rgba(0,0,0,1) 74%,rgba(0,0,0,0) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00000000',GradientType=1 ); /* IE6-9 */
}
.hl-videos .swiper-slide i { position: absolute; top: 50%; left: 50%; margin-left: -20px; margin-top: -25px; font-size: 45px; color: white; text-shadow: 0 0 10px #000 }

.box-news { padding: 0; list-style: none }
.box-news li { display: block; margin-bottom:20px; box-shadow: 0 1px 0 #ccc }
.box-news li a, .box-news li a:hover, .box-news li a:focus { display: block; color: #2c3e50 }
.box-news li a img { width: 100%; min-width: 100%; max-width: 100%; height: auto }
.box-news li a strong { display: block; padding: 10px; background-color: white; font-size: 18px; font-weight: 300; text-align: center}
.box-news li .img { display: block; position: relative; width: 100%; min-width: 100%; max-width: 100%; height: auto }
.box-news li .img .icon { position: absolute; left: 50%; top: 50%; padding: 10px; border-radius: 50%; margin-left: -27px; margin-top: -27px; font-size: 35px; color: #fff;  background-color: rgba(0,0,0,0.6); line-height: 1 }

.box-news li.authr { position: relative; background-color: #fff }
.box-news li.authr a { padding: 30px }
.box-news li.authr img { width: 45px; height: 45px; min-width: 45px; max-width: 45px; position: absolute; border-radius: 50%; border: 1px solid #ccc }
.box-news li.authr .hd { margin-bottom: 20px }
.box-news li.authr .inf { display: block; margin-left: 70px; font-size: 14px; font-weight: 300 }
.box-news li.authr .inf span { display: block; font-size: 15px; font-weight: 400 }
.box-news li.authr .cnt { font-weight: 300; font-size: 16px; line-height: 22px }
.box-news li.authr strong { text-align: left; padding: 0; line-height: 30px; margin-bottom: 5px }

.nwsdtl {  }
.nwsdtl .image { margin-bottom: 20px }
.nwsdtl .image img { width: 100% }
.nwsdtl h1 { padding: 0 20px 0 20px; margin-bottom: 20px; font-size: 2em; font-weight: 400 }
.nwsdtl h2 { padding: 0 20px 0 20px; margin-top: 0; margin-bottom: 20px; font-size: 1.6em; line-height: 1.4em; font-weight: 400 }
.nwsdtl article { padding: 20px; background-color: #fff; font-size: 1.4em; font-weight: 300 }
.nwsdtl article strong { font-weight: 400 }
.nwsdtl article img,
.nwsdtl article table,
.nwsdtl article p { width: 100%; min-width: 100%; max-width: 100% }
.nwsdtl article iframe { width: 100%; min-height: 350px }

.nwsdtl .rtx { position: relative; width:100%; min-height: 100px; margin-bottom: 20px; padding:10px 60px; line-height:28px; text-align:center; font-family:'Oswald'; font-size:22px; color:#666; border-top:1px solid #cacaca; border-bottom:1px solid #cacaca;}
.nwsdtl .rtx em {display:block; font-weight:700; color:#333;}
.nwsdtl .rtx i { position: absolute; display:block; width:43px; height:37px; background:url(s1.png) no-repeat;}
.nwsdtl .rtx i.a {left: 0; top:5px; background-position:-167px -372px;}
.nwsdtl .rtx i.b {right: 0; bottom: 5px; background-position:-211px -372px;}
.nwsdtl .rbx {float:left; width:100%; margin-bottom: 20px }
.nwsdtl .rbx a {display:block;}
.nwsdtl .rbx img {display:block;}
.nwsdtl .rbx span {display:block; padding:20px; line-height:26px; font-family:'Oswald'; font-size:18px; color:#fff;}
.nwsdtl .rbx b {display:block; line-height:26px; font-size:22px; padding-bottom:5px;}
.nwsdtl .rbx.red {background:#f04c57;}
.nwsdtl .rbx.grn {background:#7dad1d;}
.nwsdtl .whn {height:40px; line-height:40px; }
.nwsdtl .whn b {float:left; width:70px; height:40px; text-align:center; font-weight:400; font-size:24px; color:#333; background:#ffcc01;}
.nwsdtl .whn strong {display: block; float:left; font-weight:400; max-width: 460px; min-height:40px; padding:0px 35px 0px 15px; font-size:22px; color:#fff; background:#fe0000;}
.nwsdtl .whn ins {float:left; width:40px; height:40px; margin-left:1px; cursor:pointer; background:url(s2.png) -164px -331px no-repeat;}
.nwsdtl .whn span {display:none; float:left; height:40px;}
.nwsdtl .whn a {float:left; font-size:0px; width:40px; height:40px; margin-left:1px; background:url(s2.png) no-repeat;}
.nwsdtl .whn a.tw {background-position:0px -331px;}
.nwsdtl .whn a.fb {background-position:-82px -331px;}
.nwsdtl .whn a.gp {background-position:-41px -331px;}

.nwsdtl .authr-inf { margin: 20px; position: relative; height: 120px; border-bottom: 1px solid #ddd }
.nwsdtl .authr-inf img { position: absolute; left: 0; top: 0; border: 1px solid #fff; }
.nwsdtl .authr-inf p { margin-left: 110px; font-weight: 300; font-size: 1.2em }
.nwsdtl .authr-inf p strong { display: block; font-size: 1.4em; font-weight: 400 }

.othr-artc { margin-top: 20px; padding: 0; list-style: none }
.othr-artc li { padding: 5px }
.othr-artc li span { margin-right: 20px }

.vddtl {  }
.vddtl h1 { padding: 0 20px 0 20px; margin-bottom: 20px; font-size: 2em; font-weight: 400 }
.vddtl h2 { padding: 0 20px 0 20px; margin-top: 0; margin-bottom: 20px; font-size: 1.6em; line-height: 1.4em; font-weight: 400 }
.vddtl article { padding: 20px; background-color: #fff; font-size: 1.4em; font-weight: 300 }
.vddtl article strong { font-weight: 400 }

.box-news-small { margin: 0 20px; padding: 0; list-style: none; border-top: 1px solid #c3c1c0 }
.box-news-small li { display: block; padding: 20px 0; border-bottom: 1px solid #c3c1c0  }
.box-news-small li a { display: block; position: relative; height: 82px; color: #2c3e50 }
.box-news-small li a img { width: 124px; height: 82px }
.box-news-small li a p { margin-right: 130px }
.box-news-small li a p strong { display: block; height: 75px; overflow: hidden; font-size: 18px }
.box-news-small li a p span { display: block; color: #f1c40f }
.box-news-small li .img { position: absolute; right: 0; width: 124px; height: 82px }
.box-news-small li .img i { position: absolute; left: 50%; top: 50%; margin-left: -10px; margin-top: -10px; font-size: 25px; color: #fff; text-shadow: 0px 0px 10px rgba(0,0,0,1) }

.lsm { position: fixed; left:0; bottom: 0; width: 100%; height: 40px; background-color: rgb(255, 255, 255); border-top: 5px solid #ff0000  }
.lsm h2 { width: auto; height: 40px; position: absolute; left: 0px; top:0px; z-index: 999; padding: 0 10px; margin: 0; font-size: 16px; color: #fff; background-color: #ff0000; line-height: 35px; font-weight: 700 }
.lsm .marquee { position: absolute; left: 110px; top: 8px; width: 100%; height: 40px; padding-left: 100px; overflow: hidden; }
.lsm .marquee a, .lsm .marquee a:hover, .lsm .marquee a:focus { margin-right: 20px; color: #394a5b; text-decoration: none; font-size: 15px;}
.lsm .marquee a samp { color: #555;}

.cont { border-radius: 0; margin-top: 10px }
.banner { text-align: center }

.wf { padding: 2px 10px 2px 10px; background-color: white; color: #888; font-size: 12px }
.wf .weather { position: relative }
.wf .weather img {  }
.wf .weather span { position: absolute; right: 0; top:0; font-size: 16px }
.wf .weather strong { clear: both; display: block }
.wf .curr { margin-top: 6px; text-align: center }
.wf .curr i { display: block; font-size: 16px }
.wf .curr span i.fa-sort-asc { display: inline-block; position: relative; top: 4px; font-size: 14px }
.wf .curr span i.fa-sort-desc { display: inline-block; position: relative; top: -3px; font-size: 14px}
.wf .curr span i.fa-sort { display: inline-block; font-size: 14px}

.nws-dtl { margin-top: 10px }
.nws-dtl img { width: 100% }
.nws-dtl .nws-dtl-cnt { margin: 10px; background-color: #fff }
.dtl-scl { padding: 0; list-style: none }
.dtl-scl li { float: left; margin-right: 10px }
.dtl-scl li a { display: block; width: 35px; height: 35px; padding-top: 6px; overflow: hidden; background-color: #e70000; border-radius: 4px; font-size: 17px; color: white; text-align: center }
.dtl-scl li.cmm-cnt { float: right; margin-right: 0 }
.dtl-scl li.cmm-cnt a { width: 34px; height: 30px; background: transparent url(s2.png) -64px -67px no-repeat; color: #888; font-size: 12px }
.nws-dtl .nws-dtl-cnt .cat { padding-left: 10px; font-size: 16px; color: #f1c40f  }
.nws-dtl .nws-dtl-cnt samp { margin-left: 20px; font-family: Roboto; font-size: 16px; color: #bdc3c7  }
.nws-dtl .nws-dtl-cnt h1 { padding: 10px; margin: 0; font-family: 'Roboto Condensed'; font-size: 30px; font-weight: 700 }
.nws-dtl .nws-dtl-cnt h2 { padding: 10px; margin: 0 0 10px 0; font-family: 'Roboto Condensed'; font-size: 24px }
.nws-dtl .nws-dtl-cnt .rprt { position: relative; height: 82px; padding: 10px; margin-bottom: 20px; border-top: 1px solid #c3c1c0; border-bottom: 1px solid #c3c1c0 }
.nws-dtl .nws-dtl-cnt .rprt img { position: absolute; width: 62px; height: 62px; border-radius: 50% }
.nws-dtl .nws-dtl-cnt .rprt p { margin-left: 90px }
.nws-dtl .nws-dtl-cnt .rprt p strong { display: block; color: #2d3f51 }
.nws-dtl .nws-dtl-cnt .rprt p span { display: block; color: #bfc4c8 }
.nws-dtl .nws-dtl-cnt .rprt p strong i { color: #bdc3c7  }
.nws-dtl .nws-dtl-cnt .nws-cnt { padding: 10px; font-size: 18px }
.nws-dtl .rltd { margin: 10px; padding: 10px; height: 108px; overflow: hidden; background-color: #ecf0f1  }
.nws-dtl .rltd a { display: block; position: relative }
.nws-dtl .rltd a img { display: block; position: absolute; width: 133px; height: 88px }
.nws-dtl .rltd a p { margin-left: 150px }
.nws-dtl .rltd a p span { display: block; font-size: 12px; color: #f1c40f }
.nws-dtl .rltd a p samp { display: block; margin-left: 0; font-family: Roboto; font-size: 12px; }
.nws-dtl .rltd a p strong { color: #2c3e50  }

.glr-dtl { margin-top: 10px; padding: 30px 0; background-color: #003e70 }
.glr-dtl .glr-img { position: relative; color: white }
.glr-dtl .glr-img img { width: 100% }
.glr-dtl .glr-img .next { display: block; position: absolute; top: 50%; right: 20px; margin-top: -70px; font-size: 100px; color: white; text-shadow: 0 0 10px #000 }
.glr-dtl .glr-img .prev { display: block; position: absolute; top: 50%; left: 20px; margin-top: -70px; font-size: 100px; color: white; text-shadow: 0 0 10px #000 }
.glr-dtl .glr-cnt { padding-top: 20px; background-color: #fff }
.glr-dtl .glr-cnt .cat { padding-left: 10px; font-size: 16px; color: #f1c40f  }
.glr-dtl .glr-cnt samp { margin-left: 20px; font-family: Roboto; font-size: 16px; color: #bdc3c7  }
.glr-dtl .glr-cnt h1 { padding: 10px; margin: 0; font-family: 'Roboto Condensed'; font-size: 30px; font-weight: 700 }
.glr-dtl .glr-cnt h2 { padding: 10px; margin: 0 0 10px 0; font-family: 'Roboto Condensed'; font-size: 24px }
.glr-dtl .glr-cnt h3 { padding: 10px; margin: 0 0 10px 0; font-family: 'Roboto Condensed'; font-size: 20px; color: #999; font-style: italic }

.vd-dtl { background-color: #272727 }


.nws-cnt img { max-width: 100%;}

.detail-gallery { display: block }

.detail-gallery .gallery-title {
    position: absolute;
    display: inline-block;
    top: 60px;
    right: 16px;
    z-index: 9;
}

.detail-gallery .gallery-title a {
    width: 51px;
    height: 31px;
    line-height: 31px;
    border: solid 1px #5f5f5f;
    border-radius: 6px;
    background: rgba(0,0,0,0.5);
    display: block;
    font-size: 11px;
    text-align: center;
    color: #ebebeb;
    margin-left: 16px;
    float: left;
}

.gallery-slider .swiper-gallery {
    list-style: none;
    display: block;
    margin: 0;
    padding: 0;
    background: #000000;
}

.gallery-slider .swiper-gallery .swiper-slide {
    margin: 0;
    padding: 0;
    z-index: 9999;
}

.gallery-slider .swiper-gallery .gallery-photo {
    position: relative;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

.gallery-slider .swiper-gallery .gallery-photo img {
    position: relative;
}

.gallery-slider .swiper-caption {
    position: absolute;
    display: block;
    bottom: 20px;
    text-align: center;
    width: 100%;
    z-index: 9;
}

.gallery-slider .swiper-caption .caption-text {
    display: block;
    padding: 10px;
    text-align: left;
    background: rgba(0,0,0,0.8);
}

.gallery-slider .swiper-caption .caption-text p {
    font-size: 14px;
    color: #ffffff;
    margin-bottom: 5px;
}

.gallery-slider .swiper-pagination-bullet { margin: 0 5px 0 5px; }