body{background-color: #020b2e;}
.con1200{width:1200px;margin:0 auto;}
.con1400{width:1400px;margin:0 auto;}
.b1{width:100%;background:url(../image/bg2.jpg);padding-bottom: 100px;}
.top1{    padding-top: 80px;
    width: 60%;
    font-size: 15px;}
.top2{padding-top:20px;width:100%;}
.top2 img{width:612px;height: 222px;}
.top3{padding-top:20px;width:100%;font-size:28px;font-weight: bold;line-height: 40px;}
.top3 img{width:715px;height: 44px;}
.top4{padding-top:40px;font-size:30px;line-height: 30px;color:#fff;font-weight:bold;}
.top5{padding-top:30px;width:600px;font-size:50px;line-height: 30px;line-height: 35px;font-weight:bold;}
.top6{padding-top:50px;width:600px;font-size:20px;line-height: 30px; animation: scaleInOut 3s infinite ease-in-out; }
@keyframes scaleInOut {
  0%, 100% {
    transform: scale(1); 
  }
  50% {
    transform: scale(1.1); 
  }
}
.top6 .btn{text-align: left;color: #fff;transition:transform 0.5s ease;}
.top6 .btn b{font-size:35px;}
.top6 img{width:635px;height: 120px;}
.top6 .btn a{ font-weight: bold; text-align: center;  color: #fff;}

#counter{color:#ffcc1b;font-size:50px;}

.b2{width:100%;height: 595px;}
.b2{background:url(../image/bg3.jpg) no-repeat;}

.b4{    width: 100%;background: url(../image/bg4.jpg) no-repeat;    display: block;    overflow: hidden;padding: 40px 0;padding-bottom: 100px;}
.b4 ul li{float: left;margin-right:40px;width:17.5%;border:1px solid #3a5172;margin-top: 20px;padding:40px 30px;border-radius: 20px;}
.b4 ul li:nth-child(4){margin-right: 0;}
.b4img{width:58px;height: 66px;    margin: 0 auto;}
.b4img img{width:58px;height: 66px;}
.b4tit{    font-size: 25px;
    font-weight: bold;
    text-align: center;
    padding: 20px 0;}
.b4span{    width: 100%;
    font-size: 20px;
    line-height: 32px;
    padding: 0px 0;
    text-align: center;}
.b4btn{    
    background: linear-gradient(92deg, #071e75, #0046a5 52%);
    color: #fff;
    font-weight: bold;
    
    font-size: 18px;
    width: 195px;
    border-radius: 10px;
    padding: 20px 20px;
    text-align: center;
    margin-top: 20px;
    margin: 0 auto;
    margin-top: 20px;
    line-height: 30px;}
.rtit{    font-size: 35px;text-align: center;margin:0 auto;font-weight: bold;line-height: 45px;padding:40px 0;}

.b5{width:100%;background:url(../image/bg5.jpg) no-repeat;height: 868px;overflow: hidden;display: block;}
.b6{width:100%;background:url(../image/bg6.jpg) no-repeat;height: 1048px;overflow: hidden;display: block;}
.xtit{font-size:12px;color:#ffffff; text-align: center;}
.b7{background:#020b2e;    overflow: hidden;
    display: block;
    padding-bottom: 60px;}
.b7 ul li{float: left;width:30%;text-align: center;margin-right:60px;margin-top: 60px;}
.b7 ul li:nth-child(3){margin-right: 0;}
.b7item{width: 100%;
    padding: 10px 20px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: row;}
.b7tit{font-size:30px;font-weight: bold;text-align: center;    padding-bottom: 40px;}
.b7item span{font-size: 18px;font-weight: bold;padding-left:15px;}
.b7item img{width:28px;height: 28px;align-items: center;}

.b8{width:100%;background:url(../image/bg8.jpg) no-repeat;height: 749px;overflow: hidden;display: block;}
.b8tit{font-size:30px;font-weight: bold;text-align: center;    padding-bottom: 40px;}

.b9btn{background-color: #32c927;padding:30px 60px;text-align: center;color:#fff;width:382px;font-size:35px;font-weight: bold;margin:0 auto;margin-top:30px;margin-bottom:50px;animation: scaleInOut 3s infinite ease-in-out; /* 循环播放动画 */}
.b9btn a{color: #fff;}

.b10{width:100%;background:url(../image/bg9.jpg) no-repeat;height: 729px;overflow: hidden;display: block;}
.b11{width:100%;background:url(../image/bg11.jpg) no-repeat center center;height: 723px;overflow: hidden;display: block;}
@media screen and (min-width: 769px) {
  .main {
    display: block;
  }
  .main_mobile {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  .main {
    display: none;
  }
  .main_mobile {
    display: block;
  }
  .img100{width:100%;}
  .img100 img{width:100%;}
  body{min-width: 100%;}
  .top1{    padding-top: 2rem;}
  .top2 img{width:100%;height: 100%;}
  .top3 img{width:100%;height: 100%;}
  .top4{padding-top:12rem;}
  .top4 img{width:100%;height: 100%;}
  .top5{font-size:2rem;text-align: center;width:100%;}
  #counter{color:#ffcc1b;font-size:2rem;}
  .top6{width:100%;height: 100%;}
  .top6 img{width:100%;height: 100%;}
  .rtit {    font-size: 2.1875rem;
    text-align: center;
    margin: 0 auto;
    font-weight: bold;
    line-height: 2.8125rem;
    padding: 0.5rem 0;} 
    .xtit {font-size:0.75rem;color:#ffffff;text-align:center;} 
    .b9btn{width:100%;height: 100%;padding:2rem 0;border-radius: 47px;}
}

.con95{width:95%;    margin: 0 auto;}
.main_mobile{width:100%;background:url(../image/b1.jpg) no-repeat;background-size: 100%;}