div,p,h1,h2,h3,h4,h5,h6,span,i,a,li,ul,body{font-family: "Microsoft YaHei"; padding:0; margin:0; /*font-size: 18px; line-height: 27px;*/  color: #fff;}
ul,ol,li{list-style: none;}
a{text-decoration: none;}
a:hover,a:link{text-decoration: none;}
.no-padding{padding: 0;}
img{border:0;}
.img_block{display: block; width: 100%;}
.of{overflow: hidden;}
body{background: #101020;}
.l{float: left;}
.r{float: right;}
.tp_top{margin-top: 80px;}
/*container*/
.container{margin: 0 auto; /*overflow: hidden;*/}
@media screen and (min-width: 768px){
	.container{width: 750px;}
}
@media screen and (min-width: 992px){
	.container{width: 970px;}
}
@media screen and (min-width: 1200px){
	.container{width: 1170px;}
}
@media screen and (min-width: 1210px){
	.container{width: 1200px;}
}

@media (min-width: 1200px){
	.hidden-lg{display: none!important;}
}
@media (max-width: 1199px) and (min-width: 992px){
	.hidden-md{display: none!important;}
}
@media (max-width: 991px) and (min-width: 768px){
	.hidden-sm{display: none!important;}
}
@media (max-width: 767px){
	.hidden-xs{display: none!important;}
}


.banner{background: url(../images/bg-pc.jpg) no-repeat center 0; min-height: 1000px; padding-top: 100px;}
.banner img{display: block; width: auto; margin:0 auto;}
.img_banner{display: block; width: 100%;}
.video{margin-bottom: 40px;}
.title{text-align: center; color: #0ff; font-size: 38px; line-height: 1; padding: 70px 0 30px; font-weight: bold;}
.nav{overflow: hidden; padding-bottom: 10px; margin-bottom: 20px; border-bottom:1px solid #4d4050;}
.nav span{font-size: 20px; line-height: 27px; color: #fff; padding-right: 24px; display: block; float: left; margin-right: 24px; cursor: pointer;}
.nav span.br{border-right: 1px solid #fff;}
.nav span.act{color: #ff9600;}
.bottom{margin-top: 50px;}
.video-js{outline: none;}
.vjs-paused .vjs-big-play-button,
.vjs-paused.vjs-has-started .vjs-big-play-button {
    display: block;
}
.video-js .vjs-audio-button{display: none;}

.top_head{background: #eeeeee; padding: 12px 0; margin-bottom: 50px;}
.container-fluid{max-width: 1200px; margin:0 auto;}
.top_head img{display: block; width: auto;}
.top_head a{color: #999; display: block;}

.nav-top{padding: 15px 0 20px; background: #ffffff;}
.nav-top span{font-size: 32px; line-height: 50px; color: #333; display: block;}
.nav-top p{font-size: 14px; line-height: 20px; color: #666;}
.nav-top img{display: block; width: 75px; margin: 0 14px 0 20px;}

.nav-contents{overflow: hidden; display: none;}
.nav-contents .cons{width: calc(33.3333% - 16px); float: left; margin:0 8px 20px; background: #11132e; min-height: 96px; padding-top: 12px;}
.nav-contents .cons .cons_t,.nav-contents .cons p{padding: 0 20px;}
.nav-contents .cons .cons_t span{display: inline-block;}
.nav-contents .cons .cons_t span.time{font-size: 16px; line-height: 27px; color: #cc00cc;}
.nav-contents .cons .cons_t span.state{font-size: 14px; line-height: 22px; color: #fff; background: #b10970; padding: 0 5px; margin-left: 5px; border-radius: 5px;}
.nav-contents .cons p{font-size: 16px; line-height: 24px; color: #fff; padding-top: 5px;}
.nav-contents .cons .cons_t span.no{background: #999999;}
.nav-contents .cons.ad_pointer{cursor: pointer;}
.nav-contents .cons.ad_color p{color: #00fff6;}
.nav-contents .cons.ad_color2 p{color: #00fff6;}
.nav-contents .cons.ad_back .state{background: #b10970!important;}

.video_box{display: none;}
.href_target{text-align: center; margin: 40px 0 70px;}
.href_target a{display: inline-block; background: #ff9600; color: #fff; font-size: 20px; width: 220px; height: 40px; line-height: 40px; padding: 0 10px;
border-radius: 20px;}


.foot{background: #000011; padding: 35px 0; overflow: hidden; }
.foot_logo{display: block; width: auto; margin: 0 auto;}
.foot-text{float:left; width: 80%;}
.foot-text h6{color: #fff; padding-bottom: 8px; font-size: 16px;}
.foot-text p{color: #fff; font-size: 16px;}
.foot_right p{color: #fff; font-size: 16px; padding-top: 10px; text-align: center;}

.share{position: fixed; bottom: 80px; right: 10px; z-index: 10;}
.share_box{width:32px; height: 32px; padding: 5px; border:1px solid #ddd; position: relative; background: #fff;}
.share_box img{ position: absolute; left: 5px; top: 5px;}
.share-hide{display: none; z-index: 1;}
.share_box:hover .share-hide{display: block;}
.erweima{position: fixed; bottom: 80px; right: 60px; z-index: 10; width: 148px; height: 148px; padding: 5px; border:1px solid #ddd; display: none;
background: #fff;}
.erweima img{display: block; width: 100%;}
@media screen and (max-width: 1199px){
	.banner img{width: 100%; }
}
@media screen and (max-width: 991px){
	.banner{background: url(../images/ict-banner-m.jpg) no-repeat center 0; height: 400px;}
	.video{margin-bottom: 30px;}
	
	.foot_logo{margin: 0 auto; margin-top: 20px;}
	.foot-text{float:none; width: 100%;}
	.foot_right{float: none; width: 100%;}
	.foot_right p{font-size: 14px; padding-top: 10px; text-align: center;}
	.nav-contents .cons .cons_t span.time{font-size: 14px;}
	.nav-contents .cons .cons_t span.state{line-height: 24px;}
	.nav span{margin-right: 15px; padding-right: 15px; font-size: 18px;}

	.nav-contents .cons{min-height: 95px; padding-top: 10px;}
}
@media screen and (max-width: 768px){
	.banner{padding-top: 80px; height: 420px;}
	.container{margin:0 15px;}
	.bottom{margin-top: 30px;}
	.href_target{margin: 20px 0 40px;}
	.href_target a{font-size: 16px; width: auto; padding: 0 10px; height: 30px; line-height: 30px; margin: 0 6px;}
	.nav-contents .cons{width: calc(50% - 16px); margin-bottom: 15px;}
	.nav-contents .cons .cons_t, .nav-contents .cons p{padding: 0 10px;}
	.nav-contents .cons p{font-size: 14px; line-height: 20px; padding-top: 5px;}
	.nav-contents .cons .cons_t span.state{line-height: 20px; font-size: 12px; padding: 0 3px;}
	
	.title{font-size: 28px; padding: 40px 0 25px;}
	.foot-text p{color: #fff; font-size: 14px; line-height: 20px;}
	
	.nav{overflow-x: scroll;}
	.nav_hi{white-space: nowrap; width: 100%;}
	.nav span{display: inline-block; float: none;} 

	.foot_logo{width: 120px;}
	.foot{padding: 20px 0 30px;}
	.foot_right p{font-size: 12px;}

	.top_head{padding: 10px 0; margin-bottom: 0;}
	.top_head .container-fluid{background: #f0f0f0;}
	.top_head img{width: 100px;}
	.top_head a{line-height: 20px;}
	.nav-top{padding: 15px 0; position: relative;}
	.nav-top span{font-size: 18px; line-height: 27px;}
	.nav-top img{width: 100%; margin: 0;}
    .nav_l{width: 18%; float: none; margin-left: 2%;}
    .nav_r{width: 75%; position: absolute; left: 23%; top: 0; height: 100%;}
	.nav_r_box{display:table; height: 100%;}
	.nav_r_con{display:table-cell; vertical-align:middle;}
	.container-nav-top{margin:0;}
}
@media screen and (max-width: 540px){
	.banner{padding-top: 50px;}
}