/*
 * Description: 2015年会计职称临考通关
 * Author: tianfangfang 
 * Update: 17/4/2015
 */

/* css reset */
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: 12px/1.5 arial; }
select,input,button{vertical-align: middle;font-size: 100%;}
fieldset,img{border: 0 none;}
em,i{font-style: normal;}
a{ color:#333; text-decoration: none;}
a:hover{ color: #f60; text-decoration: underline;}
.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}

/* banner start */
.banner{ width: 100%; overflow: hidden; }
.banner-01{ height: 144px; background: url(../images/banner-01.jpg) no-repeat top center; }
.banner-02{ height: 174px; background: url(../images/banner-02.jpg) no-repeat top center; }
.banner-03{ height: 264px; background: url(../images/banner-03.jpg) no-repeat top center; }
/* banner end */

/* combo start */
.combo{ width: 100%; height: 678px; background: url(../images/combo.jpg) no-repeat top center; overflow: hidden; }
.combo-wrap{ width: 380px; height: 604px; margin: 0 auto; position: relative; padding: 0 321px 75px 279px; }
.combo-con{ padding: 11px 16px 13px 12px; overflow: hidden; }
.combo-con .tit{ height: 82px; font: 36px/82px "microsoft YaHei"; text-align: center; color: #fff; }
.combo-text{ padding-top: 16px; margin-bottom: 75px; }
.combo-text p{ font: 16px/38px "microsoft YaHei"; text-align: left; padding-left: 121px; }
.combo-info{ width: 313px; height: 52px; margin: 0 auto; padding-top: 8px; }
.combo-info p{ font: 14px/24px "microsoft YaHei"; text-align: center; color: #fff; }
.combo-cost{ width: 234px; height: 86px; position: relative; margin: 0 auto; padding-left: 79px; }
.combo-cost strong{ font: bold 54px/86px "microsoft YaHei"; color: #cc3300; }
.combo-cost s{ color: #333; font-family: "microsoft YaHei"; font-size: 12px; position: absolute; top: 25px; left: 181px; }
.combo-btn{  display: block; width: 348px; height: 65px; }
/* combo end */

/* step start */ 
.step{ width: 100%; background: #daf4fb; }
.step-con{ width: 980px; height: 1490px; margin: 0 auto; background: url(../images/step.jpg) no-repeat top ; padding-top: 131px; }
.step-item { width: 532px; padding: 56px 0 0 66px; overflow: hidden; }
.step-item .tit{ font: 32px/48px "microsoft YaHei"; color: #0180a3; }
.step-item p{ font: 16px/30px "microsoft YaHei"; color: #333; }
.step-item p span{ color: #fe4949; }
.step-item .time-wrap a{ color: #fe4949; text-decoration: underline;  }
.step-item .isson-wrap a{ font-size: 16px; float: right;  color: #fe4949; text-decoration: underline; font-family: "microsoft YaHei"; margin-top: 20px; }
/* step end */ 


/* teacher start */
.teacher{ width: 100%; overflow: hidden; background: #0180a3; padding-top: 25px; }
.teacher-wrap{ width: 980px; margin: 0 auto; }
.teacher-wrap .title{ border-top: 2px solid #046f8c; text-align: center; color: #fff; font-size: 40px; font: 40px/48px "simhei"; padding: 29px 0 20px 0;  border-bottom: 2px solid #046f8c;}
.teacher-wrap .title strong{ font-size: 72px; color: #fe4949; font-style: italic; }
.teacher-wrap .title span{ font-size: 28px; display: block; }
.teacher-con{ width: 860px; margin: 33px auto 0; overflow: hidden; padding: 0 60px ; border-bottom: 2px solid #046f8c; }
.teacher-con li{ width: 199px; height: 284px; border: 1px solid #797979; float: left;  margin:0 17px 42px 0; position: relative; overflow: hidden; }
.teacher-con li a{ width: 171px; display: block; position: absolute; left: 0; top: 0; text-decoration: none;  }
.teacher-con li .ft{ width: 171px; height: 258px; overflow: hidden; background: #fff; padding: 13px 14px; }
.teacher-con li .tit{ color: #000; font: 14px/27px "microsoft YaHei";font-weight: normal; }
.teacher-con li p{ line-height: 26px; font-size: 12px; color: #000; font-family: "simsun";}
.teacher-con li.last{ margin-right: 0; }
.teacher-con li .fb{ width: 171px; height: 258px; background: #02c4ce; padding: 13px 14px;  vertical-align: middle; }
.teacher-con li .fb span{ cursor: pointer; display: block; }

/* service start */
.service{ width: 980px; height: 63px; background: url(../images/service.jpg) no-repeat top center; padding: 251px 0 182px 0; }
.service p{ width: 218px; float: left; font: 12px/21px "simsun"; color: #fff; margin: 0 16px 0 11px; }
/*// service end */

/* app start */
.app{ width: 100%; overflow: hidden; background: #0180a3; }
.app-wrap{ width: 980px; margin: 0 auto 32px; }
