/* 产品与案例 ProductsAndCases */

.main {
    background: #fcfcfc;
}
.main-con {
    padding: 20px 0; 
    background: #fff;
    position: relative;
}

.menu {
    width: 230px!important;
}
    .menu.menu-position {
        position: absolute !important;
        /*left: 20px!important;*/
        left: -20px!important;
        top: 20px !important;
    }
.menu .menu-title {
    border-left: 5px solid #ed813c;
    padding-left: 15px;
    margin-bottom: 15px;
    font-size: 20px;
    font-weight: bold;
}
.menu .menu-con {
    position: relative;
}
.menu-con .menu-list {
    padding: 5px 0;
}
.menu-con .menu-list a{
    display: block;
}
.menu-con .menu-list-title {
    /*border: 1px solid #ddd;
    padding: 7px 0 7px 20px;
    background: url(/content/img/icon/icon-product-down.png) no-repeat 225px center;
    width:250px;*/
    border: 1px solid #ddd;
    padding: 7px 0 7px 10px;
    background: url(/content/img/icon/icon-product-down.png) no-repeat 265px center;
    width: 290px;
    font-size: 15px;
}
    .menu-con .menu-list-title.active {
        /*border-color: #0c2349;
    background: #0c2349 url(/content/img/icon/icon-product-up-2.png) no-repeat 225px center;
    color: #fff;
    width:250px;*/
        border-color: #0c2349;
        background: #0c2349 url(/content/img/icon/icon-product-up-2.png) no-repeat 265px center;
        color: #fff;
        width: 290px;
    }
    .menu-con .menu-list-title.multistage.active {
        /*background: #0c2349 url(/content/img/icon/icon-product-up.png) no-repeat 225px center;*/
        background: #0c2349 url(/content/img/icon/icon-product-up.png) no-repeat 265px center;
    }

.menu-con .menu-list-detail {
    padding: 8px 0 8px 40px;
    line-height: 30px;

    /*禁止选择*/
    -moz-user-select: none; 
    -webkit-user-select: none;
    user-select: none;
}
.menu-list-detail li a.active {
  color: red;
}


.page {
    width: 100%;
    padding-left: 280px;
    padding-top: 15px;
    min-height: 900px;
}

.panel {
    border-left: 1px dashed #e5e5e5;
    padding: 30px;
}
.panel .tabs-title {
    width: 500px;
    height: 90px;
    padding: 20px 0;
    margin: 0 auto;
    position: relative;
    display: none;
}
.panel .tabs-title div {
    cursor: pointer;
    width: 230px;
    text-align: center;
    line-height: 48px;
    font-size: 16px;
    border: 2px solid #8bb9f7;
    position: absolute;
    top: 0;
}
.panel .tabs-title .active {
    background: #8bb9f7;
    color: #fff;
}
.panel .tabs-title-1 {
    left: 0;
}
.panel .tabs-title-2 {
    right: 0;
}
.panel-title {
    padding-left: 45px;
    width: 280px;
    height: 56px;
    margin: 0 auto;
}
.panel-title .panel-title-name {
    font-size: 20px;
    text-align: center;
}
.panel-title .panel-title-noversion {
    line-height: 56px;
}
.panel-title .panel-title-version {
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    color: #ed813c;
    letter-spacing: 6px;
    text-indent: 6px;
}
.panel-remark {
    margin: 40px 0;
    word-break: break-all;
    text-indent: 2em;
    line-height: 30px;
    font-size: 16px;
}
.panel-con .con-title {
    padding: 0;
    font-size: 16px;
    font-weight: bold;
}
.panel-con .con-box {
    padding: 0 0 40px;
}
.panel-con .con-box .con-advantage {
    padding-left: 20px;
    padding-top: 20px;
}
.panel-con .con-box .con-advantage li {
    padding-left: 110px;
    line-height: 150px;
}
.lycmp .panel-con .con-box .con-advantage li {
    padding-left: 250px;
}
.lywccms .panel-con .con-box .con-advantage {
    padding-left: 30px;
}
.lywccms .panel-con .con-box .con-advantage li {
    padding-left: 100px;
}



