html, body, ul, li, ol, dl, dd, dt, p, h1, h2, h3, h4, h5, h6, form, fieldset, legend, img { margin:0; padding:0; }
ul, ol { list-style:none; }
input { padding-top:0; padding-bottom:0; }
select, input { vertical-align:middle; }
select, input, textarea { font-size:14px; margin:0; font-family: "Microsoft YaHei","微软雅黑","Arial Narrow"; }
textarea { resize:none; }
table { border-collapse:collapse; }
h1,h2,h3,h4,h5,h6{font-size:100%; font-weight:normal;}
body {font-size:16px; line-height: 26px; color:#333; font-family: "Microsoft YaHei","微软雅黑","Arial Narrow"; background: #ffffff; }
.clearfix:after { content:""; display:block; height:0; clear:both; }
.clearfix { zoom:1; }
a { color:#666; text-decoration:none; }
a:hover { color:#ff9b37; text-decoration:none; }
img { display: block; }
input { border: 1px solid #ccc; }
input:focus { 
border-color: #66afe9; 
outline: 0; 
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6); 
box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6); 
}
.TopBgLogo {
    padding: 10px 20px;
    background: transparent !important;
}
.TopBgLogo {
    min-height: 20px;
    padding: 0px 10px;
    width: 100%;
}
.phone_end {
    margin: 30px 10px 30px 10px;
    text-align: center;
}
/* 会议报名页面开始 */
.convenue { font-size: 30px; font-weight: bold; line-height: 30px; margin-top: 50px; text-align: center; }
.reg { width: 798px; margin: 0 auto; padding: 20px 0; border: 1px solid #ccc; margin-bottom: 20px; }
.title { width: 800px; margin: 0 auto; margin-top: 50px; margin-bottom: 20px; height: 35px; line-height: 35px; background: url(../images/titleBg.png); }
.title h3 { width: 138px; height: 35px; color: #fff; font-size: 18px; text-align: center; }
.reg .item { width: 600px; margin: 10px auto 0; }
.reg .item .left { float: left; width: 100px; height: 46px; line-height: 36px; margin-right: 10px; text-align: right; }
.reg .item s { color: red; line-height: 36px; text-decoration: none; display: inline-block; }
.reg .item .right { float: left; width: 490px; }
.reg .item .right .txt { width: 460px; padding: 0 10px; height: 36px; line-height: 36px; }
.citys li { float: left; margin-right: 20px; }
.button .btn { display: block; width: 300px; margin: 10px auto; height: 36px; line-height: 36px; background: #488fce; border-radius: 3px; color: #fff; cursor: pointer; }
.button .btn:hover { background: #519fe4; }
.contactWrap { background: #f6f6f6; padding: 10px 0; }
.contact { width: 800px; margin: 0 auto; padding: 20px 0; }
.contacttitle { font-size: 18px; font-weight: bold; }
.contact .left { font-size: 14px; line-height: 25px; margin: 20px 0; width: 300px; float: left; }
.contact .right { float: right; width: 240px; text-align: center; font-size: 14px; }
.contact .right li { float: left; width: 100px; margin-right: 20px; }
.contact .right li img { width: 100px; height: auto; }
/* 会议报名页面结束 */
/* 问卷调查页面开始 */
@media screen and (min-width: 1000px) {
.survey { width: 778px; margin: 0 auto; padding: 0 10px; border: 1px solid #ccc;  margin-bottom: 30px;}
.topp { width: 800px; margin: 0 auto; font-size: 14px; }
.topp img{width:100%;height:100%; padding-top:10px;padding-bottom:10px;}
.ques .item { margin: 20px 10px; }
.ques .item .top { font-weight: bold; }
.ques .item .bottom { margin: 5px 10px; }
.ques .item .bottom li { margin-right: 20px; }/*float: left;*/ 
.ques .item .bottom .general { width: 600px; height: 100px; }
.info .infotitle { color: #488fce; font-size: 20px; line-height: 50px; width: 200px; border-bottom: 2px solid #488fce; font-weight: bold; }
.info .infocon { width: 600px; margin: 0 auto; }
.infocon .item { margin: 10px 0; }
.infocon .item .left { float: left; width: 130px; height: 46px; line-height: 36px; margin-right: 10px; text-align: right; }
.infocon .item .left s {color: red; line-height: 36px; text-decoration: none; display: inline-block;}
.infocon .item .right { float: left; width: 450px; }
.infocon .item .right .txt { width: 400px; padding: 0 10px; height: 36px; line-height: 36px; }
.notice { margin-left: 110px; font-size: 12px; color: red; }
}
@media screen and (max-width:998px) {
.survey { width:100%; margin: 0 auto; padding: 0 10px; border: 1px solid #ccc;  margin-bottom: 30px;}
.topp { padding-left:5px; margin: 0 auto; font-size: 14px; }
.topp img{width:100%;height:100%; padding-top:10px;padding-bottom:10px;}
.ques .item { margin: 20px 10px; }
.ques .item .top { font-weight: bold; }
.ques .item .bottom { margin: 5px 10px; }
.ques .item .bottom li {  margin-right: 20px; }
.ques .item .bottom .general { width:100%; height: 100px; }
.info .infotitle { color: #488fce; font-size: 20px; line-height: 50px; width: 100%; border-bottom: 2px solid #488fce; font-weight: bold; }
.info .infocon { width: 100%; margin: 0 auto; }
.infocon .item { margin: 10px 0; }
.infocon .item .left { float: left; width: 24%; height: 46px; line-height: 36px; margin-right: 10px; text-align: right; }
.infocon .item .left s {color: red; line-height: 36px; text-decoration: none; display: inline-block;}
.infocon .item .right { float: left; width: 70%; }
.infocon .item .right .txt { width:90%; padding: 0 10px; height: 36px; line-height: 36px; }
.notice { margin-left: 110px; font-size: 12px; color: red; }
.contact { width: 100%; margin: 0 auto; padding: 20px 0 20px 10px; }
.contact .left { font-size: 14px; line-height: 25px; margin: 20px 0; width:100%; overflow:hidden;}
.contact .right {width:100%; text-align: center; font-size: 14px; }

.title { width:100%; margin: 0 auto; margin-top: 50px; margin-bottom: 20px; height: 35px; line-height: 35px; background: url(../images/titleBg.png); }
}
/* 问卷调查页面结束 */
/* MOOC视频播放页面开始 */
.videotitle { background-image: url(../images/titleBg220.png); }
.videotitle h3 { width: 220px; }
.vedios { width: 798px; margin: 0 auto; padding: 20px 0; border: 1px solid #ccc; margin-bottom: 30px; }
.vedios li { float: left; width: 240px; height: 200px; margin: 15px 13px; cursor: pointer; position: relative;}
.vedios li a { position: absolute; width: 100%; height: 30px; line-height: 30px; bottom: 0; left: 0; background: #000; background: rgba(0,0,0,0.5); color: #fff; text-align: center; }
.vedios li:hover a { color: #488fce; }
.vedios img { width: 240px; height: auto; }
.cover { width: 100%;
	height: 100%;
	position: fixed;
    top: 0;
    left: 0;
    background-color: black;
    z-index: 999;
    -moz-opacity: 0.8;
    opacity: 0.8;
    filter: alpha(opacity=80); }
.videoboxwrap {
	width: 100%;
	height: 100%;
	position: fixed;
	z-index: 1000;
	top: 0;
    left: 0;
}
.videobox {
	width: 640px;
	height: 264px;
	margin: 100px auto;
	position: relative;
}
.close { font-size: 24px; color: #fff; background: rgba(0,0,0,0.5); width: 30px; height: 30px;line-height: 30px; text-align: center;  position: absolute; right: 15px; top: 5px; z-index: 9999; }
.videobox video { width: 100%;
            height: auto;
            max-height: 100%;}