/*公共样式--开始*/
html, body, div, ul, li, h1, h2, h3, h4, h5, h6, p, dl, dt, dd, ol, form, input, textarea, select {
    margin: 0;
    padding: 0;
}
*{box-sizing: border-box;}
html, body {
    min-height: 100%;
    font: 12px Arial, '微软雅黑', sans-serif !important;
}

body {
    font-family: "Microsoft YaHei";
    font-size:14px;
    color:#333;
}
h1, h2, h3, h4, h5, h6{font-weight:normal;}
ul,ol {
    list-style: none;
}

img {
    border: none;
    vertical-align: middle;
}

a {
    text-decoration: none;
    color: #232323;
}

input, textarea {
    outline: none;
    border: none;
}

textarea {
    resize: none;
    overflow: auto;
}

.clearfix {
    zoom: 1;
}

.clearfix:after {
    content: ".";
    width: 0;
    height: 0;
    visibility: hidden;
    display: block;
    clear: both;
    overflow:hidden;
}

.fl {
    float: left
}

.fr {
    float: right
}

.tl {
    text-align: left;
}

.tc {
    text-align: center
}

.tr {
    text-align: right;
}

.ellipse {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.inline{
    display: inline-block;
    *display: inline;
    *zoom: 1;
}


/*----------------------------------------------------------------------*/
html, body {
    width: 100%;
    height: 100%;
}
.clear {
    clear: both;
}

/*header*/
.header {
    border-top: 2px solid #0d9bcf;
}
.header .row {
    position: relative;
}
.logo {
    float: left;
}
.logoMenu {
    display: none;
    position: absolute;
    top: 41px;
    left: 0;
    font-size: 1.2em;
    background-color: rgba(0, 150, 205, 0.95);
    text-align: center;
    padding: 4px;
    z-index: 999;
}
.logoMenu li,
.logoMenu li a {
    line-height: 35px;
    color: #fff;
    display: block;
}
.logoMenu li a:hover {
    text-decoration: underline; 
}
.nav-menu {
    float: left;
}
.nav-menu li {
    display: inline-block;
    padding: 0 14px;
    line-height: 40px;
}
.nav-menu li:hover {
    background-color: #ebebeb;
    border-left: 1px solid #dedede; 
    border-right: 1px solid #dedede;
    padding: 0 13px; 
}
.nav-menu li span {
    color: #666;
    font-size: 1.4em;
}
.nav-menu li div {
    margin: 11px 6px 0 0;
    width: 19px;
    height: 18px;
    float: left;
}
.nav-menu li .icon1 {
    background: url(../images/icon2.png) 0 -124px no-repeat;
}
.nav-menu li .icon2 {
    background: url(../images/icon2.png) 0 -49px no-repeat;
}
.nav-menu li .icon3 {
    background: url(../images/icon2.png) 0 -24px no-repeat;
}
.nav-menu li .icon4 {
    background: url(../images/icon2.png) 0 0px no-repeat;
}
.nav-menu li .icon5 {
    background: url(../images/icon2.png) 0 -73px no-repeat;
}
.nav-menu li .icon6 {
    background: url(../images/icon2.png) 0 -102px no-repeat;
}
.user {
    float: right;
    line-height: 41px;
}
.login {
    display: inline-block;
    cursor: pointer;
    background-color: #0096cd;
    padding: 0 14px;
}
.login a {
    color: #fff;
}
.login a:hover {
    color: #fff;
}
.register {
    display: inline-block;
    cursor: pointer;
    padding: 0 14px;
    margin-right: 12px;
}
.register a {
    color: #232323;
}
.changeColor:hover {
    color: #cc2900;
}

/*contain*/
.contain {
    background: url(../images/bg.png) center 0 no-repeat;
    padding-bottom: 20px;
}
.row {
    width: 1000px;
    margin: 0 auto;
}
.contain .banner {
    width: 100%;
}
.contain .banner img {
    width: 100%;
}

.contain .main {
    position: relative;
}
.contain .directBox {
    position: absolute;
    top: 0;
    left: 0;
    right: auto;
    width: 70%;
}
.contain .leftPPT .directBox {
    position: absolute;
    top: 0;
    left: auto;
    right: 0;
    width: calc(30% - 10px);
}

.leftBox {
    position: relative;
    float: left;
    width: 70%;
}
.changeBtn {
    cursor: pointer;
    position: absolute;
    top: 30px;
    right: 30%;
    height: 30px;
    line-height: 30px;
    color: #fff;
    z-index: 2;
    background-color: rgba(0, 0, 0, 0.8);
    padding: 0 5px;
}
.changeBtn span {
    float: left;
    font-size: 14px;
    padding: 0 5px;
}
.changeBtn #btn_direct {
    opacity: 0.2;
}
.changeBtn #btn_ppt {
    opacity: 0.6;
}
.changeBtn .icon_change {
    width: 20px;
    height: 30px;
    opacity: 0.6;
    background: url(../images/icon_change.png) 0 5px no-repeat;
}
.pdf-ppt {
    width: 100%;
    max-height: 530px;
    background-color: #333;
}
.pdf-ppt img {
    width: 100%;
    height: 100%;
}
.direct {
    position: relative;
    padding-bottom: 75%;
    height: 0;
}
.direct video {
    width: 100%;
    background-color: #2a2a2a;
    /*background: url(../images/direct.png) center no-repeat;
    background-size: 100% 100%;*/
}
.direct .video-js {
    width: 100%;
}
.leftPPT .video-js .vjs-big-play-button {
    left: 35%;
}
.direct .videoTitle {
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(35, 35, 35, 0.8);
    width: 100%;
    height: 30px;
    line-height: 30px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    z-index: 1;
    color: #eee;
}
.direct .videoTitle .icon {
    float: left;
    width: 42px;
    height: 20px;
    margin-top: 5px;
    margin-left: 10px;
    margin-right: 8px;
    background: url(../images/icon2.png) -27px -84px no-repeat
}
.direct .videoTitle .icon2 {
    float: left;
    width: 42px;
    height: 20px;
    margin-top: 5px;
    margin-left: 10px;
    margin-right: 8px;
    background: url(../images/icon3.png) -148px -164px no-repeat;
}
.direct .videoTitle span {
    font-size: 14px;
    margin-right: 30px;
}
.feedback {
    width: 100%;
    height: 40px;
    line-height: 40px;
    background-color: #3d3d3d;
}
.feedback span {
    margin: 0;
    font-size: 1em;
}
.feedback .download {
    cursor: pointer;
    float: left;
    padding: 0 10px;
    color: #fff;
    background-color: #cc2900;
}
.feedback .download .icon {
    float: left;
    width: 20px;
    height: 17px;
    margin: 11.5px 0;
    background: url(../images/icon2.png) -79px -0 no-repeat;
}
.feedback .download span {
    padding-left: 5px;
}
.feedback .process {
    position: relative;
    cursor: pointer;
    float: left;
    padding: 0 10px;
    color: #fff;
    background-color: #124600;
}
.feedback .process .popup_process {
    display: none;
    position: absolute;
    left: -93px;
    bottom: 40px;
    width: 740%;
    max-height: 196px;
    overflow: auto;
    color: #2a2a2a;
    background-color: #eee;
    opacity: 0.8;
    border: 2px solid #124600;
}
.feedback .process .popup_process table {
    width: 100%;
    line-height: 22px;
    border: 1px solid #a9c6c9;
}
.feedback .process .popup_process table th {
    padding: 8px 0;
    background-color: #ddd;
}
.feedback .process .popup_process table td {
    padding: 8px 0;
}
.feedback .process .icon {
    float: left;
    width: 20px;
    height: 20px;
    margin: 9px 0;
    background: url(../images/icon_process.png) 2px -0px no-repeat;
}
.feedback .process span {
    padding-left: 5px;
}
.feedback .opinion {
    float: left;
    margin-left: 25px;
    color: #fff;
}
.feedback .opinion .icon {
    float: left;
    width: 17px;
    height: 14px;
    margin: 13px 0;
    background: url(../images/icon2.png) -79px -20px no-repeat;
}
.feedback .opinion span {
    padding-left: 10px;
}
.feedback .codeBox {
    cursor: pointer;
    position: relative;
    float: right;
    padding: 0 10px;
    color: #fff;
    background-color: rgba(255, 255, 255, 0.2);
    z-index: 1;
}
.feedback .codeBox .icon {
    float: left;
    width: 11px;
    height: 14px;
    margin: 13px 0;
    background: url(../images/icon2.png) -79px -42px no-repeat;
}
.feedback .codeBox span {
    padding-left: 10px;
}
.codeBox .code {
    display: none;
    position: absolute;
    top: -130px;
    left: -15px;
}
.codeBox .code img {
    width: 130px;
    height: 130px;
}


