﻿/* CSS Document */
body,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,textarea,select{margin:0;padding:0}
input,textarea{outline: none;}
body,html{width: 100%;height: 100%;}
body{font:18px "PingFang SC","Arial","Microsoft yahei";color: #333;min-width: 1200px;background: #fff;}
a{text-decoration:none;outline: none;}
a:hover{text-decoration:none;}
em{font-style:normal}
li{list-style:none}
img{border:0;vertical-align:middle}
table{border-collapse:collapse;border-spacing:0}
input,textarea {outline: none;-webkit-appearance: none;}
input,select,textarea {font-size: 100%;}
.fl{float: left;}
.fr{float: right;}
.clearfix:after{content:""; display:block; clear:both; height:0; line-height:0; visibility:hidden;}
.clearfix{zoom:1;}
.con {width: 1200px;margin:0 auto;}
.clear {clear: both;}
.color1 {color: #3155c5;}
.color2 {color: #ff6c00;}
.color3 {color: #ee1717;}
.color4 {color: #dd3635;}
a.color1 {border-bottom: 1px solid #3155c5;line-height: 1.2;}
a.color2 {border-bottom: 1px solid #ff6c00;line-height: 1.2;}
.fs16 {font-size: 16px;}
.fs18 {font-size: 18px;}
.fs22 {font-size: 22px;}
.mt10 {margin-top: 10px;}
.mb10 {margin-bottom: 10px;}
.mt15 {margin-top: 15px;}
.mt20 {margin-top: 20px;}
.pb20 {padding-bottom: 20px;}
.ti2 {text-indent: 2em;}
.tal {text-align: left;}
.header a:hover {color: #2484c0;}

/** header **/
.header {height: 40px;line-height: 40px;}
.header-ul {margin-left: 40px;}
.header-ul li {float: left;margin-left: 20px;}
.header a {color: #333;font-size: 12px;}
.header-right {font-size: 0;}
.header-right a {position: relative;margin-left: 20px;}
.header-right a:before {content:'';width: 1px;height: 12px;background: #9c9c9c;position: absolute;top: 3px;left: -10px;}
.header-right a:first-child:before {content:normal;}

/** banner **/
.banner {background: url(../../images/180328qb/banner.jpg) no-repeat center center;height: 450px;min-width: 1200px;}
.ban-t {width: 498px;margin:0 auto;}
.ban-t img {width: 498px;height: 37px;margin-top: 80px;}
.ban-m {width: 1008px;margin:0 auto;}
.ban-m img {width: 1008px;height: 110px;margin-top: 25px;}
.ban-b {width: 761px;margin:0 auto;}
.ban-b img {width: 761px;height: 28px;margin-top: 50px;}

/** wrap **/
.wrap {min-width:1200px;}
.wrap-tit {height: 60px;line-height: 60px;margin-top: 30px;border-bottom: 2px solid #efefef;position: relative;padding-left: 16px;margin-bottom: 30px;}
.wrap-tit:before {content:'';width: 5px;height: 35px;background: #ff6c00;overflow: hidden;position: absolute;top: 13px;left: 0;}
.wrap-tit h2 {display: inline-block;font-weight: normal;color: #0b205c;font-size: 28px;}
.wrap-tit h2 em {font-style: normal;color: #ff6c00;}
.wrap-tit-sub {font-size: 16px;color: #666;}
.wrap-tit .more {float: right;font-size: 20px;color: #999;}

/** 导读 **/
.guide {margin-top: 35px;}
.guide .wrap-tit {margin-top: 10px;margin-bottom: 0;}
.guide p {text-indent: 2em;}
.guide-left {width: 688px;height: 457px;background:url(../../images/180328qb/img-bg.jpg) no-repeat;margin-right: 30px;padding: 35px 50px 0 50px;box-sizing: border-box;line-height: 2;}
.guide-left p b {font-size: 20px;}
.guide-img {width: 175px;height: 31px;display: inline-block;background: url(../../images/180328qb/daoyu.png) no-repeat;margin-bottom: 10px;}
.guide-right {width: 482px;}
.guide-right p {line-height: 2;}

/**报考条件**/
.conditions .wrap-top {height: 90px;line-height: 90px;background: #d3def9;position: relative;}
.conditions .wrap-top:before {content: '';width: 60px;height: 48px;position: absolute;background: url(../../images/180328qb/vs.png) no-repeat;left: 50%;margin-left: -30px;top: 21px;}
.conditions .wrap-top h3 {width: 50%;color: #2548ad;font-size: 26px;font-weight: normal;text-align: center;float: left;}
.conditions .wrap-bottom {background: #f6f6f6;height: 540px;}
.conditions .wrap-left,.conditions .wrap-right {width: 600px;height: 540px;padding: 40px;box-sizing: border-box;float: left;}
.conditions .wrap-left {border-right: 1px solid #e0e0e0;}
.conditions .wrap-left p {color: #666;line-height: 1.6;}
.conditions .wrap-left p.tips {color: #333;line-height: 2;}
.conditions .wrap-bottom li {line-height: 2;}
.conditions .wrap-bottom li:first-child {margin-top: 10px;}
.conditions .wrap-bottom li:last-child {margin-bottom: 10px;}
.conditions .wrap-right li:first-child {margin-top: -5px;}
.conditions .wrap-right li:last-child {margin-bottom: 20px;}

/**对照表**/
.compare-tul {width: 100%;text-align: center;font-size: 16px;border-left: 1px solid #eee;border-top: 1px solid #eee;float: left;}
.compare-tul li {width: 210px;font-size: 16px;display:inline-block;border-right: 1px solid #eee;border-bottom: 1px solid #eee;box-sizing: border-box;height: 60px;line-height: 60px;overflow: hidden;}
.compare-tul li:first-child {width: 150px;background: #f6f8fe;font-size: 18px;color: #2548ad;}
.compare-tul ul {font-size: 0;line-height: 0;}
.compare-tul .compare-tit {background: #d0dcfc;font-weight: bold;height: 110px;overflow: hidden;}
.compare-tul .compare-tit li {font-size: 18px;color: #333;}
.compare-tul .compare-tit li.compare-bli {height: 110px;line-height: 110px;background: #d0dcfc;}
.compare-tul .compare-tit li .compare-tht {width: 840px;border-bottom: 1px solid #eee;height: 60px;overflow: hidden;box-sizing: border-box;}
.compare-thb {width: 840px;}
.compare-tul .compare-tit li.compare-sli {width: 840px;height: 110px;}
.compare-tul .compare-tit li ul li {width: 210px;height: 50px;line-height: 50px;background: #d0dcfc;}
.compare-tul ul li.compare-h {line-height: 24px;text-align: left;padding-top: 6px;padding-left: 15px;}

/**常见问题**/
.questions ul li {float: left;width: 580px;box-sizing: border-box;height: 435px;background: #f0f0f0;padding: 20px;margin-bottom: 40px;border-right: 2px solid #f8c331;}
.questions ul li:hover {box-shadow: 0 0 10px #ccc;}
.questions ul li:nth-child(2n) {margin-left: 20px;}
.questions ul li:nth-child(2n-1) {margin-right: 20px;}
.questions ul li:nth-child(1) {border-color: #f8c331;}
.questions ul li:nth-child(2) {border-color: #ad33c6;}
.questions ul li:nth-child(3) {border-color: #fc5f42;margin-bottom: 0;}
.questions ul li:nth-child(4) {border-color: #24ccc0;margin-bottom: 0;}
.questions .wrap-ques p {color: #333;}
.questions .wrap-anw p {color: #666;margin-bottom: 7px;}
.questions .wrap-anw p.ques-tit {font-size: 22px;color: #444;}
.wrap-ques {font-size: 22px;margin-bottom: 25px;}
.wrap-ques span.fl {background: #de504f;margin-top: 2px;}
.wrap-ques p {font-weight: bold;white-space: nowrap;overflow: hidden;}
.wrap-anw span.fl {background: #febf00;}
.wrap-ucon span.fl {width: 28px;height: 28px;color: #fff;text-align: center;line-height: 28px;font-size: 22px;}
.wrap-ucon p {margin-left: 40px;}

/**热门**/
.hotlists .wrap-left {width: 860px;float: left;}
.hotlists .wrap-right {width: 300px;float: right;}
.hotlists .wrap-bottom {width: 860px;clear: both;float: left;margin-top: -20px;}
.hotlists li {float: left;overflow: hidden;}
.hotlists li a {color: #333;}
.wrap-wul {width: 410px;float: left;}
.wrap-sul {margin-right: 40px;height: 447px;}
.wrap-sul li {width: 190px;margin-bottom: 20px;height: 45px;line-height: 45px;overflow: hidden;}
.wrap-sul li:nth-child(2n-1) {margin-right: 10px;}
.wrap-sul li img {width: 45px;height: 45px;border-radius: 50%;margin-right: 5px;}
.wrap-zul {height: 447px;}
.wrap-zul li {width: 205px;margin-bottom: 30px;height: 25px;overflow: hidden;}
.wrap-zul li:before {content: '';display: inline-block;width: 6px;height: 6px;border-radius: 50%;background: #dedede;vertical-align: middle;margin-right: 6px;margin-top: -2px;}
.wrap-zul li a {color: #444;}
.wrap-bleft,.wrap-bright {width: 410px;float: left;}
.wrap-bleft {margin-right: 40px;}
.wrap-dul li {height: 35px;line-height: 35px;font-size: 16px;}
.wrap-dul li:before {content: '';display: inline-block;width: 6px;height: 6px;border-radius: 50%;background: #dedede;vertical-align: middle;margin-right: 6px;margin-top: -2px;}
.wrap-dul li a:hover {color:#ff6c00;}
.wrap-rtop .wrap-tit {margin-bottom: 20px;}
.wrap-rtop .wrap-dul {height: 315px;}

/* special */
.zt-more {margin-bottom: 10px;margin-right: 10px;}
.zt-more a {color: #999;font-size: 14px;}
.swiper-con {position: relative;margin-top: 30px;}
.swiper-ul {width: 1200px;height: 172px;overflow: hidden;position: relative;}
.swiper-ul ul li {width: 237px;float: left;height: 210px;overflow: hidden;}
.swiper-ul ul li a {float: left;margin:0 10px;width: 212px;height: 156px;}
.swiper-ul ul li a img {width: 100%;height: 100%;}
.swiper-btn ul {width: 1200px;text-align: center;}
.swiper-btn ul li {margin-top: 2px;width: 13px;height: 13px;background: #e3e3e3;border-radius: 50%;text-indent: 99999em;overflow: hidden;margin-left: 10px;cursor: pointer;display: inline-block;}
.swiper-btn ul li.on {background:url(../../images/ss.png) no-repeat;width: 18px;height: 18px;vertical-align: middle;margin-top: -5px;}
.swiper-btn a {display: block;width: 40px;height: 40px;position: absolute;top:50%;margin-top: -50px;}
.swiper-btn a.prev {background: url(../../images/prev.png) no-repeat;left:-50px;}
.swiper-btn a.next {background: url(../../images/next.png) no-repeat;right:-50px;}

.goTop {width: 55px;height: 55px;position: fixed;right: 150px;bottom: 30px;background: #b31952 url(../../images/180328qb/goTop.png) no-repeat center center;cursor: pointer;display: none;}
.goTop:hover {background-color: #9a1041;}


/** wrap-bottm **/
.wrap-bottm {background: url(../../images/180328qb/bottom.jpg) no-repeat center center;min-width:1200px;height: 360px;margin-top: 40px;position: relative;}
.wrap-bottm .wrap-con {text-align: center;}
.wrapb-btn {position: absolute;bottom: 50px;left: 0;right: 0;}
.wrapb-btn a {width: 150px;height: 50px;line-height: 50px;color: #fff;background: #31c7e2;font-size: 20px;text-align: center;display: inline-block;border-radius: 5px;margin:0 20px;}
.wrapb-btn a:hover {background: #13d1f3;}
.wrapb-btn a:first-child:hover {background: #0a87f0;}
.wrapb-btn a:first-child {background: #2995f0;}
.wrapb-img2 {margin-top: 10px;}

.btn {position: absolute;width: 1200px;height: 10px;padding: 5px 10px;right: 0;bottom: 5px;text-align: center;}
.btn span {display: inline-block; _display: inline;_zoom: 1;width: 13px;height: 13px;_font-size: 0;margin-left: 10px;cursor: pointer;background: #e3e3e3;border-radius: 50%;}
.btn span.on {background:url(../../images/ss.png) no-repeat;width: 18px;height: 18px;vertical-align: bottom;}
