.hd-slides{width:100%;}
	.slides-body{padding-left:10px; padding-right:10px;}
.hd-runner-text{width:100%; /*height:38px;*/ }
	.runner-text-body{padding:10px;}
	.runner-text-cover{width:100%; max-width:1000px; /*height:38px;*/ overflow:hidden; position:relative; margin:0 auto;}
	.runner-text{height:30px;}
	.runner-text span,.runner-text span a{color:#036;}
.hd-topscreen{width:100%;}
	.topscreen-body{margin:0 auto; padding-left:10px; padding-right:10px;}	
	.topscreen-content{display:block; width:100%; max-width:1000px; height: auto; text-align:center; margin: auto;}
	.topscreen-item{display:inline-block;}
	.topscreen-img{width:100%; max-width:1000px; height:auto; }
	.topscreen-img2{width:100%; max-width:495px; height:auto; }

/* for news_manager */
.news-manager{width:100%;}
.news-manager-body{padding:10px; /*text-align: center;*/}
.news-manager-block{width:100%;}
.news-manager-item{/*width:300px; height:350px;*/ width:240px; height:320px; border-radius:5px; padding:5px; margin:5px; background-color:#FFF; position: relative;}
.news-manager-item:hover {background-color:#eaf5f9;}
.news-manager-boss{font-weight:600;}
.news-manager-item img{/*width:280px;*/width:230px; height:auto; border-radius:5px;} 
.news-manager-cover{width:100%; height:155px; display:block; border-radius:5px;}
.news-manager-text{text-align:left;}
.news-manager-date{position:absolute; right:10px; bottom:5px; display:inline-block; color:#C00; }

/* for news */
.news{width:100%;}
.news-body{padding:10px;}
.news-block{width:100%; padding-bottom:15px; padding-top:15px;}
.news-box{line-height:30px;}
	.news-tab-menu{color:#000;display:inline-block;padding:8px;background-color:#F0F0F0; cursor: pointer; transition:all 0.3s ease-out; border-top-left-radius:5px; border-top-right-radius:5px;}
	.news-tab-menu:hover, .active{background-color:#1F85B6; color:#FFF;}
	.news-tab-menu:active{background-color:#2295cc; /*border-top:1px solid #B7B7B7; border-right:1px solid #B7B7B7; border-left:1px solid #B7B7B7;*/}

/* for hotbox */
.hotbox{width:100%; background-image:url(../img/bg-01.jpg); background-repeat:no-repeat; background-size:cover; background-position:top;}
.hotbox-body{padding:10px;}
.hotbox-block{width:100%; padding-bottom:15px; padding-top:15px; margin:0 auto;}

/* for banner */
.videos{width:100%;background-image:url(../img/bg-head.png); background-repeat:no-repeat; background-size:cover; background-position:top;}
.videos-body{padding:10px;}
.videos-block{width:100%;}
.videos-icon{color:#FF0000;}

/* for banner */
.banner{width:100%;} 
.banner-bg{background-image:url(../img/bg-newsm.png); background-repeat:no-repeat; background-size:cover; background-position:top;}
.banner-body{padding:10px;}
.banner-block{width:100%;}

/* all object */
.icon-topic{font-size:150%;margin-right:5px; display: inline-block; height:30px; line-height:30px;}

/* marquee css */
.marquee {width: 100%; margin: 0 auto; overflow: hidden; box-sizing: border-box;}
.marquee span {display: inline-block; width: max-content; padding-left: 100%; 
	/* show the marquee just outside the paragraph */
  	will-change: transform;
  	animation: marquee 26s linear infinite;
}

.marquee span:hover {animation-play-state: paused}


@keyframes marquee {
  	0% { transform: translate(0, 0); }
  	100% { transform: translate(-100%, 0); }
}
/* Respect user preferences about animations */
@media (prefers-reduced-motion: reduce) {
  	.marquee span {
    	animation-iteration-count: 1;
    	animation-duration: 1.2s; 
    	/* instead of animation: none, so an animationend event is 
     	* still available, if previously attached.
     	*/
    	width: auto;
    	padding-left: 0;
  }
}