html, body {
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

body {
    position: relative;
    font-family: "微软雅黑", 'open sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 14px;
    color: #332d2d;
    line-height: 22px;
}

* {
    padding: 0;
    margin: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.container {
    width: 1200px;
    margin: 0 auto;
}

.container:after {
    content: " ";
    display: block;
    clear: both;
}

.fl {
    float: left;
}

.ft16 {
    font-size: 16px;
}

.fr {
    float: right;
}

.text-label {
    color: #99a2ac;
}

.mr10 {
    margin-right: 10px;
}

.ft18 {
    font-size: 18px;
}

.ft20 {
    font-size: 20px;
}

.mr10 {
    margin-right: 10px;
}

a {
    text-decoration: none;
    color: inherit;
    outline: 0;
    cursor: pointer;
}

.mb30 {
    margin-bottom: 30px;
}

.btn {
    display: inline-block;
    font-family: 微软雅黑;
    margin-bottom: 0;
    font-size: 14px;
    padding: 12px 20px;
    border-radius: 3px;
    font-weight: 400;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    transition: 0.4s;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
}

.btn-primary {
    background: #2a75ce;
    border-color: #2a75ce;
    color: #fff;
}

.btn-blcok {
    width: 100%;
}

.text-center {
    text-align: center
}

.pl58 {
    padding-left: 58px;
}

.pr58 {
    padding-right: 58px;
}

.clear {
    clear: both;
}

.mr26 {
    margin-right: 26px;
}

.mt30 {
    margin-top: 30px;
}

.text-white {
    color: #fff;
}

.mr15 {
    margin-right: 15px;
}

.mr30 {
    margin-right: 30px;
}


/*头部*/

.header {
    height: 90px;
    line-height: 90px;
    width: 100%;
    min-width: 1000px;
    overflow: hidden;
}

.header span, .header a {
    display: inline-block;
    vertical-align: middle;
}

.logoColor {
    color: #0751a8;
}

@font-face {
    font-family: "SourceHanSerifSC-Heavy";
    src: url(../../expand/fonts/SourceHanSerifCN-Heavy.otf);
    font-weight: normal;
    font-style: normal;
}

.syfont {
    font-family: 'SourceHanSerifSC-Heavy';
    font-size: 42px;
    letter-spacing: 5px;
}

.conCommpany:hover {
    color: #054086;
}


/*头部结束*/


/*选项卡*/

.navBox {
    height: 70px;
    line-height: 70px;
    width: 100%;
    min-width: 1200px;
    background: #074fa4;
}

.nav > li {
    float: left;
    position: relative;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.nav li a {
    padding: 0px 20px;
    display: block;
    font-size: 16px;
    position: relative;
    color: #fff;
}

.nav > li.on > a, .nav > li:hover > a {
    background-color: #1e82f1;
}


/*选项卡结束*/


/*成绩查询*/

.enquire-wrapper {
    background: url(../images/enquire_bg.jpg) #4682b8 no-repeat top center;
    width: 100%;
    min-width: 1000px;
    padding: 150px 0;
}

.enquire-box {
    width: 754px;
    background: #fff;
    margin: 0 auto;
    padding-bottom: 60px;
}

.enquire-box .title {
    background: url(../images/enquire_title.jpg) no-repeat;
    height: 85px;
    line-height: 85px;
    color: #fff;
    font-size: 24px;
    position: relative;
}

.enquire-box .title span {
    padding: 0 20px;
    display: inline-block;
    cursor: pointer;
}

.enquire-box .title span:hover, .enquire-box .title span.active {
    background-color: #1e82f1;
}

#examListBtn {
    font-size: 16px;
    position: absolute;
    right: 20px;
    cursor: pointer;
    text-decoration: underline;
    color: #f38c21;
}

#examListBtn:hover {
    color: #34dc39;
}

.examItem {
    display: block;
    width: 754px;
    height: 480px;
    background-color: rgba(228, 228, 228, 1);
    position: absolute;
    right: 0px;
    top: 85px;
    z-index: 50;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 15px;
}

.examItem .examItemBox {
    display: block;
    width: 100%;
    height: auto;
}

.examItem .examLineItem {
    display: block;
    width: 100%;
    height: 35px;
    cursor: pointer;
    position: relative;
}

.examItem .examLineItem .examName {
    font-size: 16px;
    color: #666666;
    width: 540px;
    height: 35px;
    line-height: 35px;
    position: absolute;
    left: 0;
    top: 0;
    text-align: left;
    text-decoration: underline;
    font-weight: bold;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.examItem .examLineItem .examTime {
    font-size: 14px;
    color: #888888;
    width: 145px;
    height: 35px;
    line-height: 35px;
    position: absolute;
    right: 0;
    top: 0;
    text-align: right;
}

.examItem .examLineItem:hover span {
    color: #007AFF;
}

.isSelect span {
    color: #007AFF !important;
}

.form-box {
    padding-top: 28px;
    width: 390px;
    margin: 0 auto;
}

.form-control {
    background-color: #fff;
    background-image: none;
    border: none;
    color: inherit;
    padding: 4px 10px;
    -webkit-transition: border-color .15s ease-in-out 0s, box-shadow .15s ease-in-out 0s;
    transition: border-color .15s ease-in-out 0s, box-shadow .15s ease-in-out 0s;
    line-height: 22px;
    font-size: 14px;
    border-radius: 3px;
}

.enquire-box .form-control {
    border: 1px solid #dfe1e5;
    padding: 8px 10px;
    width: 100%;
    margin-bottom: 20px;
}

.hls {
    color: #032433
}

.portrait {
    width: 208px;
    height: 270px;
}

.portrait img {
    width: 100%;
    height: 100%;
}

.infoItem-inline {
    width: 50%;
    display: inline-block;
    font-size: 14px;
    color: #545C63;
    line-height: 38px;
}

.infoItem {
    width: 100%;
    font-size: 14px;
    color: #545C63;
    line-height: 38px;
}

.clearboth:after {
    display: block;
    content: "";
    clear: both;
}

.inforight {
    width: 404px;
    font-size: 0;
}

.scorebtn {
    display: inline-block;
    width: 175px;
    height: 40px;
    background-color: #2A75CE;
    border-radius: 3px;
    line-height: 40px;
    color: #FFF;
    margin: 0 30px;
    cursor: pointer;
}

.scorebtn:hover {
    background-color: #1A5AA7;
}

#oneData, .navItem {
    display: none;
    overflow: hidden;
    position: relative;
}

.navItem.on {
    display: block;
}


/*成绩查询结束*/


/*考点查询*/

.searchBox {
    background: url(../images/enquire_info.jpg) #4884cd no-repeat top center;
    width: 100%;
    min-width: 1200px;
    padding-top: 64px;
    height: 170px;
}

.searchBody {
    display: flex;
    align-items: center;
    justify-content: center;
}

.searchBody .form-control {
    width: 240px;
    padding: 8px 10px;
}

.btn-info {
    background: #1e82f1;
    border-color: #87baf8;
    color: #fff;
}

.btn-line {
    background: none;
    border-color: #fff;
    color: #fff;
}

.searchBody .btn {
    padding: 11px 25px;
    font-size: 16px;
}

.layui-table-page > div {
    text-align: center;
}


/*考点查询结束*/


/*底部*/

.footer {
    background-color: #0751A8;
    width: 100%;
    padding-top: 43px;
    padding-bottom: 43px;
}

.links {
    text-align: center;
}

.links a {
    color: #FFF;
    padding: 0 10px;
    position: relative;
}

.links a:hover {
    color: #0F90F2;
}

.footerinfo {
    margin-top: 10px;
    text-align: center;
}

.footerinfo span {
    margin: 0 10px;
    color: #FFF;
}


/*底部结束*/


/*验证码*/

.codeBox {
    width: 100%;
    height: 40px;
    margin-bottom: 27px;
    position: relative;
    padding-right: 116px;
}

.codeBox .form-control {
    margin-bottom: 0px;
}

.codeBox .checkCode {
    display: block;
    position: absolute;
    right: 0px;
    top: 0px;
    width: 94px;
    height: 40px;
}

.code {
    font-family: Arial;
    font-style: italic;
    color: blue;
    font-size: 28px;
    border: 0;
    padding: 2px 3px;
    letter-spacing: 3px;
    font-weight: bolder;
    float: left;
    cursor: pointer;
    height: 40px;
    line-height: 40px;
    text-align: center;
    vertical-align: middle;
    background-color: #D8B7E3;
}

.code:hover {
    text-decoration: none;
    cursor: pointer;
}

input[name="pedeScoreId"], input[name="pedeCardId"] {
    display: none;
}


/**/

.clearboth {
    position: relative;
}

.clearboth .previous {
    display: none;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #FFFFFF;
    background-color: rgba(000, 000, 000, 0.1);
    border-radius: 50% 50%;
    position: absolute;
    left: 15px;
    top: 0px;
    bottom: 0px;
    margin: auto auto;
    cursor: pointer;
}

.clearboth:hover .previous {
    display: block;
}

.clearboth .next {
    display: none;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #FFFFFF;
    background-color: rgba(000, 000, 000, 0.1);
    border-radius: 50% 50%;
    position: absolute;
    right: 15px;
    top: 0px;
    bottom: 0px;
    margin: auto auto;
    cursor: pointer;
}

.clearboth:hover .next {
    display: block;
}

.nameIcon {
    display: block;
    width: 100%;
    height: 270px;
    text-align: center;
    line-height: 270px;
    font-size: 100px;
    font-weight: bold;
    font-family: cursive;
    color: #5fb878!important;
    border: 1px solid #D6D6D6;
}

.noresults {
    width: 50%;
    margin: 0 auto;
}


/*证书查询*/

.xm, .bh, #TwoData, .noresults, .resultsInquiry, .certificateList {
    display: none;
}

