/* header */
.header{width: 100%; position: fixed; top: 0; left: 0; height: 1rem; line-height: 1rem; background: -webkit-linear-gradient(left, #33cccc, #0099ff); background: -o-linear-gradient(right, #33cccc, #0099ff); background: -moz-linear-gradient(right, #33cccc, #0099ff); background: linear-gradient(to right, #33cccc, #0099ff); background: #029bfd\9; z-index: 50;}
.header.fix{line-height: .8rem; height: .8rem;}
.header.fix .logo{-webkit-transform: scale(0.8); -moz-transform: scale(0.8); transform: scale(0.8);}
.header .m-menu{width: .5rem; height: .4rem; background: url(../images/m-menu.png) no-repeat; background-size: .5rem; position: absolute; top: .3rem; left: 0; display: none;}
.header .logo{position: absolute; left: 0; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease;}
.header .logo img{height: .75rem;}
.header .nav-box{width: 100%; padding-right: .6rem; font-size: .18rem; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease;}
.header .nav-box .nav{float: right; position: relative; padding-left: .8rem;}
.header .nav-box .small-link a{width: .4rem; height: .2rem; background: url(../images/icon.png) no-repeat; background-size: .4rem; display: inline-block; vertical-align: middle;}
/* .header .nav-box .nav:before{content: ''; position: absolute; left: 0; top: 50%; margin-top: -0.1rem; width: .4rem; height: .2rem; background: url(../images/icon.png) no-repeat; background-size: .4rem;} */
.header .nav-box .link{display: block;}
.header .nav-box .item{float: left; margin-right: .4rem; position: relative;}
.header .nav-box .item.on .link,
.header .nav-box .item:hover .link{color: #99ffff;}
.header .nav-box .item.on .link:before{content: ''; position: absolute; width: 0; left: 50%; bottom: .1rem; margin-left: -.1rem; border-width: .1rem; border-style: solid; border-color: transparent transparent #fff transparent;}
.header.fix .nav-box .item.on .link:before{bottom: 0;}
.header .nav-box a{color: #fff;}
.header .nav-box a:hover{color: #99ffff;}
.header .nav-box .sub-nav{text-align: center; position: absolute; top: 100%; z-index: 11; background-color: #0099ff; display: none;}
.header .nav-box .sub-nav .sub-item{display: block; line-height: .5rem; height: .5rem; padding: 0 .2rem; white-space: nowrap;}
.header .search-box{position: absolute; right: 0; top: 0; width: .25rem; overflow: hidden; padding-left: .3rem; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; z-index: 20;}
.header .search-box input::-webkit-input-placeholder,
.header .search-box textarea::-webkit-input-placeholder{color: #fff; font-size: .16rem;}
.header .search-box .icon{position: absolute; width: .25rem; height: .25rem; background: url(../images/search.png) no-repeat; background-size: .25rem; left: 0; top: 50%; margin-top: -0.12rem;}
.header .search-box .inp{background-color: transparent; height: .4rem; width: 100%; border: none; padding-left: .2rem; caret-color: #fff; color: #fff; font-size: .16rem;}
.header .search-box .close{position: absolute; top: 50%; margin-top: -0.16rem; right: -0.32rem; width: .32rem; height: .32rem; background: url(../images/close.png) no-repeat; background-size: .32rem; z-index: 12; cursor: pointer; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease;}
.header.on .search-box{width: 70%;}
.header.on .nav-box{opacity: 0;}
.header.on .close{right: 0;}
.main-box{padding-top: 1rem;}
/* banner */
.banner{width: 100%; height: 7rem; position: relative; overflow: hidden;}
.banner .swiper-container{height: 100%;}
.banner .banner-box{width: 100%; height: 100%; overflow: hidden;}
.banner .item{width: 100%; height: 100%; background-position: center; background-size: 100% 100%; background-repeat: no-repeat; text-align: center; background: url(../images/focus-bg1.jpg) no-repeat; background-size: cover; font-size: 0;}
.banner .item.item2,
.banner .item.item3{background: url(../images/focus-bg2.jpg) no-repeat; background-size: cover;}
.banner .item.item2 .text,
.banner .item.item3 .text{width: 50%; text-align: left; float: left; padding-top: 2.5rem;}
.banner .item.item2 .tit,
.banner .item.item3 .tit{font-size: .52rem; font-weight: bold; font-family: '宋体';}
.banner .item.item2 .rfid,
.banner .item.item3 .rfid{margin-top: .8rem; width: 2.7rem;}
.banner .item.item2 .img-box,
.banner .item.item3 .img-box{width: 50%; float: right;}
.banner .item.item2 .img1,
.banner .item.item3 .img1{margin: 1rem 0 .5rem;}
.banner .item.item3{background: url(../images/focus-bg3.jpg) no-repeat; background-size: cover;}
.banner .item.item3 .des{font-size: .3rem; color: #666; margin-top: .55rem;}
.banner .item.item3 .text{width: 55%;}
.banner .item.item3 .img-box{width: 45%; position: relative; margin-top: .8rem;}
.banner .item.item3 .img-box .img1{width: 2.17rem;}
.banner .item.item3 .img-box .img2{width: 5.8rem; position: absolute; top: 1rem; left: 1.56rem;}
.banner .item .txt1{margin-top: 1.8rem;}
.banner .item .txt1 img{width: 4.79rem;}
.banner .item .txt2{margin: .3rem 0;}
.banner .item .txt2 img{width: 5.7rem;}
.banner .item .txt3 img{width: 4.25rem;}
.banner .item .ball{width: 12rem; height: 12rem; position: absolute; bottom: -7.5rem; left: 50%; margin-left: -6rem; animation: roate 25s infinite linear;}
.banner .item .ball img{width: 100%;}
.banner .ani{opacity: 0;}
.banner .ani.txt2{animation-delay: .3s;}
.banner .ani.txt3{animation-delay: .8s;}
.banner .banner-tab{width: 100%; position: absolute; bottom: 0; height: 1.1rem; background: rgba(0, 0, 0, 0.5); z-index: 5; font-size: .14rem; color: #ccc; line-height: 1;}
.banner .banner-tab .area{height: 100%;}
.banner .banner-tab .swiper-slide{padding: 0 .4rem; position: relative; cursor: pointer;}
.banner .banner-tab .swiper-slide:first-child{padding-left: 0;}
.banner .banner-tab .swiper-slide:after{content: ''; width: 0; height: .05rem; position: absolute; left: 0; bottom: 0; background-color: #019afe; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;}
.banner .banner-tab .swiper-slide + .swiper-slide:before{content: ''; position: absolute; width: 1px; height: .6rem; background-color: #a3a3a3; top: 50%; margin-top: -0.3rem; left: 0;}
.banner .banner-tab .swiper-slide-thumb-active:after{width: 100%;}
.banner .banner-tab .title{font-size: .18rem; color: #fff; margin: .24rem 0 .15rem;}
.banner .banner-tab .des{margin-bottom: .05rem;}
@keyframes roate{0%{transform: rotate(0deg);} 100%{transform: rotate(360deg);}}
/* com-tit */
.com-tit{display: inline-block; position: relative;}
.com-tit:before{content: ''; position: absolute; left: 0; bottom: 0; width: 0; height: .02rem; background-color: #019afe; -webkit-transition: all 0.8s ease; -moz-transition: all 0.8s ease; transition: all 0.8s ease;}
.com-tit.on:before{width: .7rem;}
.com-tit:hover:before{width: 100%;}
.com-tit .title{font-size: .32rem; color: #333; font-weight: bold; padding-bottom: .3rem;}
.com-tit .title p{display: inline-block;}
.com-tit .title p.small{font-weight: normal; margin-left: .3rem;}
.com-tit .info{font-size: .16rem; color: #0099ff; padding-bottom: .3rem;}
/* recommend */
.recommend{padding: .95rem 0 .75rem; background-color: #fff;}
.recommend .com-tit .title .big{background-image: -webkit-linear-gradient(right, #0099ff, #33cccc); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.recommend .des{margin-top: 1rem;}
.recommend .des .item{font-size: .18rem; color: #666; position: relative; margin-bottom: .2rem;}
.recommend .des .item .round{width: .16rem; height: .16rem; display: inline-block; vertical-align: middle; -webkit-border-radius: 50%; border-radius: 50%; background-color: #019afe; margin-right: .2rem;}
.recommend .des .item span{display: inline-block; vertical-align: middle;}
.recommend .img img{width: 100%;}
.recommend .img .top{width: 6rem; margin-top: .5rem;}
.recommend .img .bot{width: 6.83rem;}
/* equ */
.equ{padding: 1rem 0; background-color: #fff;}
.equ .equ-nav{font-size: 0;}
.equ .equ-nav .item{line-height: .4rem; padding: 0 .32rem; background: #019afe; font-size: .16rem; color: #fff; -webkit-border-radius: 0.5rem; border-radius: 0.5rem; display: inline-block; margin-left: .2rem;}
.equ .equ-nav .item.on,
.equ .equ-nav .item:hover{background: -webkit-linear-gradient(225deg, #0099ff, #33cccc); background: -o-linear-gradient(225deg, #0099ff, #33cccc); background: -moz-linear-gradient(225deg, #0099ff, #33cccc); background: linear-gradient(225deg, #0099ff, #33cccc);}
.equ .equ-list{margin-left: -1.67%; margin-top: .6rem;}
.equ .equ-list .item{margin-left: 1.67%; width: 23.33%; float: left; font-size: .16rem; color: #999;}
.equ .equ-list .item:hover{color: #019afe;}
.equ .equ-list .item:hover img{-webkit-transform: scale(1.1); -moz-transform: scale(1.1); transform: scale(1.1);}
.equ .equ-list .item img{width: 100%; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease;}
.equ .equ-list .item .img-box{width: 100%; overflow: hidden;}
.equ .equ-list .item .name{color: #019afe; font-weight: bold; line-height: .5rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.equ .equ-list .item .model{margin-bottom: .15rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.equ .equ-list .item .des{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
/* scene */
.scene{background-color: #fafafa; padding: 1rem 0;}
.scene.secne-two{background-color: #fff;}
.scene .scene-list{margin-top: .6rem; margin-left: -1.65%;}
.scene .scene-list .item{float: left; margin-left: 1.65%; width: 48.35%; overflow: hidden;}
.scene .scene-list .item:hover img{-webkit-transform: scale(1.1); -moz-transform: scale(1.1); transform: scale(1.1);}
.scene .scene-list .item img{width: 100%; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease;}
/* system */
.system{padding: 1rem 0; background-color: #fff;}
.system .com-tit .title .big{background-image: -webkit-linear-gradient(right, #0099ff, #33cccc); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.system .top{overflow: hidden;}
.system .top .img1{width: 3.5rem; float: left;}
.system .top .img1 img{width: 100%;}
.system .top .img2{width: 5.82rem; float: left; margin-right: -1rem;}
.system .bot{margin-top: -0.9rem; font-size: 0; text-align: center;}
.system .bot .con{background-color: #f5f5f5; -webkit-border-radius: 0.2rem; border-radius: 0.2rem; display: inline-block; vertical-align: middle; width: 3.7rem; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: .6rem .35rem;}
.system .bot .con .item{display: none; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; font-size: .18rem; color: #666; line-height: 1; text-align: left; float: left;}
.system .bot .con .item .title{font-size: .24rem; position: relative; padding-left: .35rem; margin-bottom: .5rem;}
.system .bot .con .item .title:before{content: ''; position: absolute; top: 50%; margin-top: -0.08rem; width: .16rem; height: .16rem; left: 0; background-color: #019afe; -webkit-border-radius: 50%; border-radius: 50%;}
.system .bot .con .item .des,
.system .bot .con .item .info{padding-left: .35rem;}
.system .bot .con .item .info{margin-top: .15rem; color: #0099ff;}
.system .round-box{position: relative; display: inline-block; vertical-align: middle; text-align: center;}
.system .round-box .item{position: absolute; width: 1rem; height: 1rem; cursor: pointer; z-index: 20;}
.system .round-box .item.on::before{content: ''; position: absolute; width: .5rem; height: 1.2rem; background: url(../images/system-line.png) no-repeat center / 0.5rem 1.2rem;}
.system .round-box .item .num{position: absolute; font-size: .14rem; color: #fff; z-index: 2; text-align: center;}
.system .round-box .item img{width: 100%;}
.system .round-box .item.item0,
.system .round-box .item.item2{top: 50%; margin-top: -0.5rem;}
.system .round-box .item.item0{right: 0;}
.system .round-box .item.item0.on:before{top: -0.1rem; right: -0.1rem;}
.system .round-box .item.item0 .num{height: 1rem; line-height: 1rem; left: -0.32rem;}
.system .round-box .item.item1,
.system .round-box .item.item3{left: 50%; margin-left: -0.5rem;}
.system .round-box .item.item1{bottom: 0;}
.system .round-box .item.item1.on:before{bottom: -0.45rem; left: .25rem; -webkit-transform: rotate(90deg); transform: rotate(90deg);}
.system .round-box .item.item1 .num{width: 100%; height: .25rem; line-height: .25rem; top: -0.37rem;}
.system .round-box .item.item2{left: 0;}
.system .round-box .item.item2.on:before{top: -0.1rem; left: -0.1rem; -webkit-transform: rotate(180deg); transform: rotate(180deg);}
.system .round-box .item.item2 .num{height: 1rem; line-height: 1rem; right: -0.33rem;}
.system .round-box .item.item3{top: 0;}
.system .round-box .item.item3.on:before{top: -0.45rem; left: .25rem; -webkit-transform: rotate(-90deg); transform: rotate(-90deg);}
.system .round-box .item.item3 .num{width: 100%; height: .25rem; line-height: .25rem; bottom: -0.37rem;}
.system .round-box .round{position: relative; width: 100%; height: 100%; padding: .45rem;}
.system .round-box .round .bg{width: 5rem; height: 5rem; background: url(../images/system-round.png) no-repeat center / 5rem 5rem;}
.system .round-box .txt{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; font-size: .2rem; color: #019afe; line-height: 1; pointer-events: none;}
.system .round-box .txt .title{font-size: .26rem; font-weight: bold; margin-bottom: .15rem;}
.system .arrow{display: inline-block; vertical-align: middle; width: .9rem; height: .6rem; background: url(../images/arrow.png) no-repeat center / 0.9rem 0.6rem; margin: 0 .65rem 0 .85rem;}
.recommend .com-tit.on:before,
.recommend .com-tit:hover::before,
.system .com-tit.on:before,
.system .com-tit:hover::before{width: 0;}
.recommend .com-tit .link,
.system .com-tit .link{color: #fff; font-size: .2rem; line-height: .4rem; padding: 0 .2rem; background-color: #fff; background-image: -webkit-linear-gradient(right, #0099ff, #33cccc); display: inline-block;}
/* contrast */
.contrast{background-color: #fafafa; padding: .75rem 0; font-size: 0;}
.contrast .area{text-align: center;}
.contrast .area > div{display: inline-block;}
.contrast .m-title{display: none;}
.contrast .contrast-m{font-size: .36rem; color: #0099ff; font-weight: bold; vertical-align: top; padding: 0 5.8%; margin-top: .7rem;}
.contrast .contrast-m .txt{margin-bottom: .35rem;}
.contrast .contrast-m .img-box img{width: 1.4rem;}
.contrast .text{margin-top: .5rem;}
.contrast .text .item{margin-bottom: .28rem;}
.contrast .text .icon{width: .3rem; height: .3rem; display: inline-block; vertical-align: middle;}
.contrast .text span{display: inline-block; vertical-align: middle; margin-left: .2rem;}
.contrast .contrast-l,
.contrast .contrast-r{font-size: .18rem; color: #666; text-align: left;}
.contrast .contrast-l .img-box,
.contrast .contrast-r .img-box{width: 3.06rem;}
.contrast .contrast-l .img-box img,
.contrast .contrast-r .img-box img{width: 100%;}
.contrast .contrast-l .text .icon{background: url(../images/contrast-error.png) no-repeat center / 0.3rem 0.3rem;}
.contrast .contrast-r .text .icon{background: url(../images/contrast-right.png) no-repeat center / 0.3rem 0.3rem;}
/* equ-two */
.equ-two{background-color: #fff; padding: 1rem 0;}
.equ-two .equ-two-list{margin-left: -1.66%; margin-top: .6rem;}
.equ-two .equ-two-list .item{float: left; margin-left: 1.66%; width: 48.34%; font-size: .16rem; color: #999;}
.equ-two .equ-two-list .item:hover{color: #019afe;}
.equ-two .equ-two-list .item:hover img{-webkit-transform: scale(1.1); -moz-transform: scale(1.1); transform: scale(1.1);}
.equ-two .equ-two-list .item img{width: 100%; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease;}
.equ-two .equ-two-list .item .img-box{width: 100%; overflow: hidden;}
.equ-two .equ-two-list .item .name{font-size: .16rem; color: #019afe; font-weight: bold; line-height: .5rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.equ-two .equ-two-list .item .model,
.equ-two .equ-two-list .item .des{margin-bottom: .15rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
/* footer-box */
.footer-box{width: 100%; height: 4rem; background: url(../images/footer-bg.jpg) no-repeat; background-size: cover; color: #fff; font-size: .14rem; padding-top: .78rem;}
.footer-box .footer{padding-bottom: .7rem; border-bottom: 1px solid rgba(255, 255, 255, 0.6);}
.footer-box .m-top{display: none;}
.footer-box .l-con .code{text-align: center; margin-right: .2rem;}
.footer-box .l-con .code .img{width: 1.56rem; height: 1.56rem; margin-bottom: .25rem;}
.footer-box .l-con .code .img img{width: 100%;}
.footer-box .l-con .text{width: 3.5rem; line-height: 1;}
.footer-box .l-con .text .top{border-bottom: 1px solid rgba(255, 255, 255, 0.22);}
.footer-box .l-con .text .tel{font-size: .32rem; font-weight: bold; margin-bottom: .15rem;}
.footer-box .l-con .text .des{padding-bottom: .2rem;}
.footer-box .l-con .text .bot{padding-top: .2rem;}
.footer-box .l-con .text .bot p{margin-bottom: .15rem;}
.footer-box .r-con a{color: #999; font-size: .14rem; display: block;}
.footer-box .r-con .item{margin-left: .34rem; display: inline-block; vertical-align: top;}
.footer-box .r-con .item .title{margin-bottom: .25rem; font-size: .18rem; color: #fff;}
.footer-box .r-con .item .sub-fnav{margin-bottom: .13rem;}
.footer-box .r-con .item .sub-fnav a{line-height: .28rem;}
.footer-box .r-con .item .sub-fnav a:hover{color: #fff;}
.footer-box .mf-nav{display: none;}
.footer-box .copy-right{line-height: .5rem; font-size: .14rem;}
.footer-box .copy-right .info{float: left;}
.footer-box .copy-right .record{float: right;}
.footer-box .copy-right a{color: #999;}
.footer-box .copy-right a:hover{color: #fff;}
/* right-fix */
.right-fix{position: fixed; top: 50%; margin-top: -1rem; right: .5rem; z-index: 20;}
.right-fix .item{width: .5rem; height: .5rem; position: relative; margin-bottom: 1px;}
.right-fix .item:hover a{background: #0099ff url(../images/right-icon-s.png) no-repeat; background-size: .5rem;}
.right-fix .item a{width: 0; height: 100%; background: #ddd url(../images/right-icon.png) no-repeat; background-size: .5rem; margin-bottom: 1px; position: absolute; top: 0; right: 0; bottom: 0; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; padding-left: .5rem; overflow: hidden;}
.right-fix .item .num{white-space: nowrap; line-height: .5rem; font-size: .2rem; color: #fff;}
.right-fix .item.qq a{background-position: 0 -0.5rem;}
.right-fix .item.wx a{background-position: 0 -1rem;}
.right-fix .item.top a{background-position: 0 -1.5rem;}
.right-fix .item.tel:hover a{width: 2rem;}
.right-fix .item.wx .img{width: 1rem; height: 1rem; position: absolute; top: 0; right: .5rem; opacity: 0; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease;}
.right-fix .item.wx .img img{width: 1rem;}
.right-fix .item.wx:hover a{overflow: inherit;}
.right-fix .item.wx:hover a .img{opacity: 1;}
/* in-banner */
.in-banner .swiper-slide{width: 100%; height: 7rem; background-repeat: no-repeat; background-position: center; background-size: cover; position: relative;}
.in-banner.clinical .con .text{width: 55%;}
.in-banner.clinical .con .img-box{width: 45%; position: relative;}
.in-banner.clinical .con .img-box .img1{margin-top: 1.87rem; width: 2.17rem;}
.in-banner.clinical .con .img-box .img2{position: absolute; top: 1.87rem; left: 1.56rem; width: 5.8rem; animation-delay: .2s;}
.in-banner .img{position: absolute; top: 0; left: 0;}
.in-banner .rfid{width: 2.7rem; margin-top: .8rem;}
.in-banner .con{line-height: 1; height: 100%;}
.in-banner .con .text{padding-top: 2.5rem; width: 50%;}
.in-banner .con .text .des{font-size: .3rem; color: #666;}
.in-banner .con .img-box{width: 50%; text-align: right; height: 100%;}
.in-banner img,.m-clinical img{max-width: 100%;}
.in-banner .con .img-box .img1{margin: .87rem 0 1rem;}
.in-banner .tit{font-size: .52rem; color: #333; font-family: '宋体'; font-weight: bold;}
.in-banner .tit .model{color: #0099ff; display: block; margin-top: .2rem;}
.in-banner .des{font-size: .3rem; color: #666; -webkit-animation-delay: .2s; animation-delay: .2s; margin-top: .5rem;}
.in-banner.detail .img-box{height: 7rem; line-height: 7rem;}
/* m-honor */
.m-honor{width: 100%; background: #fafafa; padding: 1.2rem 0;}
.m-honor .honor-focus{position: relative;}
.m-honor .swiper-container{margin-top: .4rem;}
.m-honor .swiper-button-prev,
.m-honor .swiper-button-next{outline: none; width: .27rem; height: .44rem; margin-top: -0.22rem;}
.m-honor .swiper-button-prev{left: -0.4rem;}
.m-honor .swiper-button-next{right: -0.4rem;}
.m-honor .swiper-slide{width: 2.68rem;}
.m-honor .swiper-slide img{width: 100%;}
/* m-service */
.m-service{color: #333;}
.m-service .service-contact{background-color: #fff; padding: 1.6rem 0;}
.m-service .service-contact .title{font-size: .32rem; font-weight: bold; margin-bottom: .65rem;}
.m-service .service-contact .text{width: 46%; font-size: .18rem; line-height: 1;}
.m-service .service-contact .text p{margin-bottom: .3rem;}
.m-service .service-contact .qr-code{width: 2rem; height: 2rem; border: 1px solid #ccc; display: inline-block;}
.m-service .service-contact .qr-code img{width: 100%;}
.m-service .service-contact .map{width: 54%; height: 4rem;}
.m-service .service-map{padding: 1.6rem 0; background-color: #fafafa;}
.m-service .service-map .world-map{margin-top: 1.8rem;}
.m-service .service-map .area{width: 100%; height: 10.03rem;}
.m-service .service-map .area .map-ani{height: 100%;}
.m-service .service-map .tit{font-size: .32rem; font-weight: bold; display: inline-block;}
.m-service .service-map .info{display: inline-block; font-size: .16rem; margin-left: .3rem;}
.m-service .service-map .info span{color: #049dfb; font-weight: bold;}
.m-service .service-map .img-box,
.m-service .service-map .map-point{position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.m-service .service-map img{width: 100%;}
.m-service .service-map .map-point{width: 100%; height: 100%;}
.m-service .service-map .map-point .item{position: absolute; cursor: pointer;}
.m-service .service-map .map-point .item.color-y .dot{box-shadow: inset #fb9353 0 0 .05rem;}
.m-service .service-map .map-point .item.color-y .dot:before{background-color: #fb9353;}
.m-service .service-map .map-point .item.color-y .txt{color: #fb9353;}
.m-service .service-map .map-point .item.color-y.animate .wave::after{-webkit-box-shadow: inset #fb9353 0 0 .05rem; box-shadow: inset #fb9353 0 0 .05rem;}
.m-service .service-map .map-point .item.color-r .dot{box-shadow: inset #ff0000 0 0 .05rem;}
.m-service .service-map .map-point .item.color-r .dot:before{background-color: #ff0000;}
.m-service .service-map .map-point .item.color-r .txt{color: #ff0000;}
.m-service .service-map .map-point .item.color-r.animate .wave::after{-webkit-box-shadow: inset #ff0000 0 0 .05rem; box-shadow: inset #ff0000 0 0 .05rem;}
.m-service .service-map .map-point .item.r-txt .txt{top: -0.02rem; right: .2rem; left: 120%; -webkit-transform: translateX(0); transform: translateX(0);}
.m-service .service-map .map-point .item.item0 .txt{color: #fff; top: -0.03rem;}
.m-service .service-map .map-point .item.item13 .txt,
.m-service .service-map .map-point .item.item14 .txt{top: .05rem;}
.m-service .service-map .map-point .item.animate .wave{width: .2rem; height: .2rem; position: absolute; top: 0; left: 0;}
.m-service .service-map .map-point .item.animate .wave::after{content: ''; position: absolute; width: .2rem; height: .2rem; -webkit-box-shadow: inset #00a4ff 0 0 .05rem; box-shadow: inset #00a4ff 0 0 .05rem; -webkit-border-radius: 50%; border-radius: 50%; top: 0; left: 0; -webkit-animation: warn 2s ease-out 0.1s infinite; animation: warn 2s ease-out 0.1s infinite;}
.m-service .service-map .map-point .txt{font-size: .16rem; color: #039cfc; position: absolute; white-space: nowrap; top: -0.25rem; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%);}
.m-service .service-map .map-point .dot{width: .2rem; height: .2rem; -webkit-border-radius: 50%; border-radius: 50%; background-color: #fffcfa; box-shadow: inset #00a4ff 0 0 .05rem; position: relative;}
.m-service .service-map .map-point .dot:before{content: ''; position: absolute; width: .08rem; height: .08rem; -webkit-border-radius: 50%; border-radius: 50%; background-color: #039cfc; z-index: 2; top: 50%; left: 50%; margin-top: -0.04rem; margin-left: -0.04rem;}
.m-service .mm-map{display: none;}
@-webkit-keyframes warn{0%{opacity: 0; -webkit-transform: scale(0.1); transform: scale(0.1);} 5%{opacity: 1;} to{opacity: 0; -webkit-transform: scale(4); transform: scale(4);}}
@keyframes warn{0%{opacity: 0; -webkit-transform: scale(0.1); transform: scale(0.1);} 5%{opacity: 1;} to{opacity: 0; -webkit-transform: scale(4); transform: scale(4);}}
/* m-com-nav */
.m-com-nav{line-height: .4rem;}
.m-com-nav .tit{font-size: .3rem; color: #333; position: relative; padding-left: .25rem;}
.m-com-nav .tit:before{content: ''; position: absolute; top: 0; left: 0; background-color: #019afe; width: .03rem; height: 100%;}
.m-com-nav .r-con .item{background-color: #ccc; -webkit-border-radius: 0.2rem; border-radius: 0.2rem; float: left; margin-left: .2rem; overflow: hidden;}
.m-com-nav .r-con .item a{color: #fff; display: block; padding: 0 .3rem;}
.m-com-nav .r-con .item.on,
.m-com-nav .r-con .item:hover{background-color: #019afe;}
/* m-news-list */
.m-news-list{padding-top: 1.2rem;}
.m-news-list img{width: 100%; height: 100%; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease;}
.m-news-list .items .item{padding: .4rem 0; display: block; border-bottom: 1px solid #e4e4e4;}
.m-news-list .items .item:hover img{-webkit-transform: scale(1.1); -moz-transform: scale(1.1); transform: scale(1.1);}
.m-news-list .items .item:hover .title{color: #019afe;}
.m-news-list .items .img-box{width: 3.8rem; height: 2.35rem; overflow: hidden;}
.m-news-list .items .text{padding-left: 4.1rem; line-height: .36rem;}
.m-news-list .items .text .title{font-size: .2rem; color: #000; margin-bottom: .28rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.m-news-list .items .text .des{font-size: .16rem; color: #333; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.m-news-list .items .time{margin-top: .35rem; position: relative; padding-left: .3rem; color: #666;}
.m-news-list .items .time:before{content: ''; position: absolute; width: .2rem; height: .2rem; top: 50%; left: 0; margin-top: -0.1rem; background: url(../images/in-img/time.png) no-repeat center / 0.2rem;}
/* m-about */
.m-about{padding-top: 1.2rem;}
.m-about .brief{margin-top: .4rem; margin-left: -1.7%; overflow: hidden; font-size: .16rem; line-height: .36rem; color: #333;}
.m-about .brief .l-con,
.m-about .brief .r-con{width: 48.3%; margin-left: 1.7%;}
.m-about .brief img{width: 100%;}
.m-about .brief .text{text-indent: 2em;}
.m-about .brief .l-con .img-box{margin-bottom: .2rem;}
.m-about .brief .r-con .text{margin-bottom: .6rem; margin-top: .3rem;}
.m-about .brief .r-con p{margin-bottom: .4rem;}
.m-about .brand{margin: 1.2rem 0; text-align: center; overflow: hidden; -webkit-display: flex; display: flex; justify-content: space-between; flex-wrap: wrap;}
.m-about .brand li{width: 1.8rem; height: 1.56rem; position: relative; float: left;}
.m-about .brand li:hover .info{display: block;}
.m-about .brand .ico{width: 100%; height: 100%; position: absolute; background: url(../images/in-img/about-bg.png) no-repeat; background-size: cover;}
.m-about .brand .icon{width: .9rem; height: .7rem; background: url(../images/in-img/brand-icon.png) no-repeat; background-size: cover; margin: .25rem auto .1rem;}
.m-about .brand .icon.brand-02{background-position: -0.9rem 0;}
.m-about .brand .icon.brand-03{background-position: -1.8rem 0;}
.m-about .brand .icon.brand-04{background-position: -2.7rem 0;}
.m-about .brand .des{font-size: .2rem; color: #019afe;}
.m-about .brand .info{width: 100%; height: 100%; position: absolute; vertical-align: middle; padding: .5rem 0; font-size: .18rem; color: #fff; background: url(../images/in-img/about-bgs.png) no-repeat; background-size: cover; z-index: 10; display: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.m-about .brand .info .detail{position: relative;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);}
/* m-product-detail */
.m-product-detail .parameter{background-color: #fff; padding: 1.2rem 0;}
.m-product-detail .parameter .items{margin-top: .4rem;}
.m-product-detail .parameter .item{width: 100%; font-size: .16rem; color: #333; line-height: .4rem; background-color: #eaf5ff; overflow: hidden;}
.m-product-detail .parameter .item p{display: inline-block;}
.m-product-detail .parameter .item .sub{width: 50%; float: left;}
.m-product-detail .parameter .item .tit{width: 1.5rem; padding-left: .3rem; font-weight: bold;}
.m-product-detail .parameter .item:nth-child(2n){background-color: #fafafa;}
.m-product-detail .trait{background-color: #fafafa; padding: 1.2rem 0;}
.m-product-detail .trait .items{margin-top: .6rem;}
.m-product-detail .trait .item{font-size: 0; margin-bottom: .2rem;}
.m-product-detail .trait .item .num{width: .26rem; height: .26rem; -webkit-border-radius: 50%; border-radius: 50%; background-color: #019afe; color: #fff; text-align: center; margin-right: .2rem; float: left;}
.m-product-detail .trait .item p{font-size: .16rem; color: #333; line-height: .26rem;}
.m-product-detail .trait .item .txt{padding-left: .45rem;}
.m-product-detail .detail{padding: 1.2rem 0;}
.m-product-detail .detail .img{margin-top: .6rem;}
.m-product-detail .detail .img img{max-width: 100%;}
/* m-news-detail */
.m-news-detail{padding: 1.2rem 0;}
.m-news-detail .title{text-align: center; font-size: .3rem; margin-bottom: .4rem;}
.m-news-detail .time{font-size: .16rem; color: #666; text-align: center; margin-bottom: .4rem;}
.m-news-detail .des{font-size: .18rem; color: #999;}
.m-news-detail .des img{max-width: 100%; margin-bottom: .2rem;}
/* m-change */
.m-change{margin: .4rem 0; overflow: hidden;}
.m-change a{width: 50%; background-color: #ccc; line-height: .6rem; color: #fff; float: left; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; padding: 0 .2rem;}
.m-change a:hover{background-color: #019afe;}
/* m-tech */
.m-tech{background-color: #fff;}
.m-tech .item-box{padding: 1.2rem 0;}
.m-tech .item-box:nth-child(2n){background-color: #fafafa;}
.m-tech .item-box.single-item .l-con{display: block; font-size: 0;}
.m-tech .item-box.single-item .l-con .item + .item{border: 0;}
.m-tech .item-box.single-item .l-con .item{display: inline-block; vertical-align: middle; float: none; white-space: nowrap; margin-bottom: .2rem;}
.m-tech .item-box.single-item .l-con .icon{font-size: .24rem; color: #019afe; font-weight: bold; display: inline-block; vertical-align: middle; margin: 0 .4rem;}
.m-tech .item-box.icon .l-con{padding-top: 2.6rem; display: block; margin-left: 0;}
.m-tech .item-box.icon .l-con .des{margin-bottom: .2rem;}
.m-tech .item-box.icon .l-con .des .icon{width: .26rem; height: .26rem; margin-right: .1rem;}
.m-tech .item-box.icon .l-con .des .icon img{width: 100%;}
.m-tech .item-box.icon .l-con .des p{display: inline-block; vertical-align: middle; font-size: .18rem; color: #666;}
.m-tech .tab{position: absolute; top: 0; left: 0; z-index: 2;}
.m-tech .tab .nav{overflow: hidden; margin-top: .4rem;}
.m-tech .tab .nav .item{width: 1.32rem; line-height: .4rem; -webkit-border-radius: 0.2rem; border-radius: 0.2rem; background-color: #ccc; text-align: center; color: #fff; font-size: .18rem; float: left; cursor: pointer; margin-right: .2rem;}
.m-tech .tab .nav .item.on,
.m-tech .tab .nav .item:hover{background-color: #019afe;}
.m-tech .tab .des{font-size: .18rem; color: #999; margin-top: .4rem;}
.m-tech .con{width: 100%; display: none;}
.m-tech .l-con{width: 50%;}
.m-tech .r-con{width: 40%;}
.m-tech .l-con{padding-top: 3.15rem; overflow: hidden; margin-left: -0.25rem; -webkit-display: flex; display: flex;}
.m-tech .l-con .item{font-size: .16rem; color: #999; float: left; flex: 1; padding-left: .25rem; cursor: pointer; overflow: hidden;}
.m-tech .l-con .item.on,
.m-tech .l-con .item:hover{color: #019afe;}
.m-tech .l-con .item + .item{border-left: 1px solid #ccc;}
.m-tech .r-con{position: relative;}
.m-tech .r-con .item{display: none; padding-bottom: 1rem;}
.m-tech .r-con .img-box{display: block; height: 3.5rem;}
.m-tech .r-con .img-box img{width: 100%; height: 100%;}
.m-tech .r-con .text{width: 100%; position: absolute; left: 0; bottom: 0; font-size: 0; z-index: 5;}
.m-tech .r-con .text .link{width: 33.33%; height: 1rem; display: inline-block; font-size: .18rem; color: #fff; text-align: center; background-color: #afafaf; border-left: 1px solid #ccc;}
.m-tech .r-con .text .link .icon{width: .34rem; height: .4rem; background: url(../images/in-img/m-tech-icon.png) no-repeat; background-size: 1.62rem; display: block; margin: .16rem auto .05rem; background-position: -0.1rem -0.1rem;}
.m-tech .r-con .text .link.manual .icon{background-position: -0.64rem -0.1rem;}
.m-tech .r-con .text .link.specs .icon{background-position: -1.19rem -0.1rem;}
.m-tech .r-con .text .link:hover{background-color: #019afe;}
.m-tech .item-box.ms .tab .item{width: auto; padding: 0 .2rem; background-color: #fff; color: #999; text-align: left;}
/* com-special-nav */
.com-special-nav{margin-top: .4rem;}
.com-special-nav .item{position: relative; font-size: .16rem; color: #999; display: inline-block;}
.com-special-nav .item:after{content: ''; width: .11rem; height: .16rem; background: url(../images/in-img/s-arrow.png) no-repeat; position: absolute; top: 50%; margin-top: -0.08rem; background-size: .11rem; right: 0;}
.com-special-nav .item .name{display: inline-block; vertical-align: middle; cursor: pointer;}
.com-special-nav .item .name.on{color: #019afe;}
.com-special-nav .item .sub{display: inline-block; vertical-align: middle; padding-right: .25rem;}
.com-special-nav .item .sub .s-item{float: left; padding: 0 .1rem; cursor: pointer;}
.com-special-nav .item .sub .s-item.on{color: #019afe;}
.com-special-nav .item .sub .s-item + .s-item{border-left: 1px solid #d8d8d8;}
/* m-tech-detail */
.m-tech-detail{padding: 1.2rem 0;}
.m-tech-detail .title{text-align: center; font-size: .3rem; color: #333; margin-bottom: .85rem;}
.m-tech-detail .title .menu{font-weight: bold; color: #019afe; margin-left: .1rem;}
.m-tech-detail .des{text-indent: 2em; font-size: .18rem; color: #666; line-height: .5rem;}
.m-tech-detail .des .txt-b{font-weight: bold; color: #333;}
.m-tech-detail .link{float: right; margin-top: .85rem; font-size: 0;}
.m-tech-detail .link a{width: 1.3rem; line-height: .4rem; -webkit-border-radius: 0.2rem; border-radius: 0.2rem; border: 1px solid #019afe; color: #019afe; display: inline-block; font-size: .18rem; text-align: center; margin-left: .5rem; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease;}
.m-tech-detail .link a.download{background-color: #019afe; color: #fff;}
.m-tech-detail .link a.download:hover{box-shadow: 0 0 .05rem .02rem #ccc;}
.m-tech-detail .link a.back:hover{background-color: #019afe; color: #fff;}
/* m-mes */
.m-mes{padding: 1.2rem .35rem;}
.m-mes .title,
.m-mes .des{font-size: .18rem; color: #333; text-align: center;}
.m-mes .title{font-size: .32rem; font-weight: bold; margin-bottom: .35rem;}
.m-mes .item{margin-top: 1.2rem;}
.m-mes .inp{float: left; border: 0; border-bottom: 1px solid #ccc; line-height: .6rem; width: 31%; margin-left: 2%; color: #666; font-size: .18rem; font-weight: bold;}
.m-mes .text{width: 97%; border: 0; height: 1.8rem; border-bottom: 1px solid #ccc; margin-left: 2%; line-height: .6rem; color: #666; font-size: .18rem; font-weight: bold;}
.m-mes input::-webkit-input-placeholder,
.m-mes textarea::-webkit-input-placeholder{color: #666; font-size: .18rem; font-weight: bold;}
.m-mes .bot{margin-top: .6rem; text-align: center;}
.m-mes .bot .code{font-size: 0;}
.m-mes .bot .txt{font-size: .2rem; line-height: .5rem; display: inline-block; vertical-align: middle;}
.m-mes .bot .inp-code{line-height: .36rem; display: inline-block; vertical-align: middle; padding-left: .1rem;}
.m-mes .bot .img{display: inline-block; vertical-align: middle; margin-left: .2rem;}
.m-mes .bot .img img{height: .4rem;}
.m-mes .submit{width: 2.4rem; line-height: .5rem; background-color: #eee; border: 0; outline: none; display: inline-block; font-size: .18rem; color: #333; font-weight: bold; cursor: pointer; text-align: center;}
/* m-vr */
.m-vr{padding: 1.2rem 0;}
.m-vr .vr{position: relative; display: block; height: 6.4rem;}
.m-vr .vr .img{width: 100%; height: 100%;}
.m-vr .vr .img img{width: 100%;}
.m-vr .vr .mask{position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 2; background-color: rgba(0, 0, 0, 0.5); text-align: center; font-size: .3rem; color: #fff;}
.m-vr .vr .mask .tit{margin-bottom: .5rem;}
.m-vr .vr .mask .btn{width: 1.25rem; height: 1.25rem; background: url(../images/in-img/video.png) no-repeat center; background-size: cover; margin: 0 auto;}
.m-vr .vr .mask .con{position: relative; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%);}
.m-vr .process{margin-top: 1.2rem; -webkit-display: flex; display: flex; justify-content: space-between;}
.m-vr .process .circle{float: left; width: 1.75rem; height: 1.75rem; position: relative;}
.m-vr .process .circle canvas{width: 100% !important; height: 100% !important;}
.m-vr .process .circle .con{position: absolute; top: .16rem; left: .16rem; right: .16rem; bottom: .16rem; text-align: center; line-height: 1; border: 1px solid #ccc; -webkit-border-radius: 50%; border-radius: 50%;}
.m-vr .process .circle .con .num{font-size: .44rem; color: #019afe; margin-top: .2rem; position: relative; padding-bottom: .1rem; margin-bottom: .1rem;}
.m-vr .process .circle .con .num:before{content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: .25rem; height: .03rem; background-color: #ccc;}
.m-vr .process .circle .con .txt{font-size: .24rem; color: #666; font-weight: bold;}
.m-vr .process .circle + .circle:before{content: ''; width: .35rem; height: .25rem; background: url(../images/in-img/arrow.png) no-repeat; background-size: .35rem; position: absolute; top: 50%; margin-top: -0.12rem; left: -32%;}
.m-vr.clinical .process .circle{width: 2.4rem; height: 2.4rem;}
.m-vr.clinical .process .txt{line-height: .36rem;}
.m-vr.clinical .process .con{top: .2rem; right: .2rem; bottom: .2rem; left: .2rem;}
.m-vr.clinical .process .circle + .circle:before{content: ''; width: .35rem; height: .25rem; background: url(../images/in-img/arrow.png) no-repeat; background-size: .35rem; position: absolute; top: 50%; margin-top: -0.12rem; left: -22%;}
/* m-clinical */
/* m-intelligent */
.m-clinical.m-intelligent .item-box .l-con{width: 44%;}
.m-clinical.m-intelligent .item-box .r-con{width: 56%;}
.m-clinical.m-intelligent .item-box .text .des{position: relative; padding-left: .4rem;}
.m-clinical.m-intelligent .item-box .text .des:before{content: ''; position: absolute; top: 50%; left: 0; width: .16rem; height: .16rem; -webkit-border-radius: 50%; border-radius: 50%; background-color: #019afe; margin-top: -0.08rem;}
.m-clinical.m-intelligent .item-box.m-equ .l-con,
.m-clinical.m-intelligent .item-box.m-equ .r-con{width: 50%;}
.m-clinical.m-intelligent .item-box.m-equ .bot{margin-top: 1.6rem;}
.m-clinical.m-intelligent .item-box.m-equ .bot .menu .t-item.on:after{border-width: 0;}
.m-clinical.m-intelligent .item-box.m-equ .bot-box{margin-top: .6rem;}
.m-clinical.m-intelligent .item-box.m-equ .bot-box .r-con{width: 100%;}
.m-clinical.m-intelligent .item-box.m-equ .bot-box .r-con .item{width: 46.67%; display: block; position: relative;}
.m-clinical.m-intelligent .item-box.m-equ .bot-box .r-con .item:hover .t-con{background: -webkit-linear-gradient(45deg, #0099ff, #33cccc); background: -o-linear-gradient(45deg, #0099ff, #33cccc); background: -moz-linear-gradient(45deg, #0099ff, #33cccc); background: linear-gradient(45deg, #0099ff, #33cccc);}
.m-clinical.m-intelligent .item-box.m-equ .bot-box .r-con .item .t-con{background-color: #019afe; text-align: center; color: #fff; font-size: .16rem; line-height: .3rem; padding: .15rem 0;}
.m-clinical.m-intelligent .item-box.m-equ .bot-box .r-con .item .t-con .tit{font-weight: bold;}
.m-clinical.m-intelligent .item-box.m-equ .bot-box .r-con .item + .item:before{content: '+'; position: absolute; bottom: .35rem; left: -11%; color: #019afe; font-weight: bold; font-size: .6rem; line-height: 1;}
.m-clinical.m-intelligent .other{padding: 1.2rem 0;}
.m-clinical.m-intelligent .other .other-list{margin-left: -1.66%; margin-top: .45rem;}
.m-clinical.m-intelligent .other img{-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease;}
.m-clinical.m-intelligent .other .item{width: 23.34%; margin-left: 1.66%; float: left; font-size: .16rem;}
.m-clinical.m-intelligent .other .item:hover img{-webkit-transform: scale(1.1); -moz-transform: scale(1.1); transform: scale(1.1);}
.m-clinical.m-intelligent .other .item:hover .des{color: #019afe;}
.m-clinical.m-intelligent .other .item .img-box{width: 100%; overflow: hidden;}
.m-clinical.m-intelligent .other .m-com-nav .small{font-size: .18rem; color: #666; display: inline-block; vertical-align: bottom; line-height: .24rem; margin-left: .2rem;}
.m-clinical.m-intelligent .other .name{color: #019afe; font-weight: bold; margin-top: .2rem;}
.m-clinical.m-intelligent .other .des{color: #999; margin-top: .15rem;}
.m-clinical.m-intelligent .scene{background-color: #fafafa;}
.m-clinical .item-box{padding: 1.2rem 0;}
.m-clinical .item-box img{max-width: 100%;}
.m-clinical .item-box:nth-child(2n+1){background-color: #fafafa;}
.m-clinical .item-box .text{margin-top: .85rem;}
.m-clinical .item-box .des-box{margin-top: .3rem;}
.m-clinical .item-box .des-box .img{width: 1.6rem; height: .4rem; display: inline-block; vertical-align: middle; margin-right: .1rem;}
.m-clinical .item-box .des-box .des{display: inline-block; vertical-align: middle; margin: 0;}
.m-clinical .item-box .b-title{text-align: center; font-size: .36rem; color: #333; margin-bottom: 1.24rem;}
.m-clinical .item-box .b-title .color-b{color: #019afe; font-weight: bold; margin-left: .3rem;}
.m-clinical .item-box.pupop .com-special-nav{margin-top: .2rem;}
.m-clinical .item-box.pupop .con .item:hover .mask{opacity: 1;}
.m-clinical .item-box.pupop .con a{position: relative; display: block;}
.m-clinical .item-box.pupop .con .mask{opacity: 0; width: 100%; height: 100%; position: absolute; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; top: 0; left: 0; z-index: 2; background-color: rgba(0, 0, 0, 0.3); text-align: center; color: #fff;}
.m-clinical .item-box.pupop .con .mask .icon{width: .62rem; height: .62rem; background: url(../images/in-img/video.png) no-repeat; background-size: .62rem; background-size: cover; display: block; margin: 1.8rem auto .2rem;}
.m-clinical .item-box.num .text{margin-top: .6rem;}
.m-clinical .item-box.num .com-special-nav .item{padding-left: .2rem;}
.m-clinical .item-box.num .com-special-nav .item:after{left: 0; -webkit-transform: rotate(180deg); transform: rotate(180deg);}
.m-clinical .item-box.m-equ .equ-nav{margin-top: .4rem;}
.m-clinical .item-box.m-equ .equ-nav .item{width: 1.3rem; height: .4rem; line-height: .4rem; background-color: #ccc; -webkit-border-radius: 0.2rem; border-radius: 0.2rem; text-align: center; color: #fff; float: left; margin-right: .2rem; cursor: pointer; font-size: .18rem;}
.m-clinical .item-box.m-equ .equ-nav .item.on,
.m-clinical .item-box.m-equ .equ-nav .item:hover{background-color: #019afe;}
.m-clinical .item-box.m-equ .r-con{display: none;}
.m-clinical .item-box.m-equ .bot{width: 90%; margin-top: .5rem; position: relative; z-index: 10;}
.m-clinical .item-box.m-equ .bot .menu{display: none; background-color: #f4f4f4;}
.m-clinical .item-box.m-equ .bot .menu .tit{width: 100%; -webkit-display: flex; display: flex;}
.m-clinical .item-box.m-equ .bot .menu .t-item{flex: 1; width: 100%; background-color: #f4f4f4; color: #666; text-align: center; padding: .2rem 0; cursor: pointer; position: relative;}
.m-clinical .item-box.m-equ .bot .menu .t-item.on{background: -webkit-linear-gradient(left, #0099ff, #30c9cf); background: -o-linear-gradient(right, #0099ff, #30c9cf); background: -moz-linear-gradient(right, #0099ff, #30c9cf); background: linear-gradient(to right, #0099ff, #30c9cf); background: #029bfd\9; color: #fff;}
.m-clinical .item-box.m-equ .bot .menu .t-item.on:after{content: ''; position: absolute; width: 0; height: 0; bottom: -0.14rem; left: 50%; border-width: .07rem; margin-left: -0.03rem; border-style: solid; border-color: #0ca5f3 transparent transparent transparent;}
.m-clinical .item-box.m-equ .bot .menu .t-item + .t-item:before{content: ''; width: 1px; height: .54rem; position: absolute; top: 50%; margin-top: -0.27rem; left: 0; background-color: #ccc;}
.m-clinical .item-box.m-equ .bot .menu .t-con{width: 100%; background-color: #fff; font-size: .14rem; color: #666; padding: .2rem .35rem; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.m-clinical .item-box.m-equ .bot .menu .t-con .c-item{display: none;}
.m-clinical .item-box.m-equ .bot .menu .t-con .c-item p{margin-bottom: .15rem;}
.m-clinical .m-com-nav .name{font-size: .36rem; color: #333; font-weight: bold; float: left;}
.m-clinical .com-special-nav .item{margin-bottom: .1rem; color: #333; min-width: .8rem; margin-right: .2rem;}
.m-clinical .tab p{display: inline-block; vertical-align: middle;}
.m-clinical .tab .num{width: .46rem; height: .46rem; background-color: #019afe; font-size: .32rem; color: #fff; font-weight: bold; -webkit-border-radius: 50%; border-radius: 50%; text-align: center; line-height: .46rem; float: left; margin-right: .25rem;}
.m-clinical .tab .tit{float: none;}
.m-clinical .tab .des{margin-top: .45rem; font-size: .18rem; color: #666;}
.m-clinical .l-con{width: 50%; position: relative;}
.m-clinical .l-con .des{margin-bottom: .2rem;}
.m-clinical .l-con .icon{width: .26rem; height: .26rem;}
.m-clinical .l-con .icon,
.m-clinical .l-con .txt{display: inline-block; vertical-align: middle;}
.m-clinical .r-con{width: 50%; display: none;}
.m-clinical .r-con .item{display: none;}
.m-intelligent .item-box.num .r-con{width: 50%; margin-right: 6%;}
.m-clinical.biaoben .item-box.num .r-con{width: 44%; margin-right: 6%;}
.m-intelligent .item-box.num .l-con .text{margin-top: .2rem;}
.m-intelligent .item-box.num .com-special-nav{margin-top: .2rem;}
/* m-single */
.m-single{padding: 1.2rem 0;}
.m-single .title{font-size: .3rem; text-align: center; margin-bottom: .3rem;}
.m-single img{max-width: 100%;}
.m-single .des{font-size: .16rem; color: #666;}
/* m-search */
.m-search{padding: 1.2rem 0 0 0;}
.m-search .s-box{text-align: center; font-size: 0;}
.m-search .s-box .inp{width: 5rem; line-height: .48rem; display: inline-block; vertical-align: middle; padding-left: .1rem; border: none; border: .01rem solid #ccc; font-size: .2rem; color: #666;}
.m-search .s-box .btn{outline: none; cursor: pointer; width: 2rem; height: .5rem; line-height: .5rem; font-size: .24rem; display: inline-block; vertical-align: middle; color: #fff; border: none; background-color: #019afe; text-align: center;}
.m-search .no-data{width: 60%; margin: .4rem auto; font-size: 0; padding: .2rem 0; background: url(../images/search-no.png) no-repeat left center / 0.74rem 0.6rem;}
.m-search .no-data p{font-size: .2rem; padding-left: 1rem; color: #666; line-height: .4rem;}
.m-search .data .item{display: block; border-bottom: 1px solid #ccc; padding: .2rem 0;}
.m-search .data .item .name{font-size: .22rem; color: #010101; margin-bottom: .2rem; font-weight: bold;}
.m-search .data .item .des{font-size: .16rem; color: #666; line-height: .36rem;}
/* mobile */
@media screen and (max-width: 1200px){.header .logo{left: .2rem;} .header .search-box{right: .2rem;} .header .search-box input::-webkit-input-placeholder, .header .search-box textarea::-webkit-input-placeholder{color: #fff; font-weight: normal; font-size: .24rem;} .footer-box .footer{padding-bottom: .6rem;}}
@media screen and (max-width: 1000px){.system .round-box .round .item .num{display: none;}}
@media screen and (min-width: 768px) and (max-width: 900px){.footer-box{padding-top: .7rem;} .footer-box .footer{padding-bottom: .4rem;}}
@media screen and (max-width: 768px){.header .area{height: 1rem;} .header .m-menu{display: block; left: .2rem; z-index: 15; cursor: pointer;} .header .nav-box{display: none; position: absolute; top: 1rem; left: 0; background-color: #fff; padding-right: 0; -webkit-transition: none; transition: none;} .header .nav-box .nav{width: 100%; float: none; padding: 0 .2rem;} .header .nav-box a{font-size: .24rem; color: #666;} .header .nav-box a:hover{color: #019afe;} .header .nav-box .item{width: 100%; float: none;} .header .nav-box .item .link{line-height: .8rem;} .header .nav-box .item:hover .link{color: #019afe;} .header .nav-box .icon{display: none;} .header .nav-box .item + .item{border-top: 1px solid #f4f4f4;} .header .nav-box .sub-nav{width: 100%; top: 0; position: relative; background-color: #fff; text-align: left; padding-bottom: .2rem;} .header .nav-box .sub-nav .sub-item{font-size: .22rem;} .header .logo{width: 100%; left: 0; text-align: center;} .header .search-box{width: .4rem;} .header .search-box .icon, .header .search-box .close{width: .4rem; height: .4rem; background-size: 100%; margin-top: -0.2rem;} .header.on .search-box{width: 80%;} .header.on .logo{opacity: 0;} /* banner */ .banner{height: 4.2rem;} .banner .item .ball{width: 6.2rem; height: 6.2rem; margin-left: -3.1rem; bottom: -4.5rem;} .banner .item img{max-width: 100%;} .banner .item .txt1{margin-top: .75rem;} .banner .item.item2 .tit, .banner .item.item3 .tit{font-size: .4rem;} .banner .item.item2 .text, .banner .item.item3 .text{padding-top: .8rem;} .banner .item.item2 .img1, .banner .item.item3 .img1{margin-top: .5rem;} .banner .item.item3 .img-box .img1{width: 45%; margin-top: .9rem;} .banner .item.item3 .img-box .img2{left: 1rem;} .banner .banner-tab{height: 3px; bottom: .2rem; padding: 0 .2rem; background-color: rgba(0, 0, 0, 0);} .banner .banner-tab .swiper-slide{padding: 0;} .banner .banner-tab .swiper-slide:after{height: 3px;} .banner .banner-tab .swiper-slide + .swiper-slide:before{width: 0;} .banner .banner-tab p{display: none;} .banner .banner-tab .area{padding: 0; width: 100%; height: 3px; background-color: #fff; background-color: rgba(0, 0, 0, 0.5);} /* com-tit */ .com-tit{text-align: center; display: block; width: 100%; float: none;} .com-tit .title{font-size: .36rem;} .com-tit .info{font-size: .24rem;} .com-tit:before{left: 50%; transform: translateX(-50%);} .com-tit:hover::before{width: .7rem;} /* recommend */ .recommend{padding: .6rem 0;} .recommend .text{float: none;} .recommend .des{overflow: hidden; margin-top: .65rem;} .recommend .des .item{width: 50%; float: left; font-size: .24rem;} .recommend .des .item:nth-child(2n+1){padding-left: .94rem;} .recommend .des .item:nth-child(2n){padding-left: .4rem;} .recommend .img{float: none; text-align: center; margin-top: .4rem;} .recommend .img .top{margin: 0 auto;} .recommend .img .bot{margin: .4rem auto 0;} /* equ */ .equ{padding: .6rem 0 .2rem;} .equ .equ-nav{width: 100%; float: none; margin-top: .4rem; text-align: center;} .equ .equ-nav .item{font-size: .24rem; margin: 0 .1rem; line-height: .48rem;} .equ .equ-list{margin-left: -2.6%; overflow: hidden;} .equ .equ-list .item{width: 47.4%; margin-left: 2.6%; margin-bottom: .4rem;} .equ .equ-list .item .text{font-size: .2rem;} .equ .equ-list .item .name{font-size: .22rem;} /* scene */ .scene{padding: .6rem 0 .2rem;} .scene .scene-list .item{float: none; width: 100%; margin-bottom: .4rem; display: block;} /* system */ .system .top{width: 100%;} .system .top .img{margin-top: .4rem;} .system .top .img2{margin-right: -1.6rem;} .system .bot{text-align: center; width: 100%; margin-top: .3rem; overflow: hidden; padding-top: .2rem;} .system .bot .round-box{transform: rotate(90deg);} .system .bot .round-box .item{transform: rotate(-90deg);} .system .bot .round-box .item.item0.on:before{transform-origin: center center; transform: translateX(-50%) rotate(90deg); left: 50%; top: .25rem;} .system .bot .round-box .item.item1.on:before{transform: rotate(180deg); left: -0.1rem; top: -0.1rem;} .system .bot .round-box .item.item2.on:before{top: -0.45rem; left: .25rem; -webkit-transform: rotate(270deg); transform: rotate(270deg);} .system .bot .round-box .item.item3.on:before{top: -0.1rem; left: .6rem; -webkit-transform: rotate(0deg); transform: rotate(0);} .system .bot .txt{transform: translateY(-50%) rotate(270deg); left: 0; top: 50%;} .system .bot .con{width: 4.7rem; text-align: left;} .system .bot .con .item{font-size: .22rem;} .system .bot .con .item .title{font-size: .26rem;} .system .arrow{display: block; margin: .4rem auto; transform: rotate(90deg);} /* contrast */ .contrast .area > div{display: block;} .contrast .m-title{display: block; font-size: .4rem; color: #0099ff; font-weight: bold; text-align: center; margin-bottom: .6rem;} .contrast .contrast-m{width: 100%; float: none; margin: .6rem 0; padding: 0; position: relative;} .contrast .contrast-m:before, .contrast .contrast-m:after{content: ''; position: absolute; top: 50%; width: 38%; border: 1px dashed #019afe;} .contrast .contrast-m:before{left: 0;} .contrast .contrast-m:after{right: 0;} .contrast .contrast-m .txt{display: none;} .contrast .contrast-l, .contrast .contrast-r{display: block; width: 100%; overflow: hidden; font-size: .24rem;} .contrast .contrast-l .img-box, .contrast .contrast-r .img-box{width: 2.85rem; float: left;} .contrast .contrast-l .text, .contrast .contrast-r .text{float: right; margin-top: 0;} /* equ-two */ .equ-two{padding: .6rem 0;} .equ-two .equ-two-list{margin-left: 0;} .equ-two .equ-two-list .item{width: 100%; float: none; margin-left: 0; font-size: .2rem; margin-bottom: .2rem;} .equ-two .equ-two-list .item .name{font-size: .24rem;} .footer-box{padding-top: 0; background-image: none; height: auto; background-color: #1c1c1c;} .footer-box .footer{border: 0;} .footer-box .l-con{display: none;} .footer-box .r-con{float: none; padding: 0 .2rem;} .footer-box .r-con a{font-size: .22rem;} .footer-box .r-con .item{margin-left: 0; width: 100%; position: relative;} .footer-box .r-con .item a{display: block;} .footer-box .r-con .item:before, .footer-box .r-con .item:after{content: ''; position: absolute; width: 100%; height: 1px;} .footer-box .r-con .item:before{background-color: #0a0a0a; bottom: 1px;} .footer-box .r-con .item:after{background-color: #262626; bottom: 0;} .footer-box .r-con .item .title{line-height: .77rem; margin-bottom: 0; position: relative; font-size: .24rem;} .footer-box .r-con .item .title:before{content: ''; position: absolute; width: .28rem; height: 2px; background-color: #fff; right: 0; top: 50%; margin-top: -1px;} .footer-box .r-con .item .title:after{content: ''; position: absolute; width: 2px; height: .28rem; background-color: #fff; right: .13rem; top: 50%; margin-top: -0.14rem;} .footer-box .r-con .item .sub-fnav{display: none; padding: .15rem 0 .3rem;} .footer-box .r-con .item .sub-fnav a{line-height: .46rem; padding-left: .95rem;} .footer-box .copy-right{padding: .4rem 0; text-align: center;} .footer-box .copy-right .info, .footer-box .copy-right .record{float: none; display: block;} .footer-box .m-top{display: block; height: 1.4rem; background: url(../images/m-top.png) no-repeat center; background-size: .29rem; position: relative; cursor: pointer;} .footer-box .m-top:before, .footer-box .m-top:after{content: ''; position: absolute; width: 100%; height: 1px;} .footer-box .m-top:before{background-color: #0a0a0a; bottom: 1px;} .footer-box .m-top:after{background-color: #262626; bottom: 0;} .footer-box .mf-nav{display: block; display: flex;} .footer-box .mf-nav .item{flex: 1; height: .96rem; line-height: .96rem; background-color: #fff; text-align: center; position: relative;} .footer-box .mf-nav .item .img{display: none; position: absolute; left: 0; width: 100%; bottom: 100%; margin-bottom: .2rem;} .footer-box .mf-nav .item .img::before{content: ''; position: absolute; bottom: -0.2rem; left: 50%; margin-left: -0.1rem; width: 0; height: 0; overflow: hidden; border-width: .1rem; border-style: solid; border-color: #fff transparent transparent transparent;} .footer-box .mf-nav .item .img img{width: 100%;} .footer-box .mf-nav .item a{width: .44rem; height: .41rem; display: inline-block; margin: 0 auto; vertical-align: middle; background: url(../images/mf-icon.png) no-repeat; background-size: 1.32rem;} .footer-box .mf-nav .item.tel a{background-position: -0.44rem 0;} .footer-box .mf-nav .item.wx a{background-position: -0.88rem 0;} .footer-box .mf-nav .item + .item{border-left: 1px solid #d0e5ec;} .right-fix{display: none;} /* in-banner */ .in-banner .swiper-slide{height: 5rem;} .in-banner .tit{font-size: .42rem;} .in-banner.detail .img-box{height: 5rem; line-height: 5rem;} .in-banner.clinical .con .img-box .img1{width: 45%;} .in-banner.clinical .con .img-box .img2{left: 1rem;} .in-banner .con .text{padding-top: 1.5rem;} .in-banner .con .des{line-height: .5rem;} /* m-about */ .m-about{padding: .6rem .2rem;} .m-about .brief{font-size: .24rem;} .m-about .brief .l-con, .m-about .brief .r-con{width: 100%; float: none;} .m-about .brand{margin: .6rem 0;} .m-about .brand li{margin-bottom: .2rem;} .m-about .brand li:hover .info{display: none;} /* m-service */ .m-service .service-contact{padding: .5rem 0;} .m-service .service-contact .text, .m-service .service-contact .map{width: 100%; float: none;} .m-service .service-contact .map{height: auto;} .m-service .service-contact .des{width: 60%; float: left;} .m-service .service-contact .des p{line-height: .4rem;} .m-service .service-contact .qr-code{float: right;} .m-service .pc-map{display: none;} .m-service .service-map{padding: .5rem 0;} .m-service .service-map .area{height: auto;} .m-service .service-map .title{position: relative;} .m-service .mm-map{display: block;} /* m-com-nav */ .m-com-nav .tit, .m-com-nav .r-con{float: none;} .m-com-nav .r-con{margin-top: .2rem;} .m-com-nav .r-con .item{margin-left: 0; margin-right: .2rem;} .m-com-nav .r-con .item a{font-size: .24rem;} /* m-news-list */ .m-news-list .items .item .img-box{width: 100%; float: none; height: auto;} .m-news-list .items .item .text{padding-left: 0; width: 100%;} .m-news-list .items .item .text .title{font-size: .3rem; margin: .2rem 0;} .m-news-list .items .item .text .des{font-size: .24rem; line-height: .4rem;} .m-news-list .items .item .text .time{font-size: .24rem;} /* m-honor */ .m-honor .swiper-button-prev, .m-honor .swiper-button-next{display: none;} /* m-news-detail */ .m-news-detail{padding: .6rem 0;} .m-news-detail .des{font-size: .24rem;} /* m-tech-detail */ .m-tech-detail{padding: .6rem 0;} .m-tech-detail .des{font-size: .24rem;} .m-tech-detail .link a{font-size: .24rem;} /* m-product-detail */ .m-product-detail .parameter{padding: .5rem 0;} .m-product-detail .parameter .item{padding: .1rem 0;} .m-product-detail .parameter .item .sub{width: 100%; float: none;} .m-product-detail .parameter .item .des{padding: 0 .3rem;} /* m-change */ .m-change a{width: 100%; margin-bottom: .2rem;} /* m-vr */ .m-vr{padding: .6rem 0;} .m-vr .process{display: block; text-align: center; font-size: 0;} .m-vr .process .circle{display: inline-block; float: none; margin: .2rem;} .m-vr .process .circle + .circle::before{width: 0;} .m-vr.clinical .process{text-align: center; font-size: 0;} .m-vr.clinical .process .circle + .circle::before{width: 0;} /* m-mes */ .m-mes .inp, .m-mes .text{width: 100%; float: none; margin-left: 0; font-weight: normal;} .m-mes .bot .txt{font-size: .24rem;} .m-mes .bot .code{margin-bottom: .4rem; text-align: left;} .m-mes .bot .code, .m-mes .bot .submit{float: none;} .m-mes .submit{font-size: .24rem;} /* m-tech */ .m-tech .tab{position: relative;} .m-tech .tab .nav .item{font-size: .24rem; width: auto; line-height: .5rem; padding: 0 .1rem; min-width: 1.3rem;} .m-tech .r-con .img-box{height: auto;} .m-tech .l-con, .m-tech .r-con{width: 100%;} .m-tech .l-con{padding-top: 0; margin-left: 0; margin: .4rem 0;} .m-tech .l-con .item{font-size: .24rem;} .m-tech .r-con .text .link{font-size: .24rem;} /* m-single */ .m-single .des{font-size: .24rem; line-height: .4rem;} .com-special-nav .item{font-size: .24rem;} /* m-clinical */ .m-clinical .tab .des{font-size: .24rem;} .m-clinical .item-box .text{font-size: .24rem;} .m-clinical.m-intelligent .item-box .l-con, .m-clinical.m-intelligent .item-box .r-con{width: 100%; float: none;} .m-clinical.m-intelligent .item-box.m-equ .l-con, .m-clinical.m-intelligent .item-box.m-equ .r-con{width: 100%;} .m-clinical.m-intelligent .item-box.m-equ .bot-box .r-con .item{width: 100%;} .m-clinical.m-intelligent .item-box.m-equ .bot-box .r-con .item + .item::before{width: 0;} .m-clinical.m-intelligent .item-box.m-equ .bot{width: 100%;} .m-clinical.m-intelligent .other{padding: .6rem 0;} .m-clinical.m-intelligent .other .other-list{margin-left: -5%;} .m-clinical.m-intelligent .other .item{width: 45%; margin-left: 5%; margin-bottom: .2rem; font-size: .24rem;} .m-clinical .l-con, .m-clinical .r-con{width: 100%; float: none;} .m-clinical .item-box{padding: .6rem 0;} .m-clinical .item-box.num .com-special-nav .item{padding-left: 0;} .m-clinical .item-box.num .com-special-nav .item::after{right: 0; transform: rotate(0); left: auto;} .m-clinical .item-box.m-equ .bot{width: 100%;} /* m-search */ .m-search .no-data{width: 100%;} .m-search .data .item .name{font-size: .3rem;} .m-search .data .item .des{font-size: .22rem;}}