@charset "utf-8";
/* CSS Document */
*{ margin:0; padding:0;}
*{font-size:16px; font-family: "微软雅黑"; list-style-type:none;}
.title a:hover{color: #009966;}
.clearfix{overflow:auto;_height:1%}
body{background:#012f6b url(http://www.chinafpd.net/templets/fpd/images/1200_12.png) repeat-y center 0; background-attachment:fixed; position:relative;}
/**head**/
.h-area{width:100%; background:#012f6b;height:610px; background: #012f6b url(./image/19c74aa847f23d7ecc3e099ff64dbf5.png) no-repeat center 0;background-size: 100%;}
.hide {
	display: none!important;
}
/**简介直播**/
.com-live{width:1200px; height:386px; margin:0 auto; margin-top:40px; }
.com{width:588px; height:386px; float:left;}
.com-tit{width:588px; height:56px; }
.com-img{width:588px; height:330px;overflow: hidden;position: relative;}

.live{width:588px; height:386px; float:right;}
.live-tit{width:588px; height:56px; }
.live-img{width:588px; height:330px; overflow:hidden;position: relative;}
.bigger{transition:transform 0.7s;}
.bigger:hover{transform: scale(1.1,1.1);}
.live-title{ height:56px; float:left;}
.live-btn{height:56px; float:right;}
.live-btn:hover{filter:alpha(Opacity=80);-moz-opacity:0.8;opacity: 0.8;}

/**大会新闻**/
.news{width:1200px; padding-bottom: 80px; margin:0 auto; margin-top:40px;}
.news-tit{width:1200; height:56px; margin-bottom:2px;}
.new{width:1200px; margin-bottom:40px;margin-top: 20px;}
.new-img{background-size: cover;width:400px; height:170px; background:#CCCCCC; float:left; overflow:hidden;position: relative; }
.new-img img {
	width: 100%;
	min-height: 170px;
}
.live-img .mark, 
.com-img .mark {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background-color: rgba(0, 0, 0, 0);
	transition: all 0.4s;
}
.live-img:hover .mark, 
.com-img:hover .mark {
	background-color: rgba(0, 0, 0, 0.2);
}
.live-img:hover img, 
.com-img:hover img {
	transform: scale(1.09);
}
.new-con{width:740px; float:right; }
.new-title{width:740px;  border-bottom:solid 1px #5e8cc2;}
.new-title1{font-size:24px; font-weight:bold; color:#FFFFFF; letter-spacing:3px; text-decoration:none; text-align:justify; }
.new-text{ width:740px; height:70px; margin-top:10px;color:#FFFFFF; overflow: hidden;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient:vertical;word-break: break-all;}
.time{ width:190px;  color:#FFFFFF;float:left;line-height:30px;}
.btn{transition: all 0.4s; width:190px;line-height: 50px; height:50px; background:#00a2ea; color:#FFFFFF; font-size:22px; float:right; text-align:center;border-radius: 3px; cursor:pointer;}
.btn:hover{filter:alpha(Opacity=60);-moz-opacity:0.6;opacity: 0.6;}
.page-num{ width:70px; height:50px; background:#00a2ea;line-height:50px;border-radius:4px;color:#FFFFFF; font-size:22px; text-align:center;cursor:pointer; margin:0 auto;}
.new-title a:hover {
color:#00a2ea;
}

/**嘉宾**/
.guests{width:1200px; height:1420px; margin:0 auto; margin-top:40px;}
.guests-tit{width:1200; height:56px; margin-bottom:2px;}
.guest{width:1200px; height:290px; margin-bottom:40px; background:url(images/1200_19.png);}
.guest-img{width:430px; height:290px; background:#CCCCCC; float:left; overflow:hidden; }
.guest-con{width:740px; height:290px; float:right; }
.guest-title{width:725px; height:80px;  overflow: hidden; text-overflow:ellipsis; white-space:nowrap; line-height:90px; margin-bottom:30px;}
.guest-title1{font-size:24px; font-weight:bold; color:#FFFFFF; letter-spacing:3px; text-decoration:none; text-align:justify; overflow: hidden; text-overflow:ellipsis; white-space:nowrap;}
.guest-text{ width:725px; height:85px; margin-top:10px;color:#FFFFFF; overflow: hidden;display: -webkit-box;-webkit-line-clamp:4;-webkit-box-orient: vertical;word-break: break-all;}
.guest-title a:hover {
color:#00a2ea;}

/**悬浮窗口**/
.float-layer{display:block; position:fixed; right:10px; top:330px;} 
.close-btn{ cursor:pointer;width:40px; height:25px; background: #CCCCCC; text-align:center;}

/**页脚**/
.us ul li{float:left; width:80px; text-align:center; line-height:20px; border-right:1px solid #FFF; color:#FFFFFF;}
.us ul li:last-child{border:none;}
.aboutus-all{width:100%;  background:#012f6b;}
.aboutus{width:1200px;  margin:0 auto;padding:30px;color:#fff;}
.aboutus .item {
	text-align: center;
	margin-bottom: 5px;
}
.us{ width:566px; height:20px; margin:20px auto;}
.live-img {
	position: relative;
}
.live-img .timer-wrap {
	position: absolute;
	top: 40px;
	right: 30px;
	z-index: 99;
}

.live-img .timer-wrap span {
	font-size: 25px;
	display: inline-block;
	text-align: center;
	color: rgb(226, 1, 131);
	margin-top: 6px;
	font-weight: bold;
	vertical-align: middle;
}

.live-img .timer-wrap .time {
	display: inline-block;
	margin-left: 50px;
}

.live-img .timer-wrap #timer {
	font-size: 45px;
	display: inline-block;
}

.oled-2016 {
	width: 1200px;
	margin: 50px auto
}

.oled-2016 img {
	width: 100%;
}

.float-layer img {
	width: 100px;
}

@media screen and  (max-width: 1400px) {
	.float-layer img {
		width: 100px;
	}
}

@media screen and  (max-width: 1600px) {
	.float-layer img {
		width: 150px;
	}
}

.page-box {
	text-align: center;
}

.page-box .page-num {
	display: inline-block;
	margin: 0 5px;
}

.nav-bg {
    width: 100%;
    height: 42px;
    background-color: #0071e4;
}
.mb30 {
    margin-bottom: 30px;
}

.w {
    width: 1200px;
    margin: 0 auto;
    clear: both;
}

.nav-bg .nav ul .onthis, .nav-bg .nav ul li:hover {
    background-color: #f9b000;
}
.nav-bg .nav ul li {
    float: left;
    width: 140px;
    height: 42px;
    line-height: 42px;
    text-align: center;
}

.nav-bg .nav ul li a {
    font-size: 14px;
    color: #fff;
    font-weight: bold;
}

a {
    text-decoration: none;
}

.top-intro {
    color: #FFFFFF;
}

.top-intro .line {
    margin-top: 20px;
}

.top-intro .line-info {
    margin-top: 10px;
}

.info-box {
    width: 1200px;
    margin: 50px auto;
}

.tips-title {
    font-size: 30px;
    font-weight: bold;
    color: rgb(229, 0, 131);
}

.info-box .block {
    margin-top: 50px;
}

.info-box .block-desc {
    color: #fff;
    font-size: 16px;
    line-height: 30px;
    margin-top: 20px;
}