.swiper-slide {
    background-color: #FFF;
}

#CertificateLayer {
    padding: 20px 15px;
    margin: 0px auto;
    text-align: center;
    display: none;
}

.porintCertBox {
    display: inline-block;
    width: 29.7cm;
    height: 21cm;
    position: relative;
}

.porintCertBox .leftImg {
    display: block;
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
}

.porintCertBox .leftImg img {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
}

.porintCertBox .rightForm {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
}


/* 技能等级证书 */

.skillCertificate {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
}

.gradeOne .dataList {
    display: inline-block;
    font-size: 12pt;
    position: absolute;
    text-align: left;
    font-family: 'FangSong';
}

.gradeOne .userImg {
    display: block;
    width: 25mm;
    height: 35mm;
    line-height: 35mm;
    position: absolute;
    left: 184mm;
    top: 43mm;
}

.gradeOne .userImg img {
    display: inline-block;
    width: 100%;
    height: auto;
}

.gradeOne .QRCode {
    display: block;
    width: 30mm;
    height: 30mm;
    position: absolute;
    left: 224mm;
    top: 46mm;
}

.gradeOne .QRCode img {
    display: inline-block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
}

.gradeOne .topMechanism {
    left: 62mm;
    top: 60mm;
    width: 67mm;
    height: 6mm;
    line-height: 6mm;
    text-align: center;
}

