@charset "utf-8";
/* Base Reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small,strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video {margin: 0;padding: 0;border: 0;	font-size: 100%;font-family: inherit;vertical-align: baseline;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
:focus {outline:0;}
img {border:0;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {content: ''; content: none;}
table {border-collapse: collapse; border-spacing: 0;}
.clear {width:100%; height:0; line-height:0; font-size:0; overflow:hidden; clear:both; display:block; _display:inline;}
.clear {clear:both;}
.none {display:none;}
.hidden {visibility:hidden;}
.clearfix:after{clear: both;content: ".";display: block;height: 0;visibility: hidden;}
.clearfix{display: block; *zoom:1;}

/**布局开始**/
body {BACKGROUND: #fff;}
body,p {font:14px/1 "Microsoft YaHei", "\u5b8b\u4f53", Tahoma, Geneva, sans-serif; color:#333333;}
a {color:#3b3b3b; text-decoration:none;}
a:link {color:#333333;}
a:visited {color:#333333;}
a:hover {color: #3a7dc1; text-decoration:none;}
a:active {color:#333333;}

.wrapper {width:100%; min-width: 1200px; margin:0 auto;}
.wrapper .inner {width: 1200px; max-width: 1200px; min-width: 1200px; margin:0 auto;} /**页面全局宽度**/


/*头部BANNER*/
#header { background: url(../images/top_bg.jpg) center center no-repeat #f3f3f3; border-top: 5px solid #00a6d9; border-bottom: 1px solid #fff;}
.head {width:100%; height:120px; position: relative;}
.head .logo {width: 558px; height: 120px; margin: 0; cursor: pointer; float: left; background-position: center center; background-repeat: no-repeat;}
.head .logo .img {width: 558px; height: 120px; text-align: center; vertical-align: middle; display: table-cell;}


/*搜索框*/
.search-bar {width:250px; height: 30px; margin: 45px 0 0 0; background: transparent; float: right;}
.search-box {border: none; width: 250px; height: 30px; border-radius: 15px; background: rgba(128,128,128,0.15);}
.search-component {width: 100%; height: 30px; margin: auto; overflow: hidden;}
.search-input-box {width: 210px; height: 30px; float: left; padding: 0; position: relative; margin-left: 0px; border: none;}
.search-input {width: 190px; height: 24px; border: none; padding: 0; background: transparent; font-size: 13px; color: #7f7f7f; position: absolute; top: 3px; left: 15px;}
.search-input:hover, .search-input:focus {color: #333;}
.search-btn-box {width: 40px; height: 30px; float: right; padding: 0; position: relative;}
.search-btn {width: 40px; height: 30px; color: #666; font-size: 13px; font-weight: bold; background: url(../images/btn_search.png) center center no-repeat; border: none; border-radius: 0; margin: auto; padding: 0; cursor: pointer; position: absolute; top: 0px; left: 0px;}


/**导航条**/
#naver {background: #3a7dc1; margin: 0 auto; border-top: 1px solid #fff; border-bottom: 1px solid #fff;}
.nav { width:100%; height: 45px; line-height: 45px; margin: 0px auto;}
.nav-bar { margin: 0 auto; width: 100%; }
.nav-box { margin: 0 auto; }
.nav-box .wp-menu { margin:0 auto;} /**导航高度**/
.nav-box .wp-menu .menu-item {line-height: 45px; display: inline-block; float: left; position: relative; z-index: 100; border: none;}
.nav-box .wp-menu .menu-item.selected, .nav-box .wp-menu .menu-item.parent {background: #2061a4;}
.nav-box .wp-menu .menu-item:hover {background: transparent;}
.nav-box .wp-menu .menu-item a.menu-link {display: block; padding:0 23px; color: #fff; font-size: 16px; font-weight: normal; text-align: center; background: transparent;}/**导航字体样式**/
.nav-box .wp-menu .menu-item a.menu-link:hover,
.nav-box .wp-menu .menu-item a.menu-link.parent{ text-decoration: none; background: #2061a4; color: #fff;}/**鼠标经过或当前选中时样式**/
.nav-box .sub-menu { background: #3a7dc1; display: none; position: absolute; left: 0px; top: 45px; z-index: 100; min-width:80px; box-shadow: none;} /**菜单背景**/
.nav-box .sub-menu .sub-item { position: relative; white-space: nowrap; vertical-align: top; _zoom:1; border-bottom: none; border-top: 1px solid #eeeeee; min-width: 110px;}
.nav-box .sub-menu .sub-item a { display: block; color: #fff;line-height: 40px; padding:0 10px; display: block; font-size: 15px; text-align: center;}/**子菜单字体样式**/
.nav-box .sub-menu .sub-item a:hover,
.nav-box .sub-menu .sub-item a.parent{ color:#fff; display: block; background: #2061a4;}
.nav-box .sub-menu .sub-menu { left: 100%; top: 0; z-index: 200; background-color: #e6e6e6; border-left: 1px solid #ddd;}

/**Jumbotran**/
#jumbotran {background: #fff; margin-bottom: 30px;}
#jumbotran .jumbotran-box { margin: 0 auto; background: #fff; position: relative;}
#jumbotran .jumbotran-box .focus-navigation {font-size: 60px; font-weight: normal; background: transparent;}
#jumbotran .jumbotran-box .focus-navigation:hover {font-size: 60px; font-weight: normal; background: transparent;}
#jumbotran .jumbotran-box .focus-prev {left: 10px; }
#jumbotran .jumbotran-box .focus-next {right: 10px;}
#jumbotran .jumbotran-box .focus-pagination {height:auto; text-align: center; right: 20px; bottom: 15px;}
#jumbotran .jumbotran-box .focus-page {background-color: #fff; margin-right: 8px; width: 10px; height: 10px; color: #fff; border-radius: 5px;}
#jumbotran .jumbotran-box .focus-page-active  {background-color: #f99402;}
#jumbotran .jumbotran-box .focus-title-bar {height: 32px; bottom: 15px; right: 35px; max-width: 1030px; overflow: hidden;}
#jumbotran .jumbotran-box .focus-title-bg {background-color: #fff;}
#jumbotran .jumbotran-box .focus-title {overflow: hidden; text-overflow: ellipsis; max-width: 990px; height: 32px; line-height: 32px; font-size: 16px; font-weight: bold; font-family:"\u5b8b\u4f53"; padding: 0 20px; text-shadow: 0 0 10px #000;}


/**主体部分**/
#container {}
#container .inner {padding: 0;}
#link {background: #f1f1f1;}
#link .inner {padding: 30px 0;}
.mod {width: 100%; padding: 0px; margin: 0 auto;}
.mod-h1 {margin-bottom: 30px;}
.mod-h1 .mod-l {width: 850px; float: left;}
.mod-h1 .mod-r {width: 350px; float: right;}
.mod-h2 {margin-bottom: 30px;}
.mod-h2 .mod-l {width: 580px; float: left;}
.mod-h2 .mod-r {width: 580px; float: right;}
.mod-h3 {margin-bottom: 30px;}
.c-box {}

/*页脚*/
#footer {background: #00a6d9;}
.foot {padding: 30px 0; text-align: center;}
.foot .copyright {margin: 0 auto; text-align: center; width: 60%;}
.foot .copyright P { color: #fff; line-height: 25px; font-size: 15px;}

/*首页自定义新闻列表*/
.post {	margin: 0 auto; padding: 0;}

/*slider*/
.post-slider {}
.post-slider .focus-title-bg {opacity: 0.5;}
.post-slider .focus-title-bar {overflow: hidden; left: 20px; bottom: 20px; right: initial; height: 40px;}
.post-slider .focus-title {font-weight: normal; font-family: "Microsoft YaHei"; height: 40px; line-height: 40px; font-size: 15px;}
.post-slider .focus-page {background: #fff;}
.post-slider .focus-page-active {background: #ff4019;}

.post-fastpass {}
.post-fastpass ul li {width: 100%; height: 82px; overflow: hidden; border-top: 1px solid #fff;}
.post-fastpass ul li.i1 {border-top: none;}
.post-fastpass ul li .fastpass-link {display: block; width: 100%; height: 100%; font-size: 15px; line-height: 82px; text-indent: 80px; color: #333; background-color: #f3f3f3;}
.post-fastpass ul li .fastpass-link:hover {color: #fff; background-color: #3a7dc1;}
.post-fastpass ul li a {background-position: 30px center; background-repeat: no-repeat;}
.post-fastpass ul li.i4 a {background-image: url(../images/icon_video.png);}
.post-fastpass ul li.i1 a {background-image: url(../images/icon_lessons.png);}
.post-fastpass ul li.i3 a {background-image: url(../images/icon_reservation.png);}
.post-fastpass ul li.i2 a {background-image: url(../images/icon_labsafe.png);}
.post-fastpass ul li.i4 a:hover {background-image: url(../images/icon_video_hover.png);}
.post-fastpass ul li.i1 a:hover {background-image: url(../images/icon_lessons_hover.png);}
.post-fastpass ul li.i3 a:hover {background-image: url(../images/icon_reservation_hover.png);}
.post-fastpass ul li.i2 a:hover {background-image: url(../images/icon_labsafe_hover.png);}


.post-intro {}
.post-intro .banner { margin: 0 auto; overflow: hidden;}
.post-intro .banner .title-text { height: 30px; line-height: 30px; padding: 0; text-align: left; text-indent: 0px; font-weight: normal; float: left; font-size: 24px; color: #3a7dc1; background: transparent;}
.post-intro .banner .title-text span {display: block;}
.post-intro .banner .title-eng {height: 30px; line-height: 34px; overflow: hidden; color: #878686; font-size: 13px; float: left; margin-left: 10px;}
.post-intro .more {width: 24px; height: 30px; margin: 0; float: right;}
.post-intro .more .more-btn { width:24px; height: 30px; line-height: 30px; text-align: center; color: #515151; font-size: 12px; font-weight: normal;}
.post-intro .more .more-btn A{display: block; width: 100%; height: 100%; background: url(../images/btn_more.png) center center no-repeat;}
.post-intro .more .more-btn A:hover{background-image: url(../images/btn_more_hover.png);}
.post-intro .con {padding: 12px 0 0 0; }
.post-intro .con .Article_Content {font-size: 16px; line-height: 35px; text-indent: 2em;}

.post-tzgg {}
.post-tzgg .banner { margin: 0 auto; overflow: hidden;}
.post-tzgg .banner .title-text { height: 30px; line-height: 30px; padding: 0; text-align: left; text-indent: 0px; font-weight: normal; float: left; font-size: 24px; color: #3a7dc1; background: transparent;}
.post-tzgg .banner .title-text span {display: block;}
.post-tzgg .banner .title-eng {height: 30px; line-height: 34px; overflow: hidden; color: #878686; font-size: 13px; float: left; margin-left: 10px;}
.post-tzgg .more {width: 24px; height: 30px; margin: 0; float: right;}
.post-tzgg .more .more-btn { width:24px; height: 30px; line-height: 30px; text-align: center; color: #515151; font-size: 12px; font-weight: normal;}
.post-tzgg .more .more-btn A{display: block; width: 100%; height: 100%; background: url(../images/btn_more.png) center center no-repeat;}
.post-tzgg .more .more-btn A:hover{background-image: url(../images/btn_more_hover.png);}
.post-tzgg .con {padding: 10px 0 0 0; }
.post-tzgg .con .wp_article_list .list_item {width: auto; margin: 0 auto; height: 40px; line-height: 40px; background: transparent; border: none;}
.post-tzgg .con .wp_article_list .list_item .Article_Index {display: none;}
.post-tzgg .con .wp_article_list .list_item .Article_Title {width: 80%; height: 40px; text-indent: 15px; overflow: hidden; white-space:nowrap; text-overflow:ellipsis; float: left; font-size: 16px; background: url(../images/dot.gif) left center no-repeat;}
.post-tzgg .con .wp_article_list .list_item .Article_Title A {font-size: 16px; height: 40px; line-height: 40px;}
.post-tzgg .con .wp_article_list .list_item .Article_PublishDate {width: 18%; height: 40px; line-height: 40px; overflow: hidden; font-size: 16px;  text-align: right; float: right; color: #999999;}

.post-marquee {}
.post-marquee .banner { margin: 0 auto; overflow: hidden;}
.post-marquee .banner .title-text { height: 30px; line-height: 30px; padding: 0; text-align: left; text-indent: 0px; font-weight: normal; float: left; font-size: 24px; color: #3a7dc1; background: transparent;}
.post-marquee .banner .title-text span {display: block;}
.post-marquee .banner .title-eng {height: 30px; line-height: 34px; overflow: hidden; color: #878686; font-size: 13px; float: left; margin-left: 10px;}
.post-marquee .more {width: 24px; height: 30px; margin: 0; float: right;}
.post-marquee .more .more-btn { width:24px; height: 30px; line-height: 30px; text-align: center; color: #515151; font-size: 12px; font-weight: normal;}
.post-marquee .more .more-btn A{display: block; width: 100%; height: 100%; background: url(../images/btn_more.png) center center no-repeat;}
.post-marquee .more .more-btn A:hover{background-image: url(../images/btn_more_hover.png);}
.post-marquee .con {padding: 15px 0 0 0; text-align: center;}
.post-marquee .con .imgscroll2_img {padding: 0 5px;}


/*列表页*/
/*栏目图片*/
.col-banner {width: auto; height: 200px; margin: 0 auto; background: url(../images/list_pic.jpg) center center repeat-x; background-size: cover; position: relative;}
.col-banner .chn {font-size: 30px; font-weight: bold; color: #fff; position: absolute; left: 100px; bottom: 60px; text-shadow: 1px 1px 1px #333;}
.col-banner .eng {font-size: 14px; font-weight: normal; color: #fff; position: absolute; left: 250px; bottom: 30px; text-shadow: 1px 1px 1px #333;}

#container .l-inner {padding: 30px 0;}

/*位置导航*/
.l-inner .page-navigation {height: 42px; line-height: 42px; margin: 0 auto; background: #fff; border-radius: 0px; border-bottom: 3px solid #f5f5f5;}
.l-inner .path-box {height: 42px; line-height: 42px; margin: 0 auto; text-align: right; text-indent: 0; font-size: 14px; color: #999999; overflow: hidden; white-space:nowrap; text-overflow:ellipsis;}
.l-inner .page-navigation .path-box .Column_Position {padding:0 0;}
.l-inner .page-navigation .path-box .Column_Position A {font-size: 14px; color: #999999;}
.l-inner .page-navigation .path-box .possplit {width: 15px; background: url(../images/arrow_nextlevel.gif) center center no-repeat; padding: 0 5px;}

.col-box {margin: 0 auto;}
.col-menu {width: 250px; float: left; min-height: 400px;}
.col-news {width: 920px; float: right;  min-height: 400px; background: #fff;}
.col_nomenu {width: 100%; float: none;}
.col-menu-placeholder {height: 30px; width: 100%; margin: 0 auto;}

/*多级栏目列表*/
/*栏目标题*/
.col-menu-title { margin: 0 auto; height: 45px; line-height: 45px; overflow: hidden; background: #3a7dc1 url(../images/windmill.png) 10px center no-repeat; border-bottom: none; position: relative;}
.col-name {color: #fff; line-height: 45px; font-size: 18px; text-align: left; text-indent: 45px; font-weight: normal;}
.col-name-text {display: block;}
/*栏目列表*/
.col-menu-con {margin: 0; padding:5px 0; background: #fff;}
.col-list {margin: 0 auto; padding: 0; background: transparent;}
/*一级*/
.col-list .wp_listcolumn {border: none; padding: 0;}
.col-list .wp_listcolumn .wp_column {border: none;  margin-bottom: 0px; text-indent: 10px;}
.col-list .wp_listcolumn .wp_column a { display: block; height: 49px; line-height: 49px; font-weight:normal; font-size: 16px; color:#333; border: none; border-bottom: 1px solid #e1e1e1; background: transparent; text-align: left;}   /**一级子栏目及图标**/
.col-list .wp_listcolumn .wp_column a.parent {color:#fff; background: #3a7dc1; font-weight: normal;}
.col-list .wp_listcolumn .wp_column a:hover { color:#fff; background: #3a7dc1;} /**鼠标经过或选中一级子栏目**/
.col-list .wp_listcolumn .wp_column a.parent:hover { color:#fff; background: #3a7dc1;} /**鼠标经过或选中一级子栏目**/
.col-list .wp_listcolumn .wp_column a.selected { color:#fff; font-weight: normal; background: #3a7dc1;}
.col-list .wp_listcolumn .wp_column a span.column-name{background: transparent; padding: 0; text-indent: 0;}
.col-list .wp_listcolumn .wp_column a.selected span.column-name{ }
.col-list .wp_listcolumn .wp_column a.parent span.column-name{}
/*二级*/
.col-list .wp_listcolumn .sub_list .sub-item {margin-top: 0px; text-indent: 20px;}
.col-list .wp_listcolumn .sub_list .sub-item a { display: block; height: 34px; line-height: 34px; font-size: 14px; background: transparent;}  /**二级子栏目**/
.col-list .wp_listcolumn .sub_list .sub-item a:hover {background: #3a7dc1;}   /**鼠标经过或选中二级子栏目**/
.col-list .wp_listcolumn .sub_list .sub-item a.selected {background: #3a7dc1;}
.col-list .wp_listcolumn .sub_list .sub-item a.parent {color:#fff; background: #3a7dc1;}
.col-list .wp_listcolumn .sub_list .sub-item a span.column-name {text-indent: 0;}
.col-list .wp_listcolumn .sub_list .sub-item a.selected span.column-name {}
.col-list .wp_listcolumn .sub_list .sub-item a.parent span.column-name {}
/*三级*/
.col-list .wp_listcolumn .sub_list .sub-item .sub_list .sub-item a.selected {color: #f3f3f3; background: #eeeeee;}
.col-list .wp_listcolumn .sub_list .sub-item .sub_list .sub-item a span.column-name {text-indent: 40px;}

.col-news-subcategory {margin: 20px auto 0 auto;}
.col-news-subcategory .menu_L3 .sub-item {height: 30px; line-height: 30px; width: auto; padding: 0 25px; float: left; margin-left: 5px; background: #eeeeee;}
.col-news-subcategory .menu_L3 .sub-item a {font-size: 14px;}
.col-news-subcategory .menu_L3 .sub-item.selected {color:#fff; background: #0e419c;}
.col-news-subcategory .menu_L3 .sub-item.selected a {color:#fff;}

/*文章列表*/
/*文章列表标题*/
.col-news-title {height: 50px; line-height: 50px; text-align: left; font-size: 24px; font-weight: bold; color: #a4cb32; overflow: hidden; white-space:nowrap; text-overflow:ellipsis;}

/*文章列表内容*/
.col-news-con { margin: 0; padding: 20px 0; min-height: 300px;}
.col-news-list {}
.col-news-list .wp_article_list .list_item {border: none; height: 40px; line-height: 40px; border-bottom: none;}  /**栏目新闻列表**/
.col-news-list .wp_article_list .list_item:nth-child(5n) {border-bottom: 1px dashed #cecece; margin-bottom: 20px; height: 60px;}
.col-news-list .wp_article_list .list_item:hover {}
.col-news-list .wp_article_list .list_item .fields.pr_fields {width: 80%;}
.col-news-list .wp_article_list .list_item .fields.pr_fields .Article_Title {width: 100%; overflow: hidden; white-space:nowrap; text-overflow:ellipsis;}
.col-news-list .wp_article_list .list_item .Article_Index { display: none; margin:0px;}  /**栏目新闻图标序号**/
.col-news-list .wp_article_list .list_item .Article_Title {margin:0px; font-size: 16px; background: url(../images/dot.gif) left center no-repeat; text-indent: 20px;}
.col-news-list .wp_article_list .list_item .Article_Title A {color:#333333;}
.col-news-list .wp_article_list .list_item .Article_Title A:hover {color:#3a7dc1;}
.col-news-list .wp_article_list .list_item .Article_PublishDate {font-size: 16px; color: #999999}
.col-news-list .wp_entry { line-height:2; font-size:14px; color:#666;}
.col-news-list .wp_entry p { margin-bottom:10px; line-height: 2; font-size: 16px; color: #333333;}
.col-news-list .wp_entry img { max-width:600px; _width:expression(this.width > 600 ? "600px" : this.width); }   /**列表页文章图片大小限制**/
.col-news-list .wp_entry img { padding: 4px;}
.col-news-list .wp_entry .img-desc {font-family: 楷体; font-size: 14px; font-weight:bold;}
.col-news-list .wp_entry a:hover {color: #234f9e; text-decoration: underline;}
.col-news-list .wp_paging {padding: 10px 0; text-align: center; width: 100%;}
.col-news-list .wp_paging li {float: none;}
.col-news-list .wp_subcolumn_list .wp_sublist {margin-bottom: 30px;}
.col-news-list .wp_subcolumn_list .wp_sublist .sublist_title {border-bottom: 2px solid #1e76b4; margin-bottom: 5px;}
.col-news-list .wp_subcolumn_list .wp_sublist .sublist_title .morelink .moretext {background: url(../images/sublist-more.png) center center no-repeat;}
.col-news-list .wp_subcolumn_list .wp_sublist .sublist_title .morelink .moretext Img {visibility: hidden;}
.col-news-sublist-con {padding: 5px 30px;}

.col-news-list .wp_article_catalog .list_item {width: 24%; height: 40px; line-height: 40px; border: none; float: left; margin-right: 1%; margin-bottom: 10px; text-indent: 15px; background: url(../images/dot_hover.gif) left center no-repeat; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.col-news-list .wp_article_catalog .list_item .Article_Title {font-size: 14px;}

/*分页*/
#wp_paging_w1205 {height:50px;}


/*文章页*/
#container .d-inner {padding: 15px 0;}

.d-inner .page-navigation {height: 42px; line-height: 42px; margin: 0 auto; background: #fff; border-radius: 0px; border-bottom: 3px solid #f5f5f5;}
.d-inner .path-box {height: 42px; line-height: 42px; margin: 0 auto; text-align: right; text-indent: 0; font-size: 14px; color: #999999; overflow: hidden; white-space:nowrap; text-overflow:ellipsis;}
.d-inner .page-navigation .path-box .Column_Position {padding:0 0;}
.d-inner .page-navigation .path-box .Column_Position A {font-size: 14px; color: #999999;}
.d-inner .page-navigation .path-box .possplit {width: 15px; background: url(../images/arrow_nextlevel.gif) center center no-repeat; padding: 0 5px;}

.article-box {margin: 0 20px; min-height: 500px;}
.article {padding: 0 10px;}
.article h1.article-title {font-weight: normal; padding:45px 0 10px 0; text-align:center;  line-height: 120%; font-size:24px; color:#333333;} /**文章标题**/
.article h3.article-subtitle {font-weight: normal; padding:0; text-align:center; line-height: 35px; font-size:15px; color:#333333;} /**文章标题**/
.article .article-metas {padding: 10px 0 15px 0; text-align:center; border-bottom: 1px solid #dedede;}
.article .article-metas span { margin:0 5px; font-size:13px; color:#666;} /**文章其他属性**/
.article .entry {margin:0 auto; padding: 30px 0 10px 0; overflow:hidden;} /**文章内容**/
.article .entry .read, .article .entry .read p { line-height: 2; font-size: 16px; color: #333333;} /**阅读字体**/
.article .entry .read p { margin-bottom: 10px;}
.article .entry .read img {max-width:800px; _width:expression(this.width > 800 ? "800px" : this.width); height: auto;} /**文章阅读部分图片大小限制**/
.article .share {padding: 0 0 20px 0;}


/*虚拟仿真实验项目*/
.vlab-banner-turbine {width: auto; margin: 0 auto; padding:50px 0; background: url(../images/vlab_banner_fan.jpg) center center repeat-x; background-size: cover; position: relative;}
.vlab-intro {width: 750px; float: left; background: rgba(255,255,255,0.9);}
.vlab-intro .title {margin: 0 auto; padding: 30px 30px 20px 30px; font-size: 24px; font-weight: bold; color: #00a6d9;}
.vlab-intro .intro {margin: 0 auto; padding: 0px 30px; font-size: 15px; line-height: 1.5;}

.vlab-intro .button {margin: 0 auto; padding: 30px;}
.vlab-intro .button .student {display: inline-block; padding: 10px 20px; background: #00a6d9; margin-right: 5px; color: #fff; border-radius: 3px; cursor: pointer; position: relative;}
.vlab-intro .button .expert {display: inline-block; padding: 10px 20px; background: #00a6d9; margin-right: 5px; color: #fff; border-radius: 3px; cursor: pointer; position: relative;}
.vlab-intro .button .dz {display: inline-block; padding: 10px 20px; background: #ffa201; margin-right: 15px; color: #fff; border-radius: 3px; cursor: pointer; visibility: hidden;}

.vlab-title {margin: 0 auto; text-align: center;}
.vlab-title .title {margin: 0 auto; padding: 10px 0; font-size: 32px; font-weight: bold; color: #fff; text-shadow: 2px 2px 2px #333;}

.expert-login {padding: 20px 0; width: 360px; z-index: 999; background: #fff; position: absolute; left: 0; top: 35px; border: 5px solid rgba(0,0,0,0.2); border-radius: 3px; display: none; cursor: default;}
.expert-login .row {width: 100%; margin: 0 auto 10px auto;}
.expert-login .row .lbl {width: 80px; height: 30px; line-height: 30px; float: left; text-align: center; color: #333;}
.expert-login .row .ctl {width: 280px; height: 30px; float: right;}
.expert-login .row .ctl .input-box {width: 250px; height: 28px; border: 1px solid #eeeeee; border-radius: 3px; text-indent: 10px;}
.expert-login .row .ctl .input-box.name {background: #f3f3f3;}
.expert-login .row .ctl .input-btn-submit {height: 28px; padding: 0 15px; background: #00a6d9; color: #fff; border: none; border-radius: 3px; margin-right: 5px; cursor: pointer;}
.expert-login .row .ctl .input-btn-cancel {height: 28px; padding: 0 15px; background: #f3f3f3; color: #333; border: none; border-radius: 3px; cursor: pointer;}

.vlab-video {width: 400px; float: right;}
.vlab-video .tab-list {margin: 0 auto 10px auto;}
.vlab-video .tab-list .tab {display: inline-block; padding: 0 15px; line-height: 30px; background: #f9f9f9; margin-right: 10px; color: #333; border-radius: 3px; cursor: pointer;}
.vlab-video .tab-list .tab.active {background: #00a6d9; color: #fff;}
.vlab-video .video-player {margin: 0 auto; height: 225px; overflow: hidden; background: rgba(0,0,0,0.3);}
.vlab-video .video {width: 100%; height: 225px; border: none;}

.vlab-nav {width: auto; margin: 0 auto; padding:15px 0; background: #f4f4f4; border-bottom: #eeeeee 1px solid;}
.vlab-nav-bar { margin: 0 auto;}
.vlab-nav-box { margin: 0 auto;}
.vlab-menu { margin:0 auto;}
.vlab-menu-item {line-height: 38px; display: inline-block; float: left; border: 1px solid #eeeeee; border-radius: 3px; background: #fff; margin-right: 15px;}
.vlab-menu-item.selected, .vlab-menu-item.parent {background: #00a6d9;}
.vlab-menu-item:hover {background: #00a6d9;;}
.vlab-menu-item a.vlab-menu-link {display: block; padding:0 20px; color: #333333; font-size: 14px; font-weight: normal; text-align: center; background: transparent;}/**导航字体样式**/
.vlab-menu-item.selected a.vlab-menu-link,
.vlab-menu-item a.vlab-menu-link:hover,
.vlab-menu-item a.vlab-menu-link.parent{ text-decoration: none; background: #transparent; color: #fff;}/**鼠标经过或当前选中时样式**/

.vlab-page-info {padding: 10px 0}
.vlab-page-info .path {float: left; height: 30px; line-height: 30px; font-size: 15px; font-weight: bold;}
.vlab-page-info .path .start {border-left: 3px solid #3a7dc1; margin-left: 20px; padding: 0 5px;}
.vlab-page-info .path .next {padding: 0 5px 0 10px; background: url(../images/next.gif) left center no-repeat;}
.vlab-page-info .miscellaneous {float: right;}
.vlab-page-info .total-visitor {float: left; margin-right: 5px; height: 30px; line-height: 30px; background: #ffa201 url(../images/stats_visitor.gif) left center no-repeat; border-radius: 3px; text-indent: 35px; color: #fff; padding-right: 8px;}
.vlab-page-info .total-tester {float: left; margin-right: 5px; height: 30px; line-height: 30px; background: #16aa1b url(../images/stats_tester.gif) left center no-repeat; border-radius: 3px; text-indent: 35px; color: #fff; padding-right: 8px;}
.vlab-page-info .login-user {float: left; margin-right: 5px; height: 30px; line-height: 30px; background: #4dabf7 url(../images/login_user.gif) left center no-repeat; border-radius: 3px; text-indent: 35px; color: #fff; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; display: none;  padding-right: 8px;}
.vlab-page-info .sign-out {float: left; margin-right: 5px; width: 50px; height: 30px; line-height: 30px; background: #999; text-align: center; border-radius: 3px; color: #fff; cursor: pointer; display: none;}

.vlab-col-content {padding: 30px 0;}
.vlab-col-experiment {padding: 0 0 30px 0;}
.vlab-col-news {float: left; width: 920px;}
.vlab-col-news-right {float: right;}
.vlab-col-news-con {border: 1px solid #eeeeee; padding: 30px; border-radius: 3px;}
.vlab-col-news-con .col-news-list .wp_entry h3 {margin: 0 auto 15px auto; padding: 3px 0; line-height: 1; font-size: 18px; color: #333333; border-left: 3px solid #00a6d9; text-indent: 10px;}

.vlab-table {border: 1px solid #9a9a9a;}
.vlab-table td {border: 1px solid #9a9a9a; text-align: center; line-height: 1.5; padding: 6px 6px;}
.vlab-table .vlab-th {background: #eee; font-weight: bold;}

.vlab-col-accessory {float: right; width: 250px;}
.vlab-col-accessory-left {float: left;}

.vlab-col-experiment-menu {float: left; width: 300px; overflow-y: auto; border: 1px solid #eeeeee; border-radius: 3px;}
.vlab-col-experiment-content {float: right; width: calc(100% - 310px); border: 1px solid #eeeeee; border-radius: 3px;}
.vlab-col-experiment-content #experiment_guide {margin: 0 auto; padding: 10px;}
.vlab-col-experiment-content .guide {display: inline-block; padding: 10px 15px; background: #ccc; border-radius: 3px; margin-right: 5px; margin-bottom: 5px;}
.vlab-col-experiment-content .guide.active {background: #ffa201;}
.vlab-col-experiment-content #experiment_content {width: 100%; min-height: 650px; margin: 0 auto;}
.vlab-col-experiment-content h3 {width: 100%; font-size: 24px; font-weight: bold; padding: 30px 0; line-height: 1; color: #333333; text-align: center;}
.vlab-col-experiment-content .msg {font-size: 16px; background: #fcf8e3; border: 1px solid #faebcc; border-radius: 3px; color: #8a6d3b; padding: 20px; margin: 0 30px;}
.vlab-col-experiment-content .msg.hidden {display: none;}
.vlab-col-experiment-content .text {padding: 30px; font-size: 18px;}
.vlab-col-experiment-content .text P {font-size: 18px; text-indent: 2em; line-height: 1.5; margin-bottom: 1rem;}
.vlab-col-experiment-content table {width: 100%; font-size: 16px; text-align: center;}
.vlab-col-experiment-content table th {border-bottom: 3px solid #eee; padding: 10px 0;}
.vlab-col-experiment-content table td {border-bottom: 1px solid #eee; padding: 10px 0; font-weight: normal}
.vlab-col-experiment-content .controls {text-align: center; padding: 30px 0}
.vlab-col-experiment-content .controls .btn {background: #3a7dc1; border: none; border-radius: 3px; color: #fff; padding: 10px 15px; cursor: pointer; font-size: 18px; margin-right: 10px;}
.vlab-col-experiment-content .controls .btn-gray {background: #ccc;}
.vlab-col-experiment-content .controls .sel {font-size: 24px; padding: 10px 20px;}
.vlab-col-experiment-content .controls .txt {font-size: 24px;}
.vlab-col-experiment-content .controls .txtbox {font-size: 24px; padding: 10px;}
.vlab-col-experiment-content .exp_video {width:788px; height: 564px;}
.vlab-col-experiment-content .txtarea {width: 780px; height: 100px; font-size: 16px; font-family: "Microsoft YaHei";}

.vlab-col-stats {border: 1px solid #eeeeee; padding: 20px; border-radius: 3px; margin-bottom: 20px;}
.vlab-col-stats .banner {border-bottom: 1px solid #eeeeee;}
.vlab-col-stats .banner h3 {margin: 0 auto 15px auto; padding: 3px 0; line-height: 1; font-size: 16px; color: #333333; border-left: 3px solid #3a7dc1; text-indent: 10px;}
.vlab-col-stats .con {padding: 15px 0 0 0;}
.vlab-col-stats .total-visitor {height: 30px; line-height: 30px; background: #ffa201 url(../images/stats_visitor.gif) left center no-repeat; border-radius: 3px; text-indent: 35px; color: #fff; margin-bottom: 8px;}
.vlab-col-stats .total-tester {height: 30px; line-height: 30px; background: #16aa1b url(../images/stats_tester.gif) left center no-repeat; border-radius: 3px; text-indent: 35px; color: #fff; margin-bottom: 8px;}
.vlab-col-stats .login-user {height: 30px; line-height: 30px; background: #4dabf7 url(../images/login_user.gif) left center no-repeat; border-radius: 3px; text-indent: 35px; color: #fff; margin-bottom: 8px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.vlab-col-stats .sign-out {width: 50px; height: 30px; line-height: 30px; background: #999; text-align: center; border-radius: 3px; color: #fff; margin-bottom: 8px; cursor: pointer; display: none;}

.vlab-col-msgboard {border: 1px solid #eeeeee; padding: 20px; border-radius: 3px; margin-bottom: 20px;}
.vlab-col-msgboard .banner {border-bottom: 1px solid #eeeeee;}
.vlab-col-msgboard .banner h3 {margin: 0 auto 15px auto; padding: 3px 0; line-height: 1; font-size: 18px; color: #333333; border-left: 3px solid #3a7dc1; text-indent: 10px;}
.vlab-col-msgboard .con {padding: 15px 0;}
.vlab-col-msgboard .con textarea {width: 90%; height: 100px; padding:10px; border: 1px solid #eeeeee; resize: none; background: #f9f9f9; color: #999;}

.vlab-col-steps {padding: 20px;}
.vlab-col-steps .banner {border-bottom: 1px solid #eeeeee;}
.vlab-col-steps .banner h3 {margin: 0 auto 15px auto; padding: 3px 0; line-height: 1; font-size: 18px; color: #333333; border-left: 3px solid #3a7dc1; text-indent: 10px;}
.vlab-col-steps .con {padding: 15px 0 0 0;}
.vlab-col-steps .con .steps .step {margin-bottom: 8px;}
.vlab-col-steps .con .steps .step .sub-steps {display: none;}
.vlab-col-steps .con .steps .step .sub-steps .sub-step {margin-top: 5px;}
.vlab-col-steps .con .steps .step a {display: block; line-height: 1.5; background: #ccc; border-radius: 3px; padding: 8px; cursor: pointer;}
.vlab-col-steps .con .steps .step .sub-steps .sub-step a {display: block; line-height: 1.5; background: #eeeeee; border-radius: 3px; padding: 5px 5px 5px 32px; cursor: pointer;}
.vlab-col-steps .con .steps .step a:hover,
.vlab-col-steps .con .steps .step a.active,
.vlab-col-steps .con .steps .step .sub-steps .sub-step a:hover,
.vlab-col-steps .con .steps .step .sub-steps .sub-step a.active {background: #3a7dc1; color: #fff;}

.exp_content_hide {display: none;}