@charset "utf-8";html,body,div,ul,ol,li,h1,h2,h3,h4,h5,form,fieldset,input,textarea,p,th,td,button,span,menu,section,nav {margin:0;padding:0;}
:focus {outline:none}
a,img,button,input,textarea,div,body{-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
ul,li {list-style:none;}
img,fieldset {border:none;margin:0;padding:0;max-width: 100% !important;}
table {border-collapse:collapse;}
dfn {color:#0493FF;font-style:normal;font-size:14px;font-family:"微软雅黑";}
em,i {font-style:normal;}
a {color:#000000;text-decoration:none;}
a:-webkit-any-link {outline:none;}
html, body{height:100%;font-family:"微软雅黑";font-size: 15px;}
input{  background:none;  outline:none;  border:1px solid #ccc;}
.clear{display: block; clear:both;}
.none{display: none;}
.block{display: block;}
.ellipse1{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.ellipse3{word-break: break-all;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.ellipse2{word-break: break-all;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}

.box_max{width: 100%;background-color: rgba(4,147,255,0.05);padding: 1px 0;}

.nav{width: 100%;background-color: #fff;position: fixed;top: 0;left: 0;right: 0;z-index: 1;text-align: center;}

#appp { 
     /* 关键代码，需要给容器添加高度 */
    position: relative;
    width: 100%;
    height: 100vh;
    padding-right: 200px;
  }
@media screen and (min-width: 900px) and (max-width: 1920px) {
  .nav_box{max-width: 1320px;margin: 0 auto;}
  .box{max-width: 1320px;margin: 0 auto;}
  .banner{width: 100%;overflow: hidden;text-align: center;position: relative;min-height: 780px;}
  .banner_img{position: absolute;left: 50%;top: 0; display: block; width: 100%;min-width: 1920px; min-height: 780px;margin: 0 auto;text-align: center;margin-left: -960px;}
  .introduce{width: calc(22% - 4px);margin-right: 4%;float: left;background-color: #fff;border: 2px solid #0493FF;}
  .title{width: 100%;text-align: center;margin: 100px auto 80px;}
  .title_a{font-size: 40px;font-weight: bold;color: #000;line-height: 40px;}
  .title_b{display: block; width: 60px;height: 30px;margin: 30px auto 0;}
  .select_box{display: flex;align-items: center;justify-content: space-between;margin-bottom: 50px;}
  .select{max-width: 370px;text-align: center;padding: 0 3%;}
  .select_left{margin-left: 15%}
  .select_right{margin-right: 15%}
  .select_b{margin: 10px auto;}
  .team_b{width: 230px;font-size: 14px;color: #000;line-height: 24px;}
  .team_b1{position: absolute;top: 14%;left: 30%;margin-left: -114px;}
  .team_b2{position: absolute;top: 20%;right: 30%;margin-right: -114px;}
  .team_b3{width: 200px;position: absolute;bottom: 20%;left: 2%;}
  .team_b4{width: 200px; position: absolute;bottom: 20%;left: 50%;margin-left: -134px;}
  .team_b5{width: 160px; position: absolute;bottom: 20%;right: 1%;}
  .price_box{display: flex;align-items: center;justify-content: space-between;}
  .price{width: 340px;margin: 0 20px; height: 500px; background-color: rgba(4,147,255,0.05);border-radius: 20px;overflow: hidden;}
}

@media screen and (max-width: 900px) {
  .nav_box{margin: 0 3%;}
  .box{margin: 0 3%;}
  .banner{width: 100%;}
  .banner_img{width: 100%;}
  .nav_c{display: none;}
  .introduce{width: calc(47.5% - 4px);margin-bottom: 20px; margin-right: 5%;float: left;background-color: #fff;border: 2px solid #0493FF;}
  .box .introduce:nth-child(2n+2){margin-right: 0;}
  .title{width: 100%;text-align: center;margin: 50px auto 40px;}
  .title_a{font-size: 20px;font-weight: bold;color: #000;line-height: 20px;}
  .title_b{display: block; width: 30px;height: 15px;margin: 15px auto 0;}
  .select{width: 90%;text-align: center;padding: 0 5%;margin-bottom: 30px;}
  .team_b{width: 88%;margin: 20px auto;padding-left: 10px;border-left: 3px solid #0493FF; font-size: 16px;color: #000;line-height: 24px;}
  .price{width: 90%;height: 500px;margin: 0 auto 20px; background-color: rgba(4,147,255,0.05);border-radius: 20px;overflow: hidden;}

  .price_a2{font-size: 18px;}
  .price_a3{font-size: 26px;}
}

.nav_l{float: left;padding: 15px 0;}
.nav_la{font-size: 36px;color: #000;font-weight: bold;float: left;line-height: 36px;}
.nav_lb{float: left;margin-top: -5px;margin-left: 10px;background-color: #0493FF;border-radius: 32px 32px 32px 0;height: 24px;line-height: 24px;padding: 0 10px;color: #fff;font-size: 12px;font-weight: 500;}
.nav_r{float: right;padding: 15px 0;}
.nav_ra{width: 90px;height: 36px;line-height: 36px;background-color: #0493FF;float: right;border-radius: 20px;color: #fff;font-weight: 500;font-size: 16px;}
.nav_rb{width: 88px;height: 34px;line-height: 34px;margin-left: 15px;border:1px solid #0493FF;float: right;border-radius: 20px;color: #0493FF;font-weight: 500;font-size: 16px;}
.nav_c{float: right;padding: 15px 0;width: 500px;margin-right: 40px;}
.nav_ca{float: left;font-size: 16px;width: 100px;text-align: center;color: #000;line-height: 36px;}
.activea {
  float: left;font-size: 16px;width: 100px;text-align: center;line-height: 36px;color: #0493FF; /* 高亮颜色 */
}
.activea:hover,.activea:active{
    color:#0493FF;
}
.title_a span{color: #0493FF;}

.introduce_box{position: relative;}
.introduce_a{width: 100%;display: block;}
.introduce_b{width: 100%;text-align: center;color: #fff;font-weight: bold;position: absolute;top: 50%;left: 0;line-height: 30px;font-size: 24px;margin-top: -25px;}
.introduce_c{font-size: 16px;color: #000;line-height: 28px;padding: 0 5%;margin: 10px auto; min-height: 168px;word-break: break-all;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:6;overflow: hidden;}
.introduce_d{width: 150px;height: 38px;color: #fff;background-color: #0493FF;text-align: center;font-size: 14px;line-height: 38px;margin: 0 auto 30px;border-radius: 10px;}
.introduce_e{width: 100%;position: relative;margin-top: -68px;padding:120px 0 50px; text-align: center;z-index: -1;}
.introduce_e1{width: 1920px;height: 100%;position: absolute;top: 0px;left: 0;}
.introduce_e2{width: 180px; height:50px;position: relative;margin: 0px auto 40px; line-height: 50px;font-size: 20px;color: #fff;font-weight: 500; border-radius: 10px; background-color: rgba(255,255,255,0.2);}
.introduce_e3{width: 90%;min-height: 80px;max-width: 1320px;margin: 0 auto;line-height:40px; position: relative; color: #fff;text-align: center;font-size: 16px;}
.introduce_e3 span{color: #0493FF;}


.select_a{width: 130px;height: 130px;}
.select_b{font-size: 24px;color: #000;font-weight: 500;line-height: 40px;}
.select_c{font-size: 14px;color: #333;line-height: 30px;min-height: 90px;}

.team{width: 100%;position: relative;margin-bottom: 80px;}
.team_a{width: 100%;height: 100%;}
.team_b span{color: #0493FF;font-weight: 500;}

.price_a{position: relative;width: 100%;height: 172px;text-align: center;}
.price_a1{width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: -1;}
.price_a2{font-size: 20px;color: #fff;font-weight: 400;line-height: 30px;padding-top: 40px;}
.price_a3{font-size: 36px;color: #fff;font-weight: bold;line-height: 70px;}
.price_b{width: calc(90% - 40px);margin: 15px 5%;padding-left: 40px;position: relative;font-size: 16px;color: #000;line-height: 30px;}
.price_b1{width: 30px;height: 30px;position: absolute;left: 0;top: 0;}
.price_c{width: 100px;color: #0493FF;border: 1px solid #0493FF;border-radius: 40px;height: 40px;line-height: 40px;text-align: center;margin: 30px auto 0;}


.foot{width: 100%;background-color: #0a1034;margin-top: 80px;padding:100px 0}
.foot_a{max-width: 1320px;margin: 0 auto;text-align: center;font-size: 16px;color: #fff;font-weight: 500;line-height: 30px;margin-bottom: 20px;padding: 0 5%;}
.foot_b{max-width: 1320px;margin: 0 auto;text-align: center;font-size: 14px;color: rgba(255,255,255,0.7);font-weight: 400;line-height: 30px;margin-bottom: 20px;}


.tc_zz{width: 100%;height: 100%;position: fixed;left: 0;top: 0;z-index: 2;background-color: rgba(0, 0, 0, 0.6); display: none;}
.tc_box{width: 240px;height: 360px;background-color: #fff;border-radius: 10px;text-align: center; position: relative;left: 50%;margin-left: -150px;padding: 0 50px;top: 20%;}
.tc_box1{width: 240px;height: 300px;background-color: #fff;border-radius: 10px;text-align: center; position: relative;left: 50%;margin-left: -150px;padding: 0 50px;top: 20%;}
.tc_close{width: 30px;height: 30px;position: absolute;right: -15px;top: -15px;}
.tc_da{line-height: 40px;padding-top: 30px;font-size: 18px;font-weight: 500;}
.tc_db{width: 100%;height: 34px;border: 1px solid #eee;border-radius: 5px;margin-top: 15px;}
.tc_db1{width: 90%;padding: 0 5%;border: none;height: 34px;}
.tc_db2{width: calc(90% - 100px);padding: 0 5%;border: none;height: 34px;float: left;}
.tc_db3{width: 100px;line-height: 34px;color: #0493FF;font-size: 14px;float: right;}
.tc_dc{width: 100%;height: 34px;line-height: 34px;background-color: #0493FF;border-radius: 5px;color: #fff;font-size: 16px;font-weight: 500;margin-top: 20px;}
.tc_dd{font-size: 14px;color: #999;line-height: 34px;margin-top: 10px;}
.tc_dd span{font-size: 14px;color: #0493FF;line-height: 34px;margin-top: 10px;}
.tc_de{float: right; font-size: 14px;color: #0493FF;line-height: 34px;margin-top: 10px;}