/*----------------------------------*/

/*------------手机版设置-------------*/
/*------张恒 zhangheng@un613.com----*/
/*------------20160706--------------*/

/*----------------------------------*/
@media all and (max-width: 768px) {
*{}
body{ overflow-x:hidden; overflow-y:auto;}
.mobileOff{display:none !important;}
.mobileOn {display: block}

/*search*/
#totalSearch{}
#totalSearch .inner {width:100%; text-align:left}
#totalSearch .inner label{ margin:0; padding:0; padding-left:10px; font-size:14px; font-weight:lighter;}
#totalSearch .btn_totalSearhClose {right:10px;top:8px;}

/**头部**/
#header {position:relative; width:100%; height:60px; background: #004986; z-index: 10}
#header .wrap{ width:100%;}
#header .head{ width:100%; height:60px; margin:0 auto;}
#header .head .logo{ float:none; width: 177px;height: 60px; padding:0; position:absolute; left:15px; top:0px; z-index:10; }
#header .head .logo a{ display:block; width:177px;height:60px; background: url(../images/logo.png) no-repeat; background-size:177px 60px;}
#header .head .util {position: absolute; top:0px; right:0px; z-index: 20;}
#header .head .util ul{ width:100%; margin:0 auto;}
#header .head .util ul li{ float:left; height:60px;}
#header .head .util ul li a.mGnb{ float: left; width:90px; height:60px; background:url(../images/icon_navigation.png) no-repeat; background-size:90px 60px;}
#header .head .util ul li a{font-size: 12px;}
#header .head .util ul li.reg{}
#header .head .util ul li.go{}

#header.home{ position:absolute; top:0;
background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 100%);
background: -o-linear-gradient(top, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 100%);
background: -webkit-gradient(linear, right top, right bottom, color-stop(0,rgba(0, 0, 0, 0.7)), color-stop(1, rgba(0, 0, 0, 0)));
background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 100%);
color: #EA470B;
	}
#header.home .head .logo{ width:210px; position:absolute;top:15px;}
#header.home .head .logo a{ width:210px; background: url(../images/logo_big.png) no-repeat; background-size:210px 50px;}

/*mob_nav*/
/*2016-08-13*/
.mobilemenuWrap {position: fixed;top: 0;right:-100%; height: 100%;width:100%; z-index: 110;transition: all ease .3s;}
.mobilemenuWrap.open {right: 0}

