.page1{padding:150px 0;background:#fff;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;}
.page1 .ctt div{padding-left:100px;}
.page1 h2{font-size:40px;font-weight:700;}
.page1 h2 span{display:block;font-size:14px;font-weight:bold;letter-spacing:0.5px;margin-bottom:20px;padding-bottom:25px;margin-bottom:25px;border-bottom:1px solid #e4e4e4;color:#999;opacity:0.5;}
.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:#044567;}
.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{position:relative;z-index:0;padding-bottom:150px;}
.page2:before{position:absolute;bottom:0;left:0;width:100%;height:750px;background:#f8f8f8;content:"";z-index:-1;}
.page2 img{width:100%}
.page2 .page2_txt{display:Flex;margin-top:80px;}
.page2 h2{font-size:28px;font-weight:bold;}
.page2_txt div{padding-left:100px;}
.page2_txt p{font-size:18px;line-height:32px;}
.page2_txt ul{margin-top:50px;display:flex;}
.page2_txt ul li{font-size:18px;font-weight:600;width:200px;height:200px;border:1px solid #e4e4e4;text-align:center;line-height:200px;border-radius:200px;margin-left:-20px;background:rgba(255,255,255,0.3)}



.page3{padding:150px 0;}
.page3 .ctt{position:relative;}
.page3 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;}


@media screen and (max-width:799px){
  .page1{padding:80px 0;}
  .page1 .ctt{display:block;}
  .page1 .ctt img{width:100%;}
  .page1 .ctt div {
    padding-left: 10px;
    padding-top: 30px;
  }
  .page1 h2 {
    font-size: 20px;
    font-weight: 700;}
  .page1 h2 span {
    font-size: 12px;
    padding-bottom: 15px;
    margin-bottom: 15px;}
  .page1 p {
    font-size: 15px;
    margin-top: 10px;
    line-height: 28px;}
  .page1 p span {
    display: block;
    font-size: 18px;    margin-bottom: 10px}
  
  .page2{padding:80px 0;background:#f8f8f8;}
  .page2 .page2_txt {
    display: block;
    margin-top: 30px;padding-left:10px;}
  .page2 h2{font-size:20px;}
  .page2_txt p {
    font-size: 15px;
    line-height: 28px;}
  .page2_txt div{padding-left:0;margin-top:20px}
  .page2:before{display:none;}
  .page2_txt ul{margin-top:30px;flex-wrap:wrap;justify-content:center;}
  .page2_txt ul li{    width: 33.3%;
    height: auto;
    font-size: 15px;
    line-height: normal;
    padding: 20px 0;
    margin-left: -7px;}
  
  .page3{padding:80px 0;}
  .page3 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;}
}
}