.rightBox {
    float: left;
    width: calc(30% - 10px);
    margin-left: 10px;
}
.product .title {
    height: 40px;
    line-height: 40px;
    background: url(../images/title_bg.png) no-repeat;
    background-color: #f2f2f2;
    color: #f2f2f2;
}
.product .title span {
    background: url(../images/guest_icon.png) 0 center no-repeat;
    margin-left: 10px;
    padding-left: 26px;
    letter-spacing: 1px;
}
.product .content {
    padding: 5px;
    background-color: #e0e0e0;
    /*padding-bottom: calc(120% + 10px *0.5625);*/
    overflow: hidden;
}
#ss { 
    overflow: hidden; 
    min-height: 150px;
}
#ss ul {
    list-style: none; 
    margin: 0px; 
    padding: 0px; 
}
#ss ul li { 
    overflow: hidden;
    cursor: pointer;
    margin: 5px 0;
}
#ss .product_con {
    width: 100%;
    padding-bottom: 5px;
    border: 1px solid #ccc; 
}
#ss .product_con:hover {
    cursor: pointer;
    background-color: #aaa;
    color: #f2f2f2;
}
#ss .product_con h3 {
    font-weight: bold;
    line-height: 20px;
    border-bottom: 1px solid #ccc;
    padding: 5px;
}
#ss .product_con .img {
    float: left;
    width: 40%;
    margin: 5px;
}
#ss .product_con .img img {
    width: 100%;
    height: 100%;
}
#ss .product_con .con {
    float: right;
    width: 53%;
    margin-right: 5px;
}
#ss .product_con .con span {
    display: block;
    margin: 15px 0;
}