/* 
*   系统优势
*/
    /* weblis */
    .icon-advantage-weblis-title {
        background: url('/content/img/icon/icon-advantage-weblis-title.png') no-repeat left center;
    }

    .icon-advantage-weblis-1 {
        background: url('/content/img/icon/icon-advantage-weblis-1.png') no-repeat left center;
    }
    .icon-advantage-weblis-2 {
        background: url('/content/img/icon/icon-advantage-weblis-2.png') no-repeat left center;
    }
    .icon-advantage-weblis-3 {
        background: url('/content/img/icon/icon-advantage-weblis-3.png') no-repeat left center;
    }

    .icon-advantage-weblis-11 {
        background: url('/content/img/icon/icon-advantage-weblis-11.png') no-repeat left center;
    }
    .icon-advantage-weblis-12 {
        background: url('/content/img/icon/icon-advantage-weblis-12.png') no-repeat left center;
    }
    .icon-advantage-weblis-13 {
        background: url('/content/img/icon/icon-advantage-weblis-13.png') no-repeat left center;
    }

    .icon-advantage-weblis-21 {
        background: url('/content/img/icon/icon-advantage-weblis-21.png') no-repeat left center;
    }
    .icon-advantage-weblis-22 {
        background: url('/content/img/icon/icon-advantage-weblis-22.png') no-repeat left center;
    }
    .icon-advantage-weblis-23 {
        background: url('/content/img/icon/icon-advantage-weblis-23.png') no-repeat left center;
    }
    .icon-advantage-weblis-24 {
        background: url('/content/img/icon/icon-advantage-weblis-24.png') no-repeat left center;
    }

    /* lypeis */
    .icon-advantage-lypeis-title {
        background: url('/content/img/icon/icon-advantage-lypeis-title.png') no-repeat left center;
    }

    .icon-advantage-lypeis-1 {
        background: url('/content/img/icon/icon-advantage-lypeis-1.png') no-repeat left center;
    }
    .icon-advantage-lypeis-2 {
        background: url('/content/img/icon/icon-advantage-lypeis-2.png') no-repeat left center;
    }
    .icon-advantage-lypeis-3 {
        background: url('/content/img/icon/icon-advantage-lypeis-3.png') no-repeat left center;
    }
    .icon-advantage-lypeis-4 {
        background: url('/content/img/icon/icon-advantage-lypeis-4.png') no-repeat left center;
    }
    .icon-advantage-lypeis-5 {
        background: url('/content/img/icon/icon-advantage-lypeis-5.png') no-repeat left center;
    }

    .icon-advantage-lypeis-11 {
        background: url('/content/img/icon/icon-advantage-lypeis-11.png') no-repeat left center;
    }

    .icon-advantage-lypeis-21 {
        background: url('/content/img/icon/icon-advantage-lypeis-21.png') no-repeat left center;
    }

    /* lyblood */
    .icon-advantage-lyblood-title {
        background: url('/content/img/icon/icon-advantage-lypeis-title.png') no-repeat left center;
    }

    .icon-advantage-lyblood-1 {
        background: url('/content/img/icon/icon-advantage-lyblood-1.png') no-repeat left center;
    }
    .icon-advantage-lyblood-2 {
        background: url('/content/img/icon/icon-advantage-lyblood-2.png') no-repeat left center;
    }
    .icon-advantage-lyblood-3 {
        background: url('/content/img/icon/icon-advantage-lyblood-3.png') no-repeat left center;
    }
    .icon-advantage-lyblood-4 {
        background: url('/content/img/icon/icon-advantage-lyblood-4.png') no-repeat left center;
    }

    .icon-advantage-lyblood-modular-1 {
        background: url('/content/img/icon/icon-advantage-lyblood-modular-1.png') no-repeat center top;
    }
    .icon-advantage-lyblood-modular-2 {
        background: url('/content/img/icon/icon-advantage-lyblood-modular-2.png') no-repeat center top;
    }
    .icon-advantage-lyblood-modular-3 {
        background: url('/content/img/icon/icon-advantage-lyblood-modular-3.png') no-repeat center top;
    }
    .icon-advantage-lyblood-modular-4 {
        background: url('/content/img/icon/icon-advantage-lyblood-modular-4.png') no-repeat center top;
    }

    /* lycmp */
    .icon-advantage-lycmp-title {
        background: url('/content/img/icon/icon-advantage-lycmp-title.png') no-repeat left center;
    }

    .icon-advantage-lycmp-1 {
        background: url('/content/img/icon/icon-advantage-lycmp-1.png') no-repeat left center;
    }
    .icon-advantage-lycmp-2 {
        background: url('/content/img/icon/icon-advantage-lycmp-2.png') no-repeat left center;
    }
    .icon-advantage-lycmp-3 {
        background: url('/content/img/icon/icon-advantage-lycmp-3.png') no-repeat left center;
    }

    img.icon-advantage-lyblood-modular {
        width: 740px;
        margin: 50px auto 20px;
        display: block;
    }

    /* lywccms */
    .icon-advantage-lywccms-title {
        background: url('/content/img/icon/icon-advantage-lywccms-title.png') no-repeat left center;
    }

    .icon-advantage-lywccms-1 {
        background: url('/content/img/icon/icon-advantage-lywccms-1.png') no-repeat left center;
    }
    .icon-advantage-lywccms-2 {
        background: url('/content/img/icon/icon-advantage-lywccms-2.png') no-repeat left center;
    }
    .icon-advantage-lywccms-3 {
        background: url('/content/img/icon/icon-advantage-lywccms-3.png') no-repeat left center;
    }
    .icon-advantage-lywccms-4 {
        background: url('/content/img/icon/icon-advantage-lywccms-4.png') no-repeat left center;
    }
    .icon-advantage-lywccms-5 {
        background: url('/content/img/icon/icon-advantage-lywccms-5.png') no-repeat left center;
    }
    .icon-advantage-lywccms-6 {
        background: url('/content/img/icon/icon-advantage-lywccms-6.png') no-repeat left center;
    }
    .icon-advantage-lywccms-7 {
        background: url('/content/img/icon/icon-advantage-lywccms-7.png') no-repeat left center;
    }

    /* lyhms */
    .icon-hms-title {
        background: url('/content/img/icon/icon-hms-title.png') no-repeat left center;
    }

    .icon-hms-1 {
        background: url('/content/img/icon/icon-hms-1.png') no-repeat left center;
    }

    .icon-hms-2 {
        background: url('/content/img/icon/icon-hms-2.png') no-repeat left center;
    }

    .icon-hms-3 {
        background: url('/content/img/icon/icon-hms-3.png') no-repeat 10px center;
    }

    .icon-hms-4 {
        background: url('/content/img/icon/icon-hms-4.png') no-repeat 10px center;
    }

    .icon-hms-5 {
        background: url('/content/img/icon/icon-hms-5.png') no-repeat 6px center;
    }

    .icon-hms-6 {
        background: url('/content/img/icon/icon-hms-6.png') no-repeat 12px center;
    }
    .hms .panel-con .con-box .con-advantage li {
        line-height: 30px;
        padding: 20px 0 20px 110px;
    }


