@import url(./swiper.css);
/* 初始化 */
*{margin:0; padding:0; box-sizing: border-box; }
body,html{width: 100vw; overflow-x: hidden; font-family: Helvetica,"Helvetica Neue",Arial,sans-serif; font-size: 62.5%; color: #222;}
header,footer{width: 100%;}
a{text-decoration: none; display: block; color: #222; font-size: 14px; transition: 0.5s;}
a:hover{transition: 0.5s;}
ul,ol{list-style: none;}
fieldset, img,input,button { border:none; padding:0; margin:0; outline-style:none; }
img{max-width: 100%;}
textarea{resize:none; overflow:hidden;}
/*h1,h2,h3,h4,h5,h6,em,i {font-weight:100;font-style: normal;}*/
input::-webkit-input-placeholder {color: #888888;}
input:-moz-placeholder {　color: #888888;}
input::-moz-placeholder {color: #888888;}
input:-ms-input-placeholder {color: #888888;}
textarea{resize:none; overflow:hidden;}
textarea::-webkit-input-placeholder {color: #888888;}
textarea:-moz-placeholder {　color: #888888;}
textarea::-moz-placeholder {color: #888888;}
textarea:-ms-input-placeholder {color: #888888;}
select::-ms-expand { display: none; }
select:focus{outline: none;}
pre{
	white-space:pre-wrap;
	white-space:-moz-pre-wrap;
	white-space:-pre-wrap;
	white-space:-o-pre-wrap;
	word-wrap:break-word;
	line-height: 1.5;
	font-family: unset;
}
i,em{font-style:normal;}
*:before,
*:after {
  z-index: -1;
}
/*浏览器滚动条*/
::-webkit-scrollbar{width:5px;height:5px;}
::-webkit-scrollbar-button:vertical{display:none}
::-webkit-scrollbar-track:vertical{background-color:black}
::-webkit-scrollbar-track-piece{background:#E3E3E3}
::-webkit-scrollbar-thumb:vertical{background-color:#555;border-radius:30px}
::-webkit-scrollbar-thumb:vertical:hover{background-color:#3B3B3B}
::-webkit-scrollbar-corner:vertical{background-color:#535353}
::-webkit-scrollbar-resizer:vertical{background-color:#FF6E00}

:root{
	--link-color: #b81d22;
	--full-screen: 100vh;
	--other-full-screen: calc(100vh - 100px);
	--normal-text: 16px;
	--container: 80%;
	--header-height: 100px;
	--theme-color: #80cea7;
}
.edit_box{line-height: 1.5; font-size: var(--normal-text);}
.edit_box a{display:unset;font-size:unset}
.clearfix:after{content:""; display:block; clear:both;}
.container{width: var(--container); margin: 0 auto;}
.click{cursor: pointer;}
.arrr{transform: rotate(90deg); display: inline-block;}
.arrl{transform: rotate(-90deg); display: inline-block;}
.arrd{transform: rotate(-180deg); display: inline-block;}
.imgbg{background-size: cover; background-position: center;}
.cer{margin: 0 auto;}
.el_center{position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.click{cursor: pointer;}
.fixed{position: fixed;}
.nowrap{word-wrap: break-word; white-space: nowrap;}

.color_fff{color: #fff;}
.color_fff a{color: #fff;}
.color_333{color: #333;}
.color_333 a{color: #333;}

.flex{display: flex;}
.flex.flex_start{align-items: flex-start;}
.flex.flex_end{align-items: flex-end;}
.flex.flex_cer{align-items: center;}
.flex.flex_jcend{justify-content: flex-end;}
.flex.flex_col{flex-direction: column;}
.flex.flex_row{flex-direction: row;}
.flex.flex_center{align-items: center; justify-content: center;}
.flex.flex_sb{justify-content: space-between;}
.flex.flex_wrap{flex-wrap: wrap;}
.flex > .flex_2{width: 50%; height: 100%;}
.max_img{width: 100%;}

.w_10{width: 100%;}
.w_9{width: 90%;}
.w_8{width: 80%;}
.w_7{width: 70%;}
.w_6{width: 60%;}
.w_5{width: 50%;}
.w_4{width: 40%;}
.w_3{width: 30%;}
.w_2{width: 20%;}
.w_1{width: 10%;}
.h_10{height: 100%;}
.h_8{height: 80%;}

.rel{position: relative; width: 100%; z-index: 1;}
.rel > .bg{position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; padding-bottom: calc(100% * 2 / 3);}
.rel > .bg img{width: 100%; height: 100%; position: absolute; object-fit: cover; }
.lists,.up_bottom{padding: 10vw 0;}
.lists_container{display: flex; flex-wrap: wrap;}
.lists .item.item_4{width: calc(var(--width) - var(--space)); --width: 25%;}
.lists .item.space{--space: 1vw; margin: 0 calc((var(--space) / 2)); margin-bottom: var(--space);}

.lists_col{width: 100%; display: flex; flex-direction: column;}
.lists_col .item{width: 100%;}

.main{margin-top: var(--header-height);}
/* 分页 */
.paging{width: 100%; margin-top: 3vw;}
.paging > div{width: fit-content; margin: 0 auto;}
.paging > div > a{--size:35px; width: var(--size); height: var(--size); display: flex; align-items: center; justify-content: center; background: #fff; border-radius: 50%; margin: 0 5px; color: #333; font-size: var(--normal-text);}
.paging .iconfont{font-size: var(--normal-text);}
.paging > div > a:hover{background: var(--theme-color); color: #fff;}

/* 登录 */
.login{width: 100vw; height: 100vh; padding-left: 9.375vw; position: relative;}
.login .logo{position: absolute; left: 9.375vw; top: 4.6875vw; display: flex; align-items: center;}
.login .logo img{width: 6.25vw; height: 2.60416vw;}
.login .logo h1{font-size: 24px; color: #fff; border-left: 1px solid #aebbc2; padding-left: 1vw; margin-left: 1vw; font-weight: 600;}
.login .container{width: 450px; margin: 0;}
.login .form{padding-top: 14.32291vw;}
.login .form .cont{width: 100%; height: 390px; box-shadow: 0px 0px 5px 5px #c1d0d9 inset; border-radius: 30px;}
.tab{display: flex; align-items: center; justify-content: space-between; width: 50%; margin: 0 auto; margin-bottom: 2.5vw;}
.tab .item{color: #fff; margin-top: 2vw; font-size: 23px; padding: 5px 20px;}
.tab .item.active{color: #333; background: #e8f7ff; border-radius: 30px;     box-shadow: 0px 2px 15px 5px #999;}
.form .input{width: 90%; margin: 0 auto; background: #e2e8ec; border-radius: 30px; padding: 0 20px; height: 3vw; margin-bottom: 1.5vw; display: flex; align-items: center; box-shadow: 0 -2px 2px 1px #fff;}
.form .input input{background: unset; color: #333; font-size: 20px; padding-left: 15px; line-height: 20px;}
.form .forget_pwd{color: #fff; margin-left: 1.86458vw;}
.form .btn{background: url(../img/form.png) border-box; background-size: cover; background-position-y: bottom; width: 100%; color: #fff; border-radius: 60px; box-shadow: 0px 0px 5px 5px #c1d0d9 inset; margin-top: 1.5vw; font-size: 24px; padding: 15px 0; text-align: center;}

/* 注册 */
.form .input > span{color: #7c8c96; font-size: 20px;}
.register .form .input input{text-align: right; width: calc(100% - 6vw);}
.register .form .input > span{width: 6vw;}
.register .form{padding-top: 10vw;}
.register .form .cont{height: 600px;}
.register .input{margin-bottom: 1vw;}
.register .select{width: calc(100% - 6vw);}
.register .select select{border: none; appearance: none; width: 100%; height: 100%; background: unset; font-size: 20px; direction: rtl;}
.register .select option{appearance: none; background: #e2e8ec;}

/* header */
header{width: 100%; height: var(--header-height); background: #fff; position: fixed; z-index: 99;}
.header{width: var(--container); height: 100%; margin: 0 auto; display: flex; align-items: center; justify-content: space-between;}
.header .logo{width: 12vw; margin-right: 5vw;}
.header .switch_nav{display: none;}
.header .switch_nav > .iconfont{display: none; font-size: 20px;}
.header .switch_nav > .iconfont.active{display: block;}

nav{display: flex; align-items: center; justify-content: space-between; --color: var(--theme-color); width: 100%; height: 100%;}
.nav{display: flex; align-items: center; height: 100%;}
.nav .item{padding: 0 2vw; position: relative; display: flex; align-items: center; height: 100%;}
.nav .item a,.nav .item > div{font-size: 18px; font-weight: 400; transition: 0.5s;}
.nav .item.active a{color: var(--color);}
.nav .item:hover dd{display: block;}
.nav .item dd{position: absolute; top: 100%; left: 0; width: 100%; background: #fff; text-align: center; display: none;}
.nav .item dd a{padding: 0.5vw 0; font-size: var(--normal-text);}
.nav .item a:hover,.nav .item > div:hover{color: var(--color);}

.header .hotline{display: flex; align-items: center; --text: 14px; --phone: 23px;}
.header .hotline img{margin-right: 1vw;}
.header .hotline span{font-size: var(--text);}
.header .hotline h1{font-size: var(--phone); font-weight: 400;}

.header .login_btn{position: absolute; top: 50%; right: 3vw; transform: translateY(-50%); display: flex;}
.header .login_btn a{font-size: 18px; margin-left: 10px;}
.header .login_btn a:hover{color: var(--theme-color);}

/* index-banner */
.index_banner{width: 100%; height: var(--other-full-screen); --swiper-link-color--link-color: #fff; margin-top: var(--header-height);}
.index_banner .swiper-container{width: 100%; height: 100%;}
.index_banner .swiper-slide{position: relative;}
.index_banner .swiper-slide .bg{width: 100%; height: 100%; position: relative; z-index: -1;}
.index_banner .swiper-slide .bg img{width: 100%; height: 100%; position: absolute; top: 0; left: 0;}
.index_banner .desc{position: absolute; top: 50%; left: 10vw; transform: translateY(-50%); --title1: 50px; --title2: 38px; color: #fff; display: none;}
.index_banner .desc h1{font-size: var(--title1); font-weight: bold;}
.index_banner .desc h2{font-size: var(--title2); font-weight: 400; margin-top: 1vw;}
.index_banner .desc .search input{font-size: var(--normal-text); color: #fff; background: unset; border-bottom: 1px solid #fff; padding-bottom: 10px; margin-top: 4vw;}
.index_banner .desc .search input::-webkit-input-placeholder{color: #fff;}

/* footer */
footer{background: #2d3236; color: #fff; --c1: #bebebe; --c2: #7a7c7e; padding-top: 4.6875vw; padding-bottom: 2.60416vw;}
footer a{color: #fff;}
.footer{width: var(--container); margin: 0 auto;}
.footer .main{display: flex; align-items: flex-start; justify-content: space-between;}
.footer .main .left{width: 18.22916vw;}
.footer .main .left > div{display: flex; align-items: flex-start;}
.footer .center{display: flex; align-items: flex-start; justify-content: space-around;}
.footer .main .left > div:first-child{margin-bottom: 2vw;}
.footer .main .left > div img{margin-right: 1vw;}
.footer .main .left > div h1{font-size: 14px; color: var(--c2); font-weight: 500;}
.footer .main .left > div p{font-size: 28px; color: var(--c1); margin-top: 10px;}
.footer .main .left .addr p{font-size: var(--normal-text);}
.footer .main .left .addr span{font-size: 14px; color: var(--c2); margin-top: 10px; display: inline-block;}
.footer .main .center{width: 50vw; border-left: 1px solid #3e4449; border-right: 1px solid #3e4449;}
.footer .main .center h1{font-size: var(--normal-text); color: var(--c1); margin-bottom: 1vw;}
.footer .main .center .item a{font-size: 14px; color: var(--c2); margin-bottom: 0.5vw;}
.footer .main .center .item a:hover{color: var(--link-color);}
.footer .main .center .list{text-align: center;}
.footer .qr{display: flex; flex-direction: column; align-items: center;}
.footer .qr h1{margin-top: 15px;}
.footer .qr h2{margin-top: 10px;}
.footer .btm{display: flex; align-items: center; margin-top: 5vw; color: var(--c2); font-size: 14px;}
.footer .btm span,footer .btm .copyright{margin-right: 10px;}

/* 侧栏 */
.right-fixed{position: fixed; right: 0; top: 50%; transform: translateY(-50%); z-index: 99;}
.right-fixed .item{background: linear-gradient(to right, #049f54, #4cbebd); border-radius: 50%; width: var(--size); height: var(--size); --size: 55px; color: #fff; font-size: 12px; display: flex; align-items: center; justify-content: center; position: relative; margin: 1vw 0; cursor: pointer;}
.right-fixed .item .cont{position: absolute; left: 100%; top: 0; background: linear-gradient(to right, #049f54, #4cbebd); font-size: 18px; transition: left 1s;}
.right-fixed .cont.tel{width: 185px; height: 55px; border-radius: 55px; display: flex; align-items: center; justify-content: center;}
.right-fixed .cont.tel .icon{margin-right: 10px;}
.right-fixed .cont.wx-qr{padding: 10px; border-radius: 10px; text-align: center; font-size: 14px; width: 7vw;}
.right-fixed .cont.wx-qr .qr{margin-bottom: 10px;}

/* index1 */
.index1{width: 100%; margin-top: 5vw; margin-bottom: 10vw;}
.index1 .top{display: flex; align-items: center; justify-content: space-between;}
.index1 .title{display: flex; align-items: center; --title: 35px;}
.index1 .title h3{font-size: var(--title); margin-left: 1vw; font-weight: 400;}
.btns{display: flex; align-items: center;}
.btns > div{--size: 45px; border-radius: 50%; border: 1px solid #ccc; width: var(--size); height: var(--size); display: flex; align-items: center; justify-content: center; margin-left: 1vw; cursor: pointer;}
.index1 .cont{margin-top: 4vw;}
.index1 .cont .item{--width: 18.22916vw; width: var(--width); --en: 22px; --zh: 22px; --color: #000;}
.index1 .cont .item .img{height:240px;overflow:hidden; display:flex; align-items:center;justify-content:center}
.index1 .cont .item img{min-width:100%; min-height:100%; max-width:none; }
.index1 .cont .item h3{font-size: var(--en); color: var(--color); margin-top: 1vw;}
.index1 .cont .item h4{font-size: var(--zh); color: var(--color);}
.img{display: flex; align-items: center; justify-content: center; width: 100%; height: 100%;}
.index1 .cont .item a{height: 100%; display: flex; flex-direction: column; }

/* index2 */
.index2-3{--en: 50px; --zh: 32px; --text: 14px; }
.index2{width: 100%; padding-top: 6.5vw; padding-bottom: 5vw; position: relative;}
.index2 .container{display: flex;}
.index2 .left{width: 50%;}
.index2 .left > .swiper-container{width: 110%;}
.index2 .left h3{font-size: var(--en); font-weight: 400;}
.index2 .left h4{font-size: var(--zh); font-weight: 400; margin-top: 1vw; padding-top: 1vw; border-top: 1px solid #333; width: fit-content;}
.index2 .left p{font-size: var(--text); margin-top: 3vw;}
.index2 .left .t_more{margin-top: 2vw; padding: 15px 0; --border: 1px solid #ccc; border-top: var(--border); border-bottom: var(--border); width: fit-content;}
.index2 .left .more span{font-size: var(--text); font-weight: 600; color: black;}
.index2-3 .btns{margin-top: 2vw; justify-content: flex-end; width: 80%; margin-bottom: 2.5vw;}
.index2-3 .btns > div{background: #fff; border: none;}
.index2 .swiper-container .item{position: relative; width: 15vw; height: 22.5vw;}
.index2 .swiper-container .item span{font-size: 16px; padding-bottom: 10px; border-bottom: 1px solid #ccc; position: absolute; top: 1vw; left: 1vw;}
.index2 .swiper-container .item img{width: 100%; height: 100%;}
.index2 .swiper-container .item .on img{width: 50px; height: 50px; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.index2 .swiper-container .item .on{width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: rgba(255, 255, 255, 0.6); opacity: 0; transition: 0.5s;}
.index2 .swiper-container .item.active .on{opacity: 1;}


.index2-3 hr{height: 2vw; width: 100%; background: #fff; border: none;}

.index2 .right{width: 50%; position: absolute; bottom: 0; right: 0; padding-left: 10vw; padding-right: 5vw;}
.index2 .right .bg{position: absolute; right: 0; bottom: 0; width: 100%; z-index: 0; height: 115%;}
.index2 .right .slide_cont{position: relative; z-index: 1; --color: #fff; --p: 15px; --h1: 28px;}
.index2 .right .slide_cont h3{font-size: var(--h1); font-weight: 400; color: var(--color); padding-bottom: 10px; border-bottom: 1px solid #fff; margin-bottom: 1vw; width: fit-content; text-align: left;}
.index2 .right .slide_cont pre{font-size: var(--p); color: var(--color); margin-top: 15px; text-align: left;}
.index2 .right .slide_cont img{width: 25vw; margin-top: 2vw;}
.index2 .right .slide_cont .item{display: none; text-align: center;}
.index2 .right .slide_cont .item:first-child{display: block;}


.index3{width: 100%;}
.index3 .container{width: 95%; margin: 0; display: flex;}
.index3 .left{width: 50%;}
.index3 .left .slide_cont{width: 100%; height: 100%;}
.index3 .left .slide_cont img{width: 100%; height: 100%;}
.index3 .right{text-align: right; padding-top: 7vw; width: 50%; display: flex; flex-direction: column; align-items: flex-end; position: relative; padding-bottom: 3vw;}

.index3 .right h3{font-size: var(--en); font-weight: 400;}
.index3 .right h4{font-size: var(--zh); font-weight: 400; margin-top: 1vw; padding-top: 1vw; border-top: 1px solid #333; width: fit-content; float: right;}
.index3 .right p{font-size: var(--text); margin-top: 3vw;}
.index3 .right .t_more{margin-top: 2vw; padding: 15px 0; --border: 1px solid #ccc; border-top: var(--border); border-bottom: var(--border); width: fit-content;}
.index3 .right .more span{font-size: var(--text); font-weight: 600; color: black;}
.index3 .btns{justify-content: flex-start; width: 100%;}
.index3 .swiper-container{width: 110%; position: relative; left: -10%; bottom: 0; z-index: 1;}
.index3 .swiper-container .item{background: #fff; text-align: center; padding-bottom: 1vw; width: 15vw;}
.index3 .swiper-container .item p{color: #333; margin-top: 10px;}
.index3 .slide_cont .item{display: none; width: 100%; height: 100%;}
.index3 .slide_cont .item:first-child{display: block;}

.index3 .swiper-container .item .on img{width: 50px; height: 50px; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.index3 .swiper-container .item .on{width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: rgba(255, 255, 255, 0.6); opacity: 0; transition: 0.5s;}
.index3 .swiper-container .item.active .on{opacity: 1;}

/* index4 */
.index4{width: 100%; background: #fff; padding: 5vw 0;}
.index4 .container{display: flex; align-items: center; justify-content: space-between;}
.index4 .container > div{width: 50%;}
.index4 .left .title h3{font-size: 40px; margin-top: 2.5vw; font-weight: 400;}
.index4 .left .cont{margin-top: 2vw; width: 60%;}
.index4 .left .cont p{font-size: 14px; line-height: 2;}
.index4 .left .cont .t_more{margin-top: 2vw; padding: 15px 0; --border: 1px solid #ccc; border-top: var(--border); border-bottom: var(--border); width: fit-content;}
.index4 .right{position: relative;}
.index4 .btns > div{border-radius: unset; border: none; margin-left: 0; background: #fff; width: var(--btn-size); height: var(--btn-size); margin: 0 10px; box-shadow: -2px 2px 5px #ccc;}
.index4 .btns > div:active{box-shadow: inset 2px -2px 5px #ccc;}
.index4 .btns{position: absolute; bottom: 0; right: 100%/* calc(100% - var(--btn-size)) */; --btn-size: 65px; z-index: 1;}

/* index5 */
.index5{width: 100%; background: #f2f5f7; padding-top: 5vw;}
.index5 .top{display: flex; align-items: center; justify-content: space-between; padding-bottom: 2.5vw; border-bottom: 1px solid #ccc;}
.index5 .top .title{display: flex; align-items: center;}
.index5 .top .title h3{margin-left: 1vw; font-size: 33px;}
.index5 .t_more{font-size: 14px;}
.index5 .main{margin-top: 3vw; display: flex; align-items: flex-start; justify-content: space-between;}
.index5 .main .left{width: 100%;}
.index5 .main .left .item{display: flex; align-items: flex-start; justify-content: space-between; padding-bottom: 3vw; border-bottom: 1px solid #ccc; margin-bottom: 3vw;}
.index5 .main .left .item:last-child{border-bottom: none;}
.index5 .main .left .cont{padding: 0 4vw;}
.index5 .main .left .item .time{font-size: var(--normal-text);}
.index5 .main .left .item h3{font-size: 23px; margin-top: 1vw;}
.index5 .main .left .item p{font-size: 14px; margin-top: 2vw; line-height: 1.5;}
.index5 .main .left .item .t_more{font-size: 14px; margin-top: 2vw;}

.index5 .main .right{width: 20%; background: #fff; text-align: center; display: none;}
.index5 .main .right img{margin: 0 auto;}
.index5 .main .right h3{font-size: 24px; margin-top: 3vw; display: flex; align-items: center; justify-content: center;}
.index5 .main .right h3::before{ content: ''; display: block; width: 2vw; height: 1px; background: #ccc; z-index: 1; margin-right: 1vw;}
.index5 .main .right h3::after{content: ''; display: block; width: 2vw; height: 1px; background: #ccc; z-index: 1; margin-left: 1vw;}

/* 静态banner */
.banner{height: 889px; display: none;}
.banner .cont{--h1: 40px; --p: 28px; text-align: center;}
.banner .cont h3{font-size: var(--h1); font-weight: 400;}
.banner .cont p{font-size: var(--p); margin-top: 1vw;}
.banner .banner_nav{position: absolute; bottom: 0; left: 0; width: 100%; height: 4.5vw; background: rgba(0,0,0,0.2);}
.banner .banner_nav ul,.banner .banner_nav .item{height: 100%;}
.banner .banner_nav .item a{height: 100%; display: flex; align-items: center; margin: 0 2vw;}
.banner .banner_nav .item a:hover{color: var(--theme-color);}
.banner .banner_nav .scroller{height: 100%;}

/* 专家介绍 */
.people{position: relative; display: flex; flex-direction: column;}
.people .people_img{height: 20vw; overflow: hidden;}
.people .people_img img{width: 100%;}
.people .desc{background: #80cea7; padding: 1vw; font-size: var(--normal-text); flex: 1; position: relative;}
.people .name{font-size: 25px; margin-bottom: 1vw;}
.people .desc > p{margin-bottom: 1vw;}
.people .desc p{line-height: 1.5;}
.people .ks{padding-bottom: 5vw;}
.people .more{display: flex; align-items: center; margin-top: 1vw; position: absolute; bottom: 1.5vw; left: 50%; transform: translateX(-50%); width: 90%; padding-top: 1vw; border-top: 1px solid rgba(255,255,255,0.5);}
.people .more .iconfont{font-size: 12px; margin-left: 2vw;}

/* 诊疗项目 */
.lists .project.space{--space: 2vw;}
.project .project_img{position: relative; padding-bottom: calc(100% * 2 / 3);}
.project .project_img > img{position: absolute; width: 100%; height: 100%; object-fit: cover;}
.project:hover .project_img .on{opacity: 1;}
.project:hover .title{color: #14a158;}
.project .title{--h1: 20px; --p: 18px; transition: 0.5s; margin-top: 1vw;}
.project .title h3{font-size: var(--h1); font-weight: 400;}
.project .title p{font-size: var(--p);}

/* 设备介绍 */
/* #device-desc .item{margin-bottom: 2vw;} */
#device-desc-imgs img{width: 100%;}
#device-desc-imgs .item{display: none;}
#device-desc-imgs .item:first-child{display: block;}
#device-desc{width: 80%;}
#device-desc .item img{width: 100%;}
#device-desc .item .on img{width: auto;}
#device-desc .item .title p{width: 60%; margin: 1vw auto; text-align: center; font-size: var(--normal-text);}
#device-desc .item.active .on{opacity: 1;}

.control{display: flex; flex-direction: column; align-items: center;}
.control .fraction{font-size: 25px; color: #333; display: inline-block; word-break: keep-all; white-space: nowrap;}
.control .swiper-pagination-current{font-size: 39px; color: var(--theme-color);}
.circle_btn{--size: 54px; --bg: #fff; width: var(--size); height: var(--size); border-radius: 50%; background: var(--bg); display: flex; align-items: center; justify-content: center; cursor: pointer; transition: 0.5s; margin-top: 1vw;}
.circle_btn:hover{background: var(--theme-color); color: #fff;}
.circle_btn.no_radius{border-radius: 0;}

/* 设备介绍-详情 */
.details .title{--en: 38px; --zh: 22px;}
.details .en{font-size: var(--en); font-weight: bold;}
.details .zh{font-size: var(--zh); font-weight: bold; margin-top: 1vw;}
.details .desc{font-size: var(--normal-text); margin-top: 3vw; line-height: 1.5; padding-bottom: 3vw;}
#device-details .details .title{margin-top: 5vw;}

/* 诊疗项目-详情 */
#project-details .title{font-size: 28px; font-weight: bold; margin-bottom: 3vw;}
#project-details .cont .img{padding-left: 5vw; width: 50%;}

/* 专家详情 */
#people-details{padding: 5vw 0;}
#people-details .half_bg{position: absolute; right: 0; bottom: 0; height: 63%; overflow: hidden;}
#people-details .swiper-container .item .right{text-align: right;}
#people-details .swiper-container .item .left{--h1: 42px; --name: 26px; --text: 14px; --honor: 18px; padding: 0 7%; padding-bottom: 5vw;}
#people-details .swiper-container .item .left h1{font-size: var(--h1); font-weight: bold; margin-top: 5vw;}
#people-details .swiper-container .item .left .name{font-size: var(--name); font-weight: bold; margin-top: 0.5vw;}
#people-details .swiper-container .item .left .edit_box{font-size: var(--text); line-height: 2; margin-top: 1vw;}
#people-details .swiper-container .item .left .honor{font-size: var(--honor); font-weight: bold; margin-top: 2vw;}
#people-details .control{margin-left: 1vw; display: none;}

/* 联系我们 */
#contact{overflow: hidden; background: #f8f8f8; height: 1025px;}
#contact .bg{position: absolute; z-index: 1;}
#contact .bg{left: -10vw; bottom: -7vw;}
#contact .contact .cont{z-index: 2; --en: 42px; --zh: 30px; width: 22vw; margin-left: 10vw; margin-top: 9vw;}
#contact .contact .cont .en{font-size: var(--en); font-weight: bold;}
#contact .contact .cont .zh{font-size: var(--zh); font-weight: bold; margin-top: 0.5vw;}
#contact .contact .cont .desc{font-size: var(--normal-text); margin-top: 1vw; line-height: 1.5; color: #6f8583;}
#contact .map{position: absolute; right: 0; top: 0;}
#contact .msgs{margin-top: 4vw;}
#contact .msgs .msg{margin-left: 1vw;}
#contact .msgs > div{margin-bottom: 1.5vw; align-items: flex-start;}
#contact .msgs .msg h1{font-size: var(--normal-text); color: #6f8583; margin-bottom: 0.5vw;}
#contact .msgs .msg pre{font-size: 20px; color: #000;}
#contact .msgs .msg pre.two_lines{font-size: var(--normal-text);}

/* 关于我们-详情 */
#about-details .title{border-bottom: 1px solid #ccc; padding-bottom: 1.5vw;}
#about-details .title h1{font-size: 32px; font-weight: bold;}
#about-details .title .btm{margin-top: 1vw;}
#about-details .title .left > div span{font-size: var(--normal-text); margin-left: 10px; color: #777;}
#about-details .title .left > div{margin-right: 1vw;}

#about-details .icon{display: flex; align-items: center; justify-content: center; --size: 35px; width: var(--size); height: var(--size); border-radius: 50%; margin-left: 1vw;}
#about-details .icon.wx{background: #14a158;}
#about-details .icon.wb{background: #dd5038;}
#about-details .edit_box{margin-top: 2vw; }
#about-details .edit_box p{line-height:28px!important}
#about-details .edit_box img{width: 100%;}

/* 何氏荣誉 */
#honor .left .top .title{--en: 40px; --zh: 28px;}
#honor .left .top .title .en{font-size: var(--en); font-weight: bold;}
#honor .left .top .title .zh{font-size: var(--zh); font-weight: bold;}
#honor .left .top .title .control .circle_btn{--size: 36px; margin-top: 0; margin-left: 10px;}
#honor .left{padding-right: 1vw;}
#honor .right{padding-left: 1vw;}
#honor .left .conts{margin-top: 3vw;}
#honor .left .conts .edit_box{font-size: var(--normal-text);}
#honor .left .conts .item{display: none;}
#honor .left .conts .item:first-child{display: block;}
#honor .right{width: 60%;}
#honor .left{width: 40%;}

/* 媒体报道 */
#report .control .circle_btn{--bg: #e8f0f1;}
#report .right{background: #fff; padding-left: 3vw;}
#report .left img{width: 100%;}
#report .top{background: #fff;}
#report .conts .item{display: none;}
#report .conts .item:first-child{display: block;}
#report .right{height: 529px;}
#report .right .date{--day: 60px; --date: 18px;}
#report .right .date .day{font-size: var(--day); font-weight: bold; --color: #009c4d; color: var(--color); padding-bottom: 5px; border-bottom: 3px solid var(--color); margin-right: 0.5vw;}
#report .right .date > div:last-child{font-size: var(--date); color: #ccc;}
#report .right .title{font-size: 22px; font-weight: bold; line-height: 1.5;}
#report .right .edit_box{font-size: 14px;}
#report .right .more{padding: 1vw 0; width: fit-content; border: 1px solid #ccc; border-left: none; border-right: none;}
#report .right .more span{margin-right: 2vw;}
#report .right .item{padding: 0 1vw; justify-content: space-evenly;}
#report .btm .hover_date{background: rgba(122,198,166, 0.9); overflow: hidden; --size: 0; width: var(--size); height: var(--size); transition: 0.5s;}
#report .btm .item:hover .hover_date{--size: 100%;}
#report .btm .date{--day: 48px; --date: 18px; margin-left: 2vw; margin-top: 1.5vw;}
#report .btm .day{font-size: var(--day); font-weight: bold; margin-right: 0.5vw;}
#report .btm .hover_date > div:last-child{font-size: var(--date);}
#report .btm .item .title{width: 100%; position: absolute; bottom: 0; padding: 1vw 2vw; font-size: 18px; line-height: 1.5; background: linear-gradient(to top, rgba(0,0,0,0.5) 0%,rgba(0,0,0,0) 100%)}

/* 社会责任 */
#society .lists_col .item{padding: 3vw 0; border-top: 1px solid #ccc;}
#society .lists_col .item:hover .date{color: var(--hover-color);}
#society .lists_col .item:first-child{padding-top: 0; border-top: none;}
#society .lists_col .item .cont{--title: 23px; --text: 14px; padding-left: 3vw; padding-top: 1vw; padding-right: 8vw;}
#society .lists_col .item .cont .title{font-size: var(--title); font-weight: 400; width: 65%; line-height: 1.5;}
#society .lists_col .item .cont .edit_box{font-size: var(--text); color: #8d8d8d;}
#society .lists_col .item .cont .more{font-size: var(--text); border-bottom: 1px solid #ccc; width: fit-content; padding-bottom: 10px;}
#society .lists_col .item .cont .more span{margin-right: 2vw;}
#society .lists_col .item .date{--day: 44px; --date: 12px; color: var(--color); --color: #347cdf; --hover-color: #009b4c; transition: 0.5s;}
#society .lists_col .item .date .day{font-size: var(--day);}
#society .lists_col .item .date span{font-size: var(--date);}
#society .lists_col .item .cont .edit_box{margin-top: 1vw;}
#society .lists_col .item .cont .more{margin-top: 1.5vw;}
.load_more{width: 100%; text-align: center;}
.load_more a{color: #abacad;}
.load_more a:hover{color: var(--theme-color);}

/* 何氏简介 */
.video_pop{position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); z-index: 999; display: none;}
.video_pop video{width: 80%;}
.video_pop .iconfont{color: #fff; position: absolute; right: 1vw; top: 1vw; font-size: 26px; cursor: pointer; transition: 0.5s;}
.video_pop .iconfont:hover{transform: rotate(180deg);}

#about{overflow: hidden;}
#about .container{margin: 0; width: 90%; margin-right: 0; margin-left: auto;}
#about .left{padding-right: 5vw; padding-top: 7vw; padding-bottom: 14vw;}
#about .left .title{--en: 45px; --zh: 30px;}
#about .left .title .en{font-size: var(--en); font-weight: bold;}
#about .left .title .zh{font-size: var(--zh); margin-top: 10px;}
#about .left .edit_box{margin-top: 4vw; font-size: var(--normal-text);}
.play_video span{font-size: 20px; color: #00a26e; margin-left: 1vw;}
.play_video{margin-top: 3vw;}

#about .right{position: relative;}
#about .right::before{content: ''; display: block; border-radius: 50%; height: var(--size); width: var(--size); border: 1px solid #ccc; position: absolute; top: 50%; left: 0; transform: translateY(-50%); --size: 1355px;}
#about .right::after{content: ''; display: block; height: 70vw; width: 30vw; position: absolute; top: 50%; right: 0; transform: translateY(-50%); background: url(../img/about-bg.png) no-repeat; background-size: cover;}
#about .right .data{--num: 40px; --text: 18px; --plus: 30px; height: 55%; margin-left: 10%;}
#about .right .data .item{font-size: var(--text); position: relative;}
#about .right .data .item b{font-size: var(--plus);}
#about .right .data .count{font-size: var(--num); font-weight: bold;}
#about .right .data .item > p{margin-top: 0.5vw;}
#about .right .data .item:first-child,
#about .right .data .item:last-child{margin-left: 2vw;}
#about .right .data .item:nth-child(1) .num{color: #009b4c;}
#about .right .data .item:nth-child(2) .num{color: #29b9b4;}
#about .right .data .item:nth-child(3) .num{color: #f16d3f;}
#about .right .data .item:nth-child(4) .num{color: #4093f1;}
#about .right .group_profile{margin-right: 3vw;}
#about .right .group_profile .title{--en: 40px; --zh: 26px;}
#about .right .group_profile .title .en{font-size: var(--en); font-weight: bold;}
#about .right .group_profile .title .zh{font-size: var(--zh); margin-top: 10px;}
#about .right .group_profile .edit_box{margin-top: 2.5vw; color: #6a6a6a;}
#about .right .group_profile .more{margin-top: 2.5vw;}
#about .right .group_profile .more > div{--size: 40px; width: var(--size); height: var(--size); border-radius: 50%; background: #fff; display: flex; align-items: center; justify-content: center; margin-right: 1vw;}
#about .right .group_profile .more > span{font-size: 14px;}
#about .right .group_profile .more:hover{color: var(--theme-color);}
#about .right .data .item::before{content: ''; display: block; --size: 16px; width: var(--size); height: var(--size); border-radius: 50%; background: #fff; border: 1px solid #ccc; position: absolute; top: 50%; left: -4.7vw; transform: translateY(-50%);}
#about .right .data .item:first-child::before,
#about .right .data .item:last-child::before{left: -3.3vw;}

.news_add_div h3{
	font-size: 25px;
	font-weight: bold;
	margin-bottom: 25px;
	width: 1000px;
	line-height: 25px;
}

.news_add_div p {
	width: 1000px;
	line-height: 25px;
	margin-bottom: 25px;
}


@media screen and (min-width: 1600px) {
	.details .title{--en: 45px; --zh: 28px;}
	.banner .cont{--h1: 50px; --p: 38px;}
	#project-details .title{font-size: 38px;}
	#people-details .swiper-container .item .left{padding: 0 10%;}
	#contact .contact .cont{--en: 50px; --zh: 32px; width: 20vw;}
	#contact .bg{left: 0; bottom: 0;}
	#about-details .title h1{font-size: 35px;}
	#honor .left .top .title{--en: 50px; --zh: 32px;}
	#honor .right{width: 70%;}
	#honor .left{width: 30%;}
	#report .right .date {--day: 72px; --date: 18px;}
	#report .right .date .day{padding-bottom: 10px;}
	#report .right .title{font-size: 25px;}
	#report .btm .item .title{font-size: 20px;}
	#society .lists_col .item .cont .title{width: 50%;}
	#about .right .group_profile{margin-right: 6vw;}
	#about .right .group_profile .title{--en: 46px; --zh: 28px;}
	#about .left .title{--en: 50px; --zh: 33px;}
	#about .right .data {--num: 45px; --text: 18px; --plus: 35px;}
	#about .right .data .item:first-child::before, #about .right .data .item:last-child::before{left: -3.5vw;}
	#about .right .data .item::before{left:-4.5vw;}
}

@media screen and (max-width: 1450px) {
	:root{
		--container: 85%;
	}
}

@media screen and (max-width: 1366px) {
	:root{
		--container: 90%
	}
	nav{justify-content: unset;}
	.header .logo{margin-right: 0;}
	.header .hotline{--phone: 20px;}
	.banner .cont{--h1: 36px; --p: 26px;}
	#people-details .swiper-container .item .left{padding: 0 5%;}
	#contact .contact .cont{--en: 38px; --zh: 26px; width: 25vw;}
	#contact .bg{left: -15vw; bottom: -20vw;}
	#about-details .title h1{font-size: 30px;}
	#honor .left .top .title{--en: 38px; --zh: 26px;}
	#honor .right{width: 50%;}
	#honor .left{width: 40%;}
	#report .right .date {--day: 50px; --date: 16px;}
	#report .right .date .day{padding-bottom: 0;}
	#report .right .title{font-size: 20px;}
  #report .btm .item .title{font-size: 16px;}
	#society .lists_col .item .cont .title{width: 75%;}
	#society .lists_col .item .cont{padding-top: 0;}
	#about .right .group_profile{margin-right: 2vw;}
	#about .right .group_profile .title{--en: 38px; --zh: 26px;}
	#about .left .title{--en: 38px; --zh: 26px;}
	#about .right .data {--num: 32px; --text: 16px; --plus: 22px;}
	#about .right .data .item:first-child::before, #about .right .data .item:last-child::before{left: -3vw;}
	#about .right .data .item::before{left:-4.7vw;}
}

@media screen and (max-width: 980px) {
	:root{
		--container: 90%;
		--header-height: 65px;
		--normal-text: 14px;
	}
	.flex.flex_mobile_col{flex-direction: column;}
	.flex.flex_mobile_row{flex-direction: row;}
	.flex > .flex_2{width: 100%;}
	.w_m_10{width: 100%;}
	.h_m_10{height: 100%;}
	.w_m_9{width: 90%;}

	.right-fixed{display: none;}
	header{position: fixed; z-index: 99;}
	.header .logo{width: 30vw;}
	nav{position: fixed; top: 0; left: 100%; background: #fff; margin-top: var(--header-height); z-index: 99; width: 100vw; height: calc(100vh - var(--header-height)); transition: 0.8s; flex-direction: column; justify-content: space-around;}
	.nav{flex-direction: column; align-items: center; width: 90%; height: auto; margin-top: -10vw;}
	.nav .item > a, .nav .item > div{font-weight: bold;}
	.nav .item > a{font-size: 22px;}
	.nav .item{width: 100%; height: auto; flex-direction: column; margin-top: 5vw; align-items: flex-start;}
	.nav .item dd{margin-top: 3vw; position: static; display: flex; align-items: center; flex-wrap: wrap;}
	.nav .item:hover dd{display: flex;}
	.nav .item dl{margin-right: 5vw; margin-bottom: 1vw;}
	.header .switch_nav{display: block;}
	.header .login_btn{position: static;}
	.index_banner .desc{--title1: 18px; --title2: 14px;}
	.index_banner{height: 195px; margin-top: var(--header-height);}
	.index_banner .desc .search .iconfont{font-size: 14px;}
	.index1{margin-bottom: 0; background: #fff; padding-bottom: 10vw;}
	.index1 .title{--title: 22px;}
	.index1 .title img{width: 25px;}
	.btns > div{--size: 35px;}
	.index1 .con{--width: 42vw; --en: 16px; --zh: 14px;}
	.index1 .cont .item{width: 48%; --en: 16px; --zh: 14px;}
	.index2-3{--en: 22px; --zh: 20px;}
	.index2 .container{flex-direction: column;}
	.index2 .left{width: 100%;}
	.index2 .right{width: 100%; position: static; padding-top: 5vw;}
	.index2 .right .bg{z-index: -1;}
	.index2-3 .btns{width: 100%;}
	.index2 .swiper-container .item{width: 48%; height: 67.5vw;}
	.index2 .swiper-container .item span{font-size: 14px; top: 3vw; left: 3vw;}
	.index2 .right .slide_cont{--color: #333; --p: 14px; --h1: 22px; display: none;}
	.index2 .right .slide_cont img{width: 50vw;}
	.index2-3 hr{height: 5vw;}
	.index3{padding-bottom: 10vw;}
	.index3 .container{width: 90%; margin: 0 auto; flex-direction: column;}
	.index3 .left{width: 100%;}
	.index3 .right{width: 100%;}
	.index3 .swiper-container .item{width: 48%;}
	.index3 .swiper-container{position: static; width: 100%;}
	.index3 .swiper-container .item p{padding: 0 5vw;}
	.index4 .left .title h1, .index5 .top .title h1{font-size: 22px;}
	.index4 .title img, .index5 .title img{width: 25px;}
	.index4 .container, .index5 .main{flex-direction: column;}
	.index4 .container > div{width: 100%;}
	.index4 .left .cont{width: 100%; padding-bottom: 5vw;}
	.index4 .btns{width: 100%; position: static; justify-content: space-around; margin-top: 5vw; --btn-size: 50px;}
	.index4 .btns > div{margin: 0;}
	.index5 .main .left{width: 100%;}
	.index5 .main .left .item{flex-direction: column; margin-bottom: 5vw;}
	.index5 .main .left .cont{padding: 0; margin-top: 3vw;}
	.index5 .main .left .item h1{font-size: 18px; font-weight: 400;}
	.index5 .main .left .item p{font-weight: 200;}
	.index5 .main .right{width: 100%; margin-bottom: 10vw;}
	.index5 .main .right h1{font-size: 22px;}
	footer{padding: 7vw 0;}
	.footer .main{flex-direction: column; margin-top: 0;}
	.footer .main .left,.footer .main .center{width: 100%;}
	.footer .main .left > div p{font-size: 20px; margin-top: 2vw;}
	.footer .main .left > div img{width: 20px; margin-right: 3vw;}
	.footer .main .center{margin-top: 5vw;}
	.footer .main .left .addr span{margin-top: 0;}
	.footer .main .center{flex-direction: column; border: none;}
	.footer .main .center .list{display: flex; flex-wrap: wrap; margin-bottom: 5vw;}
	.footer .main .center h1{width: 100%; font-size: 16px; text-align: left;}
	.footer .main .center .list .item{margin-right: 2vw;}
	.footer .qr h1{margin-top: 10px;}
	.footer .qr h2{margin-top: 5px;}
	.footer .btm{flex-direction: column; align-items: flex-start;}
	.footer .btm span, footer .btm .copyright{margin: 1vw 0;}
	.banner{margin-top: var(--header-height);}
	.banner .cont{--h1: 22px; --p: 18px;}
	.lists,.up_bottom{padding: 40px 0;}
	.lists .item.item_4{--width: 50%;}
	.people .name{font-size: 20px;}
	.project .title{--h1: 16px; --p: 14px;}
	.banner .banner_nav{height: 8vw;}
	.banner .banner_nav ul{display: block;}
	.banner .banner_nav ul .item{float: left;}
	.banner .banner_nav .item a{font-size: 12px;}
	.lists .project.space{--space: 5vw;}
	.lists .people.space{--space: 2vw;}
	#device-desc-imgs{display: none;}
	#device-desc{width: 100%;}
	.control{margin-left: 4vw;}
	.control .fraction{font-size: 18px;}
	.control .swiper-pagination-current{font-size: 28px;}
	.circle_btn{--size: 40px; margin-top: 5vw;}
	#device-desc .item .title p{width: 90%;}
	.details{padding: 10vw 0;}
	#device-details{--container: 100%}
	.details .title{--en: 24px; --zh: 16px;}
	.details .zh{margin-top: 3vw;}
	.banner .cont p{margin-top: 2vw;}
	.footer .main .left .addr p{margin: 2vw 0;}
	#project-details .title{font-size: 22px;}
	#project-details .cont .img{padding-left: 0; width: 100%;}
	#people-details .swiper-container .item .left{--h1: 24px; --name: 18px; --text: 12px; --honor: 16px; padding: 0;}
	#people-details .swiper-container .item .left .name{margin-top: 2vw;}
	#contact .bg{display: none;}
	#contact .map{position: static;}
	#contact .contact .cont{--en: 24px; --zh: 18px; width: 90%; margin: 0 auto; padding: 10vw 0;}
	#contact{height: auto;}
	#contact .contact .cont .zh{margin-top: 1vw;}
	#contact .contact .cont .desc{margin-top: 2vw;}
	#contact .msgs .msg pre{font-size: 18px;}
	#contact .msgs .msg pre.two_lines{font-size: 12px;}
	#contact .msgs .msg{margin-left: 3vw;}
	#about-details .title h1{font-size: 22px;}
	#about-details .title .btm{margin-top: 3vw;}
	#about-details .title .left > div{margin-right: 3vw;}
	#about-details .icon{--size: 30px;}
	#about-details .title{padding-bottom: 3vw;}
	#about-details .edit_box{margin-top: 5vw;}
	#honor .right{width: 100%;}
	#honor .left{width: 100%;}
	#honor .left .top .title{--en: 24px; --zh: 18px;}
	#report .right .date {--day: 40px; --date: 14px;}
	#report .right{height: 50vh;}
	#report .right .title{font-size: 18px;}
	#report .right .more{padding: 0; border: none;}
	#report .btm .item .title{font-size: 14px;}
	#report .right .date .day{margin-right: 2vw;}
	#report .btm .date{--day: 36px; --date: 14px;}
	#society .lists_col .item .cont{padding: 5vw 0; padding-right: 2vw;}
	#society .lists_col .item .cont .title{width: 100%;}
	#society .lists_col .item .cont{--title: 18px;}
	#society .lists_col .item .cont .edit_box{margin-top: 2vw;}
	#society .lists_col .item .cont .more{margin-top: 3vw; border: none; padding: 0;}
	#society .lists_col .item .date{--day: 36px;}
	#about .container{width: 90%; margin: 0 auto;}
	#about .left{width: 100%; margin: 0 auto; padding: 10vw 0;}
	#about .right::before{display: none;}
	#about .right .data .item::before{display: none;}
	#about .right .data{margin-left: 0; flex-wrap: wrap; text-align: center;}
	#about .right .data .item{width: 50%; margin-bottom: 5vw;}
	#about .right::after{display: none;}
	#about .right .data .item:first-child, #about .right .data .item:last-child{margin-left: 0;}
	#about .right .group_profile{width: 100%; margin: 10vw 0;}
	.play_video .play_btn{width: 10vw;}
	.play_video span{font-size: 18px;}
	.video_pop video{width: 100%;}
	.video_pop .iconfont{top: 5vw; right: 5vw;}
	#about .left .title{--en: 30px; --zh: 18px;}
	#about .right .group_profile .title{--en: 26px; --zh: 16px;}
	#about .right .group_profile .more > div{background: var(--theme-color); color: #fff; --size: 36px;}
	#about .right .group_profile .more{margin-top: 5vw;}
	#about .right .group_profile .edit_box{margin-top: 3vw;}
	.play_video{margin-top: 5vw;}
	.people .people_img{height: 50vw;}
	.people .ks{margin-top: 3vw; padding-bottom: 8vw;}
	.people .more{padding-top: 3vw;}
	.people .desc{padding: 3vw;}
	.news_add_div h3{
	width: 100%;
}

.news_add_div p {
	width: 100%;
}

}