#App.full-screen,
#App.full-screen body{width:100%;height:100%;}

body.bg-gray{background-color:#fafbfc;}
body.bg-page-gray{background-color:#f7f8fa;}

.align-center{text-align: center;}

.icon{background-size:cover;background-position: center center;background-repeat: no-repeat;}
.icon-examine{background-image:url("icon/examine.png");}
.icon-alert{background-image:url("icon/alert.png");}
.icon-reagent{background-image:url("icon/reagent.png");}
.icon-clear{background-image:url("icon/clear.png");}
.icon-gas{background-image:url("icon/gas.png");}
.icon-liquid{background-image:url("icon/liquid.png");}
.icon-cross{background-image:url("icon/cross.png");}
.icon-autoclave{background-image:url("icon/autoclave.png");}

.icon-built{background-image:url("icon/icon_built.png");}
.icon-safer{background-image:url("icon/icon_safer.png");}
.icon-spill{background-image:url("icon/icon_spill.png");}
.icon-uv{background-image:url("icon/icon_uv.png");}

.abs{position:absolute;}
.logo{width:38.42vw;height:8.79vw;background:url("images/page-logo.png") no-repeat center center;background-size:cover;left:4.26vw;top:13vw;z-index:99;}
.img-fluid{max-width: 100%;height:auto;}
.banner{margin:0;line-height:0;position:relative;}
.banner .caption{position:absolute;bottom:0;left:8vw;right:8vw;color:#189dd9;font-size:1.5rem;font-weight:bolder;line-height:1.5rem;}
.banner .caption{display:flex;align-items:flex-start;}
.banner .caption span{display:block;letter-spacing:1px;}
.banner .caption em{width:5.92vw;height:5.92vw;}
.banner .caption span em{display:block;width:6.5vw;height:6.5vw;vertical-align: middle;}

.next-span{background:url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSI0OCIgaGVpZ2h0PSI0OCIgdmlld0JveD0iMCAwIDQ4IDQ4IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik0xOSAxMkwzMSAyNEwxOSAzNiIgc3Ryb2tlPSIjMTg5ZGQ5IiBzdHJva2Utd2lkdGg9IjQiIHN0cm9rZS1saW5lY2FwPSJzcXVhcmUiIHN0cm9rZS1saW5lam9pbj0ibWl0ZXIiLz48L3N2Zz4=') no-repeat center center;background-size:cover;}
.next-butt{background:url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSI0OCIgaGVpZ2h0PSI0OCIgdmlld0JveD0iMCAwIDQ4IDQ4IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik0xOSAxMkwzMSAyNEwxOSAzNiIgc3Ryb2tlPSIjRkZGRkZGIiBzdHJva2Utd2lkdGg9IjMiIHN0cm9rZS1saW5lY2FwPSJzcXVhcmUiIHN0cm9rZS1saW5lam9pbj0ibWl0ZXIiLz48L3N2Zz4=') no-repeat center center;background-size:cover;}
.prev-butt{transform: rotateY(180deg);}

.button-groups{display:flex;align-items: center;justify-content: space-between;padding:0 2.2vw;}
.button-groups a{flex:1;line-height:9.8vw;margin:0 2.2vw;display:flex;align-items: center;justify-content: center;border-radius: 9.8vw;text-align:center;}
.button-groups a{background-color:#189dd9;color:#fff;font-weight:500;}
.button-groups a span.text{padding-left:15px;}
.button-groups a span.next-butt{width:5.5vw;height:5.5vw;}
.button-groups a:active { background-color: #1487ba;}
.button-groups a.disabled { background-color: grey; }
.button-groups.segment-3 a:first-child span.text{padding-left:0;padding-right:15px;}
.button-groups.segment-3 a:nth-child(2){flex:1.3;}

/** 列表页 */
.lists{display:flex;flex-direction:column;justify-content:space-between;}
.lists dl{display:flex;margin:0 0 3vw 0;padding:2.6vw 0;width:100%;box-sizing: border-box;position:relative;overflow:hidden;border-radius: 7px;}
.lists dl{background-color:#ffffff;box-shadow: 3px 7px 11px 0 rgb(66 120 144 / 20%);}
.lists dl:last-child{margin-bottom:0;}
.lists dl:active{background-color:#f9f9f9;}
.lists dl dt{flex:1;font-weight:300;}
.lists dl dd{text-align: center;}
.lists dl dd span{display:block;width:5vw;height:5vw;border-radius: 5px;background-color:#e8f5fb;background-size:90%;}

/** 页面内容及字体 */
.container-body{padding:0 4vw;text-align: justify;}
.container-body{font-size:0.78125rem;font-weight:300;color:#000;line-height:1.7;}
.container-body .preface{padding:5.5vw 3.5vw 3.5vw 3.5vw;}
.container-body .preface p{text-indent: 1.6rem;padding-bottom:0.5rem;}
.container-body .preface p:last-child{padding-bottom:0;}
.container-body strong{font-weight:700;}

.container-panel{background-color:#fff;padding:5vw 3.5vw;border-radius: 10px;position:relative;}
.container-panel dl{padding-bottom:7vw;}
.container-panel dl:last-child{padding-bottom:0 !important;}
.container-panel dl dt{font-weight:700;}

/** 带标题形 */
.container-panel.with-title dl dd{padding-top:2.5vw;}
.container-panel.with-title dl dt span{display:inline-block;transform: skewX(-15deg);box-shadow: 3px -3px 0 #54bff0;}
.container-panel.with-title dl dt span{background-color:#e8f5fb;width:5vw;height:5vw;text-align:center;line-height:5vw;margin-right:10px;}
.container-panel.with-title dl dt span em{display:block;font-style:normal;transform: skewX(10deg);font-weight:400;}

/** 序列形 */
.container-panel.sequence .caption{background-color:#189dd9;transform: skewX(-15deg);box-shadow: 4px 4px 0 #63c5f1;color:#FFF;}
.container-panel.sequence .caption{top:-7.5vw;left:3.5vw;padding:1vw 4vw;font-weight:700;letter-spacing:1px;}
.container-panel.sequence .caption span{transform: skewX(15deg);display:block;}
.container-panel.sequence dl{padding-bottom:3.5vw;}
.container-panel.sequence dl dd span{display:inline-block;margin-right:6px;width:5vw;height:5vw;line-height:5vw;text-align:center;background-color:#189dd9;color:#fff;}

.container-panel.oblique dl dd span{background-color:#e8f5fb;color:#000;}
.container-panel.oblique dl dd span em{display:block;font-weight:400;}
/** ------------------------------------------------------------------------------------------------------------------------ */

body.home {background:url('images/home-background.jpg') no-repeat center top;background-size:100% 100%;}
.home .swiper{width:100%;height:100%;}
.home .caption{width:56.9vw;left:5.55vw;top:38.6vw;line-height:0;}
.home .buttons{display:flex;left:50%;bottom:7vw;transform:translate(-50%, 0);}
.home .buttons section{padding:0 3.42vw;width:41.6vw;}

.lab-index .lists{padding:8.88vw 6.66vw;}
.lab-index .lists dl::before{content:'';background-color:#189dd9;position:absolute;left:0;top:0;width:3px;height:100%;}
.lab-index .lists dl dt{padding-left:6.3vw;letter-spacing:3px;}
.lab-index .lists dl dd{padding:0 4.26vw;width:5vw;}
.lab-index .container{padding-bottom:9vw;}
.lab-page  .container{background:url("images/lab-page-footer.jpg") no-repeat center bottom;background-size:100% auto;}

.safety-index .lists{padding:8.88vw 6.66vw;}
.safety-index .lists dl dt{display:flex;padding-left:1.8vw;}
.safety-index .lists dl dt .left{padding:0 3.7vw;display:flex;align-items: center;}
.safety-index .lists dl dt .left .icon{display: block;width:9.2vw;height:9.2vw;}
.safety-index .lists dl dt .wrap{flex:1;}
.safety-index .lists dl dt .caption{font-size:1rem;font-weight:700;letter-spacing:2px;}
.safety-index .lists dl dt .summary{font-size:0.875rem;}
.safety-index .lists dl dd{padding:0 3.8vw;width:7.4vw;display:flex;align-items: center;}
.safety-index .lists dl dd span{width:7.4vw;height:7.4vw;}
.safety-index .button-groups{padding-top:5vw;}

.safety-page .container-panel{background-color:rgba(151,151,151, 0.1);}
.safety-page .banner .caption{flex-direction:column;text-align:left;align-items: flex-start;bottom:2.7vw;}
.safety-page .banner .caption span:first-child{font-size:1.5625rem;padding-bottom:3px;}
.safety-page .banner .caption span:last-child{font-size:1rem;font-weight:400;letter-spacing:0;}

.safety-page .icons{display:flex;padding: 3.5vw;}
.safety-page .icons .icon{width:9.2vw;height:9.2vw;margin-right:6px;}
.safety-page .preface{padding-top:0;padding-bottom:5vw;}
.safety-page .align-center{padding-top:8px;}

.safety-page .row-image{text-align: center;}
.safety-page .row-image .img-fluid{margin:0 auto;border-radius: 5px;}

.lab-page #buttonNode, .safety-page #buttonNode{padding:9.3vw 0;}
/** safety-index 弹出层 */
.layui-layer.popup{border-radius: 7px;}
.popup .container{padding:6.2vw;}
.popup .header{display:flex;}
.popup .header dt{padding-right:3.7vw;}
.popup .header dt .icon{display: block;width:9.2vw;height:9.2vw;}
.popup .header .caption{font-size:1rem;font-weight:700;letter-spacing:2px;}
.popup .header .summary{font-size:0.875rem;font-weight:300;}
.popup .lists{padding:6vw 2.5vw 4vw 2.5vw;}
.popup .lists dl{background-color:#f6f6f6;box-shadow: none;}
.popup .lists dl dt{font-weight:400;color:#000;padding-left:7vw;display:flex;align-items: center;}
.popup .lists dl dd span{background-color:transparent;filter: grayscale(100%);opacity: 0.6;}

body.consult {background:url('images/consult-background.jpg') no-repeat center top;background-size:100% 100%;}
.consult .swiper{width:100%;height:100%;}
.consult .container{display:flex;flex-direction:column;padding: 2.5vw 2.5vw 4vw;}
.consult h1{font-size:1.6rem;color:#fff;padding:6vw;font-weight:700;}
.consult .form-wrap{border-radius: 7px;background-color:#fff;padding:4.5vw;}
.consult .button-groups{padding:6vw 0 2vw 0;}
.consult .button-groups a{background-color:#0173a6;border-radius: 50px;border:2px solid #fff;font-weight:400;}

.layui-form-select dl dd.layui-this{color:#0173a6;}
.form-item{font-size:1rem;color:#000;padding-bottom:10px;}
.form-item:last-child{padding-bottom:0;}
.form-item .form-label{padding-bottom:4px;display:block;text-indent:3px;}
.form-item .form-block{}
.form-item .layui-input, .form-item .layui-select{height:10vw;background-color:#f6f6f6;border-width: 0;border-radius: 7px;line-height:1.6;font-size:0.875rem;}

.layui-layer-loading1{
    width:88px !important;height:88px !important;max-width:70vw;
    background-color:rgba(0, 0, 0, 0.7);border-radius: 7px;border:0;
    display: flex;align-items: center;justify-content: center;
}