/* 
*   功能模板
*/
    /* 第一种方式 */
    .panel-con .con-box .con-modular {
        padding-left: 20px;
    }
    .panel-con .con-box .con-modular li {
        float: left;
        width: 25%;
        height: 135px;
        padding: 22px 6px 22px;
        position: relative;
        cursor: pointer;
    }
    .panel-con .con-box .con-modular li div:first-child {
        border: 3px solid #dde0e6;
        background: #8bb9f7;
        width: 100%;
        height: 90px;
        text-align: center;
        line-height: 84px;
        color: #fff;
        letter-spacing: 2px;
    }
    .panel-con .con-box .con-modular li div:first-child+div {
        background: #fff;
        width: 100%;
        height: 130px;
        border: 1px dashed #999;
        font-size: 13px;
        padding: 4px;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 3;
        text-indent: 2em;
        font-family: 'Times New Roman';
    }
    .panel-con .con-box .con-modular li.overstep div:first-child+div {
        width: 140%;
        left: -40%;
    }
    .panel-con .con-box .con-modular li.overstep.left0 div:first-child+div {
        width: 140%;
        left: 0%;
    }

    /* 第二种方式 */
    .icon-advantage-lypeis-modular {
        margin-left: -30px;
        width: 420px;
    }
    .panel-con.modular .con-box {
        position: relative;
    } 
    .panel-con .con-box .con-modular2 {
        width: 50%;
        width: calc( 100% - 395px);
    }
    .panel-con .con-box .con-modular2 li {
        float: left;
        width: 50%;
        padding: 15px 10px 10px 5px;
        position: relative;
        cursor: pointer;
    }
    .panel-con .con-box .con-modular2 li div:first-child {
        border: 3px solid #dde0e6;
        background: #8bb9f7;
        width: 100%;
        height: 54px;
        text-align: center;
        line-height: 48px;
        color: #fff;
        letter-spacing: 2px;
        text-indent: 2px;
    }
    .modular-text {
        display: none;
        background: #fff;
        width: 300px;
        height: 108px;
        line-height: 20px;
        border: 1px dashed #999;
        font-size: 13px;
        padding: 4px 4px 4px 8px;
        text-indent: 2em;
        cursor: pointer;
        position: absolute;
        left: 6px;
        top: 54px;
        z-index: 3;
    }
    .modular-text.overstep {
        width: 362px;
        height: 395px;
    }
    .modular-text.overstep p {
        font-weight: bold;
        font-size: 13px;
    }
    .modular-text.overstep div {
        font-size: 13px;
        text-indent: 2em;
    }

    /* 第三种方式 */
    .panel-con .con-box .con-modular3 {
        padding-left: 40px;
    }
    .panel-con .con-box .con-modular3 li {
        float: left;
        width: 50%;
        padding: 22px 0 0;
        position: relative;
    }
    .panel-con .con-box .con-modular3 li > div {
        width: 240px;
        margin: 0 auto;
    }
    .panel-con .con-box .con-modular3 li > div div:first-child {
        width: 100%;
        height: 180px;
        position: relative;
    }
     .panel-con .con-box .con-modular3 li > div div:first-child .text {
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        text-align: center;
        line-height: 50px;
        font-size: 17px;
        color: #fff;
        z-index: 3;
        letter-spacing: 2px;
    }
    .panel-con .con-box .con-modular3 li > div div:first-child .text.one {
        left: -1000px;
    }
    .panel-con .con-box .con-modular3 li div:first-child+div {
        background: #fff;
        width: 220px;
        margin: 0 auto;
        padding: 5px;
        line-height: 30px;
        min-height: 130px;
    }

    .panel-con.advantage .con-box .multistage {
        padding-top: 35px;
        height: 150px;
    }
    .panel-con.advantage .con-box .multistage span{
        line-height: 40px;
        display: block;
    }
    .panel-con.modular .con-box .multistage {
        padding-top: 18px;
    }
    .panel-con.modular .con-box .multistage span{
        line-height: 26px;
        display: block;
    }

    /* 六角形 */
    .hexBox {
        /*width: 480px;*/
        /*width: 570px;*/
        width: 760px;
        margin: 0 auto;
        padding: 100px 0;
        overflow: hidden;
    }
   
    .hex {
        /*width: 150px;
        height: 86px;
        margin: 25px 5px;*/
        /*width: 170px;
        height: 98px;
        margin: 35px 7px;*/
         width: 230px;
        height: 133px;
        margin: 40px 10px;
        background-color: #ccc;
        background-repeat: no-repeat;
        background-position: 50% 50%;
        -webkit-background-size: auto 173px;
        -moz-background-size: auto 173px;
        -ms-background-size: auto 173px;
        -o-background-size: auto 173px;
        position: relative;
        float: left;
        text-align: center;
        zoom: 1;
    }
    .hex.hex-gap {
        /*margin-left: 86px;*/
        /*margin-left: 100px;*/
        margin-left: 130px;
    }
    .hex a {
        display: block;
        width: 100%;
        height: 100%;
        text-indent: -9999;
        position: absolute;
        top: 0;
        left: 0;
        text-align: center;
    }
    .hex .corner-1, .hex .corner-2 {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: inherit;
        /*z-index: -2;*/
        z-index: 2;
        overflow: hidden;
        -webkit-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
        -ms-backface-visibility: hidden;
        -o-backface-visibility: hidden;
        backface-visibility: hidden;
    }
    .hex .corner-1 {
        /*z-index: -1;*/
        z-index: 2;
        -webkit-transform: rotate(60deg);
        -moz-transform: rotate(60deg);
        -ms-transform: rotate(60deg);
        -o-transform: rotate(60deg);
        transform: rotate(60deg);
        cursor: pointer;
    }
    .hex .corner-2 {
        -webkit-transform: rotate(-60deg);
        -moz-transform: rotate(-60deg);
        -ms-transform: rotate(-60deg);
        -o-transform: rotate(-60deg);
        transform: rotate(-60deg);
        cursor: pointer;
    }
    .hex .corner-1:before, .hex .corner-2:before {
        width: 173px;
        height: 173px;
        content: '';
        position: absolute;
        background: inherit;
        top: 0;
        left: 0;
        z-index: 1;
        background: inherit;
        background-repeat: no-repeat;
        -webkit-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
        -ms-backface-visibility: hidden;
        -o-backface-visibility: hidden;
        backface-visibility: hidden;
    }
    .hex .corner-1:before {
        -webkit-transform: rotate(-60deg) translate(-87px, 0px);
        -moz-transform: rotate(-60deg) translate(-87px, 0px);
        -ms-transform: rotate(-60deg) translate(-87px, 0px);
        -o-transform: rotate(-60deg) translate(-87px, 0px);
        transform: rotate(-60deg) translate(-87px, 0px);
        -webkit-transform-origin: 0 0;
        -moz-transform-origin: 0 0;
        -ms-transform-origin: 0 0;
        -o-transform-origin: 0 0;
        transform-origin: 0 0;
    }
    .hex .corner-2:before {
        -webkit-transform: rotate(60deg) translate(-48px, -11px);
        -moz-transform: rotate(60deg) translate(-48px, -11px);
        -ms-transform: rotate(60deg) translate(-48px, -11px);
        -o-transform: rotate(60deg) translate(-48px, -11px);
        transform: rotate(60deg) translate(-48px, -11px);
        bottom: 0;
    }
    .hex .inner {
        color: #fff;
        text-align: center;
        font: normal 20px Arial;

        height: 100%;
        position: absolute;
        width: 100%;
        cursor: pointer;
        z-index: 3;
    }
    .hex h4 {
        margin: 0;
        font: bold 16px 'Josefin Sans', sans-serif;
    }
    .hex hr {
        border: 0;
        border-top: 1px solid #eee;
        width: 60%;
        margin: 15px auto;
    }
    .hex p {
        font-size: 16px;
        font-family: 'Kotta One', serif;
        width: 80%;
        margin: 0 auto;
    }
    .hex.hex-1 {
        background: #8bb9f7;
    }
    .hex.hex-2 {
        background: #f5b68d;
    }
    .hex.hex-3 {
        background: #74cddb;
    }
    .hex.hex-4 {
        background: #f5c53c;
    }
    .hex.hex-5 {
        background: #80b971;
    }
    .hexBox li .hex { 
        transition:  all 2s;
        -moz-transition: all 2s;
		-webkit-transition: all 2s;
		-o-transition: all 2s;
    }
    .hexBox li {
        position: relative;
        float: left;
    }
    .hexBox li .hex-title {
        letter-spacing: 6px;
        text-indent: 6px;
        font-size: 22px;
        height: 125px;
        transition: all 2s ease-in-out;
        -moz-transition: all 2s ease-in-out;
		-webkit-transition: all 2s ease-in-out;
		-o-transition: all 2s ease-in-out;
        line-height: 30px;
        padding: 45px 0 0;
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        margin: 0 auto;
    }
    .hexBox li .hex-text {
        position: absolute;
        left: 10px;
        top: 34px;
        z-index: -1;
        width: 230px;
        height: 0;
        transition: all 2s ease-in-out;
        -moz-transition: all 2s ease-in-out;
		-webkit-transition: all 2s ease-in-out;
		-o-transition: all 2s ease-in-out;
        padding: 20px 5px 0 15px;
        color: #fff;
    }
    .hexBox li:first-child .hex-text {
        left: 130px;
    }
    .hexBox li:hover .hex{
        transform: rotateY(180deg);
    }
    .hexBox li:hover .hex-title {
        top: 1000px;
    } 
    .hexBox li:hover .hex-text {
        z-index: 5;
        height: 132px;
    } 

    /* 3D旋转 */
    .rotateX {
        overflow: hidden;
    }
    .panel-con .con-box .con-modular li {
        transition: width,height 2s ease-in-out;
        -moz-transition: width,height 2s ease-in-out;
		-webkit-transition: width,height 2s ease-in-out;
		-o-transition: width,height 2s ease-in-out;
    }
    .panel-con .con-box .con-modular li div:first-child {
        z-index: 2;
        height: 90px;
        overflow: hidden;
         transition: all 1s ease-in-out;
        -moz-transition: all 1s ease-in-out;
		-webkit-transition: all 1s ease-in-out;
		-o-transition: all 1s ease-in-out;
    }
    .panel-con .con-box .con-modular li div:first-child+div {
        z-index: -1;
        height: 0;
        overflow: hidden;
         transition: all 1s ease-in-out;
        -moz-transition: all 1s ease-in-out;
		-webkit-transition: all 1s ease-in-out;
		-o-transition: all 1s ease-in-out;
    }
    .panel-con .con-box .con-modular li:hover div:first-child {
        height: 0;
        z-index: -1;
    }
    .panel-con .con-box .con-modular li:hover div:first-child+div {
        height: 100%;
        z-index: 2;
    }

    .rotateY {
        overflow: hidden;
    }
    .rotateY.rotateY-self, .rotateY .rotateY-child {
        transition: all 2s ease-in-out;
        -moz-transition: all 2s ease-in-out;
		-webkit-transition: all 2s ease-in-out;
		-o-transition: all 2s ease-in-out;
    }
    .rotateY.rotateY-self .rotateY-title, .rotateY .rotateY-title {
        transition: all 2s;
        -moz-transition: all 2s;
		-webkit-transition: all 2s;
		-o-transition: all 2s;
    }
    .rotateY.rotateY-self:hover .rotateY-title.one, .rotateY:hover .rotateY-title.one {
        left: 0!important;
    }
    .rotateY.rotateY-self:hover .rotateY-title.two, .rotateY:hover .rotateY-title.two {
        left: 1000px!important;
    }
    .rotateY.rotateY-self:hover, .rotateY:hover .rotateY-child {
        transform: rotateY(360deg);
    }


