/* @Author: MJ * @Date: 2018-01-23 10:58:14 * @Last Modified by: Hp * @Last Modified time: 2018-01-23 14:44:36 */ 
@CHARSET "UTF-8";
.navbar-default {
    margin-bottom: 0px;
}

.son-nav {
    margin-bottom: 0px;
}

.ind-scrollpic {
    width: 100%;
    height: 498px;
    /*margin: auto;*/
    margin-bottom: 36px;
}

.section-global-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
}
.carousel-indicators {
    bottom: 35px;
}

.carousel-fade .carousel-inner .item {
    opacity: 0;
    -webkit-transition-property: opacity;
    -moz-transition-property: opacity;
    -ms-transition-property: opacity;
    -o-transition-property: opacity;
    transition-property: opacity;
}

.carousel-fade .carousel-inner .active {
    opacity: 1;
}

.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
    left: 0;
    opacity: 0;
}

.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
    opacity: 1;
}

@media (min-width: 479px) and (max-width: 767px) {
    .ind-scrollpic {
        margin: auto;
        height: 280px;
        margin-bottom: 30px;
    }
    .carousel-caption {
        padding-left: 26px;
    }
    .carousel-caption .carousel-title>a {
        font-size: 16px;
        line-height: 37px;
    }
    .carousel-indicators {
        bottom: 15px;
    }
}

@media (max-width: 479px) {
    .ind-scrollpic {
        margin: auto;
        height: 198px;
        margin-bottom: 30px;
    }
    .carousel-caption {
        padding-left: 26px;
        height: 27px;
    }
    .carousel-caption .carousel-title>a {
        font-size: 16px;
        line-height: 27px;
    }
    .carousel-indicators {
        bottom: 5px;
    }
}


@media (min-width: 768px) and (max-width: 992px) {
    .dynamic-news {
        margin-bottom: 30px;
    }
    .digital {
        height: 480px;
    }
}

@media (min-width: 479px) and (max-width: 767px) {
    .dynamic-news {
        margin-bottom: 30px;
    }
    .digital {
        height: 380px;
    }
    
    .media-heading {
        position: relative;
        height: auto;
    }
    .media-body {
        position: relative;
        height: auto;
    }
    .media-body .bottom {
        position: relative;
    }
}

@media (max-width: 479px) {
    .dynamic-news {
        margin-bottom: 30px;
    }
    .media-body {
        display: block;
        width: 100%;
    }
    .media-left {
        display: block;
        width: 100%;
        height: 198px;
        padding: 0;
        margin-bottom: 10px;
    }
    .media-object {
        position: relative;
        width: 100%;
        height: 100%;
    }
    .media-heading {
        position: relative;
        height: auto;
    }
    .media-body {
        position: relative;
        height: auto;
    }
    .media-body .bottom {
        position: relative;
    }
}



.rumor {
    width: 100%;
    height: 430px;
}

/* .rumor-caption {
	position: absolute;
	padding: 0;
	padding-left: 16px;
	margin: 0;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 40px;
	text-align: left;
	background-color: rgba(0, 0, 0, 0.6);
}

.rumor-caption .rumor-title>a {
	position: relative;
	color: #fff;
	font-size: 18px;
	line-height: 40px;
	font-family: 'microsoft yahei';
} */

.rumor-top {
    margin-bottom: 10px;
}

.rumor-r-pic {
    height: 182px;
    overflow: hidden;
}

.rumor-r-pic1 {
    background-image: url(../images/yy3.jpg);
}

.rumor-r-pic2 {
    background-image: url(../images/yy4.jpg);
}

.rumor-r-pic3 {
    background-image: url(../images/yy5.jpg);
}

.rumor-r-pic4 {
    background-image: url(../images/yy6.jpg);
}

