/*html{*/
/*    filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: url("data:image/svg+xml;utf8,#grayscale"); filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); -webkit-filter: grayscale(1);*/
/*}*/
* {
    margin: 0;
    padding: 0;
    font-family: Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Arial, sans-serif;
}

/* 顶部条样式 */
.maincontainer-top {
    height: 62px;
    line-height: 62px;
    width: 100%;
    background: #FFFFFF;
    box-shadow: 0px 4px 4px 0px #FAFAFA;
    min-width: 1366px;
}

.maincontainer-top-content {
    width: 1200px;
    height: 62px;
    margin: 0 auto;
    position: relative;
}

.top-title-left {
    font-family: Hiragino Sans GB;

}

.top-content-icon {
    margin-top: 6px;
}

.top-title-right {
    position: absolute;
    right: 0px;
    font-family: Hiragino Sans GB;
}

.selfChecking {
    float: left;
    width: 126px;
    height: 40px;
    line-height: 40px;
    display: block;
    margin-right: 60px;
    font-size: 16px;
    letter-spacing: 0px;
    cursor: pointer;
    background: linear-gradient(180deg, #FFFFFF 0%, #F4F4F8 100%);
    border: 1px solid #3469FA;
    box-shadow: 0px 2px 4px rgba(202, 208, 225, 0.8);
    border-radius: 4px;
    color: #3469FA;
    transform: scale(1);
    margin-top: 11px;
    text-align: center;
}

.selfChecking:hover {
    box-shadow: 0px 2px 4px rgba(202, 208, 225, 1);
    transform: scale(1.01);
    transition: all 0.3s;
}

/* 入口背景样式 */
.maincontainer-top-entrance {
    width: 100%;
    /* height: 770px; */
    margin-top: 5px;
    position: relative;
    text-align: center;
    background-size: cover;
    background-position: center;
    background-image: url("images/industry_bg1@1x.png");
}

.entrance-blockicon {
    position: absolute;
    top: 85px;
    left: 50%;
    transform: translateX(-50%);
}

#entrance-blockgroup {
    margin: 0 auto;
    width: 100%;
    /* height: 258px;
    position: absolute;
    bottom: 171px; */
    display: table;
    padding-top: 340px;
    padding-bottom: 171px;
}

.entrance-block {
    margin-left: 28px;
    display: inline-table;
    /* float: left; */
    width: 256px;
    height: 256px;
    margin-bottom: 20px;
    border-radius: 4px;
    background: #FFFFFF;
    box-shadow: 0px 1px 20px rgba(0, 0, 0, 0.03);
    position: relative;
    cursor: pointer;
}

.entrance-block:hover {
    box-shadow: 0px 1px 20px rgba(0, 0, 0, 0.1);
    transition: 1500ms all;
}

.entrance-block-top {
    padding-top: 55px;
}

.entrance-block-bottom {
    line-height: 1.5;
    font-size: 18px;
    color: #42496D;
    font-weight: 600;
}

.entrance-block-bottom-eglish {
    font-size: 12px;
    color: #5E6590;
}

/* 系统简介模块 */
.maincontainer-systemIntroduction {
    height: 814px;
    width: 100%;
    position: relative;
}

.maincontainer-systemIntroduction-group {
    width: 1200px;
    position: absolute;
    padding-top: 215px;
    left: 50%;
    margin-left: -600px;
}

.systemIntroduction-group-left {
    display: inline-block;
}

.systemIntroduction-group-right {
    width: 452px;
    padding-top: 83px;
    float: right;
}

.systemIntroduction-group-right-title {
    font-size: 36px;
    color: #3C4368;
    margin-bottom: 19px;
}

.systemIntroduction-group-right-content {
    font-size: 18px;
    color: #5E6590;
    line-height: 1.96;
}

/* 系统优势模块 */
.maincontainer-systemAdvantage {
    width: 100%;
    height: 766px;
    background: #F8F9FE;
    position: relative;
    text-align: center;
}

.systemAdvantage-top {
    position: absolute;
    top: 93px;
    left: 50%;
    transform: translateX(-50%);
    font-size: 36px;
    color: #3C4368;
}

.systemAdvantage-bottom-group {
    width: 100%;
    position: absolute;
    height: 466px;
    bottom: 96px;
}

