.banner{position:relative;overflow:hidden}
img{transition:all .5s ease-in-out 0s}
.aboutbox img:hover,.banner img:hover{transform:scale(1.1)}
.banner img.banner1{width:100vw;display:block}
.banner img.banner2{width:100vw;display:none}
.banner>.text{position:absolute;top:50%;left:-40vw;right:auto;transition:all .5s ease-in-out 0s}
.banner p{font-size:2rem;color:#000;font-family:OPPOSans-R;font-weight:400;letter-spacing:.1rem;text-align:right}
.banner span{display:block;width:40vw;margin-top:1.2rem;height:.15rem;background:linear-gradient(to left,#e40032 0,rgba(0,0,0,0) 90%)}
.tabnav{position:relative;left:0;top:0;width:100vw;z-index:99;display:flex;justify-content:center;background:#fff;box-shadow:0 0 20rem 1px rgba(0,0,0,.08)}
.tabnav span{padding:1.5vw 1vw;margin:0 3.5vw;font-size:.9rem;font-family:OPPOSans-R;font-weight:400;color:#2b2b2b;cursor:pointer}
.tabnav span.active{border-bottom:solid #e40032}
.form{padding:4.375vw 0 1.246vw;background:url(../images/img/bg.png) no-repeat;background-size:100% 100%}
.form .row{display:flex;justify-content:center;align-items:center;margin:.8vw 0 2.5vw}
.form .row .input{flex:1;margin:0 .3vw;border:1px solid #e9e9e9;padding:.6rem 1.8rem .6rem 1rem;font-size:.8em;font-family:OPPOSans-R;font-weight:400;background-color:#fff;color:#2b2b2b;border-radius: 0;}
select{appearance:none;-moz-appearance:none;-webkit-appearance:none;background:url(../images/img/down.png) 95% center no-repeat;background-size:.7rem}
select::-ms-expand{display:none}
.form .row button{width:7.4vw;padding:.7rem 0;background-color:#222;color:#fff;text-align:center;font-size:.9rem;font-family:OPPOSans-R;font-weight:400;border:0;border-radius:.2rem;cursor:pointer}
.form .row button:hover{background-color:#000}
.form.blackform .jieshao,.form.blackform .row{margin:0 18.7vw}
.form.blackform .row{margin-top:2rem;justify-content:space-between}
.form.blackform .row .input{margin:0}
.form.blackform h3{font-size:1rem;color:#000;margin-bottom:1rem}
.form.blackform p{font-size:.8rem;line-height:1.5rem;color:#666}
.form .row span{font-size:.9rem;font-family:OPPOSans-M;font-weight:500;color:#000;width:12vw;text-align:center;display:block;margin:0 auto;cursor:pointer}
.form .row span img{width:.36vw;margin:-3px 0 0 5px;vertical-align:middle}
.empty{display:none;text-align:center;padding:6.25vw 0;font-size:.7em;font-family:OPPOSans-R;font-weight:400;color:#999}
.empty img{width:12.97vw;margin-left:-4vw}
.dataList{padding:4.1vw 0 6.25vw}
.dataList ul{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap}
.dataList .hospital ul{margin:0 18.7vw}
.dataList .hospital>ul>li{width:24.32vw;margin-bottom:4.1vw}
.dataList .hospital.black>ul>li{width:26.56vw;margin-bottom:3.43vw}
.dataList .hospital li h2{font-size:1.2rem;color:#2b2b2b;letter-spacing:1px;font-family:OPPOSans-B}
.dataList .hospital li hr{width:100%;border:0;height:.1rem;margin:.5rem 0;background:linear-gradient(to right,#e40032 ,rgba(0,0,0,0))}
.dataList .hospital.black li hr{background:linear-gradient(to right,#000 ,rgba(0,0,0,0))}
.dataList .hospital li p{font-size:.8rem;color:#787878;line-height:1.5rem;font-family:OPPOSans-R;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden}
.dataList .hospital li h4{font-size:.8rem;font-family:OPPOSans-M;font-weight:500;color:#000;cursor:pointer}
.dataList .hospital li h4 span{vertical-align:middle}
.dataList .hospital li h4 .icon{width:.8rem;height:.8rem;vertical-align:middle;margin:0 .5rem 0 0}
.dataList .hospital li h4 .more{width:.4rem;vertical-align:middle;margin:0 0 0 .5rem}
.dataList .doctor ul{margin:0 18.75vw}
.dataList .doctor>ul>li{width:28.07vw;display:inline-flex;justify-content:space-between;align-items:flex-start;margin:1.6125vw 0}
.dataList .doctor li img{width:13.49vw}
.dataList .doctor li .info{width:12.5vw}
.dataList .doctor li .info h2{font-size:1rem;font-family:OPPOSans-B;color:#2b2b2b;padding:1.3rem 0 .7rem}
.dataList .doctor li .info p{font-size:.8rem;font-family:OPPOSans-R;font-weight:400;color:#2b2b2b;line-height:1.3rem;letter-spacing:.5px}
.dataList .doctor li .info hr{width:100%;border:0;height:.1rem;margin:0 0 .6rem;background:linear-gradient(to right,#e40032 ,rgba(0,0,0,0))}
@media screen and (max-width:750px){
.banner{margin-top:13.3vw}
.banner img.banner1{width:100vw;display:none}
.banner img.banner2{width:100vw;display:block}
.banner>.text{position:absolute;top:25.06vw;left:-70.67vw;right:auto;transition:all .5s ease-in-out 0s}
.banner p{font-size:2.4rem;color:#000;font-family:OPPOSans-R;font-weight:400;text-align:right}
.banner span{display:block;width:70.67vw;margin-top:.5rem;height:.2rem;background:linear-gradient(to left,#e40032 ,rgba(0,0,0,0))}
.tabnav{display:flex;justify-content:space-evenly}
.tabnav span{padding:5vw 1rem 3vw;margin:0;font-size:1.5rem}
.form{padding:5vw;background:url(../images/img/bg_1.png) no-repeat;background-size:100% 100%}
.form .row{display:block;margin:0;text-align:center}
.form .row .input{width:90vw;margin:2.5vw 0;padding:1rem;font-size:1.4em}
.form .row .input.hospital{width:calc(90vw - 2rem)}
select{background-size:1.3rem}
.form .row button{width:18.93vw;padding:1rem 0;margin:2.5vw auto;font-size:1.4rem;}
.form .row span{font-size:1.5rem;width:30vw}
.form .row span img{width:1.39vw}
.form.blackform .jieshao,.form.blackform .row{margin:0}
.form.blackform .row{margin-top:3rem}
.form.blackform h3{font-size:1.4rem;margin-bottom:2rem}
.form.blackform p{font-size:1.2rem;line-height:2.5rem}
.empty{padding:18.6vw 0;font-size:1.3rem}
.empty img{width:40vw;margin-left:-15vw}
.dataList ul{display:block}
.dataList .hospital ul{margin:0}
.dataList .hospital.black>ul>li,.dataList .hospital>ul>li{width:90vw;margin:5vw}
.dataList .hospital li h2{font-size:1.5rem}
.dataList .hospital li hr{margin:1rem 0}
.dataList .hospital li p{width:69.2vw;font-size:1.3rem;color:#787878;line-height:2rem;font-family:OPPOSans-R;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
.dataList .hospital li h4{font-size:1.3rem}
.dataList .hospital li h4 span{vertical-align:middle}
.dataList .hospital li h4 .icon{width:1.1rem;height:1.1rem;vertical-align:middle;margin:0 .5rem 0 0}
.dataList .hospital li h4 .more{width:.5rem;vertical-align:middle;margin:0 0 0 .5rem}
.dataList .doctor ul{margin:0;padding:2vw 5vw}
.dataList .doctor>ul>li{width:90vw;display:inline-flex;justify-content:space-between;align-items:center;margin:4vw 0}
.dataList .doctor li img{width:34.53vw}
.dataList .doctor li .info{width:49.2vw}
.dataList .doctor li .info h2{font-size:1.5rem;padding:0}
.dataList .doctor li .info p{font-size:1.2rem;line-height:2.2rem;letter-spacing:.5px}
.dataList .doctor li .info hr{width:32vw;border:0;height:.1rem;margin:1rem 0 .5rem;background:linear-gradient(to right,#e40032 ,rgba(0,0,0,0))}
}