*,::after,::before{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-ms-overflow-style:scrollbar;-webkit-tap-highlight-color:transparent}
body{font-family:"Microsoft YaHei",sans-serif;font-weight:normal;font-style:normal;color:#333;font-size:14px;line-height:1.5;margin:0}
.pt-90{padding-top:90px}
.pb-90{padding-bottom:90px}
.fix-stick-top{position: fixed;left: 0;top: 0;width: 100%;background: #fff; z-index: 99;box-shadow: 0 4px 14px 2px rgb(0 0 0 / 30%);}
.top-bar{background:#f3f6ff}
.header-info{padding:20px}
.header-info span{margin-right:39px}
.header-info span img{margin-right:6px;margin-top:-3px}
.header-top-right{float:right}
.header-top-right a{display:inline-block;background:#ca3552;color:#fff;font-size:18px;padding:20px 40px;line-height:1}
.nav-toggle{position: absolute;right: 10px;top: 20px; display:none;cursor:pointer}
.nav-toggle i{position:relative;display:-moz-inline-stack;display:inline-block;zoom:1;*display:inline;width:30px;height:2px;color:#333;font:bold 14px/.4 Helvetica;text-transform:uppercase;text-indent:-55px;background:#333;transition:all .2s ease-out}
.nav-toggle i::before,.nav-toggle i::after{content:'';width:30px;height:2px;background:#333;position:absolute;left:0;-webkit-transition:.2s;-o-transition:.2s;transition:.2s}
.nav-toggle i:before{top:-10px}
.nav-toggle i::after{bottom:-10px}
.nav-toggle.active i{background:transparent}
.nav-toggle.active i::before{top:0;background:#fff;-webkit-transform:rotateZ(45deg);-moz-transform:rotateZ(45deg);-ms-transform:rotateZ(45deg);-o-transform:rotateZ(45deg);transform:rotateZ(45deg)}
.nav-toggle.active i::after{bottom:0;background:#fff;-webkit-transform:rotateZ(-45deg);-moz-transform:rotateZ(-45deg);-ms-transform:rotateZ(-45deg);-o-transform:rotateZ(-45deg);transform:rotateZ(-45deg)}
.pos-rel{position:relative}
.logo-circle img{height: 70px;}
.logo-circle::before{position:absolute;content:"";border:30px solid #fff;left:-20px;width:109px;height:109px;top:-20px;z-index:1;border-radius:100%}
.fix-stick-top .logo-circle{padding: 10px 0;}
.fix-stick-top .logo-circle img{height: 50px;}
.fix-stick-top .logo-circle::before{display: none;}
.logo img{position:relative;z-index:2}
.header__menu{height:100%}
.header__menu ul{margin:0;padding:0;display:flex;height:100%;align-items:center;justify-content:flex-end}
.header__menu ul li{flex:1;list-style:none;position:relative;text-align: center;height:100%;}
.header__menu ul li a{color:#333;font-weight:500;display:inline-block;line-height: 66px; font-size:18px;text-align:center;border-bottom: 4px solid transparent;}
.header__menu ul li.on a,.header__menu ul li a:hover{color:#ca3552;border-color: #ca3552; text-decoration:none}
.banner{position:relative}
.banner img.img_br{width:100%}
.banner .banner_txt{position:absolute;left:0;top:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:48px;font-weight:600;color:#333333;line-height:80px}
.medical-icon{position:absolute;z-index:9;right:-90px;top:50%;transform:translateY(-50%)}
.about-area img.img_br{width:100%;border-radius: 5px;}
.about-right-side{padding-left:35px;position:relative;z-index:10}
.about-right-side .about-title h5{font-size:18px;font-weight:500;color:#333;margin-bottom:20px}
.about-right-side .about-title h1{font-size:50px;line-height:1.22}
.about-right-side .about-text{font-size:17px;font-weight:normal;line-height:1.8;color:#333;margin-top:4rem}
.servcies-area .area-title,.product-area .area-title{text-align:center}
.servcies-area .area-title h5,.product-area .area-title h5{font-size:18px;font-weight:500;color:#333;margin-bottom:20px}
.servcies-area .area-title h1,.product-area .area-title h1{font-size:50px;line-height:1.22}
.product-area{background:#F1F1F1}
.product-box{display:block;margin:50px 20px 0;transition:all 0.3s ease-in-out;position:relative;text-align:center;height:300px;position:relative}
.box_m{position:absolute;top:0;left:0;transition:all 0.6s ease;width:100%;height:100%;padding:50px 20px;background:#fff;border-radius: 5px;-webkit-backface-visibility:hidden;backface-visibility:hidden}
.box_p{position:absolute;top:0;left:0;transition:all 0.6s ease;width:100%;height:100%;padding:50px 20px;background:#fff;border-radius: 5px;-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:rotateY(-180deg)}
.product-box h5{color:#333;padding-top:35px;padding-bottom:10px;display:block;transition:all 0.3s ease-in-out}
.box_p h5{padding-top:0}
.product-box p{color:#333;font-size:14px;font-weight:300;line-height:2}
.product-box:hover .box_m{transform:rotateY(180deg);cursor:pointer}
.product-box:hover .box_p{transform:rotateY(0deg);cursor:pointer}
.servcies-item{display:flex;margin-top:50px}
.servcies-item.servcies-item-l{flex-direction:row-reverse}
.servcies-item .icon{margin-right:20px}
.servcies-item .icon span{display:block;height:90px;width:90px;text-align:center;line-height:90px;background-color:#F1F1F1;border-radius: 5px;}
.servcies-item .txt h5{color:#333;padding-bottom:5px;display:block;transition:all 0.3s ease-in-out}
.servcies-item .txt p{color:#333;font-size:14px;font-weight:300;line-height:2;margin:0}
.servcies-item.servcies-item-l .icon{margin-left:20px;margin-right:auto}
.servcies-item.servcies-item-l .txt{text-align:right}
.servcies-item .icon img{width:45px}
.footer{background:#13232f}
.footer-copy{background:#0d1b26;padding-top:20px;padding-bottom:20px;color:#fff;font-size:15px;text-align:center}
.foot_cont .tit,.foot_link .tit,.foot_code .tit{font-size:24px;color:#fff;display:block;margin-bottom:30px}
.foot_cont ul,.foot_link ul,.foot_code ul{padding:0;margin:0;list-style:none}
.foot_cont li,.foot_link li,.foot_code li{color:#888;font-weight:500;margin-bottom:30px}
.foot_cont li a,.foot_link li a{color:#888;font-weight:500}
.foot_link ul,.foot_code ul{display:flex;flex-wrap:wrap}
.foot_link li,.foot_code li{width:50%}
.footer-copy a{color:#fff}
@media (max-width:767px){
  .top-bar,.header__menu,.medical-icon,.logo-circle::before{display:none}
  .nav-toggle,.header__menu_active{display: block;}
  .logo img,.fix-stick-top .logo-circle img{height: auto;width: 100%;}
  .fix-stick-top .logo-circle{padding: 0;}
  .header__menu_active ul{display: block;}
  .header__menu_active ul li{margin-top: 5px;height: auto;}
  .header__menu_active ul li a{display: block;background: #F1F1F1;font-size: 15px;padding: 15px 0;line-height: 1;}
  .banner .banner_txt{font-size:20px;line-height:1.6}
  .pt-90{padding-top:20px}
  .pb-90{padding-bottom:20px}
  .header-menu-area{padding:10px 0}
  .about-right-side{margin-top:20px;padding:0}
  .about-right-side .about-title h5,.servcies-area .area-title h5,.product-area .area-title h5{font-size:15px}
  .about-right-side .about-title h1,.servcies-area .area-title h1,.product-area .area-title h1{font-size:24px}
  .about-right-side .about-text{margin-top:20px;font-size:15px}
  .product-box,.servcies-item{margin-top:20px}
  .product-box{margin: 20px 0 0;height: 220px;}
  .product-box .box_m,.product-box .box_p{padding: 15px;overflow: hidden;}
  .product-box h5{font-size: 16px;}
  .product-box .box_m h5{padding-top: 20px;}
  .product-box .box_p{padding: 15px 5px;}
  .product-box p{font-size: 12px; line-height: 1.2; margin-bottom: 5px;}
  .servcies-item.servcies-item-l{flex-direction:row}
  .servcies-item.servcies-item-l .icon{margin-left:auto;margin-right:20px}
  .servcies-item.servcies-item-l .txt{text-align:left}
}