.gradeOne .mechanism {
    left: 28mm;
    top: 122.5mm;
    font-size: 12pt;
    font-family: 'FangSong';
    width: auto;
    height: 6mm;
    line-height: 6mm;
    border-bottom: 1px solid #999999;
}

.gradeOne .mechanismB {
    left: 73mm;
    top: 138mm;
    font-size: 12pt;
    width: auto;
    height: 6mm;
    line-height: 6mm;
}

.gradeOne .yearData {
    left: 94mm;
    top: 145mm;
    width: auto;
}

.gradeOne .monthData {
    left: 111mm;
    top: 145mm;
    width: auto;
}

.gradeOne .dayData {
    left: 123mm;
    top: 145mm;
    width: auto;
}

.gradeOne .userName {
    left: 190mm;
    top: 89.5mm;
    width: 78mm;
    height: 6mm;
    line-height: 6mm;
}

.gradeOne .documentType {
    left: 190mm;
    top: 101.5mm;
    width: 78mm;
    height: 6mm;
    line-height: 6mm;
}

.gradeOne .IDNum {
    left: 190mm;
    top: 114mm;
    width: 78mm;
    height: 6mm;
    line-height: 6mm;
}

.gradeOne .OccuName {
    left: 190mm;
    top: 126.5mm;
    width: 78mm;
    height: 6mm;
    line-height: 6mm;
}

.gradeOne .workName {
    left: 200.5mm;
    top: 138.6mm;
    width: 67mm;
    height: 6mm;
    line-height: 6mm;
}

.gradeOne .OccLevel {
    left: 198mm;
    top: 151mm;
    width: 70mm;
    height: 6mm;
    line-height: 6mm;
}

.gradeOne .CertificateNo {
    left: 190mm;
    top: 163.5mm;
    width: 78mm;
    height: 6mm;
    line-height: 6mm;
}

.gradeTwo .dataList {
    display: inline-block;
    font-size: 12pt;
    position: absolute;
    text-align: left;
    font-family: 'FangSong';
}

.gradeTwo .userImg {
    display: block;
    width: 25mm;
    height: 35mm;
    line-height: 35mm;
    position: absolute;
    left: 184mm;
    top: 30mm;
}

.gradeTwo .userImg img {
    display: inline-block;
    width: 100%;
    height: auto;
}

.gradeTwo .QRCode {
    display: block;
    width: 30mm;
    height: 30mm;
    position: absolute;
    left: 224mm;
    top: 32.5mm;
}