.systemAdvantage-block {
    display: inline-block;
    width: 373px;
    height: 466px;
    border-radius: 4px;
    background: #FFFFFF;
    margin-right: 36px;
    position: relative;
}

.systemAdvantage-block-icons {
    position: absolute;
    top: 60px;
    left: 50%;
    transform: translateX(-50%);
}

.systemAdvantage-block-title {
    font-weight: 600;
    font-size: 24px;
    color: #3C4368;
    top: 185px;
    left: 50%;
    transform: translateX(-50%);
    position: absolute;
}

.systemAdvantage-block-content {
    width: 265px;
    position: absolute;
    top: 265px;
    left: 50%;
    transform: translateX(-50%);
    color: #5E6590;
    font-size: 18px;
    line-height: 1.7;
    text-align: left;
}

/* 检测报告模块 */
.maincontainer-TestReport {
    height: 746px;
    width: 100%;
    background: #FFFFFF;
    position: relative;

}

.maincontainer-TestReport-maincontent {
    width: 1200px;
    position: absolute;
    left: 50%;
    margin-left: -600px;
    top: 186px;
}

.TestReport-maincontent-left {
    display: inline-block;
}

.TestReport-maincontent-right {
    float: right;
}

.testreport-left-top {
    position: absolute;
    top: 0px;
    font-size: 36px;
    color: #3C4368;
}

.testreport-left-center {
    font-size: 18px;
    position: absolute;
    color: #5E6590;
    line-height: 1.7;
    width: 575px;
    top: 81px;
}

.testreport-left-bottom {
    font-size: 18px;
    line-height: 1.7;
    position: absolute;
    width: 545px;
    top: 209px;
    color: #5E6590;
}

/* 底部横条 */
.maincontainer-footnav {
    height: 125px;
    background: #F5F7FA;
    width: 100%;
    position: relative;

}

.maincontainer-footnav-content {
    position: absolute;
    width: 773px;
    top: 23%;
    left: 50%;
    margin-left: -386.5px;
    /* transform: translate(-50%,-50%); */
    color: #333333;
    font-size: 13px;
    text-align: center;
    line-height: 2;
}

/* 弹窗样式 */
.loginDialog-background {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
}

.loginDialog {
    height: 423px;
    background: #FFFFFF;
    position: absolute;
    top: 30%;
    left: 50%;
    margin-left: -465px;
}

.logindialog-left {
    width: 486px;
    height: 423px;
    background: #1A68D2;
    text-align: center;
    float: left;
}

.logindialog-left-top {
    color: #FFFFFF;
    font-weight: 400;
    font-size: 18px;
    line-height: 1.16;
    text-align: justified;
    padding-top: 29px;
    padding-bottom: 35px;
}

.logindialog-right {
    width: 444px;
    height: 423px;
    float: left;
}

.logindialog-right-top {
    height: 73px;
    width: 444px;
    /* padding: 25px 48px; */
    position: relative;
    background: #FFFFFF;
    box-shadow: 0px 1px 0px 0px #C9C9C93F;
}

.logindialog-right-top-content {
    height: 21px;
    line-height: 21px;
    width: 348px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -174px;
    margin-top: -11.5px;
}

.logindialog-right-bottom-content {
    min-height: 214px;
    padding: 20px 43px;
    width: 359px;
}

.errortips {
    height: 38px;
    width: 359px;
    border-radius: 2px;
    background: #FFF1F0;
    border: 1px solid #FFCCC7;
    color: #34353C;
    font-family: Roboto;
    font-weight: regular;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: 0px;
    text-align: left;
    line-height: 38px;
    margin-bottom: 5px;
}

.errortips-position {
    margin-left: 8px;
    padding-top: 2px;
    position: absolute;
}

.errortips-content {
    margin-left: 30px;
}

.logindialog-right-top-content-title {
    color: #373737;
    font-family: Hiragino Sans GB;
    font-weight: 600;
    font-size: 18px;
    line-height: 1.16;
    letter-spacing: 1px;
    text-align: justified;
}

.logindialog-right-top-content-X {
    float: right;
    line-height: 21px;
    cursor: pointer;
}

/* 表单样式 */
.login-form {
    margin-top: 16px;
}

.login-padding {
    padding: 27px 44px 44px 44px;
}

