html, body, div, span,object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, samp,small, strike, strong, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video {margin: 0;padding: 0;border: 0; font: inherit;vertical-align: baseline;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
html,body{margin:0; padding:0; font-family:"Microsoft YaHei","SimSun"; color: #3C464F; font-size: 14px; background:#f7f8fa; min-width: 1300px;}
body a{cursor: pointer; text-decoration:none; color:#3C464F; font-size: 14px;}
ol,ul{list-style: none;}
.clear:after{content:""; display:block; visibility:hidden; height:0; clear:both;}
.clear{zoom:1;}
.fl{float:left;}
.fr{float:right;}
.w1200{width:1200px; margin: 0 auto; position: relative;}

/** BANNER **/
.banner{width:100%; height: 526px;}
.banner li{height: 100%;}

/*课程*/
.subject{width: 100%; background: url(../images/subject_bg.png)no-repeat center bottom; padding: 50px 0 26px; background-size: 100% 100%;}
.catalog{background: #f5f5f5; border-radius: 6px 6px 0 0; padding: 10px;}
.catalog p{height: 38px; line-height: 38px; text-align: center; cursor: pointer; border: 1px solid #dadada; border-radius: 30px; background: #fff;}
.catalog p.active{color: #fff; background: linear-gradient(90deg,#c22016 0%,#fc6a20 100%); border-color:#dc411b;}
.catalog p:hover{color: #fff; background: linear-gradient(90deg,#c22016 0%,#fc6a20 100%); border-color:#dc411b;}
.subjects{background: #fff; padding: 20px; box-shadow: 6px 6px 16px #efefef; border-radius: 0 0 10px 10px;}
.subjects:after{content:""; display:block; visibility:hidden; height:0; clear:both;}
.subjects video{width: 568px; height: 336px;}
.subjects div:first-child{display: block;}
.subjects div{display: none; width: 540px; height: 336px; float: right; overflow:hidden;}
.subjects div p{border-bottom: 1px solid #F0F0F0;}
.subjects div p b{display: block; font-size: 18px; float: left;}
.subjects div p b:after{display: block; height: 2px; width: 60px; background: #ED4636; margin-top: 8px; content: ''; }
.subjects div p a{color: #999; float: right;}
.subjects div p a:hover{text-decoration: underline;}
.subjects div ul{height:222px; overflow-y: auto; margin:13px 0;}
.subjects div li{margin-bottom: 18px; height: 20px; line-height:20px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.subjects div li:after{content:""; display:block; visibility:hidden; height:0; clear:both;}
.subjects div li i{display: block; width: 16px; height: 16px; line-height: 16px; text-align: center; background: #7EC3F4; color: #fff; border-radius: 3px; float: left; margin-top: 2px;}
.subjects div li a span{float: left; margin-left: 10px; max-width: 462px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.subjects div li.free a:after{display:inline-block; content: ''; width: 31px; height: 19px; background: url(../images/free.png);}
.subjects div li a:hover{color: #ED4636;}
.subjects div li:nth-child(2) i{background: #ED4636;}
.subjects div li:nth-child(3) i{background: #FE7A36;}
.subjects div li:nth-child(4) i{background: #FFC552;}
.subjects div .aBtn{width: 86%; border-radius: 30px; height: 42px; line-height: 42px; display: block; font-size: 18px; color: #fff; text-align: center; margin: 0 auto; letter-spacing: 2px; background: linear-gradient(90deg,#c22016 0%,#fc6a20 100%); box-shadow: 1px 3px 10px #ff866c;}
.subjects div .aBtn:hover{opacity: 0.9;}
/*滚动条整体样式*/
/*高宽分别对应横竖滚动条的尺寸*/
.subjects div ul::-webkit-scrollbar {width: 10px; height: 1px;}
/*滚动条里面小方块*/
.subjects div ul::-webkit-scrollbar-thumb {border-radius: 10px; background: #ebebeb; -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2); }
/*滚动条里面轨道*/
.subjects div ul::-webkit-scrollbar-track {border-radius: 10px; background: #fff; -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2); }

/*课程*/
.banxing{width: 100%; background: url(../images/banxing_bg.png)no-repeat center bottom; background-size: 100% 100%; padding: 40px 0 32px;}
.bxTit{width: 100%; height: 76px; background: url(../images/course_title.png)no-repeat center; margin-bottom: 48px;}
.bxTop{width: 100%; height: 160px;}
.bxTop .bxCon{position: relative;}
.bxTop .bxCon h4{position: absolute; left: 0; bottom: 0; width: 100%; height: 36px; line-height: 36px; font-size: 18px; color: #fff; text-align: center;}
.bxCon{width: 380px; float: left; margin-right: 30px; line-height: 24px;}
.bxCon h3{width: 380px; height: 160px; line-height: 160px; text-align: center; color: #fff; font-size: 34px; font-weight: bold; text-shadow: 0px 4px 0px rgba(46, 39, 37, 0.1);}
.bxCon h5{display: block;font-size: 16px; font-weight: bold; padding-top: 20px;}
.bxCon h5:before{border-width: 3px; border-style: solid; width: 9px; height: 9px; border-radius: 50%; margin-right: 6px; display: inline-block; content: ''; }
.bxCon .content{background: #fff; padding: 0 20px; margin-top: 20px;}
.bxCon .content h6{width: 100%; height: 40px; line-height: 40px; font-size: 16px; text-align: center; border-radius: 0px 12px 0px 12px;}
.bxCon .crowd{height: 66px; padding: 12px 0 16px 20px;}
.bxCon .major{text-align: center; padding: 16px 0;}
.bxCon .system{line-height: 28px; padding: 16px 0; height: 336px;}
.bxCon .system b{font-weight: bold; color: #000;}
.bxCon .hot_fill{background: url(../images/hot_fill.png)no-repeat center left; background-size: auto 68%; padding-left: 22px;}
.bxCon .datum{border-top-width: 4px; border-top-style: solid; padding: 0 20px 26px; margin-top: 20px; background: #fff;}
.bxCon .datum ul{background: #fff; height: 116px;  border-radius: 8px; padding:10px 0; margin-top: 16px;}
.bxCon .datum ul li{line-height:22px; padding:5px 20px; display: inline-block; float: left;}
.bxCon .datum ul li:before{width: 15px; height: 13px; background: url(../images/course_right.png); margin-right: 6px; display: inline-block; content: ''; }
.bxCon .datum ul li.hot:after{width: 19px; height: 12px; background: url(../images/hot.png); margin-left: 6px; display: inline-block; content: ''; }
.bxCon .service{margin-top: 20px; padding: 0 20px; background: #fff;}
.bxCon .service div{height: 116px;}
.bxCon .service div span{ height:16px; line-height:16px; margin-top: 16px; display: block; text-indent: 1.5em;}
.bxCon .service div span:before{width: 15px; height: 13px; background: url(../images/course_right.png); margin-right: 6px; display: inline-block; content: ''; }
.bxCon .service i{display: block; margin-top: 20px; width: 100%; height: 90px; padding-top: 50px; font-size: 16px; line-height: 32px; color: #7D4537; text-align: center; letter-spacing: 2px; background: url(../images/course_quality.png); background-size: 100%;}
.bxCon .service i b{font-size: 26px; padding: 0 3px;}
.bxCon .service p{padding: 30px 0;}
.bxCon .service p a{display: block; width:156px; height: 44px; line-height: 44px; color: #fff; font-size: 18px; border-radius: 8px; text-align: center; }
.bxCon .service p a:first-child{ background: #FFBD4F; float: left; }
.bxCon .service p a:last-child{ background: #D95341; float: right;}
.bxCon .service p a:hover{opacity: 0.8;}
.bxTop .bx01 h4{background: #d33619;}
.bx01 h3{background: url(../images/course_bg01.png); background-size: 100%;}
.bx01 h5:before{border-color: #dc3838; }
.bx01 h6{background: #ffd5cc; color: #dc3939;}
.bx01 .datum{border-color: #fb6361; background: #ffd5cc;}
.bxTop .bx02 h4{background: #4c9bff;}
.bx02 h3{background: url(../images/course_bg02.png); background-size: 100%;}
.bx02 h5:before{border-color: #4498FF; }
.bx02 h6{background: #93BBFF; color: #fff;}
.bx02 .datum{border-color: #9FB6FF; background: #ECF0FE;}
.bxTop .bx03 h4{background: #e69d22;}
.bx03 h3{background: url(../images/course_bg03.png); background-size: 100%;}
.bx03 h5:before{border-color: #E59A1D; }
.bx03 h6{background: #F8DEAC; color: #723B04;}
.bx03 .datum{border-color: #FFCE83; background: #FFF1E3;}
.banxing .w1200 .bxCon:last-child{margin: 0;}

/*学习方式*/
.study{width: 100%; padding: 60px 0 80px;background: url(../images/study_bg.png)no-repeat;  text-align: center; background-size: 100% 100%;}
.studyTit{width: 100%; height:104px; background: url(../images/study_title.png)no-repeat center; margin-bottom: 56px;}

/*题库*/
.tiku{width: 100%; padding: 58px 0 146px; background: url(../images/tiku_bg.png)no-repeat; text-align: center; background-size: 100% 100%;}
.tkTit{width: 100%; height: 80px; background: url(../images/tiku_title.png)no-repeat center; margin-bottom: 80px;}


/*考试信息*/
.exam{width: 100%; height: 522px; background: #fff; position: relative;}
.examCon{position: absolute; left:0; top:-70px; width: 100%;}
.examCon .w1200{padding: 38px 0 50px; background:url(../images/exam_img.png)no-repeat right top #fff;  border-radius: 80px 0px 0px 0px; box-shadow: 0px 8px 20px 0px rgba(48, 27, 22, 0.04);}
.examTit{width: 100%; height: 74px; background: url(../images/exam_title.png)no-repeat center;}
.exam .menus{text-align: center; padding-top: 20px; cursor: pointer;}
.exam .menus span{display: inline-block; height: 30px; line-height: 30px; margin:0 16px; padding: 0 16px; font-size: 16px; border:1px solid #dcdcdc; color: #222; border-radius: 30px;}
.exam .menus span.active{background: #c42d19; border-color: #c42d19; color: #fff; }
.exam table{width:1100px; margin: 30px auto 0;}
.exam table td b{font-weight: bold; font-size: 15px;}
.exam table td{vertical-align: middle; text-align: center; border:1px solid #f3f3f3; line-height: 22px;}
.exam table thead tr{background: #d95341; height:48px; line-height: 48px; color: #FFF; font-size: 18px;}
.exam table tbody tr{height:75px;}
.exam table tbody tr td:nth-child(1){background: #F7FBFF;}
.exam table tbody tr td:nth-child(3){background: #F7FBFF;}
.exam table tbody tr td:nth-child(5){background: #F7FBFF;}
.exam table .bghave{background: #F7FBFF !important;}
.exam table .bgnone{background: none !important;}
.exam .examSand{width: 211px; height: 251px; background: url(../images/exam_sand.png); position: absolute; right: -110px; bottom: -76px;}


/*报考流程*/
.flow{background:#FFF; padding-top: 62px; padding-bottom:72px; text-align: center;}
.flowTit{width: 100%; height: 75px; background: url(../images/flow_title.png)no-repeat center; margin-bottom: 76px;}
.flow .flowCon{height: 210px; width: 100%; background: url(../images/flow_img.png)no-repeat center center;}
.flow .flowCon ul{display:flex;}
.flow .flowCon li{width: 180px; margin-right: 24px;}
.flow .flowCon li:last-child{margin: 0;}
.flow .flowCon li p{background: #f6ecec; font-size: 20px; color: #666; height: 62px; line-height: 62px; margin-bottom: 66px; border-radius: 12px; position: relative;}
.flow .flowCon li p::after{width: 16px; height: 16px; background: #f6ecec; transform: rotate(45deg); content: ''; display: block; position: absolute; bottom:-8px; left: 86px;}
.flow .flowCon li div{padding: 10px; color: #666; line-height: 22px; border-radius: 12px; text-align: left;}
.flow .flowCon li:hover p{background: #d95341; color: #fff;}
.flow .flowCon li:hover p::after{background: #d95341;}
.flow .flowCon li:hover div{box-shadow:0 0 12px #ccc;}

/*师资*/
.teachers{padding: 68px 0 50px; background: #eceef6;}
.teacherTit{width: 100%; height: 75px; margin-bottom: 60px; background: url(../images/teacher_title.png)no-repeat center;}

.teachers .preview {width: 1150px; margin: 0 auto; position: relative;}
.teachers .preview .swiper-container{width:100%; height:280px; overflow: hidden; margin:initial;}
.teachers .preview .swiper-slide{width: 210px; height: 280px; margin-right:20px;  position: relative;}
.teachers .preview .swiper-slide div{height: 276px; border: 2px solid #fff; text-align: center; border-radius: 10px; background:url(../images/teacher_big_bg.png); overflow: hidden;}
.teachers .preview .swiper-slide img{width: 100%;}
.teachers .preview .swiper-slide a{width: 66px; height: 24px; background: url(../images/teacher_shiting.png); position: absolute; right: 10px; top: 10px; cursor: pointer;}
.teachers .preview .active div{border-color: #c01e16;}
.teachers .preview .btn{position:absolute; top: 128px; width:24px; height:24px; z-index: 2; background-repeat: no-repeat; background-position: center;}
.teachers .preview .s_prev{background-image:url(../images/teacher_b_prev.png); left:-36px;}
.teachers .preview .s_next{background-image:url(../images/teacher_b_next.png); right:-16px;}
.teachers .btn:hover{opacity: .8; cursor: pointer;}
.teachers .view{width:1150px; margin: 20px auto 0; border-radius: 10px; overflow: hidden;}
.teachers .view .swiper-slide div{height:178px; padding: 20px 30px; background: #fff;}
.teachers .view .swiper-slide h5{font-size: 24px; line-height: 24px; font-weight: bold; padding-bottom: 8px; background: url(../images/teacher_name_bg.png)no-repeat left bottom;}
.teachers .view .swiper-slide p{line-height: 28px; margin-top: 16px;}
.teachers .view .swiper-slide p b{color:#d95341; font-size: 16px; line-height: 18px; border-left: 4px solid  #d95341; padding-left: 8px; display: block; font-weight: bold;}
.teachers .view .swiper-slide p span{width:1070px; display: block; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}

/*品质服务*/
.quality{width: 100%; height: 474px; padding-top: 52px; background:#3f4b57;}
.quaTit{width: 100%; height: 80px; margin-bottom: 32px; background: url(../images/quality_title.png)no-repeat center;}
.quality ul{display: flex; margin-top: 50px;}
.quality ul li{width: 224px; height: 280px;  border-radius: 4px; margin-right: 20px; background: #fff; border-radius: 12px 12px 36px 12px;}
.quality ul li h5{height: 100px; border-bottom: 6px #feefda solid; background: linear-gradient(90deg, #ff3a3a 0%, #ff866d 100%); border-radius: 12px 12px 0 0;}
.quality ul li h5 span{display: block; width: 100%; height: 100%;}
.quality ul li div{width: 180px; margin: 0 auto;}
.quality ul li h6{font-size: 20px; margin:36px 0 10px; padding: 8px; background: url(../images/quality_area_bg.png) left bottom no-repeat;}
.quality ul li p{font-size: 16px; line-height: 26px; color: #666;}
.quality ul li:nth-child(1) h5 span{background: url(../images/quality_img01.png)no-repeat center right 26px;}
.quality ul li:nth-child(2) h5 span{background: url(../images/quality_img02.png)no-repeat center right 26px;}
.quality ul li:nth-child(3) h5 span{background: url(../images/quality_img03.png)no-repeat center right 26px;}
.quality ul li:nth-child(4) h5 span{background: url(../images/quality_img04.png)no-repeat center right 26px;}
.quality ul li:nth-child(5) h5 span{background: url(../images/quality_img05.png)no-repeat center right 26px;}
.quality ul li:last-child{margin-right: 0;}