@charset "utf-8";

body{ background-color:#011430;}


/* CSS Document */
.live-wrap { width:100%; overflow:hidden;}
.live-wrap.active { padding-top:60px;}
.live-wrap * { -webkit-box-sizing:border-box;box-sizing:border-box;}

.container { max-width:1030px; margin-left:auto;margin-right:auto; padding-left:15px; padding-right:15px;}
.live-head { background: url(../images/banner_bg.jpg) #011430 no-repeat center 80%; height:600px; text-align:center; position:relative;}
.live-head img { position:absolute; left:0; right:0; top:0; bottom:0; margin:auto;} 

.live-panel { background-color:#011026; color:#fff; position:relative; margin-bottom:20px;}
.live-panel-heading {height:40px; position:relative; padding:10px 20px; background-color:#022c66; overflow:hidden;}
.live-panel-title { margin:0; font-size:18px; color:inherit; line-height:20px; text-shadow:1px 1px 1px rgba(0,0,0,1);  }
.live-panel-title span { font-size:.75em; margin-left:1em; opacity:.8;}
.live-panel-body { min-height:50px; padding:20px;}
.live-panel-heading .link { float:right; font-size:16px;}

.icon-play { display:inline-block; vertical-align:middle; width:18px; height:18px; margin-right:5px; background-repeat:no-repeat; background-position:center; background-size:contain; background-image:url(../images/icon-play.png); position:relative; top:-1px;}
.live-panel-heading a:hover { color:#2b65ec;}
.live-panel-heading a:hover .icon-play { background-image:url(../images/icon-play-active.png);}


.live-body { margin-top:-80px;}

.live-speakers-list { }
.live-speakers-list li { width:33.3333%; float:left; padding:20px; position:relative;}
.live-speakers-list li:before { content:''; position:absolute; left:10px; right:10px; top:10px; bottom:10px; margin:auto; z-index:0; background-color:rgba(0,0,0,.2); border-radius:5px; 
-moz-transition:all 600ms ease;
-ms-transition:all 600ms ease;
-o-transition:all 600ms ease;
-webkit-transition:all 600ms ease;
transition:all 600ms ease;
box-shadow:0 0 3px rgba(255,255,255,.2);}
.live-speakers-list li:hover:before { box-shadow:0 0 5px rgba(255,255,255,.7); background-color:rgba(0,0,0,.5);}
.live-speakers-list .pho { text-align:center; position:relative; padding-bottom:42%; overflow:hidden;}
.live-speakers-list .pho img { position:absolute; left:0; right:0; top:0; bottom:0; margin:auto;
-moz-transition:all 600ms ease;
-ms-transition:all 600ms ease;
-o-transition:all 600ms ease;
-webkit-transition:all 600ms ease;
transition:all 600ms ease;}
.live-speakers-list .pho:hover img { 
-moz-transform:scale(1.2);
-ms-transform:scale(1.2);
-o-transform:scale(1.2);
-webkit-transform:scale(1.2);
transform:scale(1.2);
}



.live-speakers-list h5 { position:relative; font-size:16px; height:30px; line-height:20px; overflow:hidden; opacity:.75;}
.live-speakers-list p { position:relative; opacity:.55; text-align:justify; text-justify:inter-ideograph; height:4.28571429em; overflow:hidden;}
.live-speakers-list a { color:inherit; text-decoration:none; outline:none;}
.live-speakers-list a:hover { color:inherit;}
.live-speakers-list a:hover h5 { opacity:1;}

.live-speakers-list .btns { position:relative; z-index:2; text-align:center; padding:10px 0; height:49px;}
.live-speakers-list .btns .btn { border:#2b65ec solid 1px; border-radius:100px; padding:3px 12px; color:#2b65ec; -webkit-transition:all 400ms ease;transition:all 400ms ease;-ms-transition:all 400ms ease; outline:none; box-shadow:0 0 2px rgba(255,255,255,.3); opacity:1;}
.live-speakers-list .btns .btn:hover { background-color:#2b65ec; color:#fff; box-shadow:0 0 3px rgba(0,0,0,1); opacity:1;}
.live-speakers-list .btns .btn:nth-child(1) { margin-right:10px;}

#myCarousel2 { margin:10px auto;}
#myCarousel2.carousel { max-width:900px; height:auto; margin:auto; box-shadow:0 0 5px rgba(255,255,255,.3)}
#myCarousel2 .carousel-inner { height:100%;}
#myCarousel2 .carousel-inner > .item { background-repeat:no-repeat; height:100%; background-size:cover;}
#myCarousel2 .carousel-indicators li { border-color:#127dff; border:0; background-color:rgba(255,255,255,.2); margin:0 7px; width:12px; height:12px;}
#myCarousel2 .carousel-indicators .active { background-color:#fff; margin:0 7px; position:relative; top:0px;}
#myCarousel2 .carousel-control.left,
#myCarousel2 .carousel-control.right { background-image:none;}
.glyphicon-chevron-left:before,
.glyphicon-chevron-right:before { font-size:70px;font-family:'宋体'; position:relative; top:-.3em;}
.glyphicon-chevron-left:before { content: "<";}
.glyphicon-chevron-right:before { content: ">";}
#myCarousel2 .carousel-number-nva { position:absolute; bottom:18px; right:20px; text-align:right; z-index:100;}
#myCarousel2 .carousel-number-nva > span { background-color:rgba(0,0,0,.5); border-radius:100px; padding:3px 15px; color:#fff; display:inline-block;}


.anchor-item { display:none;}

#anchorA  li:nth-child(3) .btns .btn,
#anchorA  li:nth-child(4) .btns .btn,
#anchorB  li:nth-child(2) .btns .btn,
#anchorB  li:nth-child(4) .btns .btn,
#anchorB  li:nth-child(6) .btns .btn,
#anchorC  li:nth-child(2) .btns .btn,
#anchorC  li:nth-child(4) .btns .btn, 
#anchorC  li:nth-child(8) .btns .btn,
#anchorD  li:nth-child(1) .btns .btn,
#anchorD  li:nth-child(3) .btns .btn,
#anchorD  li:nth-child(5) .btns .btn { display:none;}


@media (min-width:768px){
.banner { display:none;}

.fixed-nav { position:fixed; width:128px; height:256px; left:-1140px; top:0; right:0; bottom:0; margin:auto; border-radius:5px; box-shadow:0 0 3px rgba(255,255,255,.4); z-index:99999; background-color:rgba(0,0,0,.1); color:rgba(255,255,255,1); text-align:center; display:none;}
.fixed-nav-title { background-color:rgba(0,0,0,.2);border-radius:5px 5px 0 0; line-height:28px; color:rgba(255,255,255,.8); border-bottom:rgba(0,0,0,.2) solid 1px; display:none;}
.fixed-nav ul { margin-top:10px;}
.fixed-nav li { margin-top:2px; position:relative; display:none;}
.fixed-nav li.u-show { display:block;}
.fixed-nav a { display:block; line-height:40px; opacity:1; position:relative; font-weight:bold;}
.fixed-nav a:before { content:''; position:absolute; width:10px; height:10px; border-radius:100px; box-shadow:0 0 3px rgba(255,255,255,1); left:-5px; top:0; bottom:0; margin:auto; background-color:#011430;}
.fixed-nav a:hover,
.fixed-nav a.active { opacity:1; background-color:rgba(255,255,255,.1);}
.fixed-nav a:hover:before,
.fixed-nav a.active:before { background-color:#3178f6; box-shadow:none; width:13px; height:13px; left:-7px;}
}

@media (max-width:767px){
.banner{display:none;}	
body{ background-color:#fff;}
#myCarousel { margin-top:13.8%;}
.banner { height:5rem; background-position:center bottom;}
.live-head,
.live-carousel { display:none;}
.live-body { margin-top:20px;}

.fixed-nav { position:relative; margin:0 -15px 20px; /*background-color:rgba(0,10,24,.95);*/ background-color:#1079f5;left:0; right:0; color:#fff;}
.fixed-top { position:fixed; width:100%; z-index:99999; top:50px; margin:auto;}
.fixed-nav-title { display:none;}
.fixed-nav ul { width:100%; display:table;}
.fixed-nav li { text-align:center; display:none;}
.fixed-nav li.u-show { display:table-cell;}
.fixed-nav li a { display:block; padding:10px 0; opacity:.9; margin:0 1px; font-weight:600; font-size:15px;}
.fixed-nav li a.active,
.fixed-nav li a:active { opacity:1; border-bottom:#0b4c98 solid 3px; color:#fff; background-color:rgba(0,0,0,.1);}

.live-panel { background-color:transparent;}
.live-panel-body { padding:10px 0;}

.live-speakers-list { margin:0 -20px; color:#222;}
.live-speakers-list li { width:auto; float:none; overflow:hidden; padding:10px 20px; border-bottom:#eee solid 1px;}
.live-speakers-list li:before { border-radius:4px; /*background-color: rgba(0,0,0,.05);*/background-color:transparent;}
.live-speakers-list li:hover::before {
	box-shadow: 0 0 5px rgba(255,255,255,.7);
	background-color:transparent;
}
.live-speakers-list .pho { float:left; width:35%; margin-right:15px; padding-bottom:28%;border-radius:2px; overflow:hidden;}
.live-speakers-list .pho img { border-radius:2px; }
.live-speakers-list p { margin-bottom:0; display:none;}
.live-speakers-list h5 { margin-top:.4em; font-size:16px; opacity:.9; height:60px; display:table; table-layout:fixed;}
.live-speakers-list h5 > a { display:table-cell; vertical-align:middle; table-layout:fixed;}

.live-panel-heading { padding:0; height:auto; /*background-color:#1079f5;*/ background-color:transparent; color:#222; font-size:.33rem;}
.live-panel-heading:before { content:''; position:absolute; width:4.3em; height:3px; background-color:#1079f5; bottom:-1px; left:0;}
.live-panel-title { white-space:nowrap; text-shadow:none; border-bottom: 1px solid #eee; padding:.5em 0; font-weight:600; font-size:inherit;}
.live-panel-title span { margin-left:0px; font-weight:300;}

.live-panel-heading .link { background-color:#2b65ec; border-radius:100px; font-size:14px; padding:.08rem .2rem; color:#fff; margin-top:.1rem;}
.live-panel-heading .link a { color:#fff;}
.live-panel-heading .link a:hover .icon-play { background-image:url(../images/icon-play.png);}

.live-speakers-list .btns { margin-left:35%; padding-left:15px; padding-top:0;}
.live-speakers-list .btns .btn:hover { box-shadow:none;}
	
}