/*实验室智能物资管理系统（试剂）*/
.weblis_reg .panel-title {
    width: 400px;
}
.icon-weblis-reg-title {
    background: url('/content/img/icon/laboratory-icon.png') no-repeat left center;
}

.weblis_reg .feature {
    display: flex;
    align-items: center;
    margin-bottom:32px;
}
 .weblis_reg .feature .reg-feature-con{
     padding:0;
 }
 .weblis_reg .feature .reg-feature-con ul li{
     margin-bottom:16px;
 }
 .weblis_reg .feature .con-title{
    margin-right:44px;
    margin-bottom:16px;
}
.weblis_reg .process .reg-process-con {
    background: url('../../Img/lab-meterial-chart.png') no-repeat center center;
    margin: 0 auto;
    /*width: 814px;*/
    height: 623px;
    margin-top: 40px;
    background-size: 100% 100%;
}
.weblis_reg .function .con-box{
    margin-top:40px;
}
.function {
    margin-top: 80px;
}
.weblis_reg .function li {
    margin-bottom: 70px;
    height: 102px;
    line-height: 30px;
}
.weblis_reg .function .function-icon {
    /*float: left;*/
    margin-right: 40px;
    width: 116px;
    text-align: center;
    overflow: hidden;
    position: relative;
    display: table-cell;
    vertical-align: middle;
}
.weblis_reg .function .function-con {
    height: 102px;
    overflow: hidden;
    position: relative;
    display: table-cell;
    vertical-align: middle;
    padding-left: 20px;
    width: calc(100% - 20px);
}
.weblis_reg .function ul li .bottom-title {
    font-size: 16px;
    color: rgba(61,143,190,1);
    font-weight: bold;
    width: 116px;
    text-align: center;
}
.weblis_reg .function .function-con p {
    font-size: 16px;
    color: rgba(0,0,0,1);
}


