@charset "gb2312";
/* CSS Document */
/*
* Description: 社工报名季专题
* Update:      13/03/2019
* 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";}
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:50px;line-height:50px;font-size: 20px;color: #fff;text-align: center;background-color:#b34b32; border-bottom:3px solid #bcbcbc;}
.btn:hover{background-color: #ce3813;}
.bor{border-radius: 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;-ms-border-radius: 5px;-o-border-radius: 5px;}

/* banner */
.banner{width:100%;}
.banner_01{height:245px;background: url(../images/banner_01.jpg) center top no-repeat;overflow: hidden;}
.banner_02{height:349px;background: url(../images/banner_02.jpg) center top no-repeat;}
.banner_03{height:205px;background: url(../images/banner_03.jpg) center top no-repeat;}

.banner_01 h3{line-height:58px;font-size: 44px;color: #11566d;font-weight: bold;text-align:center;margin-top: 150px;padding-left: 370px;}
.banner_03 p{width:773px;height:72px;line-height:70px;font-size: 40px;color: #fff;text-align:center;margin-left: 393px;}

.title{width:677px;height:117px;line-height:108px;font-size: 48px;color: #fff;font-weight: bold;text-align:center;padding: 58px 117px 0 79px;background: url(../images/til_bg.png) no-repeat;margin-left: 176px;letter-spacing: 5px;}
.title em{color: #b34b32;}
.til_p{height:40px;line-height:40px;font-size: 20px;color: #fff;text-align:center;}

/*入门必备课程*/
.tao_wrap{width:100%;height:584px;background: url(../images/tao_bg.jpg) center top no-repeat;overflow: hidden;padding-top: 7px;}

.tao_ul{margin-top:50px;padding-left: 90px;}
.tao_ul li{float:left;width: 300px;height: 276px;background-color: #fff;border-radius: 20px 0 20px 0;-webkit-border-radius: 20px 0 20px 0;-moz-border-radius: 20px 0 20px 0;-ms-border-radius: 20px 0 20px 0;-o-border-radius: 20px 0 20px 0;box-shadow: 0 0 30px rgba(0,0,0,0.2);margin-left: 25px;position: relative;}
.tao_ul li h4{height: 66px;line-height: 66px;font-size:26px;font-weight:bold;color:#fff;text-align:center;background-color: #11566d;border-radius: 20px 0 0 0;-webkit-border-radius: 20px 0 0 0;-moz-border-radius: 20px 0 0 0;-ms-border-radius: 20px 0 0 0;-o-border-radius: 20px 0 0 0;padding-left: 60px;}
.tao_ul li h5{width:48px;height:233px;line-height:24px;font-size:20px;font-weight:bold;color:#fff;text-align:center;background: url(../images/h5_bg.png) no-repeat;position: absolute;top:0;left: 23px;padding-top: 12px;}

.tao_m{width: 240px;margin:30px 0 0 60px;}
.tao_m p{height: 44px;line-height: 44px;font-size: 16px;color: #4a4a4a;text-align: center;overflow: hidden;}
.tao_m p em{display: inline-block;vertical-align: middle;font-size: 36px;color: #d82f47;font-family: Arial;margin:-10px 2px 0;}
.tao_m p span{display: block;font-size: 24px;color: #d82f47;}
.tao_m a{width: 148px;font-size: 22px;margin: 12px auto 0;}

.tao_m2{width:300px;margin: 10px 0 0 0;overflow: hidden;}
.tao_mt{overflow: hidden;}
.tao_mt span{float:left;width: 123px;line-height: 32px;font-size: 24px;color: #d82f47;text-align:right;margin-top:24px;}
.tao_mt img{float: left;width: 110px;margin-left: 22px;}
.tao_m2 a{margin-left: 126px;}

/*热卖精品套餐*/
.hot_wrap{width:100%;background: url(../images/hot_bg.jpg) center top no-repeat;overflow: hidden;padding-bottom: 10px;}

.hot_tul{margin-top:50px;padding-left: 206px;}
.hot_tul li{float:left;width:340px;height:161px;background: url(../images/hot_tli.png) center top no-repeat;margin-left: 20px;overflow: hidden;}
.hot_tl{float:left;width: 239px;margin-top:10px;}
.hot_tl p{text-align: center;}
.hot_tp1{height: 86px;line-height: 86px;font-size: 84px;color: #b34b32;font-family: "Impact";}
.hot_tp1 em{font-size: 38px;font-weight: bold;font-family: Arial;}
.hot_tp2{line-height: 26px;font-size: 18px;color: #120a00;}
.hot_tp2 em{color: #b34b32;}

.hot_tr{float:left;width:101px;height:111px;line-height: 30px;font-size:26px;font-weight: bold;color: #fff;text-align: center;padding-top: 50px;}
.hot_tr:hover{color: #53a2cf;}

/*弹窗*/
.gray{width:100%;background-color:rgba(0,0,0,0.7);position: absolute;z-index: 99;display: none;left:0;top:0;} 
.pop_wrap{width:350px;height:150px;position:fixed; z-index:100;top:50%; left:50%; margin:-79px 0 0 -179px;background-color: #11566d;border:4px solid #94c5e1;overflow: hidden;display: none;}
.close_icon{;font-family:Helvetica;font-size:30px;color:#fff;top:0;right:10px;position:absolute;top:0;right:10px;cursor: pointer;}

.pop_wrap h4{height:76px;line-height: 76px;font-size: 24px;color: #fff;font-weight:bold;text-align: center;}
.pop_wrap h4 i{display: inline-block;vertical-align: middle;width: 21px;height: 22px;background: url(../images/dui.png) no-repeat;margin:-5px 10px 0 0;}
.pop_wrap a{width: 138px;margin: 0 auto;}

.hot_bul{margin-top:65px;}
.hot_bul li{float: left;width: 381px;height: 476px;background-color: #fff;margin-right: 18px;}
.hot_bul li h4{height:115px;line-height: 110px;font-size: 34px;font-weight: bold;color: #fff;text-align: center;letter-spacing: 4px;background: url(../images/h4_bg.png) no-repeat;}
.tao_bt{width:331px;height: 155px;border-bottom: 1px dashed #b5b5b5;margin: 0 auto;padding: 10px 15px 0;}
.tao_bt p{line-height:34px;font-size:20px;color:#333;margin-top: 14px;}

.tao_bb{height: 80px;margin-top:20px;}
.tao_bb p{height: 66px;line-height: 66px;font-size: 16px;color: #4a4a4a;padding-left: 38px;}
.tao_bb p span,.tao_bb p i{display: inline-block;vertical-align: middle;}
.tao_bb p em{color: #d82f47;}
.tao_bb p span{font-size: 36px;color: #d82f47;font-family: "Arial";margin:-10px 10px 0 0;}
.tao_bb p i{font-size: 14px;color: #717171;margin-top:-5px;text-decoration: line-through;}

.tao_btn{padding-left: 5px;}
.tao_btn a{float: left;width: 160px;font-size:22px;margin-left: 18px;}

/*右侧导航*/
.side_r{width:150px;height:467px;top:50%;right:-4px;margin-top:-234px;position:fixed;z-index:999;display: none;}
.side_rin{width:122px;height:434px;background:url(../images/side_r.png) no-repeat;padding:33px 14px 0;}

.side_rin h4,.side_ul li,.side_rin a{color:#fff;text-align: center;border-bottom: 1px solid #d19384;}
.side_rin h4{height: 56px;line-height: 56px;font-size: 20px;}
.side_ul li,.side_rin a{height:36px;line-height:36px;font-size:18px;cursor:pointer;}
.side_ul li.cur,.side_rin a:hover{color: #ffea01;}
.side_rin a{display: block;}

.side_ewm{margin-top:10px;}
.side_ewm img{margin: 0 auto;}
.side_ewm p{height:36px;line-height:36px;font-size:18px;color:#fff;text-align: center;}

.back_icon{display:block;width:122px;height:41px;background: url(../images/back_icon.png) center top no-repeat;cursor: pointer;margin-top:10px;}


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