﻿@charset "utf-8";
/********************整站全局公共样式**********************/
/* 重设样式 */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td, button{padding:0;margin:0;}
fieldset, img{border:0;}
input, label, select, option, textarea, button, fieldset, legend{font:12px/24px Verdana, Simsun, Helvetica, Arial, sans-serif; vertical-align:middle}
table{border-collapse:collapse;border-spacing:0;font:12px/24px Verdana, Simsun, Helvetica, Arial, sans-serif;}
ul,li{list-style:none;}

body{ font-size:14px; font-family:"Arial", "Microsoft yahei"; color:#666; line-height:24px;}

div,form,img,ul,ol,li,dl,dt,dd,p {margin: 0; padding: 0; border: 0; }
h1,h2,h3,h4,h5,h6{margin: 0; padding: 0;}
img{ vertical-align:top}

/* 共用 */
.left{ float:left}
.right{ float:right}
.clear{ height:0px; clear:both; font-size:0px; overflow:hidden; line-height:0px;}
.porel{position:relative;}
.poabs{position:absolute;}

.fB{font-weight:bold;}
.f12{font-size:12px;}
.f14{font-size:14px;}
.f16{font-size:16px;}
.f18{font-size:18px;}
.f24{font-size:24px;}
.f30{font-size:30px;}
.f32{font-size:32px;}

.blank15{clear:both; height:15px; overflow:hidden; display:block;}
.blank20{clear:both; height:20px; overflow:hidden; display:block;}
.blank30{clear:both; height:30px; overflow:hidden; display:block;}
.blank40{clear:both; height:40px; overflow:hidden; display:block;}
.blank50{clear:both; height:50px; overflow:hidden; display:block;}
.blank60{clear:both; height:60px; overflow:hidden; display:block;}
.blank80{clear:both; height:80px; overflow:hidden; display:block;}

.w1200{width:1200px; margin:0 auto;}
.w100{width:100%;}
.w910{ width:910px;}
.w275{ width:275px;}
.margin{margin:0 auto;}
.mt15{margin-top:15px;}
.mt16{margin-top:16px;}
.mt25{ margin-top:25px;}
.mt46{margin-top:46px;}

.hot{color:#ff5f01;}
.green2{color:#5fb41b;}
.color999{color:#999;}
.color666{color:#666;}
.color333{color:#333;}
.bg5fb41b{ background:#5fb41b;}
.bgfff{ background:#fff;}
.gray{ background:#eee;}
.bge3e3e3{ background:#e3e3e3;}
.border1px{ border:1px solid #ddd;}


/* 链接 */
a{color:#333;text-decoration:none;}
a:hover{color:#ff5f01;text-decoration:none;}
.c999 a{color:#999;}
.c999 a:hover{color:#ff5f01;text-decoration:none;}
.c666 a{color:#666;}
.c666 a:hover{color:#ff5f01;text-decoration:none;}
.c333 a{color:#333;}
.c333 a:hover{color:#ff5f01;text-decoration:none;}
.green a{color:#5fb41b;}
.green a:hover{color:#5fb41b;text-decoration:none;}
.white a{color:#fff;}
.white a:hover{color:#ffcfb3;text-decoration:none;}
.orange a{color:#ff5f01;}
.orange a:hover{color:#ff5f01;text-decoration:underline;}

/*鼠标效果滑动时间变量*/
.dhone a{transition: all 0.3s linear 0s;}

/*浏览器滚动条自定义*/
body::-webkit-scrollbar {width:10px;height:10px;}
body::-webkit-scrollbar-track-piece{background-color:#fff;}
body::-webkit-scrollbar-thumb{background:#aaa;min-height:150px; min-width:150px; border-radius:10px;}
body::-webkit-scrollbar-thumb:vertical:hover{background: #666}
body::-webkit-scrollbar-thumb:horizontal:hover{background:#666}


/*课程导航*/
.nav_menu h3{ font-size:16px; line-height:36px; margin-top:6px; width:220px; font-weight:normal; display:block;}
.nav_menu h3 a{ display:block;width:195px; padding-left:25px; height:36px; color:#fff;}
.nav_menu h3 a:hover{text-decoration:underline;color:#fff;}
.nav_menu_con{ width:220px; height:199px; float:left; background:url(../images/nav_fgx.png) repeat-x bottom; }
.item{width:220px;height:36px;line-height:36px;}
.item span{width:220px;height:36px;line-height:36px; position: absolute;z-index: 999; font-size:14px; display:block; background:url(../images/nav_icon.png) no-repeat 0 0;}
.item span a{ color:#ccc; padding-left:52px; width:168px; display:block; line-height:36px;}
.item span a:hover{ text-decoration:none;}
.active span.product{line-height:34px; background:url(../images/nav_icon.png) no-repeat 0 -36px #fff; width:221px; display:block;}
.active span a{ color:#ff5f01;}

.item span.product2{ background-position:0 -72px;}
.active span.product2{line-height:36px; background:url(../images/nav_icon.png) no-repeat 0 -108px #fff; width:221px; display:block;}
.item span.product3{ background-position:0 -144px;}
.active span.product3{line-height:36px; background:url(../images/nav_icon.png) no-repeat 0 -180px #fff; width:221px; display:block;}
.item span.product4{ background-position:0 -216px;}
.active span.product4{line-height:36px; background:url(../images/nav_icon.png) no-repeat 0 -252px #fff; width:221px; display:block;}

.item .product-wrap{ position: absolute; width:180px; height:388px; z-index: 99; border:1px solid #ddd; background:#fff; display: none;padding-top:10px; overflow:hidden;left:220px; top:0;}
.nav_dw{ }
.item .product-wrap li{ font-size:14px;}
.item .product-wrap li a{ width:100px; padding:0 40px; display:block; line-height:45px; height:45px;}
.item .product-wrap li a:hover{ background:#eee;}


/*已登录*/
.loginBox{ float:right; height:45px;}

.loginCenter{ display:block; float:right; height:45px; position:relative; z-index:999; margin-left:12px;}
.loginTit{ display:block; float:left; font-size:14px; font-weight:normal;}
.loginTit img{ width:28px; height:28px;border-radius:14px;display:inline-block;}
.loginTit a span{ display:block; float:left;color:#fff;background:#e10e01; line-height:15px; margin-top:8px; border-radius:10px; padding:0 4px; height:15px; font-size:12px;}
.loginTit a p{ display:block; float:left; margin-right:4px; line-height:32px;}
.loginTit a p.FontHs{ color:#b0b0b0;}
.loginTit a p.FontHs:hover{ color:#fff;}

.loginNav{z-index:999;width:130px; border-bottom:1px solid #ddd; opacity:0; position:absolute; top:37px; display:none;}
.loginCenter:hover .loginNav{opacity:1; display:block; z-index:999;}
.loginNav i{ width:130px; height:9px; background:url(../images/loginNav_Arr.png) no-repeat 0 0; display:block;}
.loginNav u{ width:130px; height:9px; background:url(../images/loginNav_Arr2.png) no-repeat 0 0; display:block;}
.loginNav li{ display:block; float:left; width:128px; line-height:40px; border-left:1px solid #ddd;border-right:1px solid #ddd;background:#fff;}
.loginNav li a{ display:block;width:103px; height:40px; padding-left:25px;}
.loginNav li a:hover{ background:#eee;}
.loginNav li span{ color:#ff5f01; padding-left:5px; font-size:13px;}


/*弹窗*/
#popup{z-index:999999;position:absolute;width:525px;height:auto;background:#fff; display:none;}
#popup .tc_tit{width:525px;height:80px;cursor:move;}
#popup .tc_tit span{display:block; font-size:28px; color:#333; line-height:28px; float:left; padding:42px 0 0 206px;}
#popup .tc_tit p{ background:url(../images/popup_guanbi.png) repeat 0px 0px; width:35px; height: 35px; display: block; cursor:pointer; float:right;}
#popup .tc_tit p:hover{ background-position:0 -35px;}

.account_input{ height:46px; width:430px; margin:15px 0 0 48px; display:inline-block; float:left;}
.account_input p{ display:block; float:left; width:65px; line-height:46px; color:#333;}
.account_input .account_text{ width:278px; height:44px; border:1px solid #ddd; float:left; display:block; line-height:44px;font-family:"Arial", "Microsoft yahei"; padding:0 10px; color:#333; font-size:14px;}
.account_input .account_text:focus{ border:1px solid #ff5f01;outline: none;}
.account_input span{ display:block; float:left; text-align:right; width:65px; font-size:12px; line-height:46px;}

.skin-square{height:38px; width:300px; margin:14px 0 0 113px; display:inline-block; float:left;}
.skin-square label{ padding-left:6px; font-family:"Arial", "Microsoft yahei"; cursor:pointer; color:#999; float:left;}
.icheckbox_square-green,.iradio_square-green {width:14px;height:14px;background: url(../images/tick.png) no-repeat;cursor: pointer; float:left; margin-top:4px;}
.icheckbox_square-green{background-position: 0 0;}
.icheckbox_square-green.hover { background-position: 0 -14px;}
.icheckbox_square-green.checked {background-position: 0 -28px;}
.icheckbox_square-green.disabled {background-position: 0 -42px;cursor: default;}

.checkbox_btn{ width:300px; height:46px; line-height:46px; text-align:center; color:#fff; background:#ff5f01;margin-left:113px; float:left; border:none; cursor:pointer; font-size:18px;font-family:"Arial", "Microsoft yahei";}
.checkbox_btn:hover{ background:#ff7422;}

.third_box{ height:80px; line-height:70px; float:left; font-size:12px; border-top:1px solid #eee; width:525px; margin-top:20px;}
.third_box .third_con{ height:35px; float:left; margin-left:48px;}
.third_box .third_con span{ display:block; float:left; color:#999;}
.third_box .third_con li{width:35px; height:35px;float:left; margin:16px 0 0 10px; display:inline-block; overflow:hidden; text-indent:-99999px;}
.third_box .third_con li a{ width:35px; height:35px; display:block; }
#dsf01,#dsf02,#dsf03{ background:url(../images/dsf.png) no-repeat;}
#dsf01:hover{background-position:0 -35px;}
#dsf02{background-position:-45px 0;}
#dsf02:hover{background-position:-45px -35px;}
#dsf03{background-position:-90px 0;}
#dsf03:hover{background-position:-90px -35px;}
.third_mdl{ float:right; padding-right:50px;}

/*最新课程*/
.course_tit{ height:30px; line-height:30px; margin-bottom:15px;}
.course_tit span a{ display:block; float:right; background:url(../images/more.png) no-repeat right 9px; padding-right:18px;}
.course_tit span a:hover{ background:url(../images/more_hover.png) no-repeat right 9px; padding-right:18px;}
.course_tit p{ float:left; font-size:24px; color:#333;}

.course_l{ width:218px; border:1px solid #dadada; height:470px; float:left; background:url(../images/free_bg.png) no-repeat 0 0 #efefef; overflow:hidden;}
.course_l .countdownBox{ width:220px; height:250px; overflow:hidden;}
.course_l .countdownBox p{ display:block; text-align:center; font-size:18px; color:#666; height:24px; padding-top:160px; width:220px;}
.course_l .countdownBox .countdown{ width:220px;display: block;text-align: center; margin-left:38px;}
.course_l .countdownBox .countdown li{display: inline-block; font-size:36px; color:#ff5f01; float:left; line-height:50px; text-align:center;}
.course_l span img{ display:block; width:220px; height:220px;}

.w220{ width:220px; height:220px;}
.w270{width:270px; height:250px;}
.course_r{ width:980px; float:left;}
.course_c{float:left; margin-left:25px; display:inline-block;overflow:hidden;}
.course_c .pic{ width:220px; height:138px;position: relative;overflow: hidden; margin-bottom:4px;}
.course_c .pic img{ width:220px; height:138px; position:absolute; display:block; left:0px; top:0px;}
.course_c .pic2{ width:270px; height:168px;position: relative;overflow: hidden; margin-bottom:4px;}
.course_c .pic2 img{ width:270px; height:168px; position:absolute; display:block; left:0px; top:0px;}
.course_c h2{ display:block; font-size:14px; font-weight:normal;height:24px; line-height:24px; overflow:hidden;}
.course_con{ height:24px; color:#999; font-size:12px; line-height:24px; overflow:hidden;}
.course_con p{ float:right;display:block;}
.course_con span{ float:left; display:block;width:110px; height:24px; overflow:hidden;}
.course_con span a{ padding-right:6px;}
.countdownPic img{ width:218px; height:138px; margin-bottom:4px;}

/*学员作品*/
.works_l{width:220px; height:470px; float:left;}
.works_l img{ width:220px; height:470px;}

.works_con{height:24px; color:#999; font-size:12px;line-height:24px; overflow:hidden;}
.works_con span{float:left; display:block; padding-right:4px; height:24px; overflow:hidden;}
.works_con p{ float:right; display:block;}
.works_xue a{ display:block; width:60px; height:18px; line-height:18px; border:1px dotted #5fb41b; float:left; text-align:center; font-size:12px; margin-top:4px;}
.works_xue a:hover{border:1px dotted #ff5f01; color:#ff5f01;}
.works_xue2{display:block; width:60px; height:18px; line-height:18px; border:1px dotted #acacac; float:left; text-align:center; font-size:12px; margin-top:4px; color:#999;}

/*学习课程 谁来看过我*/
.learning_box{ width:255px; margin:20px 0 0 20px;}
.learning_box li{ width:48px; height:78px; float:left; margin:0 14px 3px 0; display:inline-block;}
.learning_box li img{ width:48px; height:48px;}
.learning_box li p{ line-height:28px; width:48px; height:28px; overflow:hidden; font-size:12px;}


/*版权*/
.cop_box{ background:#f2f2f2; border-top:1px solid #ddd; width:100%;}
.cop_box .cop_nav{ width:800px; float:left; margin-top:35px;}
.cop_box .cop_nav li{ width:160px; margin-right:20px; float:left; display:inline-block; overflow:hidden;}
.cop_box .cop_nav li strong{ display:block; font-size:16px; line-height:40px;}
.cop_box .cop_nav li p{ line-height:28px; height:28px; overflow:hidden; display:block;}

.cop_box .cop_contact{ width:230px; float:right; margin-top:38px;}
.cop_box .cop_contact .cop_qq{ width:218px; height:53px; background:url(../images/cop_qq.png) no-repeat; color:#fff;}
.cop_box .cop_contact .cop_qq p{ padding:19px 0 0 65px;}
.cop_box .cop_contact .cop_phone{ height:60px; overflow:hidden; margin-top:5px;}
.cop_box .cop_contact .cop_phone p{ font-size:16px; line-height:32px;}

.cop_bottom{ height:140px; background:#2d2e32; width:100%;}
.cop_bottom img{ float:left; display:block; padding-top:40px;}
.cop_bottom span{ font-size:12px; color:#787878; display:block; line-height:24px; float:right; padding-top:42px;}

/**********课程头部**********/
.head{ height:60px; background:url(../images/head_bg.jpg) repeat-x;}
.head .logo2{ float:left; margin-top:12px;}

/*课程导航*/
.mt14{ margin-top:14px;}
.sbmenu2{ width:32px; height:30px; background:url(../images/nav_more.png) no-repeat 8px 8px; float:left;overflow:hidden; margin:16px 0 0 10px;cursor:pointer; position:relative; z-index:99;}
.sbmenu1{width:32px; height:30px; background:url(../images/nav_more.png) no-repeat 8px 8px #3f4653; float:left; margin:16px 0 0 10px; position:relative;z-index:99;}
.sbmenu_con{ width:220px; height:414px; background:url(../images/sbmenu_bg.png) no-repeat bottom; position:absolute;z-index:9999; left:-100px; top:30px;}

/*网站导航*/
.head_nav{ float:left; width:600px; margin-left:40px; font-size:16px;}
.head_nav li{ float:left; text-align:center; line-height:60px; display:block;}
.head_nav li a{ color:#ccc; padding:0 20px; display:block;}
.head_nav li a:hover{ color:#fff;}
.head_nav li.current{color:#fff; background:#ff5f01;}
.head_nav li.current a{color:#fff;}
.head_nav li span{ display:block; position:absolute; left:88px; top:8px;}

/*搜索*/
.sousuo{ width:200px; height:30px;background:#464951; float:left; margin:15px 0 0 10px; position:relative; z-index:100;}
.sousuo .sousuo-text{ width:100px; height:30px; line-height:30px; background:none; border:none; float:left; color:#ccc; font-family:"Arial", "Microsoft yahei"; padding:0 35px 0 8px; margin-left:56px; font-size:12px;}
.sousuo .sousuo-text:focus{outline: none; background:#fff; color:#333; transition: all 0.3s linear 0s;}
.sousuo .sousuo-btn{ width:35px; height:30px; float:left; position:absolute; right:0;}
.sousuo .sousuo-btn:focus{outline: none;}

.sosoBox{ position:absolute;width:56px; left:0; top:0; z-index:100;}
.ssCon{position:relative; width:56px; height:30px; float:left;font-size:12px; z-index:100;}
.ssCon dt{height:30px;display:inline-block;background:url(../images/login_Arr.png) no-repeat -58px 2px #464951;line-height:30px;cursor:pointer;width:46px;overflow:hidden;position:relative; padding-left:10px; color:#ccc;}
.ssCon dt:hover,.ssCon dt.cur{background:url(../images/login_Arr.png) no-repeat -58px 2px #525358;}
.ssCon dd{position:absolute;left:0;top:29px;background:#525358;display:none;width:56px;height:auto; z-index:100;}
.ssCon dd ul{width:56px;height:auto;}
.ssCon dd ul li a{line-height:30px;display:block; padding-left:10px; color:#ccc;}
.ssCon dd ul li a:hover{background:#ff5f01;color:#fff;}

/*未登录*/
.head_loginBox{ float:right; width:168px; height:30px; margin-top:16px;}
.head_loginBox .head_login{ float:right; line-height:30px; width:100px; height:30px; background:#ff5f01; color:#ffcfb3;}
.head_loginBox .head_login a{ padding:0 10px;}
.head_loginBox .head_loginGwc{ float:left; width:68px; height:30px; line-height:30px; position:relative;}
.head_loginBox .head_loginGwc a{ color:#ccc;}
.head_loginBox .head_loginGwc a:hover{ color:#fff;}
.head_loginBox .head_loginGwc a span{display:block; float:left;color:#fff;background:#e10e01; line-height:15px; border-radius:10px; padding:0 4px; height:15px; font-size:12px; position:absolute; top:0; right:12px;}

/**********课程头部 end**********/

/*浏览数 点赞 评论*/
.liulan{ background:url(../images/wt_icon.png) no-repeat 0 0; height:30px; padding-left:22px; display:block; float:left; color:#999;} 
.comments a{ background:url(../images/wt_icon.png) no-repeat 0 -120px; height:24px; padding-left:22px; display:block; float:left;}
.comments a:hover{ background:url(../images/wt_icon.png) no-repeat 0 -150px; }
.zan{background:url(../images/wt_icon.png) no-repeat 0 -66px; height:12px;display:block; float:left; margin-top:6px; cursor:pointer;}
.zan:hover, .zan:focus{ background-position:0 -96px;}
.likeCount{ float:left; font-style:normal;padding:1px 0 0 15px; line-height:12px; height:12px;}
.zanAnimation {display: inline-block;background-position:0 -96px;}

/*数字分页*/
#fenye{ width:370px; margin:0 auto;color:#666;height:28px;}
#fenye a{display: inline-block; float:left;margin:0 3px;padding:0 11px;height:28px;line-height:28px;font-size: 14px;color:#787d82;border:1px solid #ddd;}
#fenye a:hover{color:#ff5f01;}
#fenye span{ display:block; float:left; height:28px;}
#fenye span.current{display: inline-block;height:30px;line-height:30px; color:#fff; background:#ff5f01;float:left;margin:0 3px;padding:0 11px;}
#fenye span.disabled{display: inline-block;height:28px;line-height:28px;margin:0 3px;padding:0 11px;color:#bfbfbf; float:left;border:1px solid #e5e5e5;}

#shuzi{ width:360px; margin:0 auto;color:#666;height:28px;}
#shuzi a{display: inline-block; float:left;margin:0 3px;padding:0 10px;height:28px;line-height:28px;font-size: 14px;color:#787d82;}
#shuzi a:hover{color:#ff5f01;}
#shuzi span{ display:block; float:left; height:28px;}
#shuzi span.current{display: inline-block;height:28px;line-height:28px; color:#fff; background:#ff5f01;float:left;margin:0 3px;padding:0 10px;}
#shuzi span.disabled{display: inline-block;height:28px;line-height:28px;margin:0 3px;padding:0 10px;color:#bfbfbf; float:left;}


/*右侧标题通用*/
.pingjia_tit{ height:49px; line-height:49px; padding-left:20px; font-size:16px; color:#333; border-bottom:1px solid #e5e5e5;}

/*右侧悬浮*/
.backBox{ width:48px; height:293px; background:#fff; border:1px solid #e1e1e1;position: fixed;right: 2px;top: 55%; z-index:99;}
.dn{display: none;}
.backBox span a{ width:48px; height:48px; background:url(../images/back_bg.png) no-repeat; display:block; border-bottom:1px solid #e1e1e1; text-indent:-99999px;}
.backBox span a:hover{ background:#ff5f01; color:#fff; text-indent:0; text-align:center; padding:6px 5px 0 5px; width:38px; height:42px; line-height:18px;}
.Qrcode span a{ background-position:0 0;}
.txQQ span a{ background-position:0 -48px;}
.iphone span a{ background-position:0 -96px;}
.feedback span a{background-position:0 -144px;}
.software span a{background-position:0 -192px;}
.backtop span a{background-position:0 -240px;}

.hiddenBox{ width:48px; height:49px; display:block; overflow:hidden;}
.hiddenCon{opacity:0; display:none; position:relative;}
.hiddenBox:hover .hiddenCon{opacity:1; display:block;}
.Qrcode_con{ position:absolute; right:48px; top:-100px; z-index:99; background:url(../images/wx_bg.png) no-repeat; width:189px; height:220px; overflow:hidden;}
.Qrcode_con img{ width:159px; height:159px; padding: 15px 0 0 15px;}
.Qrcode_con p{ display:block; text-align:center; line-height:36px;}
.txQQ_con{ width:208px; height:56px; background:url(../images/qq_bg.png) no-repeat; position:absolute; right:45px; top:46px;z-index:99; overflow:hidden;}
.txQQ_con img{ display:block; float:left; padding:14px 10px 0 22px;}
.txQQ_con p{ line-height:54px; float:left; color:#ff5f01; font-size:18px;}

/*404错误页面*/
.NotFound{ height:550px; background:url(../images/404.jpg) no-repeat 280px 200px;}
.NotFound_con{ width:500px; height:160px; padding:200px 0 0 480px;}
.NotFound_con strong{ display:block; font-weight:normal; font-size:30px; color:#ff5f01; line-height:55px;}
.NotFound_con p{ display:block; line-height:40px;}
.NotFound_con span{ display:block; color:#999; line-height:40px;}
.NotFound_con span i{ font-style:normal;}
.NotFound_con span a{padding-left:15px;}


/*职业分类*/
.big-window{width: 996px;height: 587px;position:fixed;box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.3);border: #ccc 3px solid;top:12%;left:18.5%;display: none;z-index:1000;/*margin: -280px 0 0 -340px;*/background: #fff;}
.bg-f0{background: #f0f0f0;}
.big-window .title{width: 100%;height: 30px;color: #333;line-height: 30px;text-indent: 15px;background: #fff;border-bottom: #ccc 1px dotted;}
.big-window .title a{width: 12px;height: 12px;display: block;position: absolute;top: 10px;right: 15px;background: url(../images/close.png) no-repeat center top;}
.big-window .title .tip{font-size: 12px;color: #ffa875;margin-left: 5px;}
.big-window .title a:hover{background: url(../images/close.png) no-repeat center bottom;}
.sele-tag{height:50px;padding:10px 0 0 0;background:#fff; margin:0 15px; overflow:hidden;}
.sele-tag dl{width: 100%;line-height: 30px;display: table;font-size: 12px;}
.sele-tag dt{width: 50px;display: table-cell;color: #ff5f01;vertical-align: middle;}
.sele-tag dd{display: table-cell;}
.sele-tag dd a{background: url(../images/select111.png) no-repeat left center;padding: 0 0 0 22px;margin: 0 10px 0 0;color: #333;display: block;float: left;max-width: 158px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.sele-tag a.btn{background: #ff5f01;padding: 0 15px;color: #fff;width: auto;border-radius: 4px;margin: 3px 0 0 0;line-height: 24px;float: right;}
.sele-tag dd a.btn:hover{background: #ff701c;}
.position-menu{width: 100%;height: 480px;position: relative;padding: 5px 0;}
.position-menu .menu{width: 160px;position: absolute;z-index: 2;float: left;}
.position-menu .sub-menu{width: 815px;padding: 10px;margin-left: 159px;height: 469px;overflow: auto;border: #eee 1px solid;float: left;background: #fff;}
.position-menu .menu li{width: 100%;height: 36px;line-height: 36px;cursor: pointer;color: #666;background: url(../images/ico-jj2.png) no-repeat right bottom;text-indent: 15px;border-bottom: #eee 1px solid;}
.position-menu .menu li.sele{color: #ff5f01;background: #fff url(../images/ico-jj2.png) no-repeat right top;}
.position-menu .sub-menu dl, .industry-list dl{width: 100%;display: table;font-size: 12px;padding: 4px 0 2px 0;border-bottom: #eee 1px dotted;}
.position-menu .sub-menu dt, .industry-list dt{display: table-cell;width: 90px;color: #333;padding: 2px 10px 0 0;vertical-align: top;}
.position-menu .sub-menu dd, .industry-list dd{display: table-cell;}
.position-menu .sub-menu dd a, .industry-list dd a{background: url(../images/select000.png) no-repeat left center;padding: 0 0 0 20px;margin: 1px 3px;color: #666;display: block;float: left;width: 166px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.position-menu .sub-menu dd a.sele, .industry-list dd a.sele{background: url(../images/select111.png) no-repeat left center;color: #ff5f01;}
.industry-list{width: 100%;padding: 5px 15px;background: #fff;}
.industry-list dl{padding: 4px 0 2px 0;}
.industry-list dt{width: 160px;padding: 1px 0 0 0;font-size: 14px;}
.industry-list dd a{width: 190px;}
.industry-btn{width: 100%;padding: 10px 0;text-align: center;}
.industry-btn a.btn{background: #f2766a;padding: 5px 15px;color: #fff;width: auto;border-radius: 4px;}
.industry-btn a.btn:hover{background: #ff5f01;}

.mask-Bg {background:#000;position:fixed;top:0px;left:0px;width:100%;height:100%;z-index:999;display:none;background: rgba(0,0,0,0.5); filter: alpha(opacity=50);}