.rumor-r-desc {
    height: 35px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.rumor-r-desc>span>a {
    font-size: 16px;
    line-height: 30px;
    font-family: 'microsoft yahei';
}

@media (min-width: 768px) and (max-width: 992px) {
    .rumor {
        margin-bottom: 30px;
        height: 480px;
    }
}

@media (min-width: 479px) and (max-width: 767px) {
    .rumor {
        margin-bottom: 20px;
        height: 380px;
    }
}

@media (max-width: 479px) {
    .rumor {
        margin-bottom: 10px;
        height: 198px;
    }
}



.integrity-v {
    padding: 0;
    margin: 0;
    margin-bottom: 25px;
}
@media (max-width: 767px)  {
	.integrity-v {
	    margin-bottom: 0px;
	}
}

.integrity-v .vid {
    float: right;
    width: 100%;
}

.video {
    text-align: center;
    font-family: 'microsoft yahei';
    font-size: 36px;
    margin-bottom: 18px;
    background: url('../images/line.png') repeat-x 0 27px;
    position: relative;
}
@media (max-width: 767px)  {
	.video {
	    font-size: 18px;
	    background: url('../images/line.png') repeat-x 0 12px;
    	margin-bottom: 8px;
	}
}
.video-rumor {
    background: none;
}

.video .video-inner {
    display: inline-block;
    background-color: #fff;
}
@media (max-width: 767px)  {
	.video-inner>a>img {
	    width:200px;
	}
}

.video .t-right>a {
    position: absolute;
    right: 0;
    top: 52px;
    font-size: 14px;
    color: #7b7878;
    background-color: #fff;
}
@media (max-width: 767px)  {
	.video .t-right>a {
    	top: 26px;
	}
}
.video .t-right>a:hover{color: #0568b0;}

.video .v1 {
    color: #0568b0;
    padding-left: 14px;
}

.video .v2 {
    padding-right: 14px;
}

.media-z {
    position: relative;
}

.media-z-pic {
    overflow: hidden;
    position: relative;
    display: inline-block;
    z-index: 0;
    /* border:1px solid red; */
    background-image: url(../images/v4.png);
}

.m-pic {
    background-image: url(../images/v5.png);
}

.media-body-z p {
    font-size: 14px;
    font-family: 'microsoft yahei';
    color: #a5a5a5;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}

.media-body-z {
    position: relative;
    width: 100%;
}

.media-left-z {
    padding: 0px;
}

.media-body-z h4 {
    color: #0568b0;
}


.documentary {
    position: relative;
    width: 100%;
    height: 212px;
    overflow: hidden;
}

.documentary img {
    width: 100%;
    height: 100%;
}

.audio .canvas .progress .video {
    position: relative;
    display: inline;
    z-index: 100;
}

@media (min-width: 992px) {}

@media (min-width: 768px) and (max-width: 992px) {
    .integrity-v .vid {
        width: 100%;
        margin: auto;
    }
    .media-object-v {
        height: 240px;
    }
    .media-object-z {
        height: 480px;
    }
    .integrity-v {
        margin-bottom: 20px;
    }
    /*.media-z-pic{height: 220px;}*/
}

@media (min-width: 479px) and (max-width: 767px) {
    .integrity-v .vid {
        width: 100%;
        margin: auto;
    }
    .documentary {
        height: 380px;
    }
    .media-object-z {
        height: 380px;
    }
    .video {
        margin-bottom: 18px;
    }
}

@media (max-width: 479px) {
    .documentary {
        height: 198px;
    }
    .media-object-v {
        height: 98px;
    }
    .media-object-z {
        height: 198px;
    }
    .video {
        margin-bottom: 18px;
    }
}


.carousel-inner.famous-carousel .item {
	background-image: none;
}
.fam-con .carousel-control {
    width: 5%;
    font-size: 100px;
    color: #000;
    text-shadow: 0 0 0 rgba(255, 255, 255, 0);
}
.fam-con .carousel-inner .item{
	background-color: #fff;
}
.fam-con .carousel-control.left {
    background: none;
    left: -5%;
    top: 43%;
}

.fam-con .carousel-control.right {
    right: -5%;
    top: 43%;
    background: none;
}

.fam-con .carousel-control:hover,
.fam-con .carousel-control:focus {
    color: #000;
}

@media (max-width: 767px) {
    .fam-con .carousel-control.left {
        background-image: none;
        left: 0;
        top: 25%;
    }
    .fam-con .carousel-control.right {
        right: 0%;
        top: 25%;
        background-image: none;
    }
}

.famous {
    padding: 0;
    margin: 0;
}

.famous img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
}

.famoall {
    position: relative;
    height: 377px;
    width: 207px;
    margin: auto;
    display: inline-block;
}

.fam-con {
    text-align: center;
    height: 377px;
    margin: auto;
}

.famoall .famo {
    position: relative;
    height: 207px;
    border-radius: 50%;
}

.famoall .name {
    position: relative;
    text-align: center;
    margin-top: 23px;
}

.name ul {
    list-style: none;
    padding: 0;
    margin: 0;
    text-align: center;
}

.name li {
    display: inline;
    font-size: 16px;
    color: #999999;
    font-family: 'microsoft yahei';
}
@media (max-width: 767px)  { 
	.name li {
	    font-size: 14px;
	}
}

.name ul :first-child {
    font-size: 22px;
    color: #0568b0;
}
@media (max-width: 767px)  { 
	.name ul :first-child {
	    font-size: 16px;
	}
}

.celebrity {
    width: 100%;
    margin-top: 12px;
    margin-bottom: 25px;
}

.celebrity div {
	overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-align: left;
    color: #666666;
}
.celebrity div>span>a {
    padding-left: 13px;
    color: #666666;
    background-image: url(../images/famouszz.png);
    background-repeat: no-repeat;
    background-position: 0 4px;
    line-height: 32px;
    font-size: 14px;
    font-family: 'microsoft yahei';
}
@media (max-width: 767px)  {
	.celebrity div>span>a {
		line-height: 30px;
	}
}
.celebrity div>span>a:hover {
    color: #0568b0;
}



/* .integrity-v .cont {
    padding-bottom: 0px;
} */

.cont .souc-pic {
    /* height: 241px; */
    position: relative;
    margin-bottom: 28px;
    text-align:center;
}
@media (max-width: 767px)  { 
	.cont .souc-pic {
	    margin-bottom: 0px;
	}
}
.souc-pic>a>img{
	width:95%;
}


.science {
    background-image: url(../images/kh1.jpg);
}



.internet {
    background-image: url(../images/kh2.jpg);
}

.contribute {
    margin-top: -21px;
}
@media (max-width: 767px)  { 
	.contribute {
	    margin-top: 0px;
	}
}
.cont .new-spec {
    margin-top: -11px;
}
@media (max-width: 767px)  { 
	.cont .new-spec {
	    margin-top: 0;
	}
}
.new .news {
    width: 21px;
    height: 21px;
    float: left;
    line-height: 19px;
    text-align: center;
    margin-right: 12px;
    border: 1px solid black;
}

.new .spot1,
.new .spot2 {
    border: none;
    background-color: #68bffc;
    color: #fff;
    padding: 0;
}

.new span {
    height: 21px;
}

.new span>a {
    color: #666666;
    font-family: 'microsoft yahei';
    font-size: 16px;
}

.new span>a:hover {
    color: #0568b0;
}

.new>div {
    margin: 10px 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.cont .souc-t {
    height: 270px;
    margin-bottom: 10px;
}

.souc-t a img {
    width: 100%;
    height: 100%;
}

.t-comment {
    font-size: 18px;
    font-family: 'microsoft yahei';
    font-weight: 700;
    text-align: center;
    color: black;
    margin: 0;
    height: 14px;
}

.t-comment .t-comment-more {
    font-size: 16px;
    line-height: 30px;
    float: right;
    color: #7b7878;
}

.t-comment .t-comment-news {
    font-size: 18px;
    margin-right: 10px;
    float: left;
}

.t-comment .t-comment-i {
    float: left;
    line-height: 30px;
    font-size: 18px;
    line-height: 32px;
    margin-right: 13px;
}

@media (min-width: 992px) {}

@media (min-width: 768px) and (max-width: 992px) {
    .word .cont {
        width: 100%;
        margin: auto;
    }
    .cont .souc-t {
        height: 480px;
    }
    .cont .new {
        width: 100%;
        margin-bottom: 30px;
    }
}

@media (min-width: 479px) and (max-width: 767px) {
    .word .cont {
        width: 100%;
        margin: auto;
    }
    .cont .souc-t {
        height: 380px;
    }
}

@media (max-width: 479px) {
    .cont .souc-t {
        height: 198px;
    }
}


.act-cont {
    height: 370px;
}

.act-cont .section-activity-wrapper {
    width: 100%;
    height: 100%;
}

.activity-caption {
    position: absolute;
    left: 0;
    bottom: 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
	padding: 0 16px;
    margin: 0;
    width: 100%;
    height: 37px;
    background-color: rgba(0, 0, 0, 0.6);
    color: #fff;
}
@media (max-width: 767px)  {
	.activity-caption {
		padding: 0 6px;
	}
}
.activity-caption .activity-title {
    position: relative;
    color: #fff;
    line-height: 37px;
}
.activity-caption .activity-title>a {
    color: #fff;
    font-size: 18px;
    font-family: 'microsoft yahei';
}
@media (max-width: 992px)  {
	.activity-caption .activity-title>a {
	    font-size: 16px;
	}
}
.activity-caption .activity-title>a:hover {
    color: #0568b0;
}

.act {
    overflow: hidden;
}

.activity-l {
    overflow: hidden;
    margin-bottom: 35px;
}
@media (max-width: 767px)  { 
	.activity-l {
	    margin-bottom: 10px;
	}
}
.activity-l .actr-l {
    position: relative;
    margin: 0;
}

.comm1 {
    background-image: url(../images/act2.png);
}

.comm2 {
    background-image: url(../images/act2.png);
}

.activity-l .actr-l:first-child {
    margin-bottom: 7px;
}

.activity-l .actr-r {
    margin-top: -10px;
    margin-bottom: 0;
    position: relative;
    overflow: hidden;
    width: 100%;
    padding-left:15px;
}
@media (max-width: 767px)  {
	.activity-l .actr-r {
		margin-top:0;
	    padding-left:0;
	}
}

.act-caption {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    position: absolute;
    bottom: 0;
    padding: 0 16px;
    width: 100%;
    height: 35px;
    background-color: rgba(0, 0, 0, 0.6);
    color: #fff;
}
@media (max-width: 767px)  {
	.act-caption {
   	 	padding: 0 6px;
	}
}
.act-caption .act-title>a {
    position: relative;
    color: #fff;
    font-size: 18px;
    line-height: 35px;
    font-family: 'microsoft yahei';
}
@media (max-width: 992px)  {
	.act-caption .act-title>a {
	    font-size: 16px;
	}
}

.ck .pict {
    position: relative;
    border: 1px solid black;
}

.guest1 {
    background-image: url(../images/act4.png);
}

.guest2 {
    background-image: url(../images/act5.png);
}

.guest3 {
    background-image: url(../images/act6.png);
}

.ck .pict>a>img {
    width: 100%;
    height: 100%;
}

.ck-p {
    height: 30px;
    margin-top: -30px;
    padding: 0 6px;
}

.act-caption .ck-t>a {
    line-height: 30px;
}

@media (min-width: 768px) and (max-width: 992px) {
    .activity-l {
        margin-bottom: 40px;
    }
    .ck .pict {
        margin-bottom: 10px;
    }
    .act-cont {
        height: 480px;
    }
    .actr {
        width: 100%;
        height: 100%;
    }
    .act {
        margin-bottom: 10px;
    }
    .activity-l .actr-l {
        height: 480px;
        margin-bottom: 6px;
    }
    .activity-l .actr-l:first-child {
        margin-bottom: 20px;
    }
}

@media (min-width: 479px) and (max-width: 767px) {
    .ck .pict {
        height: 180px;
        margin-bottom:10px;
    }
    .activity-l {
        padding-left: 15px;
        padding-right: 15px;
    }
    .actr {
        width: 100%;
        height: 100%;
    }
    .act {
        margin-bottom: 10px;
    }
    .activity-l .actr-l {
        height: 380px;
        margin-bottom: 6px;
    }
    .activity-l .actr-l:first-child {
        margin-bottom: 20px;
    }
}

@media (max-width: 479px) {
    .act-cont {
        height: 198px;
    }
    .ck .pict {
        height: 108px;
        margin-bottom:10px;
    }
    .actr {
        width: 100%;
        height: 100%;
    }
    .act {
        margin-bottom: 10px;
    }
    .activity-l .actr-l {
        height: 198px;
        margin-bottom: 6px;
    }
    .activity-l .actr-l:first-child {
        margin-bottom: 20px;
    }
}


.book{
	 margin-bottom: 30px;
}
@media (max-width: 767px)  { 
	.book{
		 margin-bottom: 0px;
	}
}
.music-all {
    width: 100%;
    margin: auto;
}

.music-all .music {
    height: 310px;
    width: 100%;
    float: left;
    display: inline;
}

.music .pic {
    margin: auto;
    height: 238px;
    width: 100%;
}

.music .pic>a>img {
    height: 100%;
    width: 100%;
}

.music .con{
	margin: auto;
	height: 72px;
	width: 100%;
	overflow: hidden;
	padding: 15px 7px;
}
@media (max-width: 479px)  { 
	.music .con{
		height: auto;
		overflow: hidden;
        white-space: nowrap;
        text-overflow:ellipsis;
	}
}

.music .con>span>a {
    color: black;
    line-height: 22px;
    font-size: 16px;
    font-family: 'microsoft yahei';
}

.music .con>span>a:hover {
    color: #0568b0;
}

.add .crga {
    position: relative;
}
@media (max-width: 767px)  { 
	.add .crga {
	    margin-bottom: 0px;
	}
}


.base1 {
    background-image: url(../images/base1.jpg);
}


.base2 {
    background-image: url(../images/base2.jpg);
}

.add .estate {
    width: 100%;
    overflow: hidden;
    /* border:1px solid red; */
}
@media (max-width: 767px)  { 
	.add .estate {
        margin-bottom: 0px;
    }
}


.town .town-pic {
    height: 240px;
}

.town-pic .section-town-wrapper {
    width: 100%;
    height: 100%;
}

.town-caption {
    position: absolute;
    left: 0;
    bottom: 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
	padding: 0 16px;
    margin: 0;
    width: 100%;
    font-family: 'microsoft yahei';
    background-color: rgba(0, 0, 0, 0.6);
    color: #fff;
}
@media (max-width: 767px)  {
	.town-caption {
		padding: 0 6px;
	}
}
.town-caption .town-title {
    position: relative;
    color: #fff;
    line-height: 40px;
}
@media (max-width: 767px)  {
	.town-caption .town-title {
	    line-height: 30px;
	}
}

.town-caption .town-title>a {
    color: #fff;
    font-size: 18px;
}
@media (max-width: 992px)  {
	.town-caption .town-title>a {
	    font-size: 16px;
	}
}

@media (min-width: 768px) and (max-width: 992px) {
    .add .estate {
        margin-bottom: 30px;
    }
    .town .town-pic {
        height: 182px;
    }
    .music-all .music {
        height: 297px;
        margin-bottom: 5px;
    }
    .music .pic {
        height: 225px;
    }
}

@media (min-width: 479px) and (max-width: 767px) {
    .music-all .music {
        height: 337px;
        margin-bottom: 5px;
    }
    .music .pic {
        height: 265px;
    }
    .town .town-pic {
	    height: 372px;
	}
}

@media (max-width: 479px) {
    .town .town-pic {
        height: 198px;
    }
    .music-all .music {
        height: 277px;
        margin-bottom: 5px;
    }
    .music .pic {
        height: 205px;
    }
}

.adTop {
	position: relative;
	overflow: hidden;
}
.adTop .adTopBig {
	position: relative;
	z-index: 1;
	display: block;
	width: 100%;
}
.adTop .adTopBig img {
	display: block;
	width: 100%;
}
.adTop .adTopSmall {
	display: block;
	position: absolute;
	z-index: 0;
	top: 0;
	left: 0;
	width: 100%;
}
.adTop .adTopSmall img {
	display: block;
	width: 100%;
}
.adTop.adClose {
	height: auto!important;
}
.adTop.adClose .adTopBig {
	display: none;
}
.adTop.adClose .adTopSmall {
	position: relative;
	top: auto;
	left: auto;
}