/*弹出输入框*/
.login-password-input {
    box-sizing: border-box;
    width: 100%;
    height: 44px;
    border: 2px solid #DDD;
    background: #FFFFFF url("images/mimaimg.png") no-repeat;;
    color: #333333;
    font-size: 14px;
    outline: none;
    padding-left: 30px;
    background-size: 22px;
    background-position: 5px 8px;
}

.login-yhm-input {
    box-sizing: border-box;
    width: 100%;
    height: 44px;
    border: 2px solid #DDD;
    background: #FFFFFF url("images/login-yhm-input.png") no-repeat;
    color: #333333;
    font-size: 14px;
    outline: none;
    padding-left: 30px;
    background-size: 22px;
    background-position: 5px 8px;
}

.login-phoneCode-input {
    box-sizing: border-box;
    width: 64%;
    height: 44px;
    border: 2px solid #DDD;
    background: #FFFFFF url("images/mimaimg.png") no-repeat;;
    color: #333333;
    font-size: 14px;
    outline: none;
    padding-left: 30px;
    background-size: 22px;
    background-position: 5px 8px;
}

.login-phone-input {
    box-sizing: border-box;
    width: 100%;
    height: 44px;
    border: 2px solid #DDD;
    background: #FFFFFF url("images/login-yhm-input.png") no-repeat;
    color: #333333;
    font-size: 14px;
    outline: none;
    padding-left: 30px;
    background-size: 22px;
    background-position: 5px 8px;
}

.login-vercode-input {
    /*margin-top: 26px;*/
    box-sizing: border-box;
    width: 64%;
    height: 44px;
    border: 2px solid #DDD;
    background: #FFFFFF url("images/mimaimg.png") no-repeat;;
    color: #333333;
    font-size: 14px;
    outline: none;
    padding-left: 30px;
    background-size: 22px;
    background-position: 5px 8px;
}
.vercodeImg {
    width: 125px;
    height: 42px;
    position: initial;
}
.forget-div {
    width: 100%;
    text-align: right;
    line-height: 25px;
}

.login-button {
    width: 100%;
    height: 46px;
    border-radius: 0px;
    background: #1C70EE;
    border-color: transparent;
    color: #FFFFFF;
    font-size: 16px;
    line-height: 1.45;
    letter-spacing: 5px;
    font-family: Microsoft YaHei;
    /* position: absolute; */
    bottom: 44px;
}

ul li {
    list-style: none;
}

/* 账号密码弹窗类名 */
.selfLogin {
    display: none;
}
.zuoYeLogin {
    display: none;
}
.organLogin {
    display: none;
}
.oldOrganLogin {
    display: none;
}
.bsThreeLogin {
    display: none;
}
.bsFourLogin {
    display: none;
}
.schoolLogin {
    display: none;
}
.keYanLogin {
    display: none;
}
/* 手机弹窗类名 */
.organPhoneLogin {
    display: none;
}

.layadmin-user-login-codeimg.getMessageCodeBtn {
    border: 1px solid #E1E1E1;
    box-sizing: border-box;
    text-align: center;
    cursor: pointer;
    line-height: 42px;
    width: 125px;
    height: 42px;
    position: initial;
}

.layadmin-user-login-codeimg.getMessageCodeBtn.actived {
    pointer-events: none;
    cursor: not-allowed;
    color: #FE5050;
    opacity: 0.8;
}

/* 须知弹窗 */
.instructionsdialog {
    display: none;
}

.instructionsdialog-content {
    width: 600px;
    /*height: 550px;*/
    background: #FFFFFF;
    position: absolute;
    left: 38%;
    top: 8%;
}

.instructionsdialog-content-top {
    margin-top: 15px;
    width: 100%;
    text-align: center;
    line-height: 21px;
    height: 21px;
    font-weight: 600;
    color: #373737;
    font-family: Hiragino Sans GB;
    font-size: 18px;
    letter-spacing: 2px;
}

.instructionsdialog-content-top-right {
    position: absolute;
    right: 14px;
    top: 12px;
    cursor: pointer;
}

.instructionsdialog-content-center {
    /*width: 560px;*/
    /*height: 119px;*/
    /*position: absolute;*/
    overflow: auto;
    line-height: 1.3;
    color: #373737;
    text-align: left;
    font-family: Microsoft YaHei;
    font-size: 16px;
    font-weight: 500;
    margin: 20px;

    max-height: 550px;
}

.instructionsdialog-content-bottom {
    /*position: absolute;*/
    width: 445px;
    height: 46px;
    /*left: 50%;*/
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
}

