.page1{padding:200px 0;background:url('../nonsurgical5/images/non5_bg.png')no-repeat #efefef;background-size:cover;background-position:right;position:relative;z-index:0;}
.body_letter{font-size:100px;text-align:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);opacity:0.3;filter:blur(3px);color:#fff;z-index:-1;white-space:nowrap;}
.page1 .ctt{display:flex;align-items:center;justify-content:space-between;}
.page1 h2{font-size:40px;font-weight:700;}
.page1 p{font-size:18px;margin-top:30px;line-height:32px;}
.page1 p span{display:block;font-size:28px;font-weight:700;margin-bottom:20px;color:#9f8762;}
.page1 b{display:block;font-size:18px;color:#2f4c8f;font-weight:600;margin-top:30px;padding-top:30px;border-top:1px solid rgba(0,0,0,0.2)}

.page2{ background: url('../nonsurgical5/images/non5_bg2.png')no-repeat;background-size:cover;background-attachment:fixed;
    padding:150px 0;}
.page2 h2{color:#fff;font-size:32px;font-weight:700;text-align:center;}
.page2 ul{margin-top:60px;position:relative;z-index:1;}
.page2 ul li{width:900px;display:flex;margin:0 auto;background:rgb(45 66 113 / 60%);border-radius:20px;padding:70px;}
.page2 ul li div{font-size:28px;font-weight:700;border-right:1px solid #e4e4e4;padding-right:50px;margin-right:50px;color:#fff;}
.page2 ul li div strong{display:block;color:#fffed7;}
.page2 ul li p{}
.page2 ul li span{color:#fff;display:block;font-size:18px;padding-bottom:15px;}
.page2 ul li span:before{display: inline-block;
    content: "";
    width: 3px;
    height: 13px;
    background: #fffed7;
    margin-right: 10px;
    opacity: 0.5;}


.page3{padding:150px 0 150px 0;background:#fff;}
.page3 .ctt{position:relative;}
.page3 h2{font-size:32px;font-weight:700;text-align:center;}
.page3 h2 p{font-size:18px;line-height:32px;margin-top:30px;font-weight:400;}
.page3 strong{margin-top:80px;background: #333;
    color: #fff;
    padding: 20px;
    font-size: 22px;display:block;text-align:center;}
.page3 ul{border-top:3px solid #000;}
.page3 ul li{font-weight:700;padding:50px;text-align:left;border-bottom:1px solid #e4e4e4;}
.page3 ul li p{font-size:20px;line-height:36px;}
.page3 ul li b{color:#e37836;}
.page3 ul li p span{color: #999;
    display: block;
    letter-spacing: 0px;
    font-weight: 600;
    margin-top:20px;
  font-size:16px;
}


.page4{padding-bottom:150px;}
.page4 .ctt{position:relative;}
.page4 h2{font-size:32px;font-weight:700;text-align:center;}


.fixed_btn{width:100%;position:absolute;top:55%;left:50%;transform:translate(-50%,-50%);}
.fixed2{width:1200px;margin:0 auto;overflow:hidden;margin-top:60px;}
.fixed2 .swiper-slide{overflow:hidden;border-radius:30px;}
.fixed2 .swiper-slide img{width:100%;}
.fixed2 .swiper-slide a{width:100%;height:100%;display:block;position:relative;z-index:0;}
.fixed2 .swiper-slide a:before{display:block;position:absolute;top:0;left:0;width:100%;left:0;content:"";z-index:0;background: rgb(63 45 22 / 40%);height:100%;opacity:0;transition:all .5s;}
.fixed2 .swiper-slide:hover p{opacity:1;transition:all .5s;}
.fixed2 .swiper-slide:hover a:before{opacity:1;transition:all .5s;}
.fixed2 .swiper-slide-active p{opacity:1 !important;}
.fixed2 .swiper-slide-active a:before{opacity:1 !important}
.fixed2 .swiper-slide p{opacity:0;position:absolute;top:50%;left:0;transform:translateY(-50%);width:100%;font-size:22px;font-weight:700;text-align:center;color:#fff;transition:all .5s;}
.fixed2 .swiper-slide p span{display:block;font-size:16px;color:#fff;border:1px solid #fff;padding:10px 25px;border-radius:50px;width:fit-content;margin:0 auto;margin-top:20px;}
.fixed2 .swiper-slide p span img{width:15px;display:Inline-block;margin-left:5px;}
.fixed2-next, .fixed2-prev{position:absolute;top:50%;transform:translateY(-50%);background-size:50px;width:50px;height:50px;z-index:1;cursor:pointer;}
.fixed2-next{background-image:url('../index/images/next_btn.png');right:20px;}
.fixed2-prev{background-image:url('../index/images/prev_btn.png');left:20px;}
.m_non_img{display:none;}
@media screen and (max-width:799px){
  
  .m_non_img{display:block;width:100%;border-radius:0 100px 0 0}
  .body_letter {
    font-size: 40px;
    line-height: 88px;
    left: 10px;
    top: 10px;
    width: 100%;
    filter: blur(1px);
    transform: translate(0);
    text-align: left;
    opacity: 0.5;}
  .page1{background-image:none;padding:80px 0;}
  .page1 .ctt{display:block;}
  .page1 .ctt div{background:#fff;padding:50px 30px;}
  .page1 h2{font-size:20px;}
  .page1 p span{font-size:18px;margin-bottom:10px;}
  .page1 p {
    font-size: 15px;
    margin-top: 20px;
    line-height: 28px;}
  .page1 b{    font-size: 14px;
    line-height: 28px;
    background: #044567;
    color: #fff;
    padding: 20px;
    border-radius: 15px;
}
  .page1 b br{display:none;}
  
  
  .warning{background-position:center;padding:50px 0;}
  .warning p{font-size:16px;width:90%;margin:0 auto;line-height:28px;}
  
  .page2{padding:80px 0;}
  .page2 .ctt{display:block;}
  .page2 ul{margin-top:30px;}
  .page2 ul li{width:100%;display:block;padding:30px;}
  .page2 ul li div{font-size:18px;padding-right:0;margin-right:0;border:0;padding-bottom:20px;margin-bottom:20px;border-bottom:1px solid rgba(255,255,255,0.3)}
  .page2 ul li div strong{display:inline-block;}
  .page2 ul li span{font-size:15px;}
  .page2 h2 {
    font-size: 20px;
    line-height: 32px;}
  .page2_txt p {
    font-size: 15px;
    line-height: 28px;margin-top:20px;}
  
  .page3{padding:80px 0;background:none;margin-top:0;}
  .page3 h2{font-size:20px;}
  .page3 h2 p {
    font-size: 15px;
    line-height: 28px;
    margin-top: 20px;
    font-weight: 400;
  }
 .page3 strong {
    margin-top: 30px;
    background: #333;
    color: #fff;
    padding: 15px 10px;
   font-size: 16px;}
  .page3 ul li{padding:30px;}
  .page3 ul li p {
    font-size: 14px;
    line-height: 28px;
  }
  .page3 ul li p br{display:none;}
  .page3 ul li p span {
    font-size: 12px;
    line-height: 23px;}
  
  .page4{padding-bottom:50px;}
  .page4 h2{font-size:20px;}
  
  .fixed2{width:100%;margin-top:30px;}
    .fixed2 .swiper-slide p{font-size:15px;}
  .fixed2 .swiper-slide p span{font-size:12px;padding:7px 15px;margin-top:10px;}
  .fixed_btn{z-index:1;}
    .fixed2-next, .fixed2-prev {
    background-size: 30px;
    width: 30px;
    height: 30px;}
}
}