.mGnbHd {display: block;position: absolute;top: 0;right: 0;width:100%;height: 60px;z-index: 95;background: #004986; /*border-bottom:solid 1px #80a4c3;*/}
.mGnbHd .m-logo { width:177px;height: 60px; position: absolute;top: 0;left: 15px;}
.mGnbHd .m-logo a{ display:block; width:177px;height:60px; background: url(../images/logo.png) no-repeat; background-size:177px 60px;}
.mGnbHd .close {display: block;position: absolute;top: 0;right: 0;width: 60px;height: 60px}
.mGnbHd .close img {width: 100%;height: 100%}

/*菜单*/
.Menu_box{ width:100%;  }
#left_Menu  #scroller,#right_Menu  #scroller2{
    position: absolute;
    z-index: 1;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    width: 100%;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-text-size-adjust: none;
    -moz-text-size-adjust: none;
    -ms-text-size-adjust: none;
    -o-text-size-adjust: none;
    text-size-adjust: none;
}
#left_Menu { width:70px; background: #007ecc;position: absolute; top: 60px; bottom: 0px; left: 0;  z-index: 2;}
.ot-menu{ background: #007ecc ;}
.ot-menu ul li{ width:70px; height:70px; border-bottom: 1px solid #80a4c3;}
.ot-menu ul li a{ display:block; width:100%; height:46px; text-align:center; padding-top:19px; color:rgba(255,255,255,0.7); font-size:16px; line-height:16px; font-weight:bolder;}
.ot-menu ul li a img{ display:block; width:100%;}
.ot-menu ul li.active { color: #fff; background: #004986;position: relative;}
.ot-menu ul li.active:before{ content:""; width:0; height:0; border-top:10px solid transparent; border-bottom: 10px solid transparent; border-left: 10px solid #004986; position:absolute; right:-10px; top:25px; z-index:3;}
.ot-menu ul li.active:after{ content:""; width:2px; height:71px; background:#007ecc; position:absolute; left:0; top:0; z-index:3}
.ot-menu ul li.active a{ color:#fff;}

#right_Menu { width:-moz-calc( 100% - 70px ); width:-webkit-calc( 100% - 70px ); width:calc( 100% - 70px ); background:#fff; position:absolute; top:60px; left:70px; bottom:0; z-index:1;  }
#right_Menu .ot-maininfo{ background: #ffffff;}
#right_Menu .ot-maininfo > ul > li.menutype{}
#right_Menu .ot-maininfo > ul > li.menutype .tit{ border-bottom:solid 3px #f8991f;}
#right_Menu .ot-maininfo > ul > li.menutype img{ display:block; max-width:100%;}
#right_Menu .ot-maininfo > ul > li.menutype ul.s-nav > li{ height:60px; line-height:60px; margin-bottom:1px;}
#right_Menu .ot-maininfo > ul > li.menutype ul.s-nav > li:nth-child(2n){ background:#eee;}
#right_Menu .ot-maininfo > ul > li.menutype ul.s-nav > li a{ display:block; width: 100%; height:60px; text-indent:20px; background:url(../images/bg_path.png) no-repeat 90% center; background-size:4px 8px;position: relative;}
#right_Menu .ot-maininfo > ul > li.menutype ul.s-nav > li a:before{ content:""; width:0; height:60px; background:#f8991f; position: absolute; left:0; top:0; z-index:0; transition:width ease 0.3s;}
#right_Menu .ot-maininfo > ul > li.menutype ul.s-nav > li a:active:before{ width:100%;}

/* 词汇测评选项卡 */
#tab{width:100%; overflow:hidden; position:relative; margin:0 auto;}
#tab .tab_menu{width:100%; height:50px; z-index:1;}
#tab .tab_menu > li{float:left;width:50%; height:50px; background:#f8991f; font-size:16px; line-height:50px; cursor:pointer;text-align:center; color:#fff;}
#tab .tab_box{ clear:both; position:relative;}
#tab .tab_menu .selected{background:#fff;cursor:pointer; color:#f8991f;}
.hide{display:none;}
.tab_box div{width:100%; overflow:hidden;} 
.tab_box ul.level{ padding-top:10px;}
.tab_box ul.level li{ float:left; width:calc(50% - 15px); height:50px; margin:0 0px 10px 10px; background:#004986;position: relative;}
.tab_box ul.level li:nth-child(1){ background:rgba(39,35,94,0.5);}
.tab_box ul.level li:nth-child(2){ background:rgba(39,35,94,0.55);}
.tab_box ul.level li:nth-child(3){ background:rgba(39,35,94,0.6);}
.tab_box ul.level li:nth-child(4){ background:rgba(39,35,94,0.65);}
.tab_box ul.level li:nth-child(5){ background:rgba(39,35,94,0.7);}
.tab_box ul.level li:nth-child(6){ background:rgba(39,35,94,0.75);}
.tab_box ul.level li:nth-child(7){ background:rgba(39,35,94,0.8);}
.tab_box ul.level li:nth-child(8){ background:rgba(39,35,94,0.85);}
.tab_box ul.level li:nth-child(9){ background:rgba(39,35,94,0.9);}
.tab_box ul.level li:nth-child(10){ background:rgba(39,35,94,0.95);}
.tab_box ul.level li:before{ content:""; width:62.5px; height:12.5px; background:url(../images/icon_level.png) no-repeat; background-size:62.5px 125px; position:absolute; right: 10px;top: 10px; pointer-events:none;}
.tab_box ul.level li:nth-child(1):before{ background-position:0 0;}
.tab_box ul.level li:nth-child(2):before{ background-position:0 -12.5px;}
.tab_box ul.level li:nth-child(3):before{ background-position:0 -25px;}
.tab_box ul.level li:nth-child(4):before{ background-position:0 -37.5px;}
.tab_box ul.level li:nth-child(5):before{ background-position:0 -50px;}
.tab_box ul.level li:nth-child(6):before{ background-position:0 -62.5px;}
.tab_box ul.level li:nth-child(7):before{ background-position:0 -75px;}
.tab_box ul.level li:nth-child(8):before{ background-position:0 -87.5px;}
.tab_box ul.level li:nth-child(9):before{ background-position:0 -100px;}
.tab_box ul.level li:nth-child(10):before{ background-position:0 -112.5px;}
.tab_box ul.level li a{ display:block; width:100%; height:45px; padding-top:5px; text-indent:7px; color:#fff;}


/*banner*/
#banner{ width:100%; height:auto; overflow:hidden; border:0; margin:0;}
#banner img{ display:block; width:100%;}

.swiper-container {width: 100%; height:auto; overflow:hidden; position: relative;}
.swiper-container img{ display:block; width:100%; height:auto;}
.swiper-container .zhezhao{ width:100%; height:160px; background:url(../images/m_banner_zhezhao.png) no-repeat bottom center; background-size:100% auto; position: relative; margin-top:-160px; z-index:2; pointer-events:none;}
.swiper-container .zhezhao img{ display:block; width:100%;}

#subbanner{height: auto; margin: 0; border: 0;}
#subbanner img{ display:block; width: 100%; height: auto;}

/**正文**/
#container {position: relative;z-index: 1}
#container .wrap { width:100%;}
#container img{ display:block; width:100%;}

/*关于*/
#container .index_about{ padding:0 10px; overflow:hidden; margin-bottom:10px; padding-bottom:0;}
#container .index_about .tit{ overflow:hidden; margin-bottom:10px; padding-bottom:5px; border-bottom:solid 1px #004986;}
#container .index_about .tit img{ width:100%; height:auto;}
#container .index_about .txt{ float: none; width:100%; overflow:hidden; margin-bottom:10px;}
#container .index_about .img{ display: none;}
	
/*课程*/
#container .index_course{ padding:0 10px; overflow:hidden; margin-bottom:10px;}
#container .index_course .tit{ overflow:hidden; margin-bottom:0px;}
#container .index_course .tit img{ width:100%; height:auto;}
#container .index_course li{ float:left; width:calc((100% - 10px) / 2);}
#container .index_course li:first-child{ margin-right:10px;}
#container .index_course img{ display:block; margin-bottom:10px;}

/*教师*/
#container .index_teacher{ padding:0 10px; overflow:hidden; margin-bottom:20px;}
#container .index_teacher .tit{ overflow:hidden; margin-bottom:10px;}
#container .index_teacher .tit img{ width:100%; height:auto;}

/*æ–°é—»*/
#container .index_news{ padding:0 10px; overflow:hidden; margin-bottom:20px;}
#container .index_news .tit{ overflow:hidden; margin-bottom:10px;}
#container .index_news .tit img{ width:100%; height:auto;}
#container .index_news > ul{ width:100%;height:50px; margin:0;}
#container .index_news > ul > li{float:left; width:25%; height:50px; margin-right:0;}
#container .index_news > ul > li:nth-child(n){ background:#007ecc;}
#container .index_news > ul > li.hit{cursor:pointer; background:#004986;}
#container .index_news .panes{ width:100%;}
#container .index_news .pane{ float:none; width:100%; margin-right:0; min-height:100px; display:none;}

#container .index_news .pane ul li{ height:35px; overflow:hidden; border-bottom:dashed 1px #ccc;}
#container .index_news .pane ul li .ntit{ float:left; width:85%; line-height:35px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
#container .index_news .pane ul li .ndat{ float:right; line-height:35px;}
#container .index_news .pane ul li.hot .ntit a{ color:#f8991f;}
#container .index_news .pane ul li.hot .ndat{ color:#f8991f;}


/*web_sidenav*/
#lnb {display: none}

/**内容**/
#contents { float:none; width:100%; overflow:hidden;}

#contents .h1{ display:block; background:#004986; border-bottom:solid 3px #f8991f;}
#contents .h1 img{ display:block; max-width:100%;}
#contents .h1 span{ display:block; padding:0 10px; font-size:18px; font-weight:lighter; color:#fff; padding-top:20px; margin-bottom:20px;}
#contents .h1 strong{ font-size:18px; font-weight:lighter; color:#27235f;}

/*位置*/
#contents .path { padding-left:10px; text-align:left; background:#e5e5e5; border-bottom:solid 1px #d0d0d0; margin-bottom:0px;}
#contents .nsnBtn {display: none}

#contents .side-nav ul li{ height:60px; line-height:60px; margin-bottom:1px;}
#contents .side-nav ul li:nth-child(2n){ background:#eee;}
#contents .side-nav ul li a{ display:block; width: 100%; height:60px; text-indent:20px; background:url(../images/bg_path.png) no-repeat 90% center; background-size:4px 8px;position: relative;}
#contents .side-nav ul li a:before{ content:""; width:0; height:60px; background:#f8991f; position: absolute; left:0; top:0; z-index:0; transition:width ease 0.3s;}
#contents .side-nav ul li a:active:before{ width:100%;}

#contents img{ display:block; width:100%;}
#contents .content{ width:100%; padding:10px; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}

/*返回顶部*/
.btnTop{ width: 40px;height: 40px; float:none; margin:20px auto;}
.btnTop a{ display:block;}
.btnTop img{width:40px;height:40px;}

.navlist{}
.navlist ul{ width:100%;}
.navlist ul li{ float:left; width:calc((100% - 10px) / 2); background:#ffcc00; overflow:hidden; text-align:center; line-height:100px; margin-bottom:10px; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; position:relative;}
.navlist ul li:nth-child(2n-1){ margin-right:10px;}
.navlist ul li a{ display:block; width:100%; height:100%; font-size:18px; font-weight:bold; color:#fff;}
.navlist ul li:before{ content:"";width: 0;height: 0;border-bottom: 25px solid #f8991f;border-left: 25px solid transparent; position:absolute; right:0; bottom:0;}
 
.navlist h2{ text-align:center; margin-bottom:10px; padding-top:10px;}
.navlist ul.level{ width: 100%; overflow:hidden;}
.navlist ul.level li{ float:left; height:50px; background:#004986; border:solid 1px #004986; line-height: normal; text-align:left; position: relative;}
.navlist ul.level li:nth-child(1){ background:rgba(39,35,94,0.5);}
.navlist ul.level li:nth-child(2){ background:rgba(39,35,94,0.55);}
.navlist ul.level li:nth-child(3){ background:rgba(39,35,94,0.6);}
.navlist ul.level li:nth-child(4){ background:rgba(39,35,94,0.65);}
.navlist ul.level li:nth-child(5){ background:rgba(39,35,94,0.7);}
.navlist ul.level li:nth-child(6){ background:rgba(39,35,94,0.75);}
.navlist ul.level li:nth-child(7){ background:rgba(39,35,94,0.8);}
.navlist ul.level li:nth-child(8){ background:rgba(39,35,94,0.85);}
.navlist ul.level li:nth-child(9){ background:rgba(39,35,94,0.9);}
.navlist ul.level li:nth-child(10){ background:rgba(39,35,94,0.95);}
.navlist ul.level li:before{ content:""; width:62.5px; height:12.5px; border:0; background:url(../images/icon_level.png) no-repeat; background-size:62.5px 125px; position:absolute; right: 10px;top: 10px; pointer-events:none;}
.navlist ul.level li:nth-child(1):before{ background-position:0 0;}
.navlist ul.level li:nth-child(2):before{ background-position:0 -12.5px;}
.navlist ul.level li:nth-child(3):before{ background-position:0 -25px;}
.navlist ul.level li:nth-child(4):before{ background-position:0 -37.5px;}
.navlist ul.level li:nth-child(5):before{ background-position:0 -50px;}
.navlist ul.level li:nth-child(6):before{ background-position:0 -62.5px;}
.navlist ul.level li:nth-child(7):before{ background-position:0 -75px;}
.navlist ul.level li:nth-child(8):before{ background-position:0 -87.5px;}
.navlist ul.level li:nth-child(9):before{ background-position:0 -100px;}
.navlist ul.level li:nth-child(10):before{ background-position:0 -112.5px;}
.navlist ul.level li a{ text-indent:10px; line-height:40px; color:#fff;}
 
 /*教师*/
.teacher-list ul{ width:100%; overflow:hidden;}
.teacher-list ul li{ float:left; width:calc((100% - 10px) / 2); margin-right:0; margin-bottom:10px;}
.teacher-list ul li:nth-child(2n-1){ margin-right:10px;}
.teacher-list ul li p{ width:100%; height:40px; text-align:center; line-height:40px; }


.teacher-info{ margin-bottom:30px;}
.teacher-info .img { float:none; width:50%; margin-right:0px; margin: 0 auto; margin-bottom:10px;}
.teacher-info .img img{ display:block; width:100%; height:auto; margin:0 auto;}
.teacher-info .name{ font-size:16px; padding-bottom:10px; border-bottom:solid 3px #f8991f; margin-bottom:10px; text-align: center;}
.teacher-info .info{ float:none; width:100%; overflow:hidden; margin-bottom:30px;}


.news-list{}
.news-list ul li{ height:90px; border-bottom:solid 1px #e5e5e5; margin-bottom:10px;position: relative;}

.news-list ul li .new{}
.news-list ul li .ntit{ font-size:16px; line-height:24px;position: relative;}
.news-list ul li .ntit:hover{ color:#f8991f;}
.news-list ul li .ndat{ padding-right:4px; line-height:24px; color:#27235f; position:absolute; right:0px; top: auto; bottom:10px;}
.news-list ul li .ndat:before{ content:""; width:4px; height:16px; background:#f8991f; position:absolute; right:-10px; top:4px;}

.news-info .ntit{ font-size:18px; text-align:center; margin-bottom:10px;}
.news-info .ndat{ text-align:center; color:#27235f; padding-bottom:20px; margin-bottom:10px; border-bottom:solid 1px #e5e5e5;}
.news-info .ndes{ margin-bottom:10px}

.page{ border-top:solid 1px #e5e5e5;}
.page div{}
.page div a:hover{color:#27235f;}

/*词汇内页*/
.word-list{}
.word-list ul li{ height:42px; line-height:42px; padding:9px 10px; overflow:hidden;}
.word-list ul li:nth-child(2n){ background:#eee;}
.word-list ul li .word{ float:left;}
.word-list ul li .audio{ float:right; margin-right: 0px;}
	
	
	
	
	
#tab1{width:100%; overflow:hidden; position:relative; margin:0 auto;}
#tab1 .tab_menu{width:100%; height:50px; z-index:1;}
#tab1 .tab_menu > li{float:left;width:50%; height:50px; background:#f8991f; font-size:16px; line-height:50px; cursor:pointer;text-align:center; color:#fff;}
#tab1 .tab_box{ clear:both; position:relative;}
#tab1 .tab_menu .selected{background:#fff;cursor:pointer; color:#f8991f;}
#tab1 ul.s-nav > li{ height:60px; line-height:60px; margin-bottom:1px;}
#tab1 ul.s-nav > li:nth-child(2n){ background:#eee;}
#tab1 ul.s-nav > li a{ display:block; width: 100%; height:60px; text-indent:20px; background:url(../images/bg_path.png) no-repeat 90% center; background-size:4px 8px;position: relative;}
#tab1 ul.s-nav > li a:before{ content:""; width:0; height:60px; background:#f8991f; position: absolute; left:0; top:0; z-index:0; transition:width ease 0.3s;}
#tab1 ul.s-nav > li a:active:before{ width:100%;}

/*footer*/
#footer{ padding:0 10px;}
#footer .link { padding-top: 19px; text-align:center;margin-left: 0}
#footer .link a { margin:0 7px;font-size: 12px; line-height:24px; color: #666;}
#footer .link a:after {position: absolute;top: 6px;left: -8px;}
#footer .add{font-size: 18px;color: #f8991f; font-weight:lighter; margin-left: 0; margin-bottom:20px;}
#footer .copy {font-size: 12px;color: #666; margin-left: 0}
.br {display: block;}
#footer .inner {min-height: 0;padding-bottom: 20px; text-align:center;}
#footer .logo {display: none}
#footer .foot_icoBox{ display:none;}

#service{display: none;}
	
	
}