@charset "utf-8";
/**---------------------------------------------------------
*function:温州云教研平台
*jquery1.7.2
*ie8-11，firefox，chrome等主流浏览器
*Bootstrap v3.0.3
*author:lixinxin
*date:2016-07
----------------------------------------------------------*/
@import url(base.css);
/*通用样式*/
body { font-size: 16px; font-family: "Microsoft yahei"/*"宋体",*/;overflow:scroll; }
a, a:link, a:visited { text-decoration: none; color: #4a4a4a; }
a:hover { text-decoration: none; color: #3478de }
.ff { font-family: "Microsoft YaHei" }
.color_yellow { color: #ff6600 }
.color_green { color: #579e0f }
.color_red { color: #f61100 }
/*end 通用样式*/
.fh5co-counter { font-size: 1.6em; display: block; color: #2e5fa2; font-family: "Open Sans", Arial, serif; width: 100%; font-weight: 100; margin-bottom: .3em; }
/*头部样式*/
.page-head { width: 100%; height: 71px; background: #195aab; position: fixed; z-index: 99999; top: 0; left: 0; }
.container { padding: 0; position: relative }
.navbar-nav { float: right }
.page-head .navbar li.endli { background: none }
.page-head .navbar .li-log a.btn { background: #f1820e; width: 57px; height: 30px; color: #fff; line-height: 30px; padding: 0; vertical-align: middle; margin-top: 18px }
.page-head .navbar li a { color: #fff; padding: 0 15px 0 15px; font-size: 1em; font-family: "微软雅黑"; height: 71px; display: block; line-height: 71px; font-weight: 400 }
.page-head .navbar li a:hover { background: #1f79c9; border-top: 2px solid #f1820e; line-height: 68px }
.page-head .navbar li a.active { background: #1f79c9; border-top: 2px solid #f1820e; line-height: 68px }
.page-head .header-logo-slide { float: right }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); border: 0; }
.navbar-toggle .icon-bar { background-color: #ffffff; }
.navbar-brand { float: left; height: 50px; padding: 2px 2px; font-size: 18px; line-height: 20px; }
.navbar-collapse { padding: 0; }
.navbar-collapse.in { overflow-y: hidden; }
.navbar-nav { margin: 0 0; }
.navbar-default .navbar-nav > li > a { color: #fff !important; }
.navbar { min-height: 0 !important; margin-bottom: 0 !important; }
.navbar-default { background-color: #195aab !important; border-color: #195aab !important; }
.navbar-header a.navbar-brand { color: #fff; font-size: 3em; font-weight: 100; margin-bottom: 0; }
a.navbar-brand span { font-size: .45em; padding-top: 12px; display: block; font-weight: 100; text-align: right; }
.navbar-header a.navbar-brand:hover { color: #fff; text-decoration: none; }
.navbar-nav>li>a { font-weight: 300; }
ul.nav.navbar-nav.navbar-right.margin-top li { margin: 0px 3px 0px 0px; }
.cl-effect-2 a { -webkit-perspective: 1000px; -moz-perspective: 1000px; perspective: 1000px; }
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover { color: #00BFF3; background-color: #0B0354; }
span.caret:hover { color: #fff; }
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus { color: red !important; font-weight: 600; font-size: 50px; z-index: 999; }
/*头部样式 end*/
/*banner*/
.banner { background: url(../images/ban-bg.jpg); background-repeat: no-repeat; background-size: cover; background-position: center center; margin-top: 71px; background-size: cover; }
.banner .container { margin: 0 auto; padding-top: 135px }
.ban-text { width: 65%; height: 127px; margin: 0 auto; background: url(../images/ban-text.png) no-repeat; background-size: 100% 100%; }
.banner .icon-list .box { }
.banner .icon-list .box-t { padding: 20px; background: url(../images/ban-icobg.png) center center no-repeat; width: 111px; height: 102px; margin: 0 auto; background-size: 100% 100%;}
.banner .icon-list .box-t:hover { background: url(../images/ban-icobghover.png) no-repeat; background-size: 100% 100%; }
.banner .icon-list .box-b .s-name { display: block; font-size: 1.2em; font-family: "微软雅黑"; color: #000; line-height: 30px; font-weight: 400 }
.banner .icon-list .box-b .s-num { color: #2e5fa2 }
@media (max-width:767px) {
.banner .container { margin: 0 auto; padding-top: 136px }
.banner .icon-list .box-t { padding: 5px; background: url(../images/ban-icobg-x.png) center center no-repeat; width: 40px; height: 43px; margin: 0 auto; background-size: 100% 100%; }
.banner .icon-list .box-t img { width: 27px; height: 31px }
.banner .icon-list .box-b .s-name { display: block; font-size: 10px; font-family: "微软雅黑"; color: #000; line-height: 20px }
.banner .text-center { padding: 0 6px 0 6px }
.banner .container { margin: 0 auto; padding-top: 40px }
.ban-menu .col-md-2, .banne .ban-menu .col-xs-2 { padding-left: 5px; padding-right: 5px }
.container { width: 100%; }
#picshow, #picshow_img { height: 261px !important; }
#picshow_img li { height: 261px !important; }
#picshow_img img { height: 261px !important; }
.ps-main .xk-mode .xk-text span { color: #4a4a4a; font-size: 14px }
}
/*banner end*/
/*new*/
.news { width: 100%; padding-top: 28px; }
.new_web { width: 980px; margin: 0 auto; }
.new_center { width: 980px; height: 425px; background: url(../images/new_img_bg.png) no-repeat; overflow: hidden; margin: 0 auto }
#zSlider { margin: 0px auto; overflow: hidden; padding-top: 16px; }
#picshow { position: relative; }
#picshow, #picshow_img { width: 100%; height: 376px; overflow: hidden; float: left; }
#picshow_img li { width: 100%; height: 376px; overflow: hidden; float: left;  }
#picshow_img img { width: 100%; height: 376px; }
#picshow_tx { left: 0px; bottom: 0px; position: absolute; height: 65px; line-height: 65px; overflow: hidden; width: 100%; padding-left: 0px }
#picshow_tx li { background: url(../images/piclist_bg.png) repeat; height: 65px;  overflow: hidden; padding: 0 20px; width: 100% }
#picshow_tx li p { color: #fff; font: 22px/65px "微软雅黑"; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
#select_btn { width: 100%; height: auto; color: #000; float: right; display: inline; }
#select_btn li { padding: 15px 10px 15px 8px; border-top: 6px solid #fff; cursor: pointer; }
#select_btn li:hover { background-color: #f2f2f2; color: #fff; }
#select_btn li.current { background-color: #f2f2f2; color: #8f8f8f }
#select_btn li.current a { color: #fff }
#select_btn li.current span { color: #8f8f8f }
#select_btn li.current:hover { background-color: #f2f2f2; color: #8f8f8f; }
#select_btn a { color: #000; }
#select_btn a:hover { color: #8f8f8f; }
#select_btn img { width: 127px; height: 76px; margin-right: 8px; float: left; }
#select_btn .select_text { font: 12px/22px 'Microsoft YaHei'; overflow: hidden; display: block; color: #000 }
#select_btn .select_text:hover { text-decoration: underline; color: #b0b1b2; }
#select_btn .select_text:visited { text-decoration: underline; color: #000; }
#select_btn .select_date { height: 30px; line-height: 30px; overflow: hidden; display: block; }
#select_btn .select_date a span:hover { color: #fff; }
.news-date { width: 97px; border-right: 2px solid #d1d1d1 }
.zSlider .news-h2 { }
a.t-more { font-size: 16px; font: 16px/40px "微软雅黑"; color: #ff9000; position: absolute; right: 0 }
.zSlider .select-date span { display: block; text-align: center; font: 2.2em "微软雅黑"; color: #c7c7c7; border-bottom: 1px solid #6b6b6b }
.zSlider .select-date em { display: block; text-align: center; font-size: 1.0em }
.zSlider .select_text h3 { font-family: "微软雅黑"; color: #a3a3a3; font-size: 1.6em; padding-bottom: 15px; overflow: hidden; height: 40px; white-space: nowrap; text-overflow: ellipsis; }
.zSlider .select_text span { color: #a3a3a3; font-family: "宋体"; font-size: 13px }
.zSlider #select_btn li.current .select-date span.date-y { color: #237bc3; border-bottom: 1px solid #237bc3 }
.zSlider #select_btn li.current .select-date em { color: #6b6b6b }
.zSlider #select_btn li.current .select_text h3 { color: #237bc3; }
/*end new*/

/*专家讲座*/
.h1-mian { background: url(../images/main-bg.jpg); background-size: 100% 100%; }
.zj-main h2 { background: url(../images/zj-tit.png) center center; height: 69px; margin-bottom: 30px; margin-top: 20px; position: relative }
.zj-main .zj-tit { text-align: center; font-size: 36px; line-height: 40px; font-family: '微软雅黑'; color: #304f8c }
.zj-main .zj-tityw { text-align: center; font-size: 16px; line-height: 30px; color: #ff9000 }
.zj-main .box { text-align: center }
.zj-main .s-name { display: block; color: #3e4d63; font-size: 18px; font-family: "微软雅黑"; line-height: 40px }
.zj-main .s-num { display: block; font-family: "宋体"; font-size: 12px; color: #b67b1e; line-height: 25px }
.zj-main .zj-list img { border-radius: 50% }
.m-more { position: absolute; right: 0px; top: 14px }
/*--team--*/
.team { padding: 5em 0; background-color: #3a3a3a; }
.team-left { margin: 0 .3em; }
.team-left img { width: 100%; }
.team-bottom h4 { font-size: 1.2em; margin: 1em 0 .3em; color: #41587a; ffont-family: "微软雅黑"; line-height: 1.5em; }
.team-bottom p { font-size: .9em; color: #999; line-height: 1.6em; }
/*--flexisel--*/
#flexiselDemo1 { display: none; }
.nbs-flexisel-container { position: relative; max-width: 100%; }
.nbs-flexisel-ul { position: relative; width: 9999px; margin: 0px; padding: 0px; list-style-type: none; text-align: center; }
.nbs-flexisel-inner { overflow: hidden; min-height:345px }
.nbs-flexisel-item { float: left; margin: 0; padding: 0px; position: relative; line-height: 0px; }
.nbs-flexisel-item > img { cursor: pointer; position: relative; }
/*--//team--*/

/*培训项目*/
.ps-main { margin-top: 40px }
.ps-main .ps-mode h2 { }
.ps-main .ps-mode .px-tit { font-size: 36px; line-height: 40px; font-family: '微软雅黑'; color: #304f8c; float: left }
.ps-mode .t-more { float: right; padding-right: 15px }
.ps-main .ps-mode h2, .xk-mode h2 { border-bottom: 1px solid #ccc; margin-bottom: 20px; height: 50px }
.ps-main .ps-mode .nav-tabs>li { float: none; margin-bottom: -1px; line-height: 40px; margin-left: 2px }
.ps-main .ps-mode .nav-tabs li a { color: #fff }
.ps-main .ps-mode .tab-content li { height: 40px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: 40px; background: url(../images/px-listtag.gif) no-repeat left center; padding-left: 10px }
.ps-main .ps-mode .tab-menu { background: #1e2b33; padding-right: 0px }
.ps-main .ps-mode .tab-menu li { line-height: 45px; }
.ps-main .ps-mode .tab-content li a{ font-size:14px}
.ps-main .ps-mode .nav-tabs>li>a { border-radius: 0px; padding-right: -2px; margin-right: -1px; padding: 12px 15px; }
.ps-main .ps-mode .nav-tabs>li.active>a { color: #e17f02; border: none; border-top: 1px solid #cccccc; background: #fff url(../images/ps-activebg.jpg) no-repeat right center }
.ps-main .ps-mode .tab-content { padding-left: 20px }
.ps-main .ps-mode .nav>li>a:focus, .ps-main .ps-mode .nav>li>a:hover { text-decoration: none; background-color: #fbfbfb; color: #e17f02 }
.course-main .tab-content { margin-top: 20px ;min-height:259px}
/*<!--学科--> */
.ps-main .xk-mode .xk-tit { font-size: 36px; line-height: 40px; font-family: '微软雅黑'; color: #304f8c }
.ps-main .xk-1, .ps-main .xk-2, .ps-main .xk-3 { margin-top: 19px }
.ps-main .xk-1 .xk-name { height: 98px; background: url(../images/xk-xxbg.jpg) no-repeat; background-size: 100% 95px; text-align: center }
.ps-main .xk-2 .xk-name { width: 100%; height: 95px; background: url(../images/xk-czbg.jpg) no-repeat; background-size: 100% 95px; text-align: center }
.ps-main .xk-3 .xk-name { width: 100%; height: 98px; background: url(../images/xk-gzbg.jpg) no-repeat; background-size: 100% 95px; text-align: center }
.ps-main .xk-mode .xk-name { color: #fff; font-size: 18px; font-family: "微软雅黑"; height: 98px; line-height: 98px }
.ps-main .xk-mode .xk-text { line-height: 25px; border: 1px solid #e9e8e8; border-left: none; height: 100%; background: #FFF }
.ps-main .xk-mode .col-md-2, .ps-main .xk-mode .col-md-10 { padding-left: 0; padding-right: 0px }
.ps-main .xk-mode .xk-text span { padding: 6px 10px; display: block ; font-size:14px}
/*<!--培训课程--> */
.h2-main { background: url(../images/course-bg.jpg); background-size: 100% 100%; }
.course-main { padding: 40px 15px 0 15px; }
.ps-main .tab-content { padding: 8px 20px 0 20px; background: #fff; height: 328px }
.course-main .tab-menu .col-md-2 { padding-left: 0; padding-right: 0 }
.course-main .main-box { text-align: center;  }
.course-main .main-box .box-img { margin-bottom: 15px; overflow:hidden }
.course-main .main-box .box-img img{ width:100%;}
.course-main .main-box img { width: 100%; height: auto }
.course-main .main-box .box-name { display: block; text-align: center; color: #3b3d41; font-size: 16px; font-family: "微软雅黑"; margin-top: 15px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}
.course-main .nav-tabs { border: none }
.course-main .nav-tabs>li { margin-bottom: 0; }
.course-main .nav-tabs>li.active { padding: 0; margin: 0; border: none }
.course-main .nav>li>a { position: relative; display: block; padding: 8px 15px; background: #fff; border-radius: 0; color: #6899fc; font-size: 18px; font-family: "微软雅黑"; text-align: center }
.course-main .nav li.active a { background: #6899fc; border: none; color: #fff }
.course-main .nav-tabs>li.active>a { border: none }
/*微课*/
.wk-main h2 { background: url(../images/zj-tit.png) center center no-repeat; height: 40px; margin-bottom: 30px; margin-top: 20px; position: relative }
.wk-main .wk-tit { text-align: center; font-size: 36px; line-height: 40px; font-family: '微软雅黑'; color: #050505 }
.wk-main .main-box{ min-height:164px}
.wk-main .main-box .col-md-3 { text-align: center }
.wk-main .wk-mode { margin-bottom: 15px }
.wk-main .main-box img { position: relative; width: 100%; height: auto; }
.wk-main .main-box .bj-bg { position: absolute; background: url(../images/wk-bjbg.png) left top; top: 0; left: 15px; width: 71px; height: 51px }
.wk-main .m-more { position: absolute; right: 0px; top: 0px }
/*名师*/
.ms-main { padding-bottom: 30px }
.ms-main .ms-cen{ min-height:300px}
.ms-main .ms-tit { text-align: center; font-size: 36px; line-height: 40px; font-family: '微软雅黑'; color: #a98252 }
.ms-main h2 { background: url(../images/zj-tit.png) center center no-repeat; height: 50px; margin-bottom: 30px; margin-top: 20px; position: relative }
.ms-main .m-more { position: absolute; right: 0px; top: 10px }
.ms-main .ms-img { float: left }
.ms-main .img-bg { box-shadow: inset 0 0 0 0 rgba(118, 184, 82, 0.52), inset 0 0 0 16px rgba(50, 111, 162, 0.25), 0 1px 2px rgba(118, 184, 82, 0.38); -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; border-radius: 50%; display: block; padding: 5px;height:130px; }
.ms-main .ms-info { padding-top: 15px }
.ms-main .box .col-md-6 { padding-left: 0; padding-right: 0; }
.ms-main .ms-info h3 { font-size: 14px; font-family: "微软雅黑"; font-weight: bold; margin-bottom: 15px; margin-top: 15px; text-align:left; padding-left:10px }
.ms-main .ms-info span { display: block; color: #b67b1e; line-height: 25px; font-size:14px; text-align:left; padding-left:10px }
.ms-main .ms-info p { display: block; color: #b67b1e; line-height: 25px; font-size:14px;text-align:left ;padding-left:10px}
.ms-main .ms-img img { width: 100%; height: 100%; border-radius: 50%; }
.ms-main .box { margin-bottom: 15px; text-align: center; }
/*合作机构*/
.jg-main { background: #eee; padding-bottom: 20px; min-height:170px }
.jg-main h2 { background: url(../images/jg-tit.jpg) no-repeat; height: 70px }
.jg-main .jg-demo { color: #1c4c89; font-size: 18px; font-family: "微软雅黑"; margin-bottom: 15px }
/*底部*/
.foot-main { background: #252525; padding-top: 40px; padding-bottom: 30px; }
.foot-main .foot-box { text-align: center; background: url(../images/foot-rightbx.jpg) top right no-repeat; margin-bottom: 10px }
.foot-main .tg { color: #a7a9ac; font-family: "宋体"; font-size: 12px; }
.foot-main .xk { color: #565656; font-family: "宋体"; font-size: 12px; margin-top: 20px; }
/*通知公告*/
.top_new .box { height: 35px; background: url(../images/tz-bg.jpg); overflow: hidden; padding-top:5px}
.top_new .box  h3{ line-height: 25px; font-size:16px; width:80px; float:left; color:#a21111}
.top_new .tp{ line-height: 25px; font-size:16px }
.top_new .news_li a, .swap a { color: #817d7d; font-size: 1em; }
.top_new .swap { top: 19px; }
/*导航菜单*/
.navbar-header { float: left; }
.navbar-header h1 { margin: 0; font-size: .95em; display: block; }
div#bs-example-navbar-collapse-1 { width: 72%; float: left; }
/*--登录窗口--*/
.login-pop { float: right; margin: 19px auto 0; margin-right: 3px }
#loginpop { position: relative; float: right; margin-top: 0em; }
i.arrow { font-size: 0.9em; color: #34353a; vertical-align: baseline; transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -o-transition: 0.5s all; -ms-transition: 0.5s all; }
#loginpop a span:hover i.arrow { color: #fff; }
#loginpop a { text-decoration: none; }
#loginpop a span { display: block; color: #fff; background: #f1820e; padding: 8px 20px; font-size: 0.9em; transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -o-transition: 0.5s all; -ms-transition: 0.5s all; font-weight: 400; text-transform: uppercase; }
#loginpop a span:hover { color: #fff; }
/* Login Button */
#loginButton { display: inline-block; position: relative; z-index: 30; cursor: pointer; }
/* Login Box */
#loginBox { position: absolute; top: 57px; right: 0px; display: none; z-index: 29; }
#loginForm:after { content: ''; position: absolute; right: 25px; top: -8px; border-left: 10px solid rgba(0, 0, 0, 0); border-right: 10px solid rgba(0, 0, 0, 0); border-bottom: 13px solid #FFFFFF; }
/* Login Form */
#loginForm { width: 300px; background: #fff; border: 1px solid #d6d6d6; height: 252px; }
#loginForm fieldset { margin: 0 0 15px 0; display: block; border: 0; padding: 0; }
fieldset#body { border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; padding: 15px 15px; margin: 0; }
#loginForm #checkbox { width: auto; margin: 3px 6px 0 0; float: left; padding: 0; border: 0; }
#body label { color: #34353a; margin: 8px 0 0 0; display: block; float: left; font-size: 0.8725em; font-weight: 400; }
#loginForm #body fieldset label { display: block; float: none; margin: 0 0 6px 0; }
#loginForm #login { width: auto; float: left; background: #232428; color: #fff; font-size: 0.8725em; padding: 7px 20px; border: none; margin: 0 12px 0 90px; cursor: pointer; transition: all .5s; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; outline: none; text-transform: uppercase; }
#loginForm #login:hover { background: #476bba; }
#loginForm input { width: 100%; border: 1px solid #DADADA; color: #222; background: #FFF; padding: 6px; font-size: 0.8125em; -webkit-apperance: none; outline: none }
#body label i { color: #000; font-size: 1em; font-style: normal; }
#loginForm span a { color: #34353a; font-size: 0.85em; font-weight: 400; background: none; border: none; box-shadow: none; padding: 0 16px; }
/*--登录窗口--*/
.banner .container { margin: 0 auto; padding-top: 87px; }
@media (max-width:768px) {
/*导航*/
.page-head .container>.navbar-header { margin-right: -15px; margin-left: 0px; }
.navbar-collapse { width: auto; border-top: 0; box-shadow: none }
.navbar-collapse.collapse { display: none!important; visibility: visible!important; height: auto!important; padding-bottom: 0; overflow: visible!important }
.navbar-toggle { display: block; float: right!important; margin-top: 16px }
.navbar-header { float: none; width: 88%; }
.page-head .menu-bg { background: #3e70b0; margin-top: 20px; }
.page-head .navbar-nav { float: none; }
.page-head .navbar li { text-align: center; float: none; }
.page-head .navbar li a { line-height: 40px; height: 40px }
.page-head .navbar .li-log .page-head .navbar .li-log a.btn { width: 100%; background: #f1820e; border: none; height: 40px; color: #fff; line-height: 30px; padding: 0; vertical-align: middle; margin-top: 18px }
.page-head .navbar li a:hover { line-height: 40px !important; }
/*专家名师*/
.zj-main .zj-tit { text-align: left; font-size: 24px; line-height: 30px; font-family: '微软雅黑'; color: #304f8c }
.zj-main .zj-tityw { text-align: left; font-size: 14px; line-height: 20px; color: #ff9000 }
.xk-mode h2 { background: url(../images/xk-tit.jpg) no-repeat left center; }
.wk-main h2 { background: url(../images/wk-titx.png) no-repeat left center; }
h2.h2-public { border-bottom: 1px solid #ccc; background: none !important; height: 50px; padding-left: .8em }
.m-more { position: absolute; right: 5px; top: 12px }
.wk-main .main-box .bj-bg { position: absolute; background: url(../images/wk-bjbg.png) left top; top: 0; left: 0; width: 71px; height: 51px; }
.ps-main .xk-mode .xk-text span { color: #4a4a4a; font-size: 14px; padding: 5px }
/*培训项目*/
.course-main .nav>li>a { font-size: 14px; padding: 8px 8px }
.ps-main h2.h2-public { border-bottom: 1px solid #ccc; background: none; height: 40px !important; padding-left: .8em; }
.ps-main .ps-mode .px-tit { font-size: 24px; line-height: 40px; font-family: '微软雅黑'; color: #304f8c }
.ps-main .ps-mode .nav-tabs li { padding: 0 10px 0 10px; float: left; height: 40px }
.ps-main .ps-mode .nav-tabs li a { line-height: 40px; font-weight: 500 }
.ps-main .ps-mode .nav-tabs>li>a { padding: 0; color: #3d3a3a; text-align: center }
.ps-main .ps-mode .tab-menu { background: none; padding-right: 0px; }
.ps-main .ps-mode .nav-tabs>li.active>a { color: #e17f02; border: none; border-bottom: 1px solid #ff9000; background: none; }
.ps-main .ps-mode .tab-content { margin-top: 6px }
.nav-tabs { border-bottom: none; }
.ps-mode .tab-content a { font-size: .8em }
/*学科*/
.ps-main .xk-mode .xk-tit { font-size: 24px; line-height: 40px; font-family: '微软雅黑'; color: #304f8c }
.ps-main .xk-1 .xk-name { height: 45px; background: #f9b552; background-size: 100% 60px; line-height: 45px }
.ps-main .xk-2 .xk-name { height: 45px; background: #01bea2; background-size: 100% 60px; line-height: 45px }
.ps-main .xk-3 .xk-name { height: 45px; background: #6899fc; background-size: 100% 60px; line-height: 45px }
.ps-main .xk-mode .xk-text { line-height: 25px; border: 1px solid #e9e8e8; border-left: none; height: auto; background: #FFF; }
/*微课*/	
a.t-more { font: 12px/40px "微软雅黑"; }
figure { margin: 0 auto; width: 90%; text-align: center; position: relative; }
.wk-main .main-box .bj-bg { left: 0px; }
.wk-main .wk-tit { text-align: left; font-size: 24px; line-height: 40px; font-family: '微软雅黑'; color: #050505 }
.wk-main .m-more { position: absolute; right: 0px; top: 0px }
.ms-main .ms-tit { text-align: left; font-size: 24px; line-height: 40px; font-family: '微软雅黑'; color: #a98252 }
/*直播课列表页*/
.video-box { height: 240px }
.video-wrap .video-box img { width: 100%; height: 90% }
.video-wrap .zb-js-con { height: auto !important }
}
@media (min-width:768px) {
.navbar-header { float: left; }
div#bs-example-navbar-collapse-1 { width: 72%; float: left; }
#picshow, #picshow_img { height: 350px !important; }
#picshow_img li { height: 350px !important; }
#picshow_img img { height: 350px !important; }
.banner .container { margin: 0 auto; padding-top: 120px; }
}
@media(max-width:1024px) {
div#bs-example-navbar-collapse-1 { width: 74.5%; }
}
@media(max-width:800px) {
.navbar-right { margin-right: 0px !important; }
ul.nav.navbar-nav.navbar-right.margin-top li { margin: 1px 0px 0px 0px; }
.navbar-nav>li>a { font-size: 16px; }
.banner { min-height: 460px; }
}
@media(max-width:768px) {
.navbar-right { margin-right: 0px !important; }
.contact-info-grids form input[type="text"] { width: 32.3%; }
.gallery { padding: 1em 0; }
.about-info-grids { margin-top: 0; }
.typrography { padding: 2em 0; }
ul.nav.navbar-nav.navbar-right.margin-top li { margin: 1px 0px 0px 0px; }
.navbar-nav>li>a { font-size: 16px; }
a.navbar-brand span { padding-top: 7px; }
ul.nav.navbar-nav.navbar-right.margin-top { width: 100%; text-align: center; border-top: 1px solid #74ADF3; }
div#bs-example-navbar-collapse-1 { width: 110%; padding: 0px 0 0px 0px; position: absolute; background: #1c4c89; top: 70px }
banner { min-height: 460px; }
.row { margin-right: -5px; margin-left: -5px; }
.fh5co-counter { font-size: 1em }
}
@media(max-width:640px) {
.navbar-header { width: 70%; float: left; }
.navbar-header a.navbar-brand { font-size: 2.4em; }
.login-pop { float: right; margin: 13px auto 0; margin-right: 5px }
.navbar-nav { margin: 0 70px 9px !important; text-align: center; }
div#bs-example-navbar-collapse-1 { width: 46%; float: left; }
div#bs-example-navbar-collapse-1 { width: 51%; }
.navbar-default .navbar-collapse, .navbar-default .navbar-form { border-color: rgba(231, 231, 231, 0) !important; }
a.navbar-brand span { margin-left: 0; padding-top: 6px; }
.navbar-toggle { margin-top: 13px; margin-right: -100px; margin-bottom: 0px; }
ul.nav.navbar-nav.navbar-right.margin-top li { margin: 1px 0px 0px -31px; }
.navbar-default .navbar-toggle .icon-bar { background-color: #fff !important; }
.navbar-default .navbar-toggle { border-color: #fff !important; }
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus { background-color: #2793FD; }
.testimonial-grid p { font-size: .9em; }
ul.nav.navbar-nav.navbar-right.margin-top { width: 100%; text-align: center; border-top: 1px solid #74ADF3; }
.ban-text { background-size: 100% 66%; }
.banner { min-height: 380px; }
}
@media(max-width:480px) {
.navbar-header { width: 66%; float: left; }
.navbar-nav>li>a { font-size: 15px; }
.navbar-toggle { margin-right: -42px; }
div#bs-example-navbar-collapse-1 { width: 110%; padding: 0px 0 0px 0px; position: absolute; background: #1c4c89; top: 70px }
.navbar-nav { margin: 0 0px 9px !important; text-align: center; width: 100%; }
ul.nav.navbar-nav.navbar-right.margin-top li { margin: 0px 0px 0px 0px; }
ul.nav.navbar-nav.navbar-right.margin-top { width: 100%; text-align: center; border-top: 1px solid #74ADF3; }
.ban-text { background-size: 100% 66%; }
.banner { min-height: 322px; }
.banner .container { padding-top: 48px; }
}
@media(max-width:320px) {
.navbar-header { width: 60%; float: left; }
.navbar-toggle { padding: 7px 5px; }
.navbar-header a.navbar-brand { font-size: 1.7em !important; padding: 0px 0px 0px 18px !important; }
div#bs-example-navbar-collapse-1 { width: 110%; padding: 0px 0 8px 0px; border-top: 2px #ccc solid; }
#loginForm { width: 270px; height: 250px; }
#loginpop a span { padding: 6px 11px; font-size: 0.8em; }
.header { padding: 3px 0 18px; }
i.glyphicon.glyphicon-menu-right { padding-left: 8px; vertical-align: middle; }
.callbacks_here a:after { border: 2px solid #fff; }
.ban-text { background-size: 100% 66%; }
.fh5co-counter { font-size: .8em }
.zSlider .news-h2 img { width: 218px; height: 36px }
}
/* 右侧弹窗 */
.side { position: fixed; width: 50px; height: 275px; right: 0; bottom: 400px; z-index: 100; }
.side ul li { width: 50px; height: 50px; float: left; position: relative; margin-bottom: 2px; }
.side ul li .sidebox { position: absolute; width: 50px; height: 50px; border-radius: 5px 0 0 5px; top: 0; right: 0; transition: all 0.3s; background: #000022; color: #fff; font: 16px/50px "微软雅黑"; overflow: hidden; }
.side ul li .sidebox1 { position: absolute; width: 50px; height: 50px; border-radius: 5px 0 0 5px; top: 0; right: 0; transition: all 0.3s; background: #000022; color: #fff; font: 16px/50px "微软雅黑"; overflow: hidden; }
.side ul li .sidebox2 { position: absolute; width: 50px; height: 50px; border-radius: 5px 0 0 5px; top: 0; right: 0; transition: all 0.3s; background: #000022; color: #fff; font: 16px/50px "微软雅黑"; overflow: hidden; }
.side ul li a:hover .sidebox { width: 175px; }
.side ul li .sidetop { width: 50px; height: 50px; line-height: 50px; display: inline-block; background: #000; opacity: 0.8; filter: Alpha(opacity=80); transition: all 0.3s; }
.side ul li .sidetop:hover { background: #006eaa; }
.side ul li img { float: right; }
.side2 { position: fixed; width: 141px; right: 0px; z-index: 100; bottom: 0px; height: 54px; }
.side2 ul li { width: 40px; height: 40px; }
.side2 ul li a { display: block; background-color: #e4392a; height: 40px; width: 40px; text-align: center; line-height: 40px; }
.side2 ul li a img { vertical-align: middle; display: inline-block; }
.side2 ul li a:hover { background-color: #000022; }
.side2 ul li .weixin { position: absolute; left: -154px; bottom: 0; display: none; }
.side2 ul li .weixin em { background: url(../images/arr3.png) no-repeat; width: 5px; height: 17px; display: block; position: absolute; right: -5px; top: 50%; margin-top: 3px; }
.side2 ul li .weixin img { display: block; }
.side ul li .sidebox2 .ewm-img img{width:180px;height:180px}
/*联系我们*/
.table_mark { margin-bottom: 10px }
.table_mark td { line-height: 22px; }
.market_img { display: block; width: 496px; height: 415px; margin-left: auto; margin-right: auto; }
.table_market { width: 96%; margin: 30px auto; border-left: 1px solid #ccc; border-top: 1px solid #ccc; }
.table_market th { background: #ddd9d9; line-height: 40px; font-weight: bold; color: #444; text-align: center; }
.table_market td { line-height: 35px; text-align: center; border-right: 1px solid #dbdbdb; border-bottom: 1px solid #ccc; color: #444; }
cd-top { display: inline-block; visibility: hidden; opacity: 0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }
.cd-top { opacity: 0 }
.cd-top.cd-is-visible { /* the button becomes visible */ visibility: visible; opacity: 1; }
.cd-top.cd-fade-out { /* 如果用户继续向下滚动,这个按钮的透明度会变得更低 */ opacity: 1; }
.no-touch .cd-top:hover { background-color: #e86256; opacity: 1; }
@media only screen and (min-width: 768px) {
.cd-top { right: 20px; bottom: 20px; }
}
@media only screen and (min-width: 1024px) {
.cd-top { height: 60px; width: 60px; right: 30px; bottom: 30px; }
}
/*视频列表页*/
.video-wrap { padding-top: 100px; padding-bottom: 30px }
.m-box { padding: 20px; background-color: #fff; -webkit-box-shadow: 0px 1px 2px #bbb; -moz-box-shadow: 0px 1px 2px #bbb; box-shadow: 0px 1px 2px #bbb; }
.video-wrap .video-box { width: 100%; height: 305px; }
.video-wrap .video-box img { width: 100% }
.video-wrap .zb-title { font-family: "微软雅黑"; font-size: 24px; color: #5c5858 }
.video-wrap .zb-js { position: relative }
.video-wrap .zb-js h3 { position: absolute; top: 60px; left: 30px; width: 106px; border: 1px solid #dbd9d9; text-align: center; line-height: 25px; background: #fff }
.video-wrap .zb-js-con { width: 97%; border: 1px solid #dbd9d9; padding: 20px 15px 15px 15px; margin-top: 45px; font: "宋体"; font-size: 14px; color: #999; height: 238px }
.video-wrap .video-bot { margin-top: 30px }
.video-wrap .video-bot li { position: relative; float: left; text-align: center; margin-bottom: 1em }
.video-wrap .video-bot .osiTag { display: block; position: absolute; background-color: rgb(221, 135, 0); z-index: 10; padding: 0 .5em; line-height: 22px; font-size: 12px; color: #fff }
.video-wrap .video-bot .col-no { background-color: #8a8986 }
.video-wrap .m-box li img { width: 100%; height: auto }
.video-wrap .zb-context .zb-tit { font-size: 18px; margin-top: 1em; line-height: 1em; white-space: nowrap; transition: .25s; text-align: left; width: 75%; float: left }
.video-wrap .zb-context .zb-num { margin-top: .75em; line-height: 1.67em; transition: .25s; float: right; float: right; width: 60px; color: #999; font-family: "宋体"; }
.xt_video_player_controls { width: 100%; height: 33px; background: rgba(51,51,51,0.8); position: absolute; bottom: -4px; left: 0; transition: bottom .5s; color: #e3e0e0; z-index: 101; }
.xt_video_player_controls .ren { float: right; line-height: 33px; padding-right: 20px }
/*视频详细页*/
.zbxx { background: url(../images/zbxx-bg.jpg); background-size: 100% 100%;}
.zbxx .video-neme{font-family: "微软雅黑"; font-size: 24px; color: #1d1b1a; line-height:50px }
.zbxx .container{position:relative}
.video-zbs h2 { text-align: center; background: url(../images/titbg.jpg) repeat-x; height: 44px; line-height: 44px }
.video-zbs h2 img { padding-top: 15px }
.video-zbs .posts { background: #fff; opacity: 0.8; padding: 20px; height: 393px; overflow-y: auto }
.video-zbs .u-video { height: 564px; overflow: hidden ; background:url(../images/u-vido.jpg); background-size:100% 100%; margin-bottom:20px}
.video-zbs .m-post li { font-family: "宋体"; border-bottom: 1px solid #d8dbdc; line-height: 40px }
.video-zbs .u-forumname { color: #2e536d }
.video-zbs .u-forumpost { font-size: 14px }
.video-zbs .col-md-6 { margin-right: 0 !important }
.video-zbs .m-toolbarForum { background: #fff; opacity: 0.8; padding: 20px; height: 124px; border-top: 1px solid #d8dbdc }
.video-zbs .u-cmtedit {  background: none repeat scroll 0 0 #FAFAFA; border: 1px solid #DFDFDF; -webkit-box-shadow: inset 1px 1px 2px #DFDFDF; -moz-box-shadow: inset 1px 1px 2px #dfdfdf; box-shadow: inset 1px 1px 2px #DFDFDF; padding: 5px; width:80%; float:left }
.video-zbs .mtxt { width: 100%; height: 100%; font-size: 12px; line-height: 23px; background: transparent; border: none; overflow-y: auto; overflow-x: hidden; resize: none;outline: none; }
.video-zbs .postBtn{ width:15%; float:left; margin-left:10px}
.video-zbs .j-post{ background:#f1820e; text-align:center; color:#fff;ont-family: "宋体"; font-size:12px; border:none; padding:5px; margin-top:18px}
.zbxx .fxtc{ position:absolute; right:100px;top:22px; z-index:9999}
.zbxx .fxtc a.asys{ margin-right:10px}

.weixin a.sysa{width:98px; height:30px; display:block;  background:url(../images/sys-btn.png) no-repeat center top; float:left }
.weixin .weixin_nr{width:150px; height:120px; padding:10px; background:#fff; text-align:center; position:absolute; left:-45px; top:45px; display:none;}
.weixin .weixin_nr img{ margin-bottom:5px;}
.weixin .weixin_nr .arrow{ width:0; height:0; border-bottom:10px solid #fff;border-left:10px solid transparent;border-right:10px solid transparent; position:absolute; left:50px; top:-10px;}
.weixin.on .weixin_nr{ display:block;}
.weixin.on a{ background: url(../images/sys-btnon1.png) no-repeat}

img.zoom-img:hover {
  -webkit-transform: scale(1.15);
  -webkit-transition-timing-function: ease-out;
  -webkit-transition-duration: 750ms;
  -moz-transform: scale(1.15);
  -moz-transition-timing-function: ease-out;
  -moz-transition-duration: 750ms;
  overflow: hidden;
}
img.zoom-img {
  -webkit-transform: scale(1, 1);
  -webkit-transition-timing-function: ease-out;
  -webkit-transition-duration: 250ms;
  -moz-transform: scale(1, 1);
  -moz-transition-timing-function: ease-out;
  -moz-transition-duration: 250ms;
}
a.mask {
    text-decoration: none;
    overflow: hidden;
     display: block; 

}

/* .wrap{padding:10px;border:1px #ccc solid; width:500px;margin:20px auto;} */
.roll-wrap{height:130px;overflow:hidden;}

/*--悬窗个人信息--*/
.loginButton  span.btn-img { display: block; color: #fff; background: #f1820e; padding: 8px 20px; font-size: 0.9em; transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -o-transition: 0.5s all; -ms-transition: 0.5s all; font-weight: 400; text-transform: uppercase; }
.loginForm:after { content: ''; position: absolute; right: 25px; top: -8px; border-left: 10px solid rgba(0, 0, 0, 0); border-right: 10px solid rgba(0, 0, 0, 0); border-bottom: 13px solid #FFFFFF; }
.loginForm { width: 300px; background: #fff; border: 1px solid #d6d6d6; height: 212px; }
.loginForm fieldset { margin: 0 0 15px 0; display: block; border: 0; padding: 0; }
.loginButton { position: relative; z-index: 30; cursor: pointer; height:50px;}
/* Login Box */
.loginBox { position: absolute; top: 52px; right: 0px; display: none; z-index: 29;height: 212px;display: none; }
.loginButton:hover .loginBox{display:block}
.gr-xx{ padding-left:28px}
.img-l{ display:block; width:88px; float:left}
.img-l img{width:84px;height:85px; }
.img-r{ width:130px; float:left; margin-left:20px}
.img-r p{ font-size:13px}
.img-r h3{ font-family: "微软雅黑"; font-size:18px; font-weight:bold; color:#000; margin-bottom:10px}
.gr-btn { margin-top:20px;font-size:12px; font-family: "宋体";text-align:center; }
.gr-btn .abtn{ width:212px; display:block; float:left; background:#d4ccc4;height:23px; line-height:23px;  border:1px solid #bcb6b6; margin-right:15px; border-radius:2px; }
.gr-btn .zxbtn{ width:212px; display:block; color:#fff; background:#f8645c; margin-top:10px; float:left;height:30px; line-height:30px; }
.gr-btn .zxbtn:hover{ background:#df5e57}
/*--二级页面--*/
.submain-banner {
	width: 100%;
	height: 165px;
	margin-top:71px;
	
}

.submain-trainingclass {
	background: #b4c4c4 url(../../images/yp/web/pxb.jpg) top center
		no-repeat
}

.submain-news {
	background: #b4c4c4 url(../../images/yx/jskj-banner.jpg) top center;
	background-size: cover
}

.submain-pxb {
	background: #b4c4c4 url(../../images/yx/Information.jpg) top center;
	background-size: cover
}

.submain-resource {
	background: #b4c4c4 url(../../images/yx/yxzy1.jpg) top center;
	background-size: cover
}

.submain-topic {
	background: #b4c4c4 url(../../images/yx/yxzt1.jpg) top center;
	background-size: cover
}

.submain-video {
	background: #b4c4c4 url(../../images/yx/yxsp1.jpg) top center;
	background-size: cover
}

.submain-pve {
	background: #6aa9d4 url(../../images/yp/web/pxxd.jpg) top center
		no-repeat
}

.submain-con {
	width: 980px;
	background: #FFF;
	height: auto;
	min-height: 590px;
	border: 1px solid #f0f0f0;
	margin: -80px auto 0;
	-moz-box-shadow: 1px 1px 4px #666;
	-webkit-box-shadow: 1px 1px 4px #666;
	box-shadow: 1px 1px 4px #666;
	-ms-filter:
		"progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#666666')"
}

.wangsearch:hover {
	cursor: pointer
}

.wangsearch a,.wangsearch a:link,.wangsearch a:visited {
	background: #e8e8e8 none repeat scroll 0 0;
	display: inline-block;
	line-height: 32px;
	margin-right: 4px;
	text-align: center;
	width: 80px
}

.find_typesa {
	background-color: #3db4f1 !important;
	color: #fff !important
}

.form-control {
	background-color: #fff;
	background-image: none;
	border: 1px solid #ccc;
	border-radius: 4px;
	box-shadow: 0 1px 1px rgba(0, 0, 0, .075) inset;
	color: #888;
	display: inline-block;
	font-size: 14px;
	line-height: 20px;
	padding-left: 3px;
	transition: border-color .15s ease-in-out 0s, box-shadow .15s
		ease-in-out 0s;
	vertical-align: middle;
	width: 100%
}

.px-main {
	wdith: 100%;
	margin-top:71px;
}

.crumbs {
	width: 100%;
	height: 31px;
	background: url(../../images/yp/web/crumbsbg.jpg) repeat-x;
	text-align: left
}

.crumbs-imgico {
	padding-left: 10px;
	padding-top: 6px
}

.crumbs-text {
	font-size: 14px;
	color: 6d6a6a;
	font-family: "宋体";
	line-height: 31px
}

.search input {
	background: transparent url(../../images/search_btn01.jpg) no-repeat
		scroll 0 0;
	border: 0 none;
	cursor: pointer;
	height: 36px;
	width: 76px
}

/*研修活动*/
.yx-hd{ margin-bottom:30px}
.yx-hd .container{ padding:0 14px 0 11px}
.div-top01{ background: url(../images/hd-bg.jpg) no-repeat top center}
.div-top01 ul{ padding:10px 20px 10px  20px;}
.div-top01 ul li{ line-height:32px;white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size:14px}
.yx-hd h2 {
    background: url(../images/zj-tit.png) center center no-repeat;
    height: 50px;
    margin-bottom: 30px;
    margin-top: 20px;
    position: relative;
	text-align:center
}
.yx-hd .ms-tit {
    text-align: center;
    font-size: 36px;
    line-height: 40px;
    font-family: '微软雅黑';
    color: #a98252;
}
.div-top01 h1{ font-family: '微软雅黑'; font-size:20px; text-align:center; padding-top:20px; line-height:28px; padding-left:8px}
.div-top01 { height:274px}
@media(max-width:768px) {
.div-top01{background: #fff;
    border: 1px solid #78adda; margin-bottom:10px}	
.yx-hd .ms-tit {
    text-align: left;
    font-size: 24px;
    line-height: 40px;
    font-family: '微软雅黑';
    color: #304f8c;
}
	}