body,html{font-family: "Microsoft YaHei"; color: #444; font-size: 12px;}
img,li{vertical-align: top;}
em,i{font-style: normal;}
a:hover{color: #368ee0;}
a{color:#444}
.fl{float: left;}
.fr{float: right;}
.con{margin: 0 auto}
.mb20{margin-bottom: 20px;}
.w100{width: 100%;}
.w960{width: 960px;}
.show{display: block;}
/*top*/
.top{width: 100%; background: #333;min-width:960px;}
.top .left{float: left; padding-left: 27px;background: url(../image/icon_01.png) left center no-repeat;}
.top a{color: #ccc;line-height: 36px;}
.top a.cur,.top a:hover{color: #ff8800; text-decoration: none;}
.top span{color: #666666; line-height: 36px; font-family: Arial;padding:0 10px;}
.top ul li{float: left;position: relative;}
.top ul li a{display: block;padding: 0 10px;background: url(../image/top_bgs.png) center right no-repeat;}
.top ul li a.last{background: none}

.land_list{position:absolute;top:36px;text-align:center;left:-27px;width:70px;border:1px solid #ccc;line-height:30px;background:#fff;display: none;}
.land_list span{position:absolute;top:-1px;border-top:1px solid #fff;width:44px;right:0px;display:block;height:2px;}
.top ul li .land_list a{color:#444;display:block;background: none;line-height: 28px;}
.land_list a:hover{color:#ff4e00;}
.top ul li a.aHover{background:#fff;}
/*header*/
.header{margin-top: 20px; margin-bottom: 25px;}
.header .logo{display: block;float: left;margin-right: 10px;}
.header .logo2{display: block;float: left;padding-top: 6px;}
.header .search{float: right; width: 387px; height: 36px; padding-top: 13px;}
.header .search .text{width:282px; padding-left: 14px; height: 34px; line-height: 34px; border: 1px solid #ddd; border-right: none; font-size: 14px;float: left;}
.header .search .btn{width: 90px; height: 36px; border: none;float: right;background: url(../image/search.png); cursor: pointer;}
.nav{background: #368ee0; margin-bottom: 10px;min-width:960px;}
.nav ul{width: 960px; margin: 0 auto}
.nav ul li{float: left;position: relative;white-space: nowrap;}
.nav ul li.more a{position: relative;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAECAYAAACtBE5DAAAAQElEQVQImV3IsQ2AMBTEUBdUsAliNXaCndDfJNJVcQpSICy9xkTvqD8X0S1an1nRlSjRI9qmPcrC2wOcQAcKYAA3yEOizjrWJQAAAABJRU5ErkJggg==);
	background-repeat: no-repeat;
	background-size:6px 4px;
	background-position: 74px center;
}
.nav ul li a{display: block;padding: 0 14px;font-size: 14px; color: #fff; line-height: 42px;font-weight: 700;}
.nav ul li .cur,.nav ul li .cur:hover{background: #4faaff; text-decoration: none;}
.nav ul li a:hover{background-color: #287ecd; text-decoration: none;}
.nav ul li .cur{position: relative;}
.nav ul li .cur .bg{position: absolute; left: -13px; top: -10px; width: 149px; height: 10px; background: url(../image/nav_bg.png) no-repeat;}
.nav ul li.more .hidemenu{z-index: 2333;display:none;width:auto;position:absolute;height:36px;background:#fff;border:1px solid #ddd;line-height:36px}
.nav ul li.more .hidemenu a{position:relative;display:inline-block;*zoom:1;*display: inline;font-size:14px;color:#666;padding:0 12px;line-height:36px;font-weight:400}
.nav ul li.more .hidemenu a:hover{color:#368ee0;background:#fff}
.nav ul li.more .hidemenu a+a:after{position:absolute;width:1px;height:10px;background:#eee;left:0;top:13px;content:''}
.nav ul li.more:hover .hidemenu{display:block}

#nav_sub{border:1px solid #91c6f7;height:30px;line-height:30px;margin:0px auto 20px;width:958px;font-family:"simsun";}
#nav_sub b{float:left;background:#f8fbfe url(../image/thea2_new_04s.png) no-repeat right top;font-size:12px;font-weight:bold;width:90px;text-align:center;color:#2d64b3;}
#nav_sub a{color:#666;font-size:12px;line-height:14px;border-right:1px dotted #ccc;padding:0px 11px;}
#nav_sub a:hover{color:#e00;}
#nav_sub .nsa_all{border-right:none;}
#nav_sub .nsa_all span{color:#c00;}
.ns_show{float:right;position:relative;padding:0px 10px;z-index:10;}
.ns_show span{display:block;color:#666;cursor:pointer;}
.ns_show .nss_p{position:absolute;top:30px;right:-1px;width:860px;padding:0px 5px;border:1px solid #91C6F7;border-top:none;background:#fff;z-index:3;display:none;}
.ns_show .nss_p{line-height:30px;float:left;}

/*banner*/
.banner .d1,.banner .d2,.banner .d3,.banner .d4,.banner .d5,.banner .d6{overflow: hidden;}
.banner a{display: block; width: 100%; height: 100%; position: relative; -ms-transition:1s;-moz-transition:1s;-webkit-transition:1s;transition:1s;}
.banner a img{transform: scale(1);transform-origin:center center; -ms-transition:1s;-moz-transition:1s;-webkit-transition:1s;transition:1s;}
.banner .banner_con{position: absolute; text-align: center; width: 100%; height: 100%; z-index: 9; left: 0; top: 0}
.banner p{color: #777}
.banner span{display: block;}
.banner .d1{width: 320px; height: 322px;margin-right: 4px;}
.banner .d1 span{padding-top: 24px; display: block;font-size: 20px;line-height: 30px; color: #2da6db;}
.banner .d1 p{font-size: 14px;line-height: 25px;}
.banner .d2{width: 288px;height: 152px;margin-bottom: 4px;}
.banner .d2 span,.banner .d6 span{display: block; font-size: 18px;line-height: 30px;color: #ef9090;margin-bottom: 7px; padding-top: 24px;}
.banner .d2 p{width: 206px;margin: 0 auto}
.banner .d2 p,.banner .d6 p{line-height: 18px;}
.banner .d3,.banner .d4{width: 142px; height: 166px;}
.banner .d3 span,.banner .d4 span{padding-top: 14px; font-size: 18px; color: #d857ad; line-height: 26px;}
.banner .d3 p,.banner .d4 p{line-height: 18px;}
.banner .d4 span{color: #8d7aee}
.banner .d5{width: 344px; margin-bottom: 4px;}
.banner .d5 .banner_con{width: 169px; padding-left: 175px;}
.banner .d5 span{padding-top: 50px;font-size: 16px;line-height: 26px;color: #fff;font-weight: 700;text-align: left;}
.banner .d5 p{line-height: 21px;text-align: left;}
.banner .d6{width: 345px;}
.banner .d6 span{color: #ff9235}
.banner .d6 p{width: 228px;margin: 0 auto}
.banner .mask{width: 100%; height: 100%; position: absolute;left: 0; top: 0;opacity: 0.1;background: #000; display: none;}
.w288{width: 288px;}
.w345{width: 344px;}
/*.banner a:hover p{color: #fff;}*/
.banner a:hover img{transform: scale(1.1); opacity: 0.6}
/*tuijian*/
.tuijian{width: 678px;height: 298px;padding: 0 20px 20px 260px; border: 1px solid #ddd; margin: 0 auto 20px; position: relative;}
.tuijian .tj_l{width: 241px; height: 320px; position: absolute; left: -1px; top: -1px;}
.tuijian ul{margin-right: -18px;}
.tuijian ul li{width: 214px;float: left;margin-right: 18px;text-align: center;}
.tuijian ul li span{display: block;font-size: 14px;line-height: 52px;}
.tuijian ul li img{width: 100%;}
.tuijian ul li p{font-size: 14px;line-height: 32px;color: #888888;margin-bottom: 10px;}
.tuijian ul li a{display: block;}
.tuijian ul li .text{line-height: 30px;width: 108px;background: #368ee0; color: #fff;display: block; margin: 0 auto; -ms-transition:1s;-moz-transition:1s;-webkit-transition:1s;transition:1s;}
.tuijian ul li a:hover{text-decoration: none; opacity: 0.6;}

.exam,.face,.online,.train{width: 960px; margin: 0 auto 20px}
.exam h2,.face h2,.online h2,.train h2{padding-left: 37px;background: url(../image/icon_02.png) left center no-repeat;margin-bottom: 9px;font-size: 22px;line-height: 44px}
.box{border: 1px solid #ddd; border-top:2px solid #368ee0;width: 918px; padding: 0 20px 13px;}
.title{width: 100%; margin-bottom: 10px;}
.title span{display: block;cursor: pointer;float: left;margin-right: 12px;padding: 0 31px;font-size: 14px; line-height: 44px;}
.title .cur{color: #fff;background: #368ee0}
.slideco{width: 100%;}


.col_nav{width: 916px;border: 1px solid #ddd; height: 30px; position: relative;margin-bottom: 20px;}
.col_nav:before{content: "";width: 0; height: 30px;position: absolute;left: -1px; top: 0;border-left: 1px solid #368ee0;}
.col_nav:after{content: "";width: 0;  height: 32px;position: absolute;left: 0;top: -1px;border-left: 1px solid #368ee0;}
.col_nav span{display:block;float: left;width: 75px;text-align: right;color: #666;line-height: 30px;}
.col_nav .nav_r{width: 750px; height: 30px;overflow: hidden; position: relative; float: left;}
.ml35{margin-left: 35px;}
.col_nav .nav_r p{position: absolute;left: 0;top:0;white-space: nowrap;}
.col_nav .nav_r p a{padding: 0 19px 0 20px;background: url(../image/a_bg.png) right center no-repeat;color: #666666; line-height: 30px;}
.col_nav .nav_r p a:hover{color: #368ee0;text-decoration: none;}
.col_nav .nav_r p .bgnone{background: none}
.col_nav .prev{display: none;width: 17px;height: 30px;background: url(../image/bg.png) 0px 0 no-repeat; position:absolute;left: 80px;top: 0px;}
.col_nav .next{display: block;width: 17px;height: 30px;background: url(../image/bg.png) -17px 0 no-repeat; position:absolute;right: 14px;top: 0px;}

.examul{margin-right: -42px;}
.examul li{width: 278px;float: left;margin-right: 42px;}
.examul li .li_img{width: 100%;margin-bottom: 13px;position: relative;height: 150px;overflow: hidden;}
.examul li .li_img img{width: 100%;}
.examul li .li_img a{display: block;width: 100%;position: absolute;left: 0; bottom: 0;line-height: 32px;text-align: center;color: #fff;background: rgba(0,0,0,0.5)}
.examul li ul{width: 100%;}
.examul li ul li{float: none;margin-right: 0;height: 24px;padding-left: 14px;width: 264px;background: url(../image/blue.png) left center no-repeat;}
.examul li ul li span{display: block;float: right;color: #999999;line-height: 24px;}
.examul li ul li a{display: block;width: 177px;height: 24px;line-height: 24px;white-space: nowrap;overflow: hidden;text-overflow:clip;white-space: normal;}
.face h2{background: url(../image/icon_03.png) left center no-repeat;}
.face .box{border-top-color: #ff7f00;padding-bottom: 0;}
.face .box .box_l{width: 680px;height: 262px;float: left;padding-right: 19px;border-right: 1px solid #ddd;}
.face .box .box_r{width: 198px;float: right;padding-top: 5px;}
.face .box_r .ul_h{padding-left: 13px;font-size: 16px;line-height: 35px;color: #ff7f00;position: relative;}
.face .box_r .ul_h:after{content: "";width: 3px;height: 12px;background: #ff7f00;position: absolute;left: 0;top: 12px;}
.face .box_r ul li{width: 100%;line-height: 31px;}
.face .box_r ul li a{display: block;width: 100%;height: 31px;overflow: hidden;}
.face .box_r ul li a:hover{color: #ff7f00;}
.face .title .cur{background: #ff7f00}
.face .col_nav{width: 678px;}
.face .col_nav:before{border-left-color: #ff9000}
.face .col_nav:after{border-left-color: #ff9000}
.face .col_nav .nav_r{width: 546px;}
.face .col_nav .nav_r p a:hover{color: #ff7f00}
.face .col_nav .prev{background-position: 0 -34px;}
.face .col_nav .next{background-position: -17px -34px;}
.facecon{width: 100%;}
.facecon .left{width: 278px;float: left;position: relative;}
.facecon .left img{width: 100%;}
.facecon .left a{display: block;width: 100%;position: absolute;left: 0; bottom: 0;line-height: 32px;text-align: center;color: #fff;background: rgba(0,0,0,0.5)}
.facecon ul{width: 784px;margin-right: -104px;}
.facecon ul li{float: left;margin-right: 104px;height: 24px;padding-left: 14px;width: 274px;background: url(../image/orange.png) left center no-repeat;}
.facecon ul li span{display: block;float: right;color: #999999;line-height: 24px;}
.facecon ul li a{display: block;width: 200px;height: 24px;line-height: 24px;white-space: nowrap;overflow: hidden;text-overflow:clip;white-space: normal;}
.facecon ul li a:hover{color: #ff7f00}
.school_wrap{width: 912px; height: 100px;padding:20px 0 0 48px;border: 1px solid #ddd;position: relative;}
.school_wrap .left{display:block;width: 38px; height: 122px;background: url(../image/school_bg.png) no-repeat;position: absolute;left: -1px;top: -1px;}
.school_wrap .left span{padding-top: 24px;font-size: 18px; line-height: 20px; display: block; text-align: center;color: #fff}

.school_con{width: 879px; height: 100px; position: relative;padding:0 10px 0 23px;}
.school_con .prev{display: block;width: 13px; height: 24px;position: absolute;left: 0; top: 20px;background: url(../image/btn.png) 0 0;}
.school_con .prev.cur{background-position:0 -24px; }
.school_con .next{display: block;width: 13px; height: 24px;position: absolute;right: 10px; top: 20px;background: url(../image/btn.png) -13px 0;}
.school_con .next.cur{background-position:-13px -24px; }
.school_con .school{width: 856px; height: 100px; position: relative;overflow: hidden;}
.school_con .school ul{white-space: nowrap;position: absolute;left: 0;top: 0;width: 2000px;}
.school_con .school ul li{width: 160px;float: left;margin-right: 14px; height: 100px;}
.school_con .school ul li .img{display: block;border: 1px solid #ddd;}
.school_con .school ul li .text{line-height: 30px;text-align: center;display: block;}
.school_con .school ul li .text:hover{text-decoration: none;}
/*网校培训*/
.online h2{background: url(../image/icon_04.jpg) left center no-repeat;}
.online .left{width: 660px;float: left;padding: 3px 20px 11px;border: 1px solid #ddd;border-top:2px solid #17c293;}
.online_nav{width: 100%;margin-bottom: 11px;}
.online_nav ul{border-bottom: 1px solid #eeeeee}
.online_nav ul li{padding-top: 10px;border-bottom: 1px dashed #ddd;display: table;}
.online_nav ul li:before{content: "";clear: both;line-height: 0; height: 0; zoom: 1;}
.online_nav ul li span{display: block;width: 70px;line-height: 26px;float: left;font-weight: 700;}
.online_nav ul li p{float: right;width: 590px;}
.online_nav ul li a{display: block;padding: 0 9px;float: left; margin-right: 4px;line-height: 26px; margin-bottom: 10px;}
.online_nav ul li a:hover{background: #17c293; color: #fff;text-decoration: none;}
.online_nav ul .last{border-bottom: none;}
.online_intro{width: 100%;}
.online_intro ul{margin-right: -104px;}
.online_intro ul li{float: left;margin-right: 104px;height: 30px;padding-left: 14px;width: 264px;background: url(../image/green.jpg) left center no-repeat;}
.online_intro ul li span{display: block;float: right;color: #999999;line-height: 30px;}
.online_intro ul li a{display: block;width: 220px;height: 30px;line-height: 30px;white-space: nowrap;overflow: hidden;text-overflow:clip;white-space: normal;}
.online_intro ul li a:hover,.newtab_b .hots li a:hover{color: #4dcba4}
.online .right,.train .right{width:200px;padding: 0 20px 20px;float: right;border: 1px solid #ddd}
.newtab{width: 100%;}
.newtab_t{border-bottom: 1px solid #ddd; margin-right: -10px;margin-bottom: 7px;}
.newtab_t span{display: block; width: 90px;float: left;margin-right: 10px;padding-bottom: 1px;font-size: 14px;line-height: 42px;font-weight: 700;position: relative;text-align: center;}
.newtab_t .cur{color: #4dcba4;}
.newtab_t span em{display: block;width:100%;height: 0; line-height: 0;border-bottom: 2px solid #17c293;position: absolute;left: 0;bottom: -1px;display: none;}
.newtab_t .cur em{display: block;}
.newtab_b .hots{width: 198px;padding: 0 1px;margin-bottom: 9px;}
.newtab_b .hots li{padding-left: 14px;background: url(../image/green.jpg) left center no-repeat;}
.newtab_b .hots li a{display: block;width: 100%; height: 30px;line-height: 30px;white-space: nowrap;overflow: hidden;text-overflow:clip;white-space: normal;}
.newtab_b .curr{width: 198px;padding: 0 1px;margin-bottom: 9px;}
.newtab_b .curr li{padding-left: 14px;background: url(../image/purple.png) left center no-repeat; width: 184px; height: 30px;}
.newtab_b .curr li span{display: block;float: right;color: #999999;line-height: 30px;}
.newtab_b .curr li a{display: block;float:left;width:100%; height: 30px;line-height: 30px;white-space: nowrap;overflow: hidden;text-overflow:clip;white-space: normal;}
/*.train*/
.train h2{background: url(../image/icon_05.jpg) left center no-repeat;}
.train .left{width: 660px;float: left;padding:20px;border: 1px solid #ddd;border-top:2px solid #be74da;}
.train .teacher{width: 100%;margin-bottom: 17px;}
.train .teacher ul{margin-right: -40px;}
.train .teacher ul li{width: 100px;float: left;margin-right: 40px;text-align: center;}
.train .teacher ul li a{display: block;}
.train .teacher ul li .text{font-size: 14px;line-height: 21px;margin-bottom: 6px;}
.train .teacher ul li a:hover,.train .right .newtab_b .curr li a:hover{color: #be74da}
.train .teacher ul li p{line-height: 21px;color: #888888}
.train .col_nav .prev{background-position: 0 -69px;}
.train .col_nav .next{background-position: -17px -69px;}
.train .col_nav{width: 658px;margin-bottom: 0;}
.train .col_nav:before{border-left-color: #be74da}
.train .col_nav:after{border-left-color: #be74da}
.train .col_nav .nav_r{width: 527px;}
.train .col_nav .nav_r p a:hover{color: #be74da}
.train .right{padding-bottom: 0;}
.train .right .newtab_t .cur{color: #be74da;}
.train .right .newtab_t .cur em{border-bottom-color: #be74da;}
.news{margin-right:-15px;}
.news ul{width: 270px;float: left;margin-right:15px;padding:0 19px 12px;border:1px solid #ddd;}
.news ul h4{font-size: 18px;line-height: 52px;}
.news ul img{width: 100%;margin-bottom:10px;}
.news ul li{padding-left: 11px;width: 259px;height: 30px;background: url(../image/blue.png) left center no-repeat;}
.news ul li span{display: block;float: right;color: #999999;line-height: 30px;}
.news ul li a{display: block;float:left;width:210px; height: 30px;line-height: 30px;white-space: nowrap;overflow: hidden;text-overflow:clip;white-space: normal;}

.friend{margin: 30px auto 30px;width: 918px;border:1px solid #ddd;padding: 20px 20px 14px;position: relative;}
.friend h3{position: absolute;left: -1px;top: -10px;width: 108px; height: 30px;background: url(../image/friend.png);}
.friend a{color: #666666; font-family: "宋体";line-height: 24px;margin-right: 13px;}
.friend a:hover{color: #368ee0;}
#footer {width:100%;min-width:960px;padding:30px 0 20px; background:#eeeeee; text-align:center;margin-top:20px;color:#666;font-size: 12px;color: #333;}
#footer li,#footer ul,#footer p{padding: 0px;margin: 0px;}
#footer .dib-wrap .dib {margin:0 5px;font-size: 12px;letter-spacing: normal;word-spacing: normal;vertical-align: top;display:inline;}
#footer p {margin:8px 0;color: #666;font-family: "宋体"}
#footer .links {color:#999;}
#footer .links a {margin:0 10px;color:#444;text-decoration: none;font-family: "宋体"}
#footer p a:hover{color: #368ee0}
/*微信关注*/
.newWeChat{z-index: 99;width: 106px;border:1px solid #ddd;border-bottom: none;background: #fff;border-top: 1px solid #f0522b;position: fixed; left: 40px; top:30%;}
.newWeChat h4{font-size: 14px;font-weight: 700;color: #f0522b;line-height: 34px;border-bottom: 1px solid #ddd;position: relative;text-align: center;}
.newWeChat h4:before{content:"";width: 106px;height: 0;border-top:1px solid #f0522b;position: absolute;left: 0; top: -2px;}
.newWeChat ul{width: 100%;}
.newWeChat ul li{border-bottom: 1px solid #ddd;position: relative;}
.newWeChat ul li a{display: block;text-align: center;line-height: 34px;color: #666666}
.newWeChat ul li a:hover,.newWeChat ul li a.cur{background: url(../image/newWeChat.png) 92px 16px no-repeat #fdf0ed; color: #f0552e;text-decoration: none;}
.newWeChat ul li .code{border:1px solid #ddd;position: absolute;top: 0; left: 116px; display: none;}
.newWeChat ul li .code2{width: 338px;background: #fff;}
.header .nw_adver{float:right;width:480px;height:60px;background:#fff;font-size:14px !important;} .nw_adver{float:right;width:480px;height:60px;background:#fff;font-size:14px !important;}


.thea_adver{margin:0 auto; width:960px; padding-bottom:20px;}
.thea_adver a{display: block;width: 476px;overflow: hidden;height: 120px;margin-right: 8px;float: left;}
.thea_adver a img{width: 100%;-webkit-transition:all 1s;-moz-transition:all 1s;-ms-transition:all 1s;transition:all 1s;}
.thea_adver a:hover img{-webkit-transform:scale(1.08);-moz-transform:scale(1.08);transform:scale(1.08);opacity: 0.8;}

.thea_adver_con{margin-right: -8px;}
.thea_adver_con .xinli{width: 252px;}
.thea_adver_con .jianzhu{width: 216px;}



/*
 **
 ***2017/4/1 首页添加轮播图
 **
 */
.slide-pic{width: 960px;height: 120px;position: relative;overflow: hidden;margin:20px 0 20px;}
.slide-pic ul{position: absolute;left: 0;top: 0;width: 400%;z-index: 9;}
.slide-pic ul li{width: 25%;float: left;}
.slide-pic ul li a{display: block;}
.slide-pic .pagination{width: 100%;height: 8px;text-align: center;line-height: 8px;position: absolute;left: 0;bottom: 10px;z-index: 10;}
.slide-pic .pagination span{display: inline-block;*display: inline;*zoom: 1;width: 8px;height: 8px;border-radius: 4px;background: #fff;box-shadow: 0px 1px 1px #020202;margin:0 5px;}
.slide-pic .pagination span.cur{background: #fff000;}



/*
 *********
 ***********
 2017-5-13面授模块改版
 ***********
 *********
*/
.newface{width: 960px; margin: 0 auto 20px}
.newface .h-con{height: 53px;border-bottom: 2px solid #ff7f00;}
.newface .h-con .h{padding-left: 37px;width: 120px;background: url(../image/icon_03.png) left center no-repeat;font-size: 22px;line-height: 44px;float: left;}
.newface .title1{float: right;padding-top: 15px;}
.newface .title1 span{display: block;font-size: 14px;line-height: 38px;padding: 0 12px;margin-right: 10px;float: left;cursor: pointer;}
.newface .title1 span.cur{background: #ff7f00;color: #fff;}
.newface .title1 span.cur a{color: #fff;}
.newface-con{border: 1px solid #ddd;border-top: none;padding: 0 19px;position: relative;}
.newface-l{width: 680px;float: left;height: 456px;padding: 24px 19px 0 0;border-right: 1px solid #ddd;}

.newface-con .title2{height: 28px;margin-bottom: 10px;white-space: nowrap;width: 680px;position: absolute;left: 19px;top: 14px;}
.newface-con .title2 span{color: #666;font-size: 14px;padding: 0 10px;display: block;margin-right: 12px;float: left;cursor: pointer;position: relative;line-height: 28px;}
.newface-con .title2 .cur{background: #ff7f00;color: #fff;}
.newface-con .title2 .cur:after{content: "";width: 11px;height: 16px;background: url(../image/newface_bg01.jpg);position: absolute;left: 50%;margin-left: -6px;top: 23px;z-index: 2;}

.newface .col_nav{width: 678px;border: 1px solid #eaeaea;margin-bottom: 20px;}
.newface .col_nav:before{border-left-color: #ff9000}
.newface .col_nav:after{border-left-color: #ff9000}
.newface .col_nav .nav_r{width: 546px;}
.newface .col_nav .nav_r p a:hover{color: #ff7f00}
.newface .col_nav .prev{background-position: 0 -35px;}
.newface .col_nav .next{background-position: -17px -35px;}
.newface-l ul{margin-right: -20px;}
.newface-l ul li{width: 330px;float: left;margin-right: 20px;margin-bottom: 20px;}
.newface-l ul li a{display: block;}

.newface-r{width: 198px;height: 476px;float: right;padding-top: 3px;}
.newface-r .head{height: 37px;line-height: 37px;color: #ff7f00;}
.newface-r .head .h{padding-left: 13px;float: left;position: relative;font-size: 16px;}
.newface-r .head .h:after{content: "";width: 3px;height: 12px;background: #ff7f00;position: absolute;left: 0;top: 12px;}
.newface-r .head .more{display: block;float: right;font-size: 12px;font-family: "Arial";text-decoration: underline;color: #ff7f00;}
.newface-r .list-ul{padding-bottom: 6px;margin-bottom: 5px;border-bottom: 1px solid #eee;}
.newface-r .list-ul:last-child{border-bottom: none;}
.newface-r .last{margin-bottom: 0;padding-bottom: 0;border-bottom: none;}
.newface-r ul li{padding-left: 13px;position: relative;font-size: 12px;line-height: 30px;}
.newface-r ul li:after{content: "";width: 3px;height: 3px;background: #ff7f00;position: absolute;left: 0;top: 13px;}
.newface-r ul li a{display: block;width: 100%;height: 29px;overflow: hidden;}
.newface-r ul li a:hover{color: #ff7f00;}


/**
 * @time 2017/9/5
 * thea首页添加应用模块入口
 */
.apply{width: 960px; margin: 0 auto 20px;}
.apply .h-con{height: 53px;border-bottom: 2px solid #368ee0;position: relative;}
.apply .h-con .h{padding-left: 37px;width: 120px;background: url(https://img.thea.cn/ndpublics/images/apply_icon.png) left center no-repeat;font-size: 22px;line-height: 44px;float: left;}
.apply .h-con .more{display: block;position: absolute;right: 0;top: 9px;line-height: 34px;color: #999;font-size: 14px;}
.apply-con{padding: 27px 0 3px;border: 1px solid #ddd;border-top: none;}
.apply-con ul{margin-right: -34px;}
.apply-con ul li{width: 110px;float: left;margin-right: 31.333333px;text-align: center;position: relative;}
.apply-con ul li a{display: block;}
.apply-con ul li img{width: 69px;}
.apply-con ul li span{display: block;font-size: 14px;line-height: 44px;white-space: nowrap;}
.apply-con ul li a:hover{color: #368ee0;text-decoration: none;}
.apply-con ul li .code{display: none;position: absolute;left: 0;top: 0;width: 100%;}
.apply-con ul li .code img{width: 100%;}


.newnav_sub{position: relative;z-index: 2;margin: 20px auto;width: 958px;height: 30px;font-family: "simsun";line-height: 30px;}
.newnav_more{position: absolute;z-index: 3;top: 10px;right: 10px;line-height: 30px;cursor: pointer;}
.newnav_bk{position: absolute;z-index: 2;top: 0;left: 0;width: 100%;height:30px;border: 1px solid #91c6f7;overflow: hidden;background: #fff;}
.newnav_bk.cur{height: auto;}
.newnav-pa{padding-right: 50px;}
.newnav_bk b{float: left;width: 90px;background: #f8fbfe url(../image/thea2_new_04s.png) no-repeat right top;font-size: 12px;font-weight: bold;text-align: center;color: #2d64b3;}
.newnav_sub a{color: #666;font-size: 12px;line-height: 14px;border-right: 1px dotted #ccc;padding: 0px 11px}
.newnav_sub a:hover{color: #e00;}


/*2017-12-26新增样式*/
.h-con-more{line-height: 38px;}

/*2018-07-04*/
.bx{
	width: auto;
	height: 40px;
	border: 1px solid #e3e3e3;
	padding-left: 0;
	border-right: 0;
	border-left: 0;
	border-bottom: 0;
	margin: 0 auto;
	padding-left: 24px;
	padding-top: 20px;
}
.bx ul{
	width: 100%;
	float: left;
	margin-bottom: 12px;
	
}
.bx ul li{
	float: left;
	margin-right: 24px;
}
.bx ul li a{
	color: #666666;
}
.bx ul li a:hover{
	color: #f47a00;
	text-decoration: underline;
}
.bx ul h4{
	display: inline-block;
	float: left;
	font-weight: bold;
}
.bx ul .fr{
	float: right;
	color: #999999;
	font-size: 12px;
	margin-right: 14px;
}


/*2018-07-27 新网课模板*/
.new-online * { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }

.new-online { width: 960px; padding-bottom: 144px; margin: 0 auto 20px; position: relative; }
.new-online h2 { position: relative; padding-left: 37px; margin-bottom: 9px; font-size: 22px; line-height: 44px; height: 44px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAVCAYAAACzK0UYAAABkklEQVRIibXVPWtUQRTG8d/erCAYK1/2RUvRFFrZpDCNhWATEUQ/QNqAXyC9hYVIgoiFpExhEQR7STqb2AkaRATlZrNhFcQQkazFnWGXi7uZC5unOfcO58z/nDnzUmtsLL/BbdSM1gFe4xG2cBFLuIczY+LgXR0z+IDVMY7TOIUHuBQgv/AcP8fE3cXVesjyIx4fkZGhhO7gCeRziyOdm5sr05jJ8BU3EgCQlexRmkU3Q46ziUFTiX5R15Bn2KkYWEWtCOmEgdPHBNoZhqQuWZJC0wmV7B4HBOeC7WTYKw1OSvGQdjP0wk9jwpDzwe4OQ5oJgVXOSZyvlxlcCymQfrAnK0B+ZPhbAfIJC3ib4NsKtlcPHwe4kBC4j5cJftCGfG7xd1zbrrRKqqiFQwYN7BrshkmpLfQ7Qjomf620FTe82JM82M+KHVR+JafwXvGORL3ArebmymHJt69YlRNx3ghZU1Ry+T8Z9RUVz+MbnuI+rit2259SUjVs4wvWodbYWB5Vblk38QxX8B0P8Wrcyxj1D2A1UfLPEM+DAAAAAElFTkSuQmCC) left center no-repeat; }
.new-online h2 .subtitle { float: right; height: 40px; padding-top: 15px; }
.new-online h2 .subtitle a.sa, .new-online h2 .subtitle span { color: #333; display: block; cursor: pointer; font-size: 14px; line-height: 38px; padding: 0 12px; margin-right: 10px; float: left; cursor: pointer; }
.new-online h2 .subtitle a.sa.more, .new-online h2 .subtitle span.more { color: #ff7f00; }
.new-online h2 .subtitle a.sa.more:hover, .new-online h2 .subtitle span.more:hover { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAAECAYAAADS1VyyAAAAS0lEQVQokeXQsQmAMBSE4e9lRHENcQTHyCh2WUwkNlbpRHhNfji47ucu+qGbiIJITB38Ndkf5ddd39nQ3t6wJ/tlD76x4MSKK9nvAZiSCZezUn6gAAAAAElFTkSuQmCC) no-repeat; background-size: 60px 4px; background-position: 10px 30px; }
.new-online h2 .subtitle a.sa.more:hover .hidemenu, .new-online h2 .subtitle span.more:hover .hidemenu { display: block; }
.new-online h2 .subtitle a.sa.more .hidemenu, .new-online h2 .subtitle span.more .hidemenu { position: absolute; z-index: 23333; display: none; width: 960px; left: 0; top: 53px; box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.2); }
.new-online h2 .subtitle a.sa.more .hidemenu .transprent, .new-online h2 .subtitle span.more .hidemenu .transprent { height: 5px; width: 100%; background: #eee; border-top: 2px solid #17c293; }
.new-online h2 .subtitle a.sa.more .hidemenu .htop, .new-online h2 .subtitle span.more .hidemenu .htop { height: 36px; background: #eeeeee; }
.new-online h2 .subtitle a.sa.more .hidemenu .htop i, .new-online h2 .subtitle span.more .hidemenu .htop i { font-style: normal; display: block; float: left; width: 96px; text-align: center; text-indent: 16px; background-repeat: no-repeat; background-position: 16px center; line-height: 36px; color: #333; position: relative; }
.new-online h2 .subtitle a.sa.more .hidemenu .htop i.i1, .new-online h2 .subtitle span.more .hidemenu .htop i.i1 { background-image: url(../image/i1.png); }
.new-online h2 .subtitle a.sa.more .hidemenu .htop i.i1.act, .new-online h2 .subtitle span.more .hidemenu .htop i.i1.act { background-image: url(../image/i1act.png); color: #ff7f00; font-weight: bold; }
.new-online h2 .subtitle a.sa.more .hidemenu .htop i.i2, .new-online h2 .subtitle span.more .hidemenu .htop i.i2 { background-image: url(../image/i2.png); }
.new-online h2 .subtitle a.sa.more .hidemenu .htop i.i2.act, .new-online h2 .subtitle span.more .hidemenu .htop i.i2.act { background-image: url(../image/i2act.png); color: #ff7f00; font-weight: bold; }
.new-online h2 .subtitle a.sa.more .hidemenu .htop i.i3, .new-online h2 .subtitle span.more .hidemenu .htop i.i3 { background-image: url(../image/i3.png); }
.new-online h2 .subtitle a.sa.more .hidemenu .htop i.i3.act, .new-online h2 .subtitle span.more .hidemenu .htop i.i3.act { background-image: url(../image/i3act.png); color: #ff7f00; font-weight: bold; }
.new-online h2 .subtitle a.sa.more .hidemenu .htop i.i4, .new-online h2 .subtitle span.more .hidemenu .htop i.i4 { background-image: url(../image/i4.png); }
.new-online h2 .subtitle a.sa.more .hidemenu .htop i.i4.act, .new-online h2 .subtitle span.more .hidemenu .htop i.i4.act { background-image: url(../image/i4act.png); color: #ff7f00; font-weight: bold; }
.new-online h2 .subtitle a.sa.more .hidemenu .htop i.i5, .new-online h2 .subtitle span.more .hidemenu .htop i.i5 { background-image: url(../image/i5.png); }
.new-online h2 .subtitle a.sa.more .hidemenu .htop i.i5.act, .new-online h2 .subtitle span.more .hidemenu .htop i.i5.act { background-image: url(../image/i5act.png); color: #ff7f00; font-weight: bold; }
.new-online h2 .subtitle a.sa.more .hidemenu .htop i.i6, .new-online h2 .subtitle span.more .hidemenu .htop i.i6 { background-image: url(../image/i6.png); }
.new-online h2 .subtitle a.sa.more .hidemenu .htop i.i6.act, .new-online h2 .subtitle span.more .hidemenu .htop i.i6.act { background-image: url(../image/i6act.png); color: #ff7f00; font-weight: bold; }
.new-online h2 .subtitle a.sa.more .hidemenu .htop i:after, .new-online h2 .subtitle span.more .hidemenu .htop i:after { content: ''; position: absolute; right: 0; height: 14px; width: 1px; top: 12px; background: #ddd; }
.new-online h2 .subtitle a.sa.more .hidemenu .hct, .new-online h2 .subtitle span.more .hidemenu .hct { padding: 14px 13px 22px; background: white; display: none; }
.new-online h2 .subtitle a.sa.more .hidemenu .hct.hctshow, .new-online h2 .subtitle span.more .hidemenu .hct.hctshow { display: block; }
.new-online h2 .subtitle a.sa.more .hidemenu .hct a, .new-online h2 .subtitle span.more .hidemenu .hct a { display: block; float: left; padding: 0 16px 0 17px; position: relative; line-height: 26px; font-size: 14px; color: #777; margin-bottom: 10px; }
.new-online h2 .subtitle a.sa.more .hidemenu .hct a + a:after, .new-online h2 .subtitle span.more .hidemenu .hct a + a:after { position: absolute; content: ''; width: 1px; height: 11px; left: 0; top: 7.5px; background: #ddd; }
.new-online h2 .subtitle a.sa.more .hidemenu .hct a:hover, .new-online h2 .subtitle span.more .hidemenu .hct a:hover { text-decoration: underline; }
.new-online h2 .subtitle a.sa:hover, .new-online h2 .subtitle span:hover { text-decoration: none; }
.new-online h2 .subtitle a.sa.cur, .new-online h2 .subtitle span.cur { background: #17c293; color: #fff; }
.new-online .content { display: none; position: relative; height: 556px; border: 1px solid #ddd; border-top: 2px solid #17c293; }
.new-online .content.contentshow { display: block; }
.new-online .content .l { height: 100%; width: 720px; float: left; border-right: 1px solid #ddd; padding: 0 15px; }
.new-online .content .l .tea { margin-right: -26px; }
.new-online .content .l .tea h3 { color: #444444; font-weight: bold; font-size: 16px; line-height: 50px; }
.new-online .content .l .tea .tealist div { float: left; width: 210px; height: 200px; margin-right: 26px; }
.new-online .content .l .tea .tealist div img { display: block; width: 210px; height: 144px; }
.new-online .content .l .tea .tealist div p { position: relative; height: 40px; }
.new-online .content .l .tea .tealist div p a.st { display: block; position: absolute; width: 68px; height: 24px; border: 1px solid #ff7f00; font-size: 14px; color: #ff7f00; text-align: center; line-height: 24px; right: 8px; top: 8px; }
.new-online .content .l .tea .tealist div p a.st:hover { text-decoration: none; }
.new-online .content .l .tea .tealist div p a.name { line-height: 40px; font-size: 16px; color: #444; position: absolute; left: 0; top: 0; }
.new-online .content .l .tea .tealist div p a.name:hover { text-decoration: none; }
.new-online .content .l .switch { border-top: 1px solid #ddd; }
.new-online .content .l .switch .switchtop span { display: block; cursor: pointer; font-size: 14px; color: #555; line-height: 48px; padding: 0 12px; margin-right: 25px; float: left; }
.new-online .content .l .switch .switchtop span.cur { color: #ff7f00; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAAECAYAAADS1VyyAAAAS0lEQVQokeXQsQmAMBSE4e9lRHENcQTHyCh2WUwkNlbpRHhNfji47ucu+qGbiIJITB38Ndkf5ddd39nQ3t6wJ/tlD76x4MSKK9nvAZiSCZezUn6gAAAAAElFTkSuQmCC) no-repeat; background-size: 60px 4px; background-position: 10px 35px; }
.new-online .content .l .switch .switchcon { display: none; }
.new-online .content .l .switch .switchcon.switchshow { display: block; }
.new-online .content .l .switch .switchcon ul li { float: left; width: 50%; padding-left: 15px; }
.new-online .content .l .switch .switchcon ul li a { float: left; width: 220px; font-size: 12px; color: #777777; line-height: 30px; display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; position: relative; padding-left: 10px; }
.new-online .content .l .switch .switchcon ul li a:after { position: absolute; width: 3px; height: 3px; content: ''; background: #17c293; left: 0; top: 13.5px; }
.new-online .content .l .switch .switchcon ul li a:hover { text-decoration: underline; }
.new-online .content .l .switch .switchcon ul li span { float: left; width: 80px; text-align: center; font-size: 12px; color: #999; line-height: 30px; display: block; }
.new-online .content .r { height: 100%; width: 238px; float: right; }
.new-online .content .r h3 { color: #444444; font-weight: bold; font-size: 16px; line-height: 50px; padding-left: 10px; }
.new-online .content .r .adv { width: 208px; height: 144px; margin: 0 auto; position: relative; margin-bottom: 22px; }
.new-online .content .r .adv a { display: block; width: 100%; height: 100%; }
.new-online .content .r .adv a img { display: block; width: 100%; height: 100%;  }
.new-online .content .r .adv p { position: absolute; width: 100%; left: 0; bottom: 0; line-height: 28px; text-align: center; color: white; font-size: 14px; background-color: rgba(0, 0, 0, 0.6); cursor: pointer;white-space: nowrap;text-overflow: ellipsis;overflow: hidden; }
.new-online .content a.adv { position: absolute; bottom: -144px; left: 0; display: block; margin-top: 20px; width: 100%; height: 120px; }

/*2018-08-10 新企培模板*/
.new-train * { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.new-train * a:hover { text-decoration: none; }

.new-train { width: 960px; margin: 0 auto; position: relative; }
.new-train h2 { position: relative; padding-left: 37px; margin-bottom: 9px; font-size: 22px; line-height: 44px; height: 44px; background: url(../image/icon_05.jpg) left center no-repeat; }
.new-train h2 a { float: right; display: block; line-height: 44px; font-size: 14px; color: #999; }
.new-train .train-content { height: 540px; border: 1px solid #ddd; border-top: 2px solid #be74da; }
.new-train .train-content .l { width: 238px; height: 352px; border-bottom: 1px solid #ddd; border-right: 1px solid #ddd; float: left; }
.new-train .train-content .l h3 { font-size: 16px; color: #333; text-align: center; line-height: 55px; }
.new-train .train-content .l a { display: block; float: left; width: 90px; height: 28px; line-height: 28px; text-align: center; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; background: #ddd; color: #666; font-size: 14px; border-radius: 2px; margin: 0 10px 18px; position: relative; left: 8px; }
.new-train .train-content .l a:hover { background: #BE74DA; color: white; }
.new-train .train-content .r { width: 720px; height: 352px; border-bottom: 1px solid #ddd; float: left; padding-left: 17px; padding-top: 13px; position: relative; }
.new-train .train-content .r a.img { display: block; float: left; margin-right: 10px; margin-bottom: 10px; width: 223px; height: 146px; }
.new-train .train-content .r a.img img { display: block; width: 100%; }
.new-train .train-content .r a.more { position: absolute; right: 14px; bottom: 6px; display: block; float: left; width: 90px; height: 25px; line-height: 25px; text-align: center; font-size: 14px; border-radius: 2px; background: #BE74DA; color: white; }
.new-train .train-content .b { width: 100%; height: 185px; padding-left: 20px; }
.new-train .train-content .b .nt-tab span { display: block; float: left; margin-right: 32px; font-size: 14px; color: #333; line-height: 50px; cursor: pointer; }
.new-train .train-content .b .nt-tab span.cur { color: #BE74DA; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAECAYAAAB4FpoOAAAAVklEQVQ4je3RsQmAMBSE4S/ZzyUEh3Cg7GBln9ZlBJvYpBI7C33gD8fjrnrHpXXemp/PkJECK6NcOpXIvfLtTHFoGFG7r5h6HpLog8CBAUu/+7vvPOMEQGoMVXpNAzwAAAAASUVORK5CYII=) no-repeat; background-size: 100px 4px; background-position: center 37px; }
.new-train .train-content .b .nt-content { position: relative; display: none; }
.new-train .train-content .b .nt-content.ntshow { display: block; }
.new-train .train-content .b .nt-content ul { float: left; margin-right: 35px; }
.new-train .train-content .b .nt-content ul li { height: 30px; line-height: 30px; }
.new-train .train-content .b .nt-content ul li i { float: left; display: block; font-style: normal; border: 1px solid #ddd; width: 13px; height: 14px; line-height: 13px; text-align: center; font-size: 12px; color: #999; position: relative; top: 8px; }
.new-train .train-content .b .nt-content ul li a { display: block; width: 250px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; font-size: 12px; color: #666; line-height: 30px; text-indent: 12px; float: left; }
.new-train .train-content .b .nt-content ul li a:hover { text-decoration: underline; }
.new-train .train-content .b .nt-content a.yh { display: block; width: 340px; height: 151px; position: absolute; right: 12px; top: -16px; }
.new-train .train-content .b .nt-content a.yh img { display: block; width: 100%; }


/*
 *********
 ***********
 2019-4-16面授模块修改
 ***********
 *********
*/
.n-newface-box{margin-right: -52px;padding-bottom: 15px;}
.n-newface-box .list-ul{float: left;width: 191px;margin-right: 52px;}
.n-newface-box .list-ul .head{height: 37px;line-height: 37px;color: #ff7f00;}
.n-newface-box .list-ul .head .a{float: right;}
.n-newface-box .list-ul .head .a:hover{color: #ff7f00;}
.n-newface-box .list-ul .head .h{padding-left: 13px;float: left;position: relative;font-size: 16px;}
.n-newface-box .list-ul .head .h:after{content: "";width: 3px;height: 12px;background: #ff7f00;position: absolute;left: 0;top: 12px;}
.n-newface-box .list-ul .head .more{display: block;float: right;font-size: 12px;font-family: "Arial";text-decoration: underline;color: #ff7f00;}
.n-newface-box .list-ul .list-ul{padding-bottom: 6px;margin-bottom: 5px;border-bottom: 1px solid #eee;}
.n-newface-box .list-ul .list-ul:last-child{border-bottom: none;}
.n-newface-box .list-ul .last{margin-bottom: 0;padding-bottom: 0;border-bottom: none;}
.n-newface-box .list-ul ul li{padding-left: 13px;position: relative;font-size: 12px;line-height: 30px;}
.n-newface-box .list-ul ul li:after{content: "";width: 3px;height: 3px;background: #ff7f00;position: absolute;left: 0;top: 13px;}
.n-newface-box .list-ul ul li a{display: block;width: 100%;height: 29px;overflow: hidden;}
.n-newface-box .list-ul ul li a:hover{color: #ff7f00;}
.n-newface-detail .col_nav{width: 916px;margin-top: 20px;}
.n-newface-detail .col_nav .nav_r{width: 766px;}