@charset "gb2312";
/* CSS Document */
/*
* Description: 青藤新职业首页
* Update:      30/03/2020
* Author:      xuyongmei 
*/
body,h1,h2,h3,h4,h5,h6,dl,dt,dd,ul,ol,li,th,td,p,blockquote,pre,form,fieldset,legend,input,button,textarea,hr{margin:0;padding:0;}
ul,ol{list-style: none;}
body{font-size: 16px; background: #fff;  color:#333;font-family: "Microsoft YaHei", Arial, Helvetica, sans-serif;}
select,input,button{vertical-align: middle;font-size: 100%;border:0;}
fieldset,img{border: 0 none;}
h1, h2, h3, h4, h5, h6{ font-size:100%; font-weight:normal;}
em,i,b{font-style: normal;}
a{ color:#fff; text-decoration: none;}
a:hover{text-decoration:none;}
.clear {clear: both;display: block;height: 0; visibility: hidden; font: 0/0 arial}
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden; font-size: 0}
.clearfix {*zoom: 1}
/* ---------------------------------分隔线--------------------------------- */
.autoin{margin:0 auto;width:1180px;}
img{display:block;}
.btn{display: block;height:52px;line-height:52px;font-size:18px;color:#081573;text-align:center;font-weight:bold;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;letter-spacing: 2px;background-color: #fed44a;}
.btn:hover{background-color: #eabe2e;}
.bz{box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;-o-box-sizing: border-box;}

/*banner*/
.banner{width: 100%;height: 364px;background: url(../images/banner1.jpg) center top no-repeat;}

/*头部导航*/
.t_head{width: 100%;height: 76px;padding-top: 18px;}
.t_logo{float:left;width:225px;height:39px;background:url(../images/hqqt1.png) no-repeat;}
.t_logo a{display:block; height:39px; text-indent:-2000em; overflow:hidden;}

.t_hr{float: right;width: 783px;}
.t_hra{float: left;width: 104px;height: 39px;line-height: 38px;font-size:16px;color: #fefefe;text-align: center;}
.t_hra.cur,.t_hra:hover{color: #3f3f3f;text-decoration: none;background-color: #ffe34c;border-radius: 6px;-webkit-border-radius: 6px;-moz-border-radius: 6px;-ms-border-radius: 6px;-o-border-radius: 6px;}
.more_a{float: left;width: 118px;height: 39px;position: relative;}
.more_a span{display: block;height: 39px;line-height: 38px;font-size:16px;color: #fefefe;text-align: center;cursor: pointer;}
.more_a span i{display:inline-block;vertical-align:middle;width: 12px;height: 49px;font-size: 0;background: url(../images/arr1.png) left center no-repeat;margin: -5px 0 0 5px;}
.more_ul{width: 118px;height: 148px;background-color: #fff;overflow:hidden;position: absolute;top: 39px;left: 0;display: none;}
.more_ul a{display:block;width:98px;height: 36px;line-height: 36px;font-size: 14px;color: #999;text-align:center;border-top: 1px solid #e9e9e9;cursor: pointer;margin: 0 auto;}
.more_ul a:hover{width:118px;color: #3f3f3f;background-color: #e9e9e9;}
.more_ul a.cur{height:37px;margin-top: -1px;}

.more_a.cur{background-color: #fff;}
.more_a.cur span{color: #3f3f3f;}
.more_a.cur span i{background-image: url(../images/arr2.png);}
.more_a.cur .more_ul{display: block;}

.t_hrr{float: left;width: 175px;position: relative;}
.th_unlogin{padding: 6px 0 0 6px;overflow: hidden;}
.th_unlogin a{float: left;width: 68px;height: 28px;line-height: 28px;font-size: 16px;text-align: center;border: 1px solid #fff;border-radius: 15px;-webkit-border-radius: 15px;-moz-border-radius: 15px;-ms-border-radius: 15px;-o-border-radius: 15px;margin-left: 14px;}
.th_unloginlink1,.th_unloginlink2:hover{color:#3f3f3f;background-color: #fff;}
.th_unloginlink2{color:#fff;background-color: transparent;}
.th_unlogin a:hover{text-decoration: none;}
.th_unloginlink1:hover{background-color: #dfdfdf;border-color: #dfdfdf;}


.th_login{width: 155px;height: 37px;position: relative;border: 1px solid transparent;display: none;margin: 2px 0 0 17px;}
.th_user{width: 155px;height: 37px;position: relative;}
.th_username{width: 135px;height: 37px;}
.th_username a{display: block;line-height: 36px;font-size: 16px;color: #fff;text-align: center;}
.arr1{width: 12px;height: 18px;font-size: 0;background: url(../images/arr1.png) no-repeat;position: absolute;top:14px;right: 10px;}
.th_user.cur{background-color: #fff;}
.th_user.cur .th_username a{color: #3f3f3f;}
.th_user.cur .arr1{background-image: url(../images/arr2.png);}

.th_userlink{width:155px;position: absolute;left:0;top:37px;background-color: #fff;display: none;}
.th_user.cur .th_userlink{display: block;}
.th_userlink li{height: 37px;padding: 0 9px;margin-top: -1px;}  
.th_userlink li a{display: block;height: 36px;line-height: 36px;font-size: 14px;color: #999;border-top: 1px solid #e9e9e9;} 
.th_userlink li.cur{background-color: #e9e9e9;} 
.th_userlink li.cur a{color: #3f3f3f;}   
.th_icon{display: inline-block;vertical-align: middle;width: 17px;height: 36px;margin: -5px 12px 0 20px;}       
.th_icon1{background: url(../images/th_icon1.png) center center no-repeat;}
.th_icon2{background: url(../images/th_icon2.png) center center no-repeat;}
.th_icon3{background: url(../images/th_icon3.png) center center no-repeat;}
.th_icon4{background: url(../images/th_icon4.png) center center no-repeat;}
.th_icon5{background: url(../images/th_icon5.png) center center no-repeat;}
.th_userlink li.cur .th_icon1{background-image: url(../images/th_icon1h.png);}
.th_userlink li.cur .th_icon2{background-image: url(../images/th_icon2h.png);}
.th_userlink li.cur .th_icon3{background-image: url(../images/th_icon3h.png);}
.th_userlink li.cur .th_icon4{background-image: url(../images/th_icon4h.png);}
.th_userlink li.cur .th_icon5{background-image: url(../images/th_icon5h.png);}

.banner h2{height: 94px;line-height: 94px;font-size: 64px;font-weight: bold;color: #fff;text-align: center;margin-top: 62px;letter-spacing: 4px;}
.ban_p1{height: 58px;line-height: 44px;font-size: 20px;color: #fff;text-align: center;letter-spacing: 1px;background: url(../images/line1.png) center bottom no-repeat;}
.ban_p2 em{display:inline-block;vertical-align:middle;font-size:0;width: 18px;height: 18px;background: url(../images/icon1.png) no-repeat;margin: -3px 9px 0 0;}
.ban_btn{display:block;width:264px;height: 56px;line-height: 56px;font-size: 22px;font-weight:bold;color: #3f3f3f;text-align: center;background-color: #ffe34c;letter-spacing: 1px;border-radius: 28px;-webkit-border-radius: 28px;-moz-border-radius: 28px;-ms-border-radius: 28px;-o-border-radius: 28px;margin: 35px auto 0;}
.ban_btn:hover{background-color: #f7d936;}

/*二维码弹窗*/
.gray{width: 100%;height: 100%;background-color: rgba(0,0,0,0.5);position: fixed;top:0;left: 0;z-index: 99;display: none;}
.ewm_pop{width: 300px;height: 290px;background-color: #fff;position: fixed;top:50%;left: 50%;margin: -145px 0 0 -150px;z-index: 999;padding-top: 25px;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;o-border-radius:10px;display: none;}
.close_icon{display: block;width: 22px;height: 22px;background:url(../images/close_icon.png) no-repeat;position:absolute;top:-25px;right:-15px;cursor: pointer;}
.ewm_pop img{margin: 0 auto;}
.ewm_pop p{height: 34px;line-height: 34px;font-size: 14px;color: #666;text-align: center;letter-spacing: 1px;}

/*直播课堂*/
.live_wrap{width: 100%;height:auto;background-color: #f3f3f9;padding-top: 20px;}

/*课程部分*/
.tao_wrap{width: 100%;background:#f3f3f9 url(../images/bg1.png) center bottom no-repeat;padding: 65px 0 40px;}

.tao_ul{}
.tao_ul li{float:left;width: 372px;height: 246px;background-color: #fff;border-radius: 10px;-webkit-border-radius: 10px;-moz-border-radius: 10px;-ms-border-radius: 10px;-o-border-radius: 10px;box-shadow:0 0 12px rgba(92,86,242,0.2);-webkit-box-shadow:0 0 12px rgba(92,86,242,0.2);-moz-box-shadow:0 0 12px rgba(92,86,242,0.2);-ms-box-shadow:0 0 12px rgba(92,86,242,0.2);-o-box-shadow:0 0 12px rgba(92,86,242,0.2);transition: all 0.3s ease;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;overflow: hidden;margin: 0 30px 45px 0;position: relative;}
.tao_ul li.last_li{margin-right: 0;}
.tao_ul li a{display: block;height: 246px;overflow: hidden;}
.img_icon{display: block;height: 140px;margin-top: 30px;}
.img_icon img{display: block;margin: 0 auto;}
.tao_ul li a h4{height: 34px;line-height: 34px;font-size: 24px;color: #3f3f3f;text-align: center;font-weight: bold;letter-spacing: 1px;}
.tao_ul li a p{height: 24px;line-height: 24px;font-size: 14px;color: #666;text-align: center;}

.no_div{width: 372px;height: 246px;background-color: rgba(0,0,0,0.3);border-radius: 10px;-webkit-border-radius: 10px;-moz-border-radius: 10px;-ms-border-radius: 10px;-o-border-radius: 10px;position: absolute;top: 246px;left: 0;overflow: hidden;}
.no_div span{display:block;width: 159px;height: 91px;margin: 78px auto 0;}

.tao_ul li.cur{box-shadow: 0 0 20px rgba(92,86,242,0.3);-webkit-box-shadow: 0 0 20px rgba(92,86,242,0.3);-moz-box-shadow: 0 0 20px rgba(92,86,242,0.3);-ms-box-shadow: 0 0 20px rgba(92,86,242,0.3);-o-box-shadow: 0 0 20px rgba(92,86,242,0.3);transform: translateY(-5px);-webkit-transform: translateY(-5px);-moz-transform: translateY(-5px);-ms-transform: translateY(-5px);-o-transform: translateY(-5px);}


/*底部信息*/
.fot_wrap{width: 100%;background-color: #535160;padding: 75px 0 30px;}

.fot_con{overflow: hidden;}
.fot_p{float: left;width: 760px;line-height: 28px;font-size: 14px;color: #c7c7c7;letter-spacing: 1px;}
.fot_con span{float: left;width: 414px;height: 40px;margin: 20px 0 0 5px;}


/*扉页*/
.feiye{width:100%;line-height:20px;font-size:12px;text-align:center;color:#4e4c5d;margin-top: 20px;}