.instructionsdialog-content-bottom-button {
    width: 100%;
    height: 100%;
    background: #1C70EE;
    color: #FFFFFF;
    outline: none;
    border-color: transparent;
    cursor: pointer;
    color: #FFFFFF;
    font-family: Hiragino Sans GB;
    font-weight: 300;
    font-size: 16px;
    letter-spacing: 5px;
}

.instructionsdialog-content-bottom-button:hover {
    background: #1a68d2;
}

#entrance-blockgroup {
    margin: 0 auto;
    width: 100%;
    display: table;
    padding-top: 285px;
    padding-bottom: 84px;
}

.entrance-blockicon {
    position: absolute;
    top: 84px;
    left: 50%;
    transform: translateX(-50%);
}

.background {
    background: #FFFFFF;
}

.background:nth-child(2n) {
    background: #FCFCFF;
}

.vips-title {
    color: #42496D;
    font-family: Microsoft YaHei;
    font-weight: regular;
    font-size: 24px;
    line-height: normal;
    letter-spacing: 2px;
    text-align: center;
    padding-top: 85px;
}

.vips-detail {
    color: #AFB3C8;
    font-family: Microsoft YaHei;
    font-weight: regular;
    font-size: 16px;
    line-height: normal;
    letter-spacing: 2px;
    text-align: center;
    margin-top: 10px;
    margin-bottom: 60px;
}

.vips-container {
    width: 1072px;
    height: 130px;
    position: absolute;
    margin-left: -536px;
    left: 50%;
    background-color: #098dff;
}

.vips-block {
    background-color: #FFFFFF;
    width: 338px;
    height: 126px;
    list-style: none;
}

/* 其他模块 */
.box {
    position: relative;
    display: inline-block;
}

#roll {
    width: 200%;
}

#roll dd {
    width: 338px;
    height: 126px;
    /* border: 1px solid #00EE00; */
    background: #FFFFFF;
    box-shadow: 0px 2px 8px 0px rgba(146, 159, 177, 0.25);
    float: left;
    margin-right: 32px;
    margin-top: 12px;
}

.box span {
    position: absolute;
    bottom: 40%;
    left: -66px;
    display: inline-block;
    text-align: center;
    cursor: pointer
}

.box .next {
    right: -44px;
    left: auto;
}

.next {
    width: 36px;
    height: 36px;
    border-radius: 36px;
    background: url('images/right.png') rgba(146, 159, 177, 0.25);
    background-repeat: no-repeat;
    background-size: 9.5px 16px;
    background-position: 50% 50%;
}

.prev {
    width: 36px;
    height: 36px;
    border-radius: 36px;
    background: url('images/left.png') rgba(146, 159, 177, 0.25);
    background-repeat: no-repeat;
    background-size: 9.5px 16px;
    background-position: 50% 50%;
}

.prev:hover {
    width: 36px;
    height: 36px;
    border-radius: 36px;
    background: url('images/left.png') rgba(146, 159, 177, 0.5);
    background-repeat: no-repeat;
    background-size: 9.5px 16px;
    background-position: 50% 50%;
}

.next:hover {
    width: 36px;
    height: 36px;
    border-radius: 36px;
    background: url('images/right.png') rgba(146, 159, 177, 0.5);
    background-repeat: no-repeat;
    background-size: 9.5px 16px;
    background-position: 50% 50%;
}

.block {
    padding-left: 40px;
    padding-top: 36px;
}

.picstyle {
    float: left;
    margin-right: 17px;
}

.block-right {
    padding-top: 4px;
}

.block-right-top {
    color: #42496D;
    font-family: Hiragino Sans GB;
    font-weight: W6;
    font-size: 16px;
    line-height: normal;
    letter-spacing: 0px;
    text-align: left;
    padding-bottom: 6px;
}

.block-right-bottom {
    color: #B0B2BC;
    font-family: Hiragino Sans GB;
    font-weight: W3;
    font-size: 12px;
    line-height: normal;
    letter-spacing: 0px;
    text-align: left;
}

.hoverContent{
    position: absolute;
    width: 256px;
    z-index: 99999;
    margin-top: 35px;
    line-height: 25px;
    text-align: left;
    font-size: 14px;
}
.iconfont {
    cursor: pointer;
    position: absolute;
    right: 48px;
}