.playList {
    float: left;
    width: calc(30% - 10px);
    margin-left: 10px;
}
.playList .title {
    height: 40px;
    line-height: 40px;
    background: url(../images/title_bg.png) no-repeat;
    background-color: #f2f2f2;
    color: #f2f2f2;
}
.playList .title span {
    background: url(../images/play_icon.png) 0 center no-repeat;
    margin-left: 10px;
    padding-left: 26px;
    letter-spacing: 1px;
}

.playList .content {
    padding: 5px 0;
    background-color: #e0e0e0;
    /*padding-bottom: calc(120% + 10px *0.5625);*/
    overflow: hidden;
}
.playList .content ul {
    height: 100%;
    overflow-y: auto;
}
.playList .content .listBox {
    cursor: pointer;
    width: 100%;
    padding: 10px 15px;
}
.playList .content .listBox:hover {
    background-color: #999;
}
.playList .content .listColor {
    background-color: #888;
}
.listBox .img {
    float: left;
    position: relative;
    width: 40%;
    padding-bottom: 40%;
}
.listBox .img img {
    width: 100%;
    height: 100%;
}
.listBox .img span {
    position: absolute;
    top: 0;
    left: 0;
    padding: 2px 5px;
    background-color: rgba(0, 0, 0, 0.7);
    color: #bbb;
}
.playList .content .textBox {
    float: left;
    width: calc(60% - 5px);
    margin-left: 5px;
}
.playList .content .textBox h3 {
    font-size: 16px;
    font-weight: bold;
    margin: 6px 0;
}
.playList .content .textBox span {
    display: block;
    margin-bottom: 6px;
}