/*莱域极速检测平台（核酸）*/
.quick-test .panel-title {
    width: 340px;
}

.quick-test .icon-quick-test-title {
    background: url('/content/img/icon/test-icon.png') no-repeat left center;
}

.quick-test .icon-quick-test-1 {
    background: url('../../Content/img/icon/person-info.png') no-repeat left center;
}

.quick-test .icon-quick-test-2 {
    background: url('../../Content/img/icon/two-barcode.png') no-repeat left center;
}

.quick-test .icon-quick-test-3 {
    background: url('../../Content/img/icon/sample-icon.png') no-repeat left center;
}

.quick-test .icon-quick-test-4 {
    background: url('../../Content/img/icon/scan-receive-icon.png') no-repeat left center;
}

.quick-test .icon-quick-test-5 {
    background: url('../../Content/img/icon/report-icon.png') no-repeat left center;
}

.quick-test .icon-quick-test-6 {
    background: url('../../Content/img/icon/examine-icon.png') no-repeat left center;
}

.quick-test .icon-quick-test-7 {
    background: url('../../Content/img/icon/process-track-icon.png') no-repeat left center;
}
.quick-test-function{
    margin-top:50px;
}
.quick-test .quick-test-function-con {
    width: 388px;
    height: 140px;
    float: left;
    border: 1px dashed #6b7990;
    margin-right: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px;
}
.quick-test .quick-test-function li{
    margin-bottom:50px;
}
.quick-test .quick-test-function-con span {
    font-size: 16px;
    color: rgba(0,0,0,1);
    font-weight: bold;
}
.quick-test .quick-test-function-con p {
    font-size: 16px;
    color: rgba(0,0,0,1);
    line-height: 30px;
}
.quick-test .icon-left{
    float:left;
    margin-left:220px
}
.quick-test .icon-send {
    margin-left: 190px;
}
.quick-test .quick-test-right-con {
    width: 388px;
    height: 140px;
    border: 1px dashed #6b7990;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px;
}
.quick-test .quick-test-right-con span {
    font-size: 16px;
    color: rgba(0,0,0,1);
    font-weight: bold;
}

