img{max-width:100%; height:auto;}

a{transition:all 0.5s ease-in-out;}

.dsNone{display:none;}

.bgImg{ position:relative;}

.bgImg img{display:block!important; width:100%; height:100%; object-fit: cover; position:absolute; left:0; top:0}

.footer a:hover{color:#fff;}

.footer{ color: #FFF; background: #0D3760; padding: 3.64vw 0px 0; }

.footLx{ width: 362px; float: left; padding-top: 18px; }

.foot_logo img{ height:60px; width:auto;}

.footDy{ margin-top: 2.08vw; background: #FFF; height: 60px; width: 360px; position: relative; }

.footDy input{ line-height: 54px; height: 54px; width: 100%; margin-top: 3px; padding: 0 115px 0 22px; font-size: 16px; color: #333; }

.footDybtn{ font-size: 16px; line-height: 54px; color: #FFF; background: #35ADC6; height: 54px; width: 90px; text-align: center; display: inline-block; position: absolute; top: 3px; right: 3px; }

.footDybtn:hover{ background: #319FB7; color: #FFF; }

.foot_select{ line-height: 34px; height: 36px; border: 1px solid #2FA6C3; padding: 0px 35px 0px 20px; position: relative; width:240px; float:right;}

.foot_select i{ font-size: 14px; color:#35ADC6; position: absolute; right: 18px; top:10px}

.foot_select span{ font-size:14px; letter-spacing:1px;}

.foot_options{ width:240px; position:absolute; bottom:36px; left:-1px; background:#2FA6C3; padding:15px 0; transition:all 0.5s ease-in-out; opacity:0; visibility:hidden;}

.foot_select:hover .foot_options{opacity:1; visibility:visible;}

.foot_options p{ line-height:36px; height:36px; overflow:hidden;}

.foot_options p a{ display:block; font-size:14px; color:#fff; padding-left:25px; padding-right:25px;}

.foot_options p a:hover{ color:#fff; background:rgba(255,255,255,0.2);}

.footNav{ padding: 30px 0px; border-top: 1px solid #35ADC6; background: #0D3760; margin-top:5.46vw }

.footNav_a{ display:inline-block; position:relative; font-size:18px; margin-right:46px; padding-left:16px; line-height:36px; color:#fff;}

.footNav_a:before{ content: ""; background: #FFF; height: 6px; width: 6px; margin-top: -3px; position: absolute; left: 0px; top: 50%; border-radius:50%;}

.foot_share{float:right;}

.foot_s1{ background: url(/statics/topic/insulin/images/foot_si1.png) no-repeat center center; height: 36px; width: 36px; margin-left: 10px; display: inline-block; border-radius:50%;}

.foot_s2{ background: url(/statics/topic/insulin/images/foot_si2.png) no-repeat center center; height: 36px; width: 36px; margin-left: 10px; display: inline-block; border-radius:50%;}

.foot_s3{ background: url(/statics/topic/insulin/images/foot_si3.png) no-repeat center center; height: 36px; width: 36px; margin-left: 10px; display: inline-block; border-radius:50%;}

.foot_s4{ background: url(/statics/topic/insulin/images/foot_si4.png) no-repeat center center; height: 36px; width: 36px; margin-left: 10px; display: inline-block; border-radius:50%;}

.foot_s5{ background: url(/statics/topic/insulin/images/foot_si5.png) no-repeat center center; height: 36px; width: 36px; margin-left: 0px; display: inline-block; border-radius:50%;}

.footRmx{float:right;}

.footMx{ float:left;}

.footMx dl{ float:left; margin-right:82px; color:#fff;}

.footMx dl dt{ line-height: 50px; height: 50px; position: relative; font-size: 18px; }

.footMx dl dd{ line-height: 38px; height: 38px; font-size: 14px; }

.foot_ma1{ color:#fff;}

.foot_ma2{ color:rgba(255,255,255,0.5);}

.foot_ma1:hover,.foot_ma2:hover,.copy_right .fr a:hover{ color:#35ADC6;}

.footRx{ float:left; text-align:center; padding-top:16px;}

.footRx p{ font-size: 14px; line-height: 20px; margin-top: 20px; color:rgba(255,255,255,0.5); }

.copy_right{ font-size: 14px; line-height: 28px; color:#788495; background: #0C3158; padding: 1.87vw 0px; }

.copy_right .fr span{ display: inline-block; color: #35ADC6; margin: 0px 13px; font-size:12px; }

.foot_aimg{ position:relative;}

.foot_aimg span{background:#fff; width:120px; height:120px; padding:1px; position:absolute; left:50%; margin-left:-60px; bottom:48px; transition:all 0.5s ease-in-out; opacity:0; visibility:hidden;}

.foot_aimg:hover span{visibility:visible; opacity:1; bottom:42px;}

.foot_aimg span:before{content:""; border-left:6px solid transparent; border-right:6px solid transparent; border-top:8px solid #fff; position:absolute; left:50%; margin-left:-6px; bottom:-8px;}

@media (max-width:1799px){

.footMx dl{margin-right:55px;}

}

@media (max-width:1379px){

.footMx dl dd{font-size:12px; line-height:30px; height:30px;}

.footNav_a{font-size:15px;}

.copy_right{font-size:12px;}

.footNav{padding:15px 0;}

.footNav{margin-top:2.5vw;}

.footDy{width:340px; height:52px;}

.footDy input{height:48px; line-height:48px}

.footDybtn{font-size:15px; line-height:46px; height:46px;}

}

@media (max-width:1199px){

.footMx dl{margin-right:30px;}

.footRx img{width:120px; height:auto;}

.footDy{width:320px;}

.copy_right .fl{max-width:620px; line-height:22px;}

.foot_select{margin-top:5px;}

.footMx dl dt{font-size:16px;}

}

@media (max-width:993px){

.footLx{width:100%; text-align:center; float:none;}

.footDy{margin:30px auto; width:100%;}

.footMx dl{margin-right:70px;}

.footNav_a{margin-right:35px;}

.copy_right .fl{width:450px;}

}

@media (max-width:767px){

.footer{padding-top:30px;}

.foot_logo img{height:50px;}

.footMx{display:none;}

.footRmx{width:100%; float:none;}

.footRx{float:none; padding-bottom:20px;}

.footNav_a{font-size:12px; margin-right:15px;}

.copy_right .fl{width:100%; text-align:center; margin-bottom:12px; float:none; line-height:22px; font-size:12px; display:block;}

.foot_select{width:100%; float:none;}

.copy_right{ padding:20px 0 30px;}

.footDy{margin:30px auto 10px;}

}





.emLay_bg{ background:rgba(0,0,0,0.5); position:fixed; left:0; top:0; right:0; bottom:0; z-index:30;}

.emLayCon{ padding: 52px 60px; background: #FFF; position: fixed; z-index: 35; left: 50%; top: 50%; width:1200px; max-width:90%; transform:translate(-50%,-50%); border-radius:0 0 8em 0; overflow:hidden}

.emCloseBtn{ background: url(/statics/topic/insulin/images/tipClose.png) no-repeat center center; height: 34px; width: 34px; position: absolute; top: 30px; right: 30px; transition:all 0.5s ease-in-out;}

.emCloseBtn:hover{transform:rotate(180deg); cursor:pointer}

.emLayCon h4{ font-size: 36px; font-weight: normal; line-height: 50px; color: #005ca7; letter-spacing: 1px; display: block; }

.emLayCon h5{ font-size: 16px; line-height: 28px; color: #808080; margin: 12px 0px 25px; }

.emLfm{ margin-top: 30px; margin-left:-15px; margin-right:-15px; }

.emLfm li{ width:50%; float:left; padding:0 15px; margin-bottom:30px;}

.emLinx{ position:relative;}

.emLinx input{line-height: 56px;height: 60px;border: 2px solid #E6E6E6;position: relative;width: 100%;border-radius: 4em;padding: 0px 30px;font-size: 16px;color: #555;}

.emLinx input:focus{ border: 2px solid #005ca7; }

.emCimg{ padding-left: 20px; height: 56px; width: 98px; position: absolute; top: 0px; right: 20px; border-left: 2px solid #E6E6E6; padding-top:16px;}

.emCimg img{cursor:pointer;}

.emLinx button{ width: 100%; line-height: 60px; height: 60px; font-size: 16px; color: #FFF; background: #005ca7; text-align: center; display: block; cursor:pointer; border-radius:2em; transition:all 0.5s ease-in-out;}

.emLinx button.m2lxReset,.emLinx .m2lxReset{ background:#bfbfbf; width: 100%; line-height: 60px; height: 60px; font-size: 16px; color: #FFF; text-align: center; display: block; cursor:pointer; border-radius:2em; transition:all 0.5s ease-in-out;}

.emLinx button.m2lxReset:hover,.emLinx .m2lxReset:hover{ color:#fff;box-shadow:0 10px 20px rgba(0,0,0,0.1);}

.emLinx button:hover{ color:#fff;box-shadow:0 10px 20px rgba(0,92,167,0.3);}

.emLtip{ line-height:50px; height:50px; margin-top:-10px;}

.emLtip label,.emLtip_div {float: left;position: relative;font-size: 16px;color: #808080;}

.emLtip input {opacity: 0;margin-right: 22px;}

.emLtip a,.emLtip a:hover{ color:#005ca7; text-decoration:underline}

.emLtip label{margin-left:0;}

.hmEfm{ line-height:60px; height:60px; font-size:16px; color:#808080;}

.hmEfm strong{ font-weight:normal;}

.hmEfm label{ margin-left:35px;}

@media (max-width:1799px){

.emLayCon h4{font-size:28px;}

}

@media (max-width:1379px){

.emLayCon h4{font-size:24px; line-height:26px;}

.emLinx input{line-height:46px; height:48px; font-size:14px;}

.emLfm li{margin-bottom:15px;}

.emCimg{padding-top:10px; height:48px;}

.emLinx button{height:48px; line-height:48px;}

.emLtip label{font-size:14px;}

.emLayCon{padding:35px 40px;}

}

@media (max-width:767px){

.emLayCon h4{font-size:21px;}

.emLayCon{padding:25px 15px;}

.emCloseBtn{top:20px; right:16px; background-size:24px auto;}

.emLfm li{width:100%; margin-bottom:6px;}

.emLfm{margin-top:25px;}

.emLinx input{line-height:40px; height:42px; border-width:1px!important;}

.emLtip{line-height:24px; font-size:12px; margin-top:0;}

.emLtip i{top:1px; margin-top:0;}

.emLtip input{margin-right:16px;}

.emCimg{padding-top:8px; height:42px; border-left:1px solid #E6E6E6;}

}



.layui-form-radio{margin-top:0; margin-right:0; padding-right:4px}

.layui-form-radio > i{ color:rgba(255,255,255,0); width:24px; height:24px; border:2px solid #E6E6E6; border-radius:50%; top:-1px; position:relative;}

.layui-form-radio > i:hover,.layui-form-radioed > i{ color:rgba(255,255,255,0); border:2px solid #005CA7!important;}

.layui-form-radio > i:hover:after, .layui-form-radioed > i:after{content:""; width:8px; height:8px; position:absolute; left:50%; top:50%!important; border-radius:50%!important; margin-left:-4px; margin-top:-4px; background:#005CA7;}

.layui-form-checkbox{margin-top:0; margin-right:0; padding-right:4px}

.layui-form-checkbox > i{ color:rgba(255,255,255,0); width:24px; height:24px; border:2px solid #E6E6E6; border-radius:50%; top:-1px; position:relative;}

.layui-form-checkbox > i:hover,.layui-form-checked > i{ color:rgba(255,255,255,0); border:2px solid #005CA7;}

.layui-form-checkbox > i:hover:after,.layui-form-checked > i:after{content:""; width:8px; height:8px; position:absolute; left:50%; top:50%!important; border-radius:50%!important; margin-left:-4px; margin-top:-4px; background:#005CA7;}

.layui-form-select dl dd.layui-this{ background:#005CA7;}

.layui-form-select dl{top:80px; border:1px solid #E6E6E6; border-radius:2em; padding:20px 0}

.layui-form-select dl dd, .layui-form-select dl dt{padding:0 20px; line-height:40px; font-size:14px; color:#666;}

.layui-form-select .layui-input{color:#888;}

.layui-form-checkbox, .layui-form-select dl dd.layui-disabled{background:none;}

.layui-form-select dl{z-index:5;}

.layui-layer-btn{text-align:center!important;}

.m2dyBom .layui-form-select dl{min-height:245px!important;}

.layui-icon-ok:before{display:none!important;}

.layui-layer-btn .layui-layer-btn0{border-color: #005ca7!important;background-color: #005ca7!important;}

.layui-layer-title{padding:0!important; text-align:center;}

.layui-layer-dialog .layui-layer-content{text-align:center;}

.layui-layer-btn{text-align:center!important; padding-bottom:22px!important;}

.layui-form-select dl{min-height:174px!important;}

@media (max-width:1799px){

.layui-form-select dl{top:70px;}

}

@media (max-width:1379px){



}

@media (max-width:1199px){



}

@media (max-width:993px){



}

@media (max-width:767px){

.layui-form-select dl{top:56px;}

}





@keyframes o-upfade-top {  0% {

 opacity: 0;

 transform: translateY(40px);

}

 100% {

 opacity: 1;

 transform: translateY(0);

}

}

.wrapper { width: 80%; max-width: 1440px; margin: 0 auto; position: relative; z-index: 2; }

.wrapper:after { content: ''; display: block; clear: both; }

body { padding-top: 100px; }

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

.c-title h3 { font-size: 48px; }

.c-title.gray h3 { color: #333333; }

.c-title.white h3 { color: #fff; }

.c-title.left { text-align: left; }

.index-s1 { overflow: hidden; }

.index-s1 .item { position: relative; height: calc(100vh - 100px); }

.index-s1 .item img { display: block; width: 100%; height: 100%; object-fit: cover; }

.index-s1 .item a { position: absolute; bottom: 5.2vw; left: 0; right: 0; margin: 0 auto; display: block; width: 240px; font-size: 20px; line-height: 60px; color: #fff; text-align: center; border-radius: 30px; background-color: #32adc6; transition: all .3s ease; }

@media screen and (min-width: 1025px) {

.index-s1 .item a:hover { transform: translateY(-5px); box-shadow: 0 20px 40px rgba(50, 173, 198, 0.5); }

}

.index-s2 { padding: 6.25vw 0; background-color: #f5f6fa; }

.index-s2 .swiper { margin-top: 2vw; position: relative; }

.index-s2 .item { background-color: #fff; height: auto; }

.index-s2 .item .img-box { overflow: hidden; }

.index-s2 .item img { display: block; width: 100%; transition: transform .6s ease; }

.index-s2 .item .txt-box { padding: 25px 40px 40px; }

.index-s2 .item span { font-size: 16px; color: #005ca7; }

.index-s2 .item h3 { font-size: 24px; line-height: 1.5; color: #333; margin-top: 15px; }

@media screen and (min-width: 1025px) {

.index-s2 .item:hover img { transform: scale(1.1); }

}

.index-s2 .pagination { margin-top: 2vw; text-align: center; font-size: 0; }

.index-s2 .pagination span { display: inline-block; vertical-align: top; width: 8px; height: 8px; margin: 0 5px; border-radius: 4px; background-color: #bfbfbf; transition: all .3s ease; cursor: pointer; }

.index-s2 .pagination span.active { width: 36px; background-color: #005ca7; }

.index-s2 .button { width: 60px; height: 60px; background-position: center; background-repeat: no-repeat; background-color: #fff; background-image: url("/statics/topic/insulin/images/index/icon-1-1.png"); border-radius: 50%; position: absolute; top: 50%; margin-top: -30px; box-shadow: 0 0 30px rgba(0, 0, 0, 0.1); cursor: pointer; transition: all .3s ease; }

@media screen and (min-width: 1025px) {

.index-s2 .button:hover { background-color: #005ca7; background-image: url("/statics/topic/insulin/images/index/icon-1-2.png"); box-shadow: 0 0 30px rgba(0, 92, 167, 0.3); }

}

.index-s2 .button-prev { left: 3.125vw; }

.index-s2 .button-next { right: 3.125vw; transform: rotateY(180deg); }

.disclaimer-s1 { background-color: #f5f6fa; padding: 4.25vw 0; }

.disclaimer-s1 .block { margin-top: 4.5vw; }

.disclaimer-s1 .block:nth-of-type(1) { margin-top: 0; }

.disclaimer-s1 .block.active .line:after { transform: scaleX(1); transition: transform .6s ease; }

.disclaimer-s1 .line { position: relative; margin-top: 1.5vw; }

.disclaimer-s1 .line:before { content: ''; width: 100%; height: 4px; background-color: #e1e2e6; display: block; }

.disclaimer-s1 .line:after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #005ca7; transform: scaleX(0); transform-origin: left top; }

.disclaimer-s1 .para { font-size: 16px; line-height: 2; color: #333; padding-left: 120px; margin-top: 3.125vw; }

.detail-s1 { padding: 6.25vw 0; background-color: #f5f6fa; }

.detail-s1 .main { width: 83.33%; margin: 0 auto; position: relative; background-color: #fff; padding: 0 60px; }

.detail-s1 .main img.bg { display: block; width: 100%; position: absolute; top: 0; left: 0; }

.detail-s1 .share { text-align: right; margin-top: 40px; font-size: 0; }

.detail-s1 .share a { display: inline-block; vertical-align: top; width: 30px; height: 24px; background-position: center; background-repeat: no-repeat; background-size: contain; margin-left: 30px; transition: all .3s ease; }

.detail-s1 .share a.wechat { background-image: url("/statics/topic/insulin/images/detail/share-1.png"); }

@media screen and (min-width: 1025px) {

.detail-s1 .share a.wechat:hover { background-image: url("/statics/topic/insulin/images/detail/share-1-on.png"); }

}

.detail-s1 .share a.sina { background-image: url("/statics/topic/insulin/images/detail/share-2.png"); }

@media screen and (min-width: 1025px) {

.detail-s1 .share a.sina:hover { background-image: url("/statics/topic/insulin/images/detail/share-2-on.png"); }

}

.detail-s1 .share a.link { background-image: url("/statics/topic/insulin/images/detail/share-3.png"); }

@media screen and (min-width: 1025px) {

.detail-s1 .share a.link:hover { background-image: url("/statics/topic/insulin/images/detail/share-3-on.png"); }

}

.detail-s1 .top-block { padding: 60px 0 40px; border-bottom: 2px solid #e6e6e6; }

.detail-s1 .bot-block { padding: 60px 0; }

.detail-s1 .bot-block .para { font-size: 18px; line-height: 2; color: #333333; }

.detail-s1 .bot-block .para img { max-width: 100%; height: auto; }



/*# sourceMappingURL=bundle.css.map */



.m2layerBg{position:fixed; left:0; top:0; right:0; bottom:0; background:rgba(0,0,0,0.5); z-index:60}

.m2layerClose {position: fixed;width: 60px;height: 60px;top: 50px;right: 50px;cursor: pointer;transition: all 500ms ease;z-index: 62; cursor:pointer}

.m2layerClose:hover{transform:rotate(180deg);}

.m2layerClose:before, .m2layerClose:after {content: '';width: 60px;height: 2px;background: #fff;position: absolute;top: 30px;}

.m2layerClose:before {left: 0;transform: rotate(45deg);}

.m2layerClose:after {left: 0;transform: rotate(135deg);}

.m2Lay_video{position: fixed;top: 50%;left: 50%;max-height: 80vw;max-width: 80vw; transform:translate(-50%, -50%); z-index:75; background:#fff; padding:1.2vw; border-radius:0.3em; width:1000px;}

.m2Lay_video video{width:100%; height:auto;}

.maoLink{height: 0; position: relative; overflow: hidden; top: -80px}

.m2Lay_video p{text-align:center; font-size:32px; line-height:40px; padding:1vw 0}


@media (max-width:767px){

.m2Lay_video{max-height: 90vw;max-width: 90vw;}

.m2layerClose{right:15px;}

}



.header{ line-height: 100px; height: 100px; background: #FFF; position: fixed; z-index: 10; width: 100%; left: 0px; top: 0px; box-shadow:0 3px 5px rgba(0,0,0,0.06); }

.logo{ float: left; }

.nav{ float:right;}

.nav a{ font-size: 18px; line-height: 100px; padding: 0px 20px; margin-left: 25px; float: left; position: relative; }

.nav a:after{content:""; background:#005ca7; height:6px; width:0%; transition:all 0.5s ease-in-out; position:absolute; left:50%; bottom:0;}

.nav a.on,.nav a:hover{ color: #005ca7; }

.nav a.on:after,.nav a:hover:after{width:100%; left:0;}



.m2onBan{ display:block; position:relative;}

.m2onBan .bgImg{ height:33.33vw;}

.m2onCon1Wpr{ background: #F4F6F9; padding: 5.98vw 0px 9.11vw; }

.m2onCon1{ position:relative;}

.m2onCon1 .bgImg{ width:75%; float:left; height:480px;}

.m2onc1Txt{ width: 50%; position: absolute; top: 3.12vw; right: 0px; bottom: -3.12vw; background: #FFF; display: flex; flex-direction: column; justify-content: center; padding: 0px 60px; font-size: 16px; line-height: 32px; letter-spacing: 1px; }

.m2onc1Txt strong{ font-size: 48px; letter-spacing: 2px; display: block; margin-bottom: 20px; line-height: 70px; font-weight: normal; }

.m2onc1Txt p{}

.m2onCon2Wpr{ color: #FFF; background: #005ca7; padding: 5.72vw 0px; }

.m2onc2t{ text-align: center; font-size: 48px; line-height: 60px; font-weight: normal; letter-spacing: 2px; }

.m2onTag{ text-align: center; margin-top: 32px; line-height: 60px; border-bottom: 2px solid #35ADC6; height:62px;}

.m2onTag a{ text-align: center; padding: 0px 34px; min-width: 240px; font-size: 24px; line-height: 60px; display: inline-block; margin: 0px 5px; color: #FFF; background: #004C86; }

.m2onTag a.on{ color: #FFF; background: #35ADC6; }

.m2onTagCons{ margin-top:20px;}

.m2onBtnx{text-align:center; letter-spacing:1px;}

.m2on_pbtn{ font-size: 16px; line-height: 60px; color: #FFF; background: #32adc6; height: 60px; width: 240px; text-align: center; display: inline-block; }

.m2on_pbtn:hover{ color: #FFF; box-shadow:0 3px 10px rgba(0,0,0,0.1);transform:translateY(-10px);}

.m2onTagul{ margin-bottom:40px; display:none;}

.m2onTagul.on{ display:block;}

.m2onTagul li{ padding: 56px 0px 50px; border-bottom: 1px solid #3078B4; position:relative; padding-left:358px; min-height:350px;}

.m2onTnm{ position: relative; padding-bottom: 24px; border-bottom: 1px solid #35ADC6; }

.m2onTnm:before{ content: ""; background: url(/statics/topic/insulin/images/hmc2_yh.png) no-repeat center center; height: 21px; width: 24px; position: absolute; left: -76px; top: 6px; }

.m2onTnm strong{ font-size: 24px; line-height: 32px; font-weight: normal; letter-spacing: 1px; display: block; }

.m2onTnm p{ font-size: 14px; line-height: 24px; }

.m2onTimg{ background: #0C64AB; height: 240px; width: 240px; position: absolute; left:0px; top: 48px; border-radius:50%;}

.m2onTimg .bgImg{ border: 6px solid #35ADC6; position: absolute; left: 18px; top: 18px; right: 18px; bottom: 18px; border-radius:50%; position:absolute; z-index:1; overflow:hidden;}

.m2onTagul li h4{ font-size: 32px; font-weight: normal; letter-spacing: 2px; display: block; line-height: 44px; margin: 24px 0px 14px; }

.m2onTagul li h6{ font-size: 16px; line-height: 32px; font-weight: normal; display: block; }

.videoBtn{ font-size: 16px; color: #32adc6; line-height: 26px; margin-top: 16px; display:inline-block; }

.videoBtn:hover{ color: #32adc6; text-decoration: underline; }

.m2onCon2{ background: url(/statics/topic/insulin/images/m2on_bg.jpg) no-repeat center center; padding: 5.72vw 0px 3.9vw; background-size:cover;}

.m2onC2swiper{ margin-top: 2.6vw; padding: 0px 13.02vw; }

.m2onc2item{ height:555px;display:flex!important; flex-direction:column; justify-content:center; text-align:center;}

.m2onC2swiper .slick-prev{ background: #005ca7 url(../images/hmc2on_btn.png) no-repeat center center; display: inline-block; height: 60px; width: 60px; position: absolute; left: 0px; top: 50%; text-indent: 1000px; white-space: nowrap; overflow: hidden; cursor: pointer; margin-top: -30px; transition:all 0.5s ease-in-out; z-index:3; border-radius:50%; }

.m2onC2swiper .slick-next{ background: #005ca7 url(../images/hmc2on_btn.png) no-repeat center center; display: inline-block; height: 60px; width: 60px; position: absolute; right: 0px; top: 50%; text-indent: 1000px; white-space: nowrap; overflow: hidden; cursor: pointer; margin-top: -30px; transition:all 0.5s ease-in-out; z-index:3; transform:rotate(180deg); border-radius:50%;}

.m2onC2swiper .slick-prev:hover,.m2onC2swiper .slick-next:hover{ background: #35ADC6 url(../images/hmc2on_btn.png) no-repeat center center;}

.m2onc2item h6{ font-size: 24px; line-height: 32px; font-weight: normal; display: block; }

.m2onc2item strong{ font-size: 32px; line-height: 48px; letter-spacing: 2px; display: block; margin: 26px 0px 40px; font-weight: normal; }

.m2onc2item p{ font-size: 16px; line-height: 32px; color: #808080; }

.m2onc2item a{ display:block; margin-left:auto; margin-right:auto; margin-top:45px;}

.m2onCon3{ padding: 5.72vw 0px; }

.m2onCon3 .m2onc2t{margin-bottom:30px;}

.m2onDitem{}

.m2onDitem.on{}

.m2onDitem dt{ height: 120px; border-bottom: 2px solid #E6E6E6; position: relative; padding: 0px 40px; cursor:pointer; transition:all 0.5s ease-in-out; }

.m2onDitem dd{ padding: 40px 40px 55px; font-size: 16px; line-height: 32px; color: #808080; border-right: 2px solid #005CA7; border-bottom: 2px solid #005CA7; border-left: 2px solid #005CA7; display:none; }

.m2onDitem.on dt{ border-bottom: 2px solid #005CA7; color: #FFF; background: #005ca7; }

.m2onDitem span{ font-size: 24px; line-height: 32px; display: block; margin-right: 150px; height: 120px;display:flex; flex-direction:column; justify-content:center; }

.m2onDitem dt i{ background: url(/statics/topic/insulin/images/hmc2_jj1.png) no-repeat center center; display: inline-block; height: 24px; width: 24px; position: absolute; top: 50%; right: 40px; margin-top: -12px; border: 1px solid #35ADC6; cursor:pointer }

.m2onDitem.on dt i{ background: url(/statics/topic/insulin/images/hmc2_jj2.png) no-repeat center center; }

.m2onRnav{ width:90px; position:fixed; z-index:10; top:50%; right:10px; transform:translateY(-50%); background:#fff; border-radius:10em; box-shadow:0 0px 15px rgba(0,0,0,0.05); padding:0 5px; margin-top:25px;}

.m2onRnav li{ padding:5px 0; position:relative;}

.m2onRnav li:before{content:""; width:36px; height:1px; position:absolute; left:50%; margin-left:-18px; bottom:0; background:#E6E6E6;}

.m2onRnav li:last-child:before{display:none;}

.m2onRnav_a{ display: block; height: 80px; width: 80px; text-align: center; position:relative; padding-top:45px; border-radius:50%;}

.m2onRnav_a span{ display: inline-block; height: 30px; width: 30px; position: absolute; left: 50%; top: 13px; margin-left: -15px; }

.m2onRnav_a span img{ transition:all 0.5s ease-in-out; position:absolute; left:0; top:0;}

.m2onRnav_a span img:nth-child(2){ opacity:0;}

.m2onRnav_a p{ line-height: 18px; font-size: 12px; letter-spacing: 1px; }

.m2onRnav_a:hover{ color:#fff; background:#005ca7;}

.m2onRnav_a:hover span img{ opacity:0;}

.m2onRnav_a:hover span img:nth-child(2){ opacity:1;}

.m2onMao{display:block; height:0; overflow:hidden; top:-100px; position:relative}





.index-s3{ position: relative; padding: 5.2vw 0px 6.16vw; overflow:hidden; }

.indexs3imgs{ position:absolute; left:0; top:0; right:0; bottom:0; background:#aaa; overflow:hidden;-webkit-filter: blur(6px); filter: blur(6px);transform:scale(1.1)}

.indexc3img{ position:absolute; left:0; top:0; right:0; bottom:0; transition:all 0.5s ease-in-out; opacity:0; background-repeat:no-repeat; background-size:cover; background-position:center top; -webkit-filter: grayscale(100%); filter: grayscale(100%); opacity:0; }

.indexc3img.on{ opacity:0.2;}

.hmc3yrPage{height:720px; margin-top:50px; position:relative}

.hmc3yrWpr01{ width:240px; float:left; height:670px; position:relative;}

.hmc3yrWpr02{ height:670px; overflow:hidden;}

.hmc3yrWpr01 .prev{ background: url(/statics/topic/insulin/images/hmc3arrBtn.png) no-repeat center center; height: 15px; width: 30px; position: absolute; top: -40px; left: 55px; transform:rotate(180deg); }

.hmc3yrWpr01 .next{ background: url(/statics/topic/insulin/images/hmc3arrBtn.png) no-repeat center center; height: 15px; width: 30px; position: absolute; bottom: -40px; left: 55px;}

.hmc3yrWpr01 .prev.swiper-button-disabled,.hmc3yrWpr01 .next.swiper-button-disabled{ cursor:default; opacity:0.3}

.mySwiper{ width:240px; height:720px; position:relative;}

.mySwiper:before{content:""; background:#fff; position:absolute; left:35px; top:0; bottom:0; width:1px;}

.mySwiper .swiper-slide{ height:80px!important; margin-bottom:0!important}

.mySwiper .swiper-slide.swiper-slide-thumb-active{}

.mySwiper2{width:calc(100% - 240px); float:right; height:720px; overflow:hidden;}

.mySwiper2 .swiper-slide{}

.hmc3yrTxts{height:720px; position:relative; padding-right:650px; transition:all 0.3s ease-in-out; opacity:0}

.swiper-slide-active .hmc3yrTxts{opacity:1;}

.index-s3 .container{position:relative; z-index:1;}

.hmc3yrx{ line-height: 30px; height: 30px; font-size: 20px; color: #FFF; margin-left:55px; cursor:pointer; position:relative; }

.mySwiper .swiper-slide:after{ content: ""; background: url(/statics/topic/insulin/images/hmc2_line.png) no-repeat center center; height: 31px; width: 12px; position: absolute; left: 55px; top: 40px; }

.mySwiper .swiper-slide.swiper-slide-thumb-active .hmc3yrx{ color:#005ca7;}

.hmc3yrx i{ background: url(/statics/topic/insulin/images/hmc2_slogo.png) no-repeat center center; height: 24px; width: 24px; position: absolute; left: -54px; top: 50%; margin-top: -12px; }

.swiper-slide-thumb-active .hmc3yrx i{ background: url(/statics/topic/insulin/images/hmc2_slogo2.png) no-repeat center center; }

.hmc3yrx:before{ content: ""; background: #005CA7; height: 0px; width: 5px; margin-top: 0px; position: absolute; left: -23px; top: 50%; z-index: 1; transition:all 0.5s ease-in-out; }

.hmc3yrx:after{ content: ""; height: 2px; width: 0px; margin-top: -1px; position: absolute; left: -23px; top: 50%; background: #005CA7; transition:all 0.5s ease-in-out; }

.swiper-slide-thumb-active .hmc3yrx:before{ height:20px; margin-top:-10px}

.swiper-slide-thumb-active .hmc3yrx:after{ width:15px;}

.hmc3yrTxts{ padding-top:88px;}

.hmc3yrTxts h5{ color: #005ca7; font: bold 120px/120px eu_b; }

.hmc3yrTag{ margin-top: 35px; height: 40px; border-bottom: 1px solid #FFF; padding-left:1px; }

.hmc3yrTag a{ line-height: 38px; float: left; height: 39px; width: 120px; margin-left: -1px; font-size: 16px; color:rgba(255,255,255,0.6); border-top: 1px solid #FFF; border-right: 1px solid #FFF; border-left: 1px solid #FFF; text-align:center; border-color:rgba(255,255,255,0); }

.hmc3yrTag a.on{ color:rgba(255,255,255,1); border-color:#fff;}

.hmc3yr_p{ font-size: 22px; line-height: 36px; margin-top: 30px; color:#fff; display:none; max-height:144px; overflow:hidden}

.hmc3yr_p.on{ display:block;}

.hmc3yrImg{ position:absolute; right:0; top:30px; width:464px; height:620px;}

.hmc3yrImg img{display:block!important; width:100%; height:100%; object-fit: cover; position:absolute; left:0; top:0; z-index:1;}

.hmc3yrImg:before{ content: ""; background: url(/statics/topic/insulin/images/m2sdx.png) no-repeat center top; height: 59px; width: 100%; position: absolute; left: 0px; bottom: -59px; }

.hmc3yrNumbsWpr{ position: absolute; width: 250px; left: 240px; bottom: 95px; }

.hmc3yrNumbs{ line-height: 36px; color: rgba(255,255,255,0.7); height: 56px; font-size: 16px; z-index: 2;}

.hmc3yrNumbs span:nth-child(1){ font-size: 24px; color: #FFF; }

.hmc3yr_line{ height:4px; position:relative; background:#fff;}

.hmc3yr_line i{ height:4px; position:absolute; left:0; top:0; height:4px; background:#005ca7; transition:all 0.5s ease-in-out; width:0%;}



@media (max-width:1799px){

.logo img{height:42px; width:auto;}

.nav a{font-size:16px; line-height:80px;}

.nav a:after{height:4px;}

.header{line-height:80px; height:80px;}

body{padding-top:80px;}

.index-s1 .item{height:calc(100vh - 80px);}

.index-s1 .item a{line-height:54px; font-size:15px; width:220px;}

.index-s1 .item a{bottom:2.5vw;}

.c-title h3{font-size:34px;}

.index-s2{padding:4.5vw 0;}

.index-s2 .item .txt-box{padding:25px 30px 30px}

.index-s2 .item h3{margin-top:10px;}

.index-s2 .item h3{font-size:18px;}

.hmc3yrx{font-size:18px;}

.hmc3yrImg{width:355px; height:450px;}

.hmc3yrWpr01{width:200px;}

.mySwiper2{width:calc(100% - 200px);}

.hmc3yrWpr02{height:440px;}

.mySwiper{height:500px;}

.hmc3yrWpr01{height:440px;}

.hmc3yrTxts{padding-top:38px; padding-right:420px;}

.hmc3yrTxts h5{ font-size:80px; line-height:80px;}

.hmc3yr_p{font-size:20px; line-height:32px; max-height:128px;}

.hmc3yrPage{height:520px;}

.hmc3yrTxts{height:520px;}

.index-s3{height:760px; overflow:hidden;}

.hmc3yrImg:before { background-size:100% auto;height: 39px;bottom: -39px;}

.c-title h3{font-size:24px;}

.disclaimer-s1 .para{padding-left:52px; font-size:15px;}

.detail-s1{padding-top:4.8vw;}

.detail-s1 .top-block{padding:50px 0 30px;}

.detail-s1 .bot-block{padding:40px 0 55px;}

.detail-s1 .bot-block .para{font-size:16px;}

.m2onCon1 .bgImg{height:410px;}

.m2onc1Txt strong{font-size:32px; line-height:56px; margin-bottom:15px;}

.m2onc1Txt{font-size:15px;}

.m2onc2t{font-size:32px; line-height:46px;}

.m2onTag{line-height:52px; height:54px;}

.m2onTag a{font-size:20px; line-height:52px;}

.m2onTimg{transform:scale(0.7); transform-origin:left top;}

.m2onTagul li{padding-left:238px;}

.m2onTnm:before{left:-46px;}

.m2onTnm strong{font-size:21px;}

.m2onTagul li h4{font-size:26px; margin:20px 0px 8px;}

.m2onTagul li h6{font-size:15px; line-height:30px;}

.m2onc2item h6{font-size:21px;}

.m2onc2item strong{font-size:26px; line-height:38px;}

.m2on_pbtn{line-height:58px; height:58px;}

.m2onDitem span{font-size:21px; height:100px;}

.m2onDitem dt{height:100px;}

.m2onDitem dd{font-size:15px;}

.m2onC2swiper {margin-left:80px; margin-right:80px; padding:0 9vw;}

.m2Lay_video p{font-size:24px;}
.hmc3yrNumbsWpr{bottom:40px;}
}

@media (max-width:1379px){

.m2onTagul{margin-right:100px;}

.m2onDitem{margin-right:80px;}

.emLinx button.m2lxReset, .emLinx .m2lxReset{height:48px; line-height:48px;}

}

@media (max-width:1199px){

.hmc3yrWpr02{opacity:0; height:0; width:0; overflow:hidden;}

.hmc3yrWpr01{width:30px; position:relative; z-index:2;}

.hmc3yrWpr01 .prev{left:0;}

.hmc3yrWpr01 .next{left:0;}

.mySwiper2{width:calc(100% - 30px); transform:translateX(-30px)}

.hmc3yrNumbsWpr{left:0;}

.hmc3yrWpr01 .prev{top:auto; bottom:-40px;}

.hmc3yrWpr01 .next{left:40px;}

.index-s2 .item h3{font-size:14px;}

.m2onRnav{display:none;}

.m2onTagul{margin-right:0;}

.m2onDitem{margin-right:0;}

.index-s2 .button-prev,.index-s2 .button-next{display:none;}

.m2Lay_video p{font-size:21px;}
.hmc3yr_line{display:none;}
}

@media (max-width:993px){

.index-s1 .item{height:500px;}

.hmc3yrImg{ width:260px; height:380px;}

.hmc3yrTxts{padding-right:290px;}

.hmc3yrTxts h5{ font-size:50px; line-height:50px;}

.hmc3yrTag{margin-top:20px;}

.hmc3yr_p{margin-top:20px;}

.hmc3yr_p{font-size:17px;}

.hmc3yrImg{top:56px;}

.hmc3yrTxts{padding-top:0;}

.index-s3{height:680px;}

.logo img{height:32px; width:auto;}

.nav a{font-size:15px; line-height:60px;}

.nav a:after{height:4px;}

.header{line-height:60px; height:60px;}

body{padding-top:60px;}

.index-s1 .item a{bottom:50px;}

.index-s2{padding:50px 0 60px;}

.detail-s1 .main{padding:0 30px; margin:0; width:auto}

.m2onc1Txt{padding:0 30px;}

.m2onc1Txt strong{font-size:28px; margin-bottom:5px;}

.m2onTagul li h4{font-size:21px; line-height:36px;}

.m2onC2swiper{margin-left:0; margin-right:0;}

.m2onc2item strong{font-size:21px; line-height:32px;}
.hmc3yrNumbsWpr{bottom:70px;}
}

@media (max-width:767px){

.logo img{height:20px; width:auto;}

.nav a{font-size:14px; padding:0; margin-left:8px; line-height:50px;}

.nav a:after{height:2px;}

.header{line-height:50px; height:50px;}

body{padding-top:50px;}

.index-s1 .item{ height:330px; margin-top:-50px;}

.index-s1 .item a{height:42px; bottom:30px; line-height:42px; width:170px; font-size:14px;}

.index-s2{padding:40px 0 50px;}

.c-title h3{font-size:22px;}

.index-s2 .swiper{margin-top:20px;}

.index-s2 .pagination{margin-top:25px;}

.index-s3{ padding-top:45px;}

.hmc3yrImg{display:none;}

.hmc3yrTxts{padding-right:0;}

.hmc3yrPage{margin-top:25px;}

.hmc3yrTxts h5{font-size:34px; line-height:34px;}

.hmc3yrWpr01{position:absolute; left:0; top:0;}

.mySwiper2{width:100%; transform:translateX(0);}

.hmc3yr_p{font-size:15px; line-height:30px; max-height:120px;}

.hmc3yrPage{height:480px;}

.hmc3yrWpr01{height:390px;}

.index-s3{height:588px;}

.emLayCon h4{font-size:16px;}

.emLayCon h5{font-size:12px; line-height:22px; margin:5px 0px 5px}

.emLfm{margin-top:15px;}

.hmEfm{font-size:14px;}

.hmEfm label{margin-left:5px;}

.emLtip label, .emLtip_div{font-size:12px;}

.emLayCon_v1 li:nth-child(5),.emLayCon_v1 li:nth-child(6){float:left; width:50%;}

.c-title h3{font-size:18px; line-height:32px; font-weight:bold; text-align:center}

.disclaimer-s1 .para{ padding-left:0;}

.disclaimer-s1{padding:25px 0 50px;}

.detail-s1 .main{padding-left:15px; padding-right:15px;}

.detail-s1 .top-block{padding:30px 0 20px; font-size:14px; line-height:30px;}

.detail-s1 .share{margin-top:20px; transform:scale(0.8); transform-origin:right bottom}

.detail-s1 .bot-block{padding:20px 0 55px;}

.detail-s1 .bot-block .para{font-size:15px;}

.m2onBan .bgImg{height:250px;}

.m2onCon1Wpr{padding:50px 0;}

.m2onCon1 .bgImg{width:100%; float:none; height:180px;}

.m2onc1Txt{width:100%; position:static; display:block; padding:20px 15px 40px; height:auto;}

.m2onc1Txt strong{font-size:24px; line-height:36px;}

.m2onCon2Wpr{padding:40px 0 60px;}

.m2onc1Txt strong{font-size:21px;}

.m2onc2t{font-size:24px; line-height:32px;}

.m2onTag{margin-top:26px;}

.m2onTag a{font-size:16px; min-width:10px; padding:0 20px;}

*{letter-spacing:0!important;}

.m2onc1Txt{ font-size:14px; line-height:28px;}

.m2onTagul li{padding:28px 0;}

.m2onTimg{position:relative!important; left:auto; top:auto; margin-top:20px;}

.m2onTagul li h4{margin-top:-50px;}

.m2onTagCons{margin-top:10px;}

.m2onTagul li h6{font-size:14px; line-height:28px;}

.m2Lay_video p{font-size:15px;}

.m2layerClose{transform:scale(0.7)!important; transform-origin:right top!important;}

.m2onTagul li h4{font-size:18px;}

.m2on_pbtn{font-size:15px; width:220px; line-height:50px; height:50px;}

.m2onCon2{padding:50px 0;}

.m2onC2swiper{padding-left:0; padding-right:0; padding-bottom:50px;}

.m2onc2item{height:auto;}

.m2onC2swiper{margin-top:25px;}

.m2onc2item h6{font-size:18px;}

.m2onc2item strong{font-size:19px; line-height:32px; margin:10px 0;}

.m2onc2item p{font-size:14px; line-height:26px;}

.m2onC2swiper .slick-dots{bottom:0;}

.m2onC2swiper .slick-dots li button{display:none;}

.m2onC2swiper .slick-dots li { background: #D6D6D6; display: inline-block; height: 6px; width: 6px; margin: 0px 6px; position: relative; border-radius:50%; vertical-align:middle}

.m2onC2swiper .slick-dots li.slick-active{ background: #005ca7;}

.m2onDitem dt{height:auto; padding:15px 15px; line-height:26px;}

.m2onDitem span{font-size:16px; line-height:26px; height:auto; margin-right:50px;}

.m2onDitem dt i{right:15px;}

.m2onDitem dd{padding:35px 15px; font-size:13px; line-height:26px;}

.m2onCon3{padding:50px 0 60px;}

}

.m3nBack{text-align:center; padding-bottom:5.2vw;}
.m3nBack a{ width: 180px; font-size: 16px; line-height: 50px; color: #fff; text-align: center; border-radius: 30px; background-color: #32adc6; transition: all .3s ease; display:inline-block; }
.m3nBack a:hover { transform: translateY(-5px); box-shadow: 0 20px 40px rgba(50, 173, 198, 0.5); }
@media (max-width:993px){
.m3nBack{padding-bottom:60px;}
}



/*2021-12-13 CSS*/
.m2onTimg{width:198px; height:198px; top:38px;}
.m2onTagul li{min-height:270px;}
<!--0.00036501884460449-->