.gradeTwo .QRCode img {
    display: inline-block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
}

.gradeTwo .topMechanism {
    left: 62mm;
    top: 60mm;
    width: 67mm;
    height: 6mm;
    line-height: 6mm;
    text-align: center;
}

.gradeTwo .mechanism {
    left: 28mm;
    top: 122.5mm;
    font-size: 12pt;
    font-family: 'FangSong';
    width: auto;
    height: 6mm;
    line-height: 6mm;
    border-bottom: 1px solid #999999;
}

.gradeTwo .mechanismB {
    left: 73mm;
    top: 144mm;
    font-size: 12pt;
    width: auto;
    height: 6mm;
    line-height: 6mm;
}

.gradeTwo .yearData {
    left: 225mm;
    top: 174mm;
    width: auto;
}

.gradeTwo .monthData {
    left: 243mm;
    top: 174mm;
    width: auto;
}

.gradeTwo .dayData {
    left: 254.5mm;
    top: 174mm;
    width: auto;
}

.gradeTwo .userName {
    left: 190mm;
    top: 76mm;
    width: 78mm;
    height: 6mm;
    line-height: 6mm;
}

.gradeTwo .documentType {
    left: 190mm;
    top: 88.5mm;
    width: 78mm;
    height: 6mm;
    line-height: 6mm;
}

.gradeTwo .IDNum {
    left: 190mm;
    top: 101mm;
    width: 78mm;
    height: 6mm;
    line-height: 6mm;
}

.gradeTwo .OccuName {
    left: 190mm;
    top: 113.2mm;
    width: 78mm;
    height: 6mm;
    line-height: 6mm;
}

.gradeTwo .workName {
    left: 200.5mm;
    top: 125.5mm;
    width: 67mm;
    height: 6mm;
    line-height: 6mm;
}

.gradeTwo .OccLevel {
    left: 198mm;
    top: 137.6mm;
    width: 70mm;
    height: 6mm;
    line-height: 6mm;
}

.gradeTwo .CertificateNo {
    left: 190mm;
    top: 150.5mm;
    width: 78mm;
    height: 6mm;
    line-height: 6mm;
}

.gradeTwo .mechanismC {
    left: 202mm;
    top: 166.5mm;
    font-size: 12pt;
    width: auto;
    height: 6mm;
    line-height: 6mm;
}

.gradeThr .dataList {
    display: inline-block;
    font-size: 14pt;
    position: absolute;
    text-align: left;
    font-family: 'FangSong';
}

.gradeThr .userImg {
    display: block;
    width: 35mm;
    height: 53mm;
    line-height: 53mm;
    position: absolute;
    left: 179mm;
    top: 30mm;
}

.gradeThr .userImg img {
    display: inline-block;
    width: 100%;
    height: auto;
}

.gradeThr .QRCode {
    display: block;
    width: 30mm;
    height: 30mm;
    position: absolute;
    left: 229mm;
    top: 41.5mm;
}

.gradeThr .QRCode img {
    display: inline-block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
}

.gradeThr .yearData {
    left: 56mm;
    top: 154mm;
    width: auto;
}

.gradeThr .monthData {
    left: 76.5mm;
    top: 154mm;
    width: auto;
}

.gradeThr .dayData {
    left: 92mm;
    top: 154mm;
    width: auto;
}

.gradeThr .userName {
    left: 196mm;
    top: 94.5mm;
    width: 71mm;
    height: 6mm;
    line-height: 6mm;
}

.gradeThr .documentType {
    left: 196mm;
    top: 107mm;
    width: 71mm;
    height: 6mm;
    line-height: 6mm;
}

.gradeThr .IDNum {
    left: 196mm;
    top: 119.2mm;
    width: 71mm;
    height: 6mm;
    line-height: 6mm;
}

.gradeThr .OccuName {
    left: 196mm;
    top: 131.6mm;
    width: 71mm;
    height: 6mm;
    line-height: 6mm;
}

.gradeThr .workName {
    left: 196mm;
    top: 144mm;
    width: 71mm;
    height: 6mm;
    line-height: 6mm;
}

.gradeThr .OccLevel {
    left: 207mm;
    top: 156.5mm;
    width: 60mm;
    height: 6mm;
    line-height: 6mm;
}

.gradeThr .CertificateNo {
    left: 196mm;
    top: 168.5mm;
    width: 71mm;
    height: 6mm;
    line-height: 6mm;
}

#Certificatewrapper .swiper-slide {
    margin: 0 auto;
    width: auto!important;
}

.certificateList .cerTableBox .layui-table-view {
    margin: 0;
}