body{
    background: url(../img/bsms_bg_img.png) #fff;
    font-size: 14px;
    color: #333;
}
ul,li{
    -webkit-padding-start: 0;
    text-indent: 0;
    list-style: none;
}
a,a:hover,a:link,a:visited{
    text-decoration: none;
}
.content{
    width: 1100px;
    margin: 0 auto;
}
/*开始*/
#banner{
    height: 400px;
    background: url(../img/bsms_banner.jpg) no-repeat center;
}
/*考试须知*/
#ksxz{

}
#ksxz h2{
    font-size: 60px;
    height: 110px;
    background: url(../img/bsms_bg_title.png) no-repeat center top;
    text-align: center;
    font-weight: bold;
    margin: 40px 0 10px;
}
#ksxz .title{
    width: 1100px;
    margin: 0 auto;
    height: 88px;
    border-bottom: 2px solid #4e8df6;
    border-top-left-radius: 10px;
    overflow: hidden;
}
#ksxz .title li{
    width: 270px;
    height: 88px;
    float: left;
    line-height: 88px;
    text-align: center;
    font-size: 30px;
    color: #171616;
    cursor: pointer;
}
#ksxz .title li.active{
    color: #fff;
    background: -webkit-linear-gradient(left,#3c4fc6,#497be8);   /* Safari */
    background: -moz-linear-gradient(left,#3c4fc6,#497be8);      /* Firefox */
    background: -ms-linear-gradient(left,#3c4fc6,#497be8);       /* Microsoft Explorer */
    background: -o-linear-gradient(left,#3c4fc6,#497be8);        /* Opera */
    background: linear-gradient(left,#3c4fc6,#497be8);
}
#ksxz .main{
    width: 1100px;
    margin: 0 auto;
}
#ksxz .c1{
    height: 353px;
}
#ksxz .c1 li{
    width: 260px;
    height: 333px;
    float: left;
    margin: 20px 0 0 18px;
    -webkit-box-shadow: 0 0 15px 3px #edf3fe;
    -moz-box-shadow:  0 0 15px 3px #edf3fe;
    box-shadow:  0 0 15px 3px #edf3fe;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background: url(../img/bsms_icon_ksxz1.png) no-repeat center 30px #fff;
}
#ksxz .c1 li:first-child{
    margin-left: 0;
}
#ksxz .c1 li:nth-of-type(2){
    background-image: url(../img/bsms_icon_ksxz2.png);
}
#ksxz .c1 li:nth-of-type(3){
    background-image: url(../img/bsms_icon_ksxz3.png);
}
#ksxz .c1 li:nth-of-type(4){
    background-image: url(../img/bsms_icon_ksxz4.png);
}
#ksxz .c1 .p1{
    text-align: center;
    font-size: 18px;
    color: #121212;
    margin-top: 132px;
    font-weight: bold;
    height: 60px;
    width: 100%;
}
#ksxz .c1 .p2{
    color: #666666;
    text-align: center;
    font-size: 18px;
    height: 30px;
    overflow: hidden;
}
#ksxz .c1 .p2 + a{
    display: block;
    width: 138px;
    height: 46px;
    line-height: 42px;
    border: 1px solid #f1f1f1;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    margin: 40px auto 20px;
    text-align: center;
    color: #e65734;
    font-size: 18px;
    font-weight: 800;
    -webkit-box-shadow: 0 5px 15px 1px #f7f7f7;
    -moz-box-shadow: 0 5px 15px 1px #f7f7f7;
    box-shadow: 0 5px 15px 1px #f7f7f7;
}
#ksxz .c1 .p2 + a:hover{
    background: -webkit-linear-gradient(left,#fb5a36,#ea3b3e);   /* Safari */
    background: -moz-linear-gradient(left,#fb5a36,#ea3b3e);      /* Firefox */
    background: -ms-linear-gradient(left,#fb5a36,#ea3b3e);       /* Microsoft Explorer */
    background: -o-linear-gradient(left,#fb5a36,#ea3b3e);        /* Opera */
    background: linear-gradient(left,#fb5a36,#ea3b3e);
    -webkit-box-shadow: 0 5px 15px 1px #f9d7c9;
    -moz-box-shadow: 0 5px 15px 1px #f9d7c9;
    box-shadow: 0 5px 15px 1px #f9d7c9;
    color: #fff;
}
#ksxz .c1 .p2 + a > span.arrow{
    display: inline-block;
    border-left:8px solid #df4d34;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    margin-left: 5px;
}
#ksxz .c1 .p2 + a:hover > span.arrow{
    border-left-color: #fff;
}
#ksxz .c2{
    width: 1095px;
    height: 171px;
    border: 1px solid #beccff;
    border-collapse: collapse;
    background-color: #fff;
    margin: 40px auto 90px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -webkit-box-shadow: 0 0 15px 4px #edf3fe;
    -moz-box-shadow:  0 0 15px 4px #edf3fe;
    box-shadow:  0 0 15px 4px #edf3fe;
    overflow: hidden;
}
#ksxz .c2 li{
    height: 85px;
    line-height: 85px;
    width: 273px;
    font-size: 18px;
    color: #666;
    text-align: center;
    border-left: 1px solid #e2e2e2;
    float: left;
}
#ksxz .main2{
    display: none;
}
#ksxz .main2 .c2 li{
    width: 364px;
}
#ksxz .c2 a:nth-of-type(1) li,
#ksxz .c2 a:nth-of-type(2) li,
#ksxz .c2 a:nth-of-type(3) li,
#ksxz .c2 a:nth-of-type(4) li{
    border-bottom: 1px solid #e2e2e2;
}
#ksxz .c2 a:nth-of-type(1) li,
#ksxz .c2 a:nth-of-type(5) li{
    border-left: none;
}
#ksxz .main2 .c2 a:nth-of-type(4) li{
    border-bottom: none;
    border-left: none;
}
#ksxz .main2 .c2 a:nth-of-type(5) li{
    border-left: 1px solid #e2e2e2;
}
#ksxz .c2 li:hover{
    background: -webkit-linear-gradient(left,#e65634,#d33c35);   /* Safari */
    background: -moz-linear-gradient(left,#e65634,#d33c35);      /* Firefox */
    background: -ms-linear-gradient(left,#e65634,#d33c35);       /* Microsoft Explorer */
    background: -o-linear-gradient(left,#e65634,#d33c35);        /* Opera */
    background: linear-gradient(left,#e65634,#d33c35);
    color: #fff;
}
/*笔试考试科目*/
#bskm{
    height: 1561px;
    background: url(../img/bsms_bg_xueke.jpg) no-repeat center;
    overflow: hidden;
}
#bskm h2{
    height: 80px;
    background: url(../img/bsms_bg_title_bs.png) no-repeat center top;
    font-weight: bold;
    color: #fff;
    font-size: 60px;
    text-align: center;
    margin: 40px 0 20px;
}
#bskm .main1{
    width: 1100px;
    height: 640px;
    background: url(../img/bsms_bg_kskm1.jpg) no-repeat center;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    margin: 0 auto;
}
#bskm .main1 .title{
    height: 120px;
    line-height: 120px;
    font-size: 40px;
    text-align: center;
    color: #fff;
    font-weight: bold;
}
#bskm .main1 .c{
    width: 1040px;
    height: 490px;
    background-color: #fff;
    text-align: center;
    margin: 0 auto;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    overflow: hidden;
}
#bskm .main1 table caption{
    height: 50px;
    background-color: #fff;
    text-align: center;
    font-size: 24px;
    color: #3c4fc5;
    font-weight: bold;
    line-height: 50px;
}
#bskm .main1 table{
    background: url(../img/bsms_bg_img2.png);
}
#bskm .main1 table td,
#bskm .main1 table th{
    border: 1px solid #d7d7d7;
    height: 48px;
    font-size: 16px;
    text-align: center;
    color: #0d0d0d;
}
#bskm .main1 table td b{
    font-size: 18px;
}
#bskm .main1 table th b{
    font-size: 24px;
}
#bskm .main1 table th{
    background-color: #f6f9fc;
}
#bskm .main1 table th:first-child{
    background: url(../img/bsms_kskm_line.png) no-repeat center #dfedff;
    background-size: 100% 100%;
    font-size: 24px;
    color: #3d51c7;
}
#bskm .main1 table th:first-child b:first-child{
    margin-left: 0;
    margin-right: 100px;
}
#bskm .main1 table th:first-child b:last-child{
    margin-right: 0;
    margin-left: 100px;
}
#bskm .main2{
    width: 1100px;
    height: 624px;
    background: url(../img/bsms_bg_kskm2.jpg) no-repeat center;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    margin: 80px auto 0;
}
#bskm .main2 .title{
    height: 112px;
    line-height: 112px;
    font-size: 40px;
    text-align: center;
    color: #fff;
    font-weight: bold;
}
#bskm .main2 .c{
    width: 1040px;
    height: 490px;
    background-color: #fff;
    text-align: center;
    margin: 0 auto;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    overflow: hidden;
    background: url(../img/bsms_bg_img2.png);
}
#bskm .c .left{
    width: 380px;
    float: left;
}
#bskm .c .left li{
    width: 360px;
    height: 60px;
    line-height: 60px;
    border-top: 1px solid #f8f8f8;
    background-color: #eee;
    text-align: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 40px;
    font-size: 20px;
    color: #333;
    cursor: pointer;
    position: relative;
}
#bskm .c .left li:first-child{
    border-top: none;
}
#bskm .c .left li.active{
    color: #fff;
    background: -webkit-linear-gradient(left,#fb4720,#e92829);   /* Safari */
    background: -moz-linear-gradient(left,#fb4720,#e92829);      /* Firefox */
    background: -ms-linear-gradient(left,#fb4720,#e92829);       /* Microsoft Explorer */
    background: -o-linear-gradient(left,#fb4720,#e92829);        /* Opera */
    background: linear-gradient(left,#fb4720,#e92829);
}
#bskm .c .left li.active:after{
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-left: 13px solid #e92829;
    border-top: 13px solid transparent;
    border-bottom: 13px solid transparent;
    position: absolute;
    right: -13px;
    top: 17px;
}
#bskm .c .right{
    width: 660px;
    float: left;
}
#bskm .c .right table{
    width: 644px;
    height: 454px;
    margin: 20px auto;
}
#bskm .c .right table th,
#bskm .c .right table td{
    border: 1px solid #d7d7d7;
    text-align: center;
    width: 33%;
    font-size: 16px;
    color: #0d0d0d;
}
#bskm .c .right table th{
    background-color: #feecec;
    color: #e82929;
    font-weight: bold;
    font-size: 24px;
    height: 50px;
}
#bskm .c .right table th:nth-of-type(even){
    background-color: #dfedff;
    color: #3d51c7;
}
/*备考资料*/
#bkzl{

}
#bkzl h2{
    font-size: 60px;
    height: 100px;
    background: url(../img/bsms_bg_title.png) no-repeat center top;
    text-align: center;
    font-weight: bold;
    margin: 40px 0 0;
}
#bkzl ul{
    width: 1100px;
    height: 330px;
    margin: 0 auto;
}
#bkzl li{
    width: 260px;
    height: 265px;
    border-top: 3px solid #d75758;
    float: left;
    margin-left: 20px;
    -webkit-box-shadow: 0 0 25px 5px #eeeeee;
    -moz-box-shadow:  0 0 25px 5px #eeeeee;
    box-shadow:  0 0 25px 5px #eeeeee;
    background: url(../img/bsms_icon_bkzl1.png) no-repeat center 40px #fff;
}
#bkzl li:first-child{
    margin-left: 0;
}
#bkzl li:nth-of-type(2){
    background-image: url(../img/bsms_icon_bkzl2.png);
}
#bkzl li:nth-of-type(3){
    background-image: url(../img/bsms_icon_bkzl3.png);
}
#bkzl li:nth-of-type(4){
    background-image: url(../img/bsms_icon_bkzl4.png);
    background-position: center 56px;
}
#bkzl li > div{
    margin-top: 150px;
    font-size: 22px;
    color: #080808;
    font-weight: bold;
    text-align: center;
}
#bkzl li > div + a{
    display: block;
    width: 172px;
    height: 44px;
    line-height: 44px;
    color: #fff;
    font-size: 18px;
    text-align: center;
    background: -webkit-linear-gradient(left,#fb4820,#e82429);   /* Safari */
    background: -moz-linear-gradient(left,#fb4820,#e82429);      /* Firefox */
    background: -ms-linear-gradient(left,#fb4820,#e82429);       /* Microsoft Explorer */
    background: -o-linear-gradient(left,#fb4820,#e82429);        /* Opera */
    background: linear-gradient(left,#fb4820,#e82429);
    margin: 0 auto;
    position: relative;
    top: 50px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
}
/*我要学习*/
#wyxx{
    height: 633px;
    background: url(../img/bsms_bg_wyxx.jpg) no-repeat center;
    overflow: hidden;
}
#wyxx h2{
    height: 80px;
    background: url(../img/bsms_bg_title_bs.png) no-repeat center top;
    font-weight: bold;
    color: #fff;
    font-size: 60px;
    text-align: center;
    margin: 30px 0 10px;
}
#wyxx ul{
    width: 1100px;
    margin: 0 auto;
}
#wyxx ul li{
    float: left;
    margin-left: 36px;
}
#wyxx ul li:nth-of-type(odd){
    margin-left: 0;
}
/*面试科目*/
#mskm{

}
#mskm h2{
    font-size: 60px;
    height: 100px;
    background: url(../img/bsms_bg_title.png) no-repeat center top;
    text-align: center;
    font-weight: bold;
    margin: 40px 0 0;
}
#mskm .title{
    width: 1100px;
    margin: 0 auto;
    height: 150px;
}
#mskm .title li{
    width: 25%;
    height: 136px;
    float: left;
    color: #fff;
    background: -webkit-linear-gradient(top,#333646,#545769);   /* Safari */
    background: -moz-linear-gradient(top,#333646,#545769);      /* Firefox */
    background: -ms-linear-gradient(top,#333646,#545769);       /* Microsoft Explorer */
    background: -o-linear-gradient(top,#333646,#545769);        /* Opera */
    background: linear-gradient(top,#333646,#545769);
    text-align: center;
    line-height: 136px;
    font-size: 24px;
    font-weight: bold;
    cursor: pointer;
    position: relative;
}
#mskm .title li.active{
    background: -webkit-linear-gradient(top,#fb4720,#e92a29);   /* Safari */
    background: -moz-linear-gradient(top,#fb4720,#e92a29);      /* Firefox */
    background: -ms-linear-gradient(top,#fb4720,#e92a29);       /* Microsoft Explorer */
    background: -o-linear-gradient(top,#fb4720,#e92a29);        /* Opera */
    background: linear-gradient(top,#fb4720,#e92a29);
}
#mskm .title li.active:after{
    content: "";
    display: block;
    position: absolute;
    bottom: -13px;
    border-top: 13px solid #e92a29;
    border-left: 13px solid transparent;
    border-right: 13px solid transparent;
    left: 124.5px;
}
#mskm .main table{
    width: 1098px;
    height: 432px;
    margin: 30px auto;
    background-color: #fff;
}
#mskm .main table th,
#mskm .main table td{
    border: 1px solid #d7d7d7;
    text-align: center;
    font-size: 16px;
    color: #333;
}
#mskm .main table th{
    width: 50%;
    background-color: #dfedff;
    font-size: 24px;
    color: #3c4fc6;
    font-weight: bold;
}
#mskm .main table th:first-child{
    background-color: #fbedec;
    color: #d64035;
}
/*面试流程*/
#mslc{
    height: 661px;
    background: url(../img/bsms_bg_mssteps.jpg) no-repeat center;
    overflow: hidden;
}
#mslc h2{
    height: 80px;
    font-weight: bold;
    color: #fff;
    font-size: 60px;
    text-align: center;
    margin: 60px 0 10px;
    padding: 0;
}
#mslc .main{
    width: 1100px;
    margin: 0 auto;
}
#mslc .left{
    width: 600px;
    height: 400px;
    float: left;
    position: relative;
    margin-top: 30px;
}
#mslc .left a{
    display: block;
    color: #fff;
    font-size: 18px;
    position: absolute;
    line-height: 1.3;
}
#mslc .left a:nth-of-type(1){
    top: 160px;
    left: 75px;
}
#mslc .left a:nth-of-type(2){
    top: 160px;
    left: 205px;
}
#mslc .left a:nth-of-type(3){
    top: 160px;
    left: 335px;
}
#mslc .left a:nth-of-type(4){
    top: 148px;
    left: 452px;
}
#mslc .left a:nth-of-type(5){
    top: 328px;
    left: 542px;
}
#mslc .left a:nth-of-type(6){
    top: 340px;
    left: 408px;
}
#mslc .left a:nth-of-type(7){
    top: 340px;
    left: 275px;
}
#mslc .right{
    width: 427px;
    height: 300px;
    float: right;
    margin: 100px 0 0 0;
}
/*面试竞争力*/
#msjzl h2{
    font-size: 60px;
    height: 100px;
    background: url(../img/bsms_bg_title.png) no-repeat center top;
    text-align: center;
    font-weight: bold;
    margin: 40px 0 0;
}
#msjzl .main{
    width: 1100px;
    margin: 0 auto;
}
#msjzl .left{
    width: 540px;
    height: 490px;
    float: left;
}
#msjzl .left p{
    font-size: 15px;
    color: #000109;
    line-height: 1.2;
}
#msjzl .left .c .t li{
    width: 179px;
    height: 60px;
    line-height: 60px;
    background-color: #212121;
    color: #fff;
    font-size: 18px;
    text-align: center;
    float: left;
    border-left: 1px solid #fff;
    border-bottom: 1px solid #fff;
    cursor: pointer;
}
#msjzl .left .c .t li:first-child{
    border-left: none;
}
#msjzl .left .c .t li.active{
    background-color: #e1413e;
}
#msjzl .right{
    width: 560px;
    height: 500px;
    float: right;
}
#msjzl .right ul{
    position: relative;
}
#msjzl .right ul:before{
    content:"";
    display: block;
    position: absolute;
    width: 2px;
    height: 459px;
    background-color: #eb2c28;
    top: 13px;
    left: 18px;
}
#msjzl .right li{
    font-size: 16px;
    color: #000109;
    overflow: hidden;
    white-space: nowrap;
    position: relative;
    margin-left: 30px;
    padding-left: 5px;
    overflow: visible;
    height: 35px;
}
#msjzl .right li:before{
    content: "";
    display: block;
    position: absolute;
    top: 10px  ;
    left: -15px;
    width: 8px;
    height: 8px;
    background-color: #eb2c28;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 0 1px 3px #f7aba9;
    -moz-box-shadow: 0 0 1px 3px #f7aba9;
    box-shadow: 0 0 1px 3px #f7aba9;
}
#msjzl .right li:first-child{
    font-weight: bold;
    font-size: 18px;
}
#msjzl .right li:first-child:before,
#msjzl .right li:last-child:before{
    width: 11px;
    height: 11px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: 0 0 0 0 #fff;
    -moz-box-shadow: 0 0 0 0 #fff;
    box-shadow: 0 0 0 0 #fff;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    left: -17px;
}
#msjzl .right li:first-child:after{
    content: "";
    display: inline-block;
    width: 11px;
    height: 11px;
    background-color: #eb2c28;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    left: -17px;
    margin-left: 20px;
}
#msjzl .right li:first-child{
    padding-left: 15px;
}
#msjzl .right li a{
    color: #ef3427;
    font-weight: bold;
    float: right;
}
#msjzl .right li b{
    color: #ef3427;
}
/*教学现场*/
#xcjx{
    height: 484px;
    background: url(../img/bsms_bg_classroom.jpg) no-repeat center;
    overflow: hidden;
}
#xcjx h2{
    height: 80px;
    font-weight: bold;
    color: #fff;
    font-size: 60px;
    text-align: center;
    margin: 30px 0 30px;
}
#xcjx .main{
    width: 1100px;
    margin: 0 auto;
}
/*固定咨询窗*/
#chatroom{
    width: 110px;
    height: 352px;
    position: fixed;
    left: 50px;
    top: 50%;
    margin-top: -176px;
}
#chatroom li{
    width: 100%;
    height: 31px;
    line-height: 31px;
    background: -webkit-linear-gradient(left,#3579ef,#384dce);   /* Safari */
    background: -moz-linear-gradient(left,#3579ef,#384dce);      /* Firefox */
    background: -ms-linear-gradient(left,#3579ef,#384dce);       /* Microsoft Explorer */
    background: -o-linear-gradient(left,#3579ef,#384dce);        /* Opera */
    background: linear-gradient(left,#3579ef,#384dce);
    margin-top: 2px;
    text-align: center;
    color: #fff;
    font-size: 14px;
}
#chatroom li:hover{
    background: -webkit-linear-gradient(left,#fb4920,#e82629);   /* Safari */
    background: -moz-linear-gradient(left,#fb4920,#e82629);      /* Firefox */
    background: -ms-linear-gradient(left,#fb4920,#e82629);       /* Microsoft Explorer */
    background: -o-linear-gradient(left,#fb4920,#e82629);        /* Opera */
    background: linear-gradient(left,#fb4920,#e82629);
}
#chatroom a:last-child li{
    height: 55px;
    border-bottom-left-radius: 50px;
    border-bottom-right-radius: 50px;
    line-height: 15px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-top: 10px;
}
#chatroom a:last-child li:before{
    content: "";
    display: inline-block;
    border-bottom: 10px solid #fff;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
}