.guest {
    margin-top: 10px;
}
.guest .title {
    height: 40px;
    line-height: 40px;
    background: url(../images/title_bg.png) no-repeat;
    background-color: #f2f2f2;
    color: #f2f2f2;
}
.guest .title span {
    background: url(../images/product_icon.png) 0 center no-repeat;
    margin-left: 10px;
    padding-left: 26px;
    letter-spacing: 1px;
}
.guest .content {
    background-color: #e0e0e0;
    padding: 10px 0;
}
.guest .guestImg {
    background:#eee; 
    margin-right:20px; 
    width: calc(100% / 3 - 20px);
    padding:5px; 
    float:left;
}
.guest .guestImg .imgBox {
    width: 40%;
}
.guest .guestImg .imgBox img {
    width: 100%;
}
.guest .guestImg .textBox {
    margin-left: 10px;
    width: calc(60% - 10px);
}
.guest .liveImg {
    background:#eee; 
    margin-right:15px; 
    width: calc((100% + 10px) / 4 - 20px);
    padding:5px; 
    float: left;
}
.guest .liveImg img {
    width: 100%;
}
.guest .imgBox,
.guest .textBox {
    float: left;
}
.guest .textBox .textTitle {
    display: block;
    font-size: 16px;
    margin-bottom: 8px;
}
.guest .textBox .textCon {
    font-size: 12px;
    text-overflow: ellipsis;
}
.guest .guestImg:hover,
.guest .liveImg:hover {
    cursor: pointer;
    background-color: #d9d9d9;
}


/*固定的悬浮窗*/
.yb_conct {
	position: fixed;
	z-index: 9999999;
	top: 250px;
	right: -127px;
	cursor: pointer;
	transition: all .3s ease;
}
.yb_bar ul li {
	width: 180px;
	height: 53px;
	font: 16px/53px 'Microsoft YaHei';
	color: #fff;
	text-indent: 54px;
	margin-bottom: 3px;
	border-radius: 3px;
	transition: all .5s ease;
	overflow: hidden;
}
.yb_bar .yb_phone {
	background: #0056b6 url(../images/icon_phone.png) 11px center no-repeat;
}
.yb_bar .yb_QQ {
	background: #0056b6 url(../images/icon_sign.png) 11px center no-repeat;
}
.yb_bar .yb_ercode {
	background: #0056b6 url(../images/icon_code.png) 11px 9px no-repeat;
}
.yb_bar .yb_ercode img {
    margin-top: 10px;
    margin-left: 35px;
}
.yb_bar .yb_top {
	background: #0056b6 url(../images/icon_top.png) 10px center no-repeat;
}
/**/

/*播放视频要登陆*/
.open {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #2a2a2a;
    text-align: center;
    vertical-align: middle;
    z-index: 900;
}
.open span {
    position: absolute;
    top: calc(50% - 10px);
    left: calc(50% - 80px);
    color: #f2f2f2;
    font-size: 16px;
}
.open span a {
    cursor: pointer;
    color: #ff0000;
    font-size: 1.3em;
}
.open span a:hover {
    color: #0d9bcf;
}