.quick-test .quick-test-right-con p {
    font-size: 16px;
    color: rgba(0,0,0,1);
    line-height: 30px;
}
.quick-test-function-right-con {
    width: 388px;
    height: 140px;
    float: right;
    border: 1px dashed #6b7990;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px;
}
.quick-test .quick-test-function-right-con span {
    font-size: 16px;
    color: rgba(0,0,0,1);
    font-weight: bold;
}

.quick-test .quick-test-function-right-con p {
    font-size: 16px;
    color: rgba(0,0,0,1);
    line-height: 30px;
}

.detail .con-title {
    margin-bottom: 30px;
}

.detail .section-con {
    line-height: 30px;
}

.detail .section-con .con-1 {
    font-weight: 600;
    font-size: 20px;
}

.detail .section-con .con-2 {
    padding-bottom: 15px;
}

.detail .section-con .con-3 {
    border-top: 3px solid red;
    width: 94px;
    height: 20px;
    margin-top: 5px;
}

.detail .section-con hr {
    border-top: 1px solid #adadad;
}

.detail .section-con li {
    margin-bottom: 15px;
}

.detail .section-con li .num {
    display: inline-block;
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    color: #fff;
    background: #333;
    border-radius: 4px;
}

.hms .advantage-sub {
    color: #0094AB;
    font-weight: bold;
}

.hms .detail .section-con li .num {
    color: #fff;
    background: #1171BB;
}

.hms .detail .section-con li .text b {
    color: #1171BB;
}