/*登录*/
.loginbg {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.8);
    z-index: 9999;
}
.loginBox {
    position: absolute;
    margin: auto;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 400px;
    height: 300px;
    background-color: #f2f2f2;
    border-radius: 15px;
}
.login_title {
    display: block;
    line-height: 40px;
    font-size: 16px;
    text-indent: 1.6em;
    color: #0056b6;
    border-bottom: 2px solid #0056b6;
}
.login_form {
    margin: 30px auto;
    margin-bottom: 15px;
    text-align: center;
}
.login_form .userName,
.login_form .Code {
    border: 1px solid #bbb;
    margin-bottom: 15px;
    display: inline-block;
    background-color: #f2f2f2;
    width: 312px;
    height: 40px;
    line-height: 40px;
}
.login_form .userName span,
.login_form .Code span {
    display: inline-block;
    text-align: left;
    width: 80px;
    color: #bbb;
    padding-left: 1em;
    padding-right: 5px;
}
.login_form .userName input {
    width: 220px;
    font-size: 14px;
    background-color: #f2f2f2;
}
.login_form .Code input {
    width: 140px;
    font-size: 14px;
    background-color: #f2f2f2;
}
.login_form .Code .CodeBox {
    float: right;
    width: 80px;
    height: 38px;
    background-color: #e2e2e2;
}
.login_form .Code .CodeBox input {
    cursor: pointer;
    width: 100%;
    height: 100%;
    text-align: center;
    font-family: '微软雅黑';
    font-size: 12px;
    color: #2a2a2a !important;
    background-color: #e2e2e2;
}
.login_form .option {
    margin: 0 auto;
    width: 312px;
    font-size: 14px;
    line-height: 16px;
    text-align: left;
}
.login_form .option .sign_up {
    float: left;
}
.login_form .option .sign_up a {
    cursor: pointer;
    padding-left: 5px;
    color: #ff0000;
}
.login_form .option .sign_up a:hover {
    color: #3a7acc;
}
.sumbit {
    width: 312px;
    margin: 0 auto;
}
.sumbit #login_enter {
    float: left;
}
.sumbit #cancel {
    float: right;
}
.sumbit #login_enter,
.sumbit #cancel {
    cursor: pointer;
    width: 45%;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 18px;
    font-family: '微软雅黑';
    letter-spacing: 5px;
    background-color: #215a9c;
    color: #fff;
    border-radius: 3px;
}
.sumbit #login_enter:hover,
.sumbit #cancel:hover {
    background-color: #11427a;
}

/*报名页面*/
.sign_upBox {
    display: none;
    position: absolute;
    margin: auto;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 400px;
    height: 615px;
    background-color: #f2f2f2;
    border-radius: 15px;
}
.sign_upTitle {
    display: block;
    line-height: 40px;
    font-size: 16px;
    text-indent: 1.6em;
    color: #0056b6;
    border-bottom: 2px solid #0056b6;
}
.sign_upForm {
    margin: 15px auto;
    margin-bottom: 5px;
    text-align: center;
}
.sign_upForm .userName,
.sign_upForm .Code {
    border: 1px solid #bbb;
    margin-bottom: 15px;
    display: inline-block;
    background-color: #f2f2f2;
    width: 312px;
    height: 40px;
    line-height: 40px;
}
.sign_upForm .userName span,
.sign_upForm .Code span {
    display: inline-block;
    text-align: left;
    width: 80px;
    color: #bbb;
    padding-left: 1em;
    padding-right: 5px;
}
.sign_upForm .userName input {
    width: 220px;
    font-size: 14px;
    background-color: #f2f2f2;
}
.sign_upForm .Code input {
    width: 140px;
    font-size: 14px;
    background-color: #f2f2f2;
}
.lsign_upForm .Code .CodeBox {
    float: right;
    width: 80px;
    height: 39px;
    background-color: #888;
}
.main {
    position: relative;
}
.Main-products {
    border: 1px solid #bbb;
    margin-bottom: 10px;
    display: inline-block;
    background-color: #f2f2f2;
    width: 312px;
    line-height: 40px;
}
.Main-products span {
    float: left;
    text-align: left;
    width: 80px;
    color: #bbb;
    padding-left: 1em;
    padding-right: 5px;
}
.Main-products ul {
    float: left;
    width: 230px;
    text-align: left;
}
.Main-products li {
    display: inline-block;
    width: 110px;
}
.Main-products input {
    width: 15px !important;
    height: 15px !important;
    margin-right: 5px;
    vertical-align: text-top;
}
.sign_upSumbit {
    width: 312px;
    margin: 0 auto;
}
.sign_upSumbit #sign_upEnter {
    float: left;
}
.sign_upSumbit #sign_upBack {
    float: right;
}
.sign_upSumbit #sign_upEnter,
.sign_upSumbit #sign_upBack {
    cursor: pointer;
    width: 45%;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 18px;
    font-family: '微软雅黑';
    letter-spacing: 5px;
    background-color: #215a9c;
    color: #fff;
    border-radius: 3px;
}
.sign_upSumbit #sign_upEnter:hover,
.sign_upSumbit #sign_upBack:hover {
    background-color: #11427a;
}

/*图片弹窗*/
.imgPopup_bg {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.8);
    z-index: 9999;
}
.imgPopup_Box {
    position: absolute;
    margin: auto;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 550px;
    background-color: #f2f2f2;
    border-radius: 15px;
}
.imgPopup_guestImg,
.imgPopup_liveImg,
.imgPopup_proImg {
    display: none;
}

.imgPopup_guestImg .title,
.imgPopup_liveImg .title,
.imgPopup_proImg .title {
    display: block;
    line-height: 40px;
    font-size: 20px;
    text-indent: 1.6em;
    color: #0056b6;
    border-bottom: 2px solid #0056b6;
}
.imgPopup_guestImg .title .close,
.imgPopup_liveImg .title .close,
.imgPopup_proImg .title .close {
    float: right;
    cursor: pointer;
    margin-top: 6px;
    margin-right: 20px;
    background: url(../images/close.png) center no-repeat;
    width: 30px;
    height: 30px;
}
.imgPopup_guestImg .conBox,
.imgPopup_liveImg .conBox,
.imgPopup_proImg .conBox {
    display: inline-block;
    width: 100%;
    padding: 25px;
}

/*嘉宾*/
.imgPopup_guestImg .img {
    float: left;
    padding: 5px;
    width: 45%;
    border: 1px solid #ccc;
}
.imgPopup_guestImg .img img {
    width: 100%;
    height: 100%;
}
.imgPopup_guestImg .con {
    float: left;
    padding: 10px;
    width: 55%;
    letter-spacing: 2px;
}
.imgPopup_guestImg .con t {
    font-size: 18px;
    font-weight: bold;
}
.imgPopup_guestImg .con h3 {
    margin-left: 2em;
    margin-bottom: 15px;
}
.imgPopup_guestImg .con span {
    display: block;
    margin-left: 2em;
    margin-bottom: 15px;
}
/*现场*/
.imgPopup_liveImg h3 {
    font-size: 24px;
    font-weight: 600;
    text-align: center;
    margin-bottom: 15px;
}
.imgPopup_liveImg .img {
    width: 100%;
    padding: 5px;
    border: 1px solid #ccc;
}
.imgPopup_liveImg .img img {
    width: 100%;
    height: 100%;
}
/*产品*/
.imgPopup_proImg h3 {
    font-size: 24px;
    font-weight: 600;
    text-align: center;
    margin-bottom: 15px;
}
.imgPopup_proImg .img {
    width: 100%;
    padding: 5px;
    border: 1px solid #ccc;
}
.imgPopup_proImg .img img {
    width: 100%;
    height: 100%;
}



/*footer*/
.footer {
    height: 35px;
    line-height: 35px;
    text-align: center;
    color: #f2f2f2;
    background-color: #2a2a2a;
}

@media(max-width: 1000px) {
    .row {
        width: 100%;
    }
}