/* CSS  */
* {margin:0;padding:0;outline:none;list-style:none;text-decoration:none;box-sizing: border-box;font-family: Microsoft YaHei,arial;}
body,html {color:#333;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;background: #fff;position: relative;font-size: 14px;}
body{min-width: 1200px;overflow-x: hidden;}
img{border:none;max-width: 100%;vertical-align: top; }
input, textarea ,select{border:none;background:none;cursor:pointer;font-size:14px;vertical-align:middle;color:#333;}
select {border:inherit;background: inherit; }
em, i {font-style:normal;  }
a{color: #000;text-decoration: none;}
a:focus, input, select {outline:none;}
.clearfix {zoom:1; clear: both; }
.clearfix:after {content:"\200B"; display: block;clear: both;height: 0;  }
.inner{width: 1420px;margin: 0 auto;}
body,html,li,a:active, body,html,li,a:hover, body,html,li,a:visited{
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
    -webkit-user-select: none;
    -moz-user-focus: none;
    -moz-user-select: none;
}

/* 动画缓存公共文件  最好放最下面 */
a,*:before,*:after,.pub_btn{-webkit-transition:all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}


input::-webkit-input-placeholder{color: #666666;font-size: 16px;} /* WebKit browsers */
input:-moz-placeholder{color: #666666;font-size: 16px;} /* Mozilla Firefox 4 to 18 */
input::-moz-placeholder{color: #666666;font-size: 16px;} /* Mozilla Firefox 19+ */
input:-ms-input-placeholder {color: #666666;font-size: 16px;} /* Internet Explorer 10+ */
select::-ms-expand {
    display: none;
}
a:active, a:hover, a:visited{
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
    -webkit-user-select: none;
    -moz-user-focus: none;
    -moz-user-select: none;
}


/* 移入放大 */
#grad:hover{-webkit-transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);transform:scale(1.1,1.1);}
/* 移入位移 */
#grad:hover{ -webkit-transform: translate(0, -10px);-moz-transform: translate(0, -10px);transform: translate(0, -10px);}
/* 从上大小渐变 */
#grad {
    background: -webkit-linear-gradient(red, blue); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(red, blue); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(red, blue); /* Firefox 3.6 - 15 */
    background: linear-gradient(red, blue); /* 标准的语法 */
  }  
/* 从左到右渐变 */
#grad {
    background: -webkit-linear-gradient(left, red , blue); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(right, red, blue); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(right, red, blue); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, red , blue); /* 标准的语法 */
  }


/* 公共头部PC */
.header{ background: #0d072f;}
.header_cont {display: flex;justify-content: space-between;}
.header_logo {} .logo {position: relative;top: 16px;}
.logo img {display: block;}
.header_nav{}   
.header_nav_list { display: flex;flex-wrap: wrap;justify-content: space-between;height: 80px;width: 800px; position: relative; z-index: 9999;}
.header_nav_list li {position: relative;}
.header_nav_list>li>a {display: block; height: 80px;line-height: 80px; font-size: 18px; position: relative; color: #fff;}
.header_nav_list>li.has_children>a::before { content: ""; width: 12px;  height: 10px;   background: url("https://www.liuxueau.com/template/zt/base/images/header_jt.png") center no-repeat;position: absolute;right: -24px; top: 50%;margin-top: -4px;}
.header_nav_list li.has_children:hover>a::before {background: url("https://www.liuxueau.com/template/zt/base/images/header_jt_h.png") center no-repeat;}
.header_nav_list li:hover>a { color: #9358d5;}
.header_nav_child {display: none;width: 116px; background: #fff; padding: 12px 0; position: absolute; top: 80px; left: -14px; box-shadow: 0 0 5px #999;  text-align: center;}
.header_nav_child a {display: block; height: 32px; line-height: 32px;}
.header_nav_child a em {font-size: 16px;color: #666;}
.header_nav_child a:hover em { color: #624995;}
.header_nav_child a:hover::after {height: 16px;}
.header_nav_list li:hover .header_nav_child {display: block;}
.header_tel{color: #fff;font-size: 18px;padding-left: 32px;background: url(https://www.liuxueau.com/template/zt/base/images/tel.png) left center  no-repeat;line-height: 80px;font-weight: bold;}


/* 公共底部PC */
.foot{background: #0d072f; margin: auto;color: #919191;}
.foot_nr{padding:40px 0 20px;border-bottom: #262044 1px solid;display: flex;justify-content: space-between;}
.foot a{ color: #919191; }
.foot_l{width: 23%;}
.foot_nav{width: 55%;display: flex;flex-wrap: wrap;justify-content: space-between;}
.foot_nav ul{width: 25%;margin-bottom: 10px;}
.foot_nav ul:nth-child(4),.foot_nav ul:nth-child(8){width: 20%;}
.foot_nav ul li.t a{font-size: 16px;color: #fff;}
.foot_gzh{width: 22%;display: grid;grid-template-columns: repeat(2, 1fr);gap: 20px;}
.foot_tel{  font-size: 16px;}
.foot_tel p{ font-size: 28px; color: #fff;  margin: 22px auto 0 auto; font-weight: bold;}
.foot_nav ul li.small{margin: 10px auto;display: block;}
.foot_gzh li{text-align: center;}
.foot_gzh li img{border: 0px; max-width: 100%;}
.foot_gzh li p{ line-height: 3;}
.bq{ padding:20px 0; text-align: center; }
.bq span{ display: inline-block; margin-right:15px; }
.bq a:hover{ color: #fff;}




.pub_btn{display: block;
    width: 226px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    color: #fff;
    font-weight: bold;
    font-size: 26px;
    border-radius: 30px;
  background: -webkit-linear-gradient(#ffa11d, #ff7b05);
    background: -o-linear-gradient(#ffa11d, #ff7b05);
    background: -moz-linear-gradient(#ffa11d, #ff7b05);
    background: linear-gradient(#ffa11d, #ff7b05);
    margin: 40px auto 0;
  }
.pub_btn:hover{color: #fff;
  background: -webkit-linear-gradient(#ff7b05, #ffa11d);
    background: -o-linear-gradient(#ff7b05, #ffa11d);
    background: -moz-linear-gradient(#ff7b05, #ffa11d);
    background: linear-gradient(#ff7b05, #ffa11d);
}


:root {
      --blue: #0a2b4d;
      --deep: #061c39;
      --royal: #0b3690;
      --gold: #d4af37;
      --orange: #f28a00;
      --ink: #16243d;
      --muted: #64728a;
      --line: #e1e8f2;
      --soft: #f5f8fd;
      --white: #fff;

      --r: 20px;
      --w: 1200px
    }

    * {
      box-sizing: border-box
    }

    html {
      scroll-behavior: smooth
    }

    body {
      margin: 0;
   
      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", Arial, sans-serif;
      color: var(--ink)
    }

    a {
      text-decoration: none;
      color: inherit
    }

    img {
      display: block;
      max-width: 100%
    }

    .page {
  
  
      padding-top: 30px;
      background: #fff;

   
    }

    .container {
      width: var(--w);
      margin: 0 auto
    }

    .sec {
      padding: 30px 0
    }

    .title {
      display: flex;
      justify-content: center;
      align-items: center;
      gap: 18px;
      margin-bottom: 26px
    }

    .title:before,
    .title:after {
      content: "";
      width: 42px;
      height: 2px;
      background: var(--orange);
      box-shadow: 12px 0 0 rgba(242, 138, 0, .18)
    }

    .title h2 {
      margin: 0;
      color: #0a3190;
      font-size: 34px;
      line-height: 1;
      font-weight: 900
    }

    .title span {
      color: var(--orange)
    }

    .hero:after {
      content: "";
      position: absolute;
      inset: 0;
      background: linear-gradient(180deg, rgba(255, 255, 255, 0) 78%, rgba(255, 255, 255, .96) 100%)
    }

    .hero .container {
      position: relative;
      z-index: 1;
      height: 100%;
      display: flex;
      flex-direction: column;
      justify-content: center
    }

    .brand {
      position: absolute;
      top: 28px;
      left: 0;
      display: flex;
      align-items: center;
      gap: 14px;
      font-weight: 800
    }

    .brand .seal {
      width: 48px;
      height: 48px;
      border: 2px solid rgba(255, 255, 255, .85);
      border-radius: 50%;
      display: grid;
      place-items: center;
      font-size: 24px
    }

    .brand small {
      display: block;
      font-size: 10px;
      letter-spacing: .08em;
      opacity: .8
    }

    .hero h1 {
      font-size: 62px;
      line-height: 1.08;
      margin: 64px 0 14px;
      font-weight: 950;
      letter-spacing: -1px
    }

    .hero h1 b {
      display: block;
      color: #ffe169;
      font-size: 78px;
      text-shadow: 0 4px 0 rgba(0, 0, 0, .15)
    }

    .subtitle {
      font-size: 24px;
      font-weight: 800;
      letter-spacing: .02em;
      margin-bottom: 28px
    }

    .hero-tags {
      display: flex;
      gap: 18px;
      margin-bottom: 38px
    }

    .hero-tag {
      display: flex;
      align-items: center;
      gap: 9px;
      border: 1px solid rgba(212, 175, 55, .58);
      color: #fff;
      background: rgba(5, 23, 72, .35);
      padding: 12px 16px;
      border-radius: 14px;
      font-size: 18px;
      font-weight: 900
    }

    .hero-tag i {
      width: 38px;
      height: 38px;
      border: 2px solid #f39800;
      border-radius: 12px;
      display: grid;
      place-items: center;
      font-style: normal;
      color: #ffd166
    }

    .btns {
      display: flex;
      gap: 22px
    }

    .btn {
      width: 190px;
      height: 56px;
      border-radius: 8px;
      display: grid;
      place-items: center;
      font-size: 20px;
      font-weight: 900;
      border: 2px solid transparent
    }

    .btn.primary {
      background: linear-gradient(180deg, #ffb13d, #e97800);
      box-shadow: 0 8px 18px rgba(242, 138, 0, .32)
    }

    .btn.ghost {
      border-color: rgba(255, 255, 255, .45);
      background: rgba(255, 255, 255, .08)
    }

    .intro-text {
      text-align: center;
      font-size: 22px;
      color: #0a3190;
      font-weight: 700;
    
    }

    .adv-grid {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 28px
    }

    .adv-card {
      border: 1px solid var(--line);
      border-radius: 14px;
      background: #fff;
      padding: 26px 26px;
      min-height: 150px;
      display: flex;
      align-items: center;
      gap: 18px;
      box-shadow: 0 6px 24px rgba(10, 43, 77, .06)
    }

    .adv-card .ico {
      display: block;
      width: 60px;
      height: 60px;
      color: #0b3690
    }

    .adv-card h3 {
      margin: 0 0 8px;
      color: #0a3190;
      font-size: 22px;
      font-weight: bold;
    }

    .adv-card p {
      margin: 0;
      color: #666666;
  
      line-height: 1.7
    }



    .school-card {
      border: 1px solid var(--line);
      border-radius: 18px;
      background: #fff;
      display: flex;
      align-items: center;
      overflow: hidden;

    }

    .school-side {
      display: flex;
      justify-content: space-between;
    }

    .school-side.reverse {
      grid-template-columns: 1fr 180px
    }

    .round-img {
 
      width: 260px;
      height: 306px;
   
    }

    .round-img img {
      width: 100%;
      height: 100%;
      object-fit: cover
    }
    .school-info {width: 250px;padding-top: 20px;}

    .school-info h3 {
      margin: 0 0 14px;
      color: #0a3190;
      font-size: 26px;
      font-weight: bold;
    }


    .mini-list {
      display: grid;
      gap: 9px
    }

    

    .mini-list p {
      margin: 0;

      gap: 10px;
      align-items: center;
      color: #666666;
      padding-left: 18px;
      background: url(../images/dalianligong/jiantou.png) left 9px no-repeat;
      line-height: 30px;
      font-size: 18px;
    }

    .mini-list i {
     
      font-size: 14px
    }

    .union {
      width: 100px;
      height: 100px;
      border-radius: 50%;
      background: linear-gradient(180deg, #053895, #012070);
      color: #ffcb2b;
      display: grid;
      place-items: center;
      text-align: center;
      font-size: 28px;
      font-weight: 950;
      margin: auto;
      box-shadow: 0 0 0 8px #ced6e9
    }

    .partner-strip {
      text-align: center;
      margin-top: 22px;
      color: #0a3190;
      font-weight: 900
    }

    .partner-grid {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 20px
    }

    .partner {
      position: relative;
      overflow: hidden;
      width: 285px;height: 416px;
    
      background: url(../images/dalianligong/partner.png) center no-repeat;
      background-size: contain;
     
   
      text-align: center
    }

    .partner>* {
      position: relative
    }

    .partner .scllogo {
      place-items: center;
      font-size: 16px;
      color: #103693
    }

    .partner h3 {
    
      margin: 116px 0 0;
      color: #103693;
      font-size: 24px;
      font-weight: bold;
    }

    .partner .rank {
      line-height: 48px;
      margin-top: 25px;
      color: #333333;
      font-size: 16px;
      display: flex;
      align-items: center;
         justify-content: center;
      
    }
    .partner .rank strong{
    font-size: 24px;
    color: #103693;
    margin-left: 10px;
 
    }

    .partner ul {
      list-style: none;
      padding: 0;
      margin: 22px 0 0 55px;
      text-align: left;
      display: grid;
      gap: 10px
    }

    .partner li {
      font-size: 16px;
      color: #000;
   
    }

    .partner li:before {
      display: inline-block;
      content: "";
      color: #f39800;
      margin-right: 10px;
      width: 14px;
      height: 14px;
      background: url(../images/dalianligong/duihao.png) center no-repeat;
      background-size: contain;
    }

    .diploma {
      position: absolute;
      width: 100%;
      bottom: 0;
      left: 0;
      color: #fff;
      font-size: 18px;
      text-align: center;
      font-weight: bold;
      line-height: 46px;
    }

    .paths {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 32px
    }

    .path {
      border: 1px solid var(--line);
      border-radius: 14px;
      overflow: hidden;
      background: #fff;
      box-shadow: 0 10px 30px rgba(10, 43, 77, .08)
    }

    .path .head {
      height: 48px;
      display: grid;
      place-items: center;
      color: #fff;
      font-size: 24px;
      font-weight: 950
    }

    .path.sim .head {
      background: linear-gradient(90deg, #001c76, #0a3190)
    }

    .path.open .head {
      background: linear-gradient(90deg, #d26700, #f39800)
    }

    .path-body {
      padding: 24px
    }

    .path-time {
      text-align: center;
      color: #0a3190;
      margin-bottom: 16px;
      font-size: 18px;
      font-weight: bold;
    }

    .flow {
      display: grid;
      grid-template-columns: 1fr 28px 1fr 28px 1fr;
      gap: 8px;
      align-items: center;
      text-align: center
    }

    .flow .node {
      min-height: 115px;
      display: grid;
      place-items: center;
      border-radius: 12px;
      background: #f7f9fe;
      color: #152b64;
      font-weight: 900;
      padding: 10px
    }

    .flow .arrow {
      font-size: 42px;
      color: #f39800
    }

    .node i {
      font-style: normal;
      font-size: 28px;
      display: block;
      margin-bottom: 5px
    }

    .chips_tit{font-size: 18px;text-align: center;   color: #0a3190;font-weight: bold; line-height: 60px;}
    .chips {
      display: flex;
      justify-content: space-between;
  
    }

    .chip {
      min-width: 100px;
      background: #eef1f8;
      border-radius: 7px;
      color: #172b87;
   
      padding: 9px 12px;
      text-align: center
    }

    .course {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 28px
    }

    .course-table {
      border-radius: 14px;
      overflow: hidden;
      border: 1px solid var(--line);
      box-shadow: 0 8px 24px rgba(10, 43, 77, .06)
    }

    .course-table h3 {
      margin: 0;
      padding: 14px 22px;
      color: #fff;
      text-align: center;
      font-size: 20px
    }

    .course-table.sim h3 {
      background: #0a3190;
      font-weight: bold;
      font-size: 24px;
    }

    .course-table.open h3 {
      background: #e97800;
       font-weight: bold;
        font-size: 24px;
    }

    .course-table table {
      width: 100%;
      border-collapse: collapse;
      background: #fff
    }

    .course-table th,
    .course-table td {
      
      padding: 15px 14px;
      text-align: center;

      color: #2d3950;
    }

    .course-table th {
      color: #0a3190;
      background: #f5f8fd;
      font-size: 20px;
    }


    .course-table tr td,    .course-table tr th{border: 1px solid #e7edf6;}
 .course-table tr:last-child td, .course-table tr:last-child th{border-bottom: none;}

    .rank-section {
      background: linear-gradient(180deg, #fff, #f5f8fd);
      padding-bottom: 60px;
    }

    .sec_top{padding-top: 60px;}
    .sec_bot{padding-bottom: 60px;}

    .rank-table {
      width: 100%;
      border-collapse: collapse;
      background: #fff;
      border-radius: 14px;
      overflow: hidden;
      box-shadow: var(--shadow)
    }

    .rank-table th {
      background: #0a93bd;
      color: #fff;
      padding: 16px;
      font-size: 20px
    }

    .rank-table td {
      border: 1px solid #dbe6f1;
      padding: 15px 16px;
      text-align: center;
  
    }

    .rank-table td:first-child {
      text-align: left;
      color: #0a3190;
      font-size: 18px;
      font-weight: bold;
    }

    .rank-num {
      font-size: 18px;
      color: #0a3190;
      font-weight: 950
    }

    .cert-tag {
      display: block;
      background: #fff1d0;
      color: #80570c;
      border-radius: 999px;
      line-height: 26px;
      margin-top: 20px;
      font-size: 12px;
      width: 50%;
      margin: 10px auto 0;
    }

    .req-grid {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      border: 1px solid var(--line);
      border-radius: 14px;
      overflow: hidden;
      box-shadow: 0 8px 22px rgba(10, 43, 77, .06)
    }

    .req {
      min-height: 130px;
      padding: 22px;
      text-align: center;
      background: #fff;
      border-right: 1px solid var(--line)
    }

    .req:last-child {
      border-right: 0
    }

    .req i {
      font-style: normal;
      font-size: 42px;
      color: #0a3190
    }

    .req h3 {
      margin: 5px 0;
      color: #0a3190;
      font-weight: bolder;
      font-size: 22px;
    }

    .req p {
      margin: 0;
      color: #535f75;
      font-size: 16px;
  
    }

    .campus {
      display: grid;
      grid-template-columns: repeat(6, 1fr);
      gap: 14px
    }

    .campus img {
      height: 126px;
      width: 100%;
      object-fit: cover;
      border-radius: 7px;
      border: 1px solid #d9e4ef;
      box-shadow: 0 8px 16px rgba(10, 43, 77, .08)
    }

    .apply {
      position: relative;
      background: #0a3291;
      color: #fff;
      padding: 50px 0
    }

    .apply-wrap {
      display: flex;
      justify-content: space-between;
    }

    .steps {
      background: #fff;
      border-radius: 10px;
      color: #0a3190;
      padding: 0 25px 0;
      width: 640px;

  
    }

    .steps h3{
      font-size: 28px;
    color: #333333;
    font-weight: bold;
    line-height: 66px;
    padding: 10px 0  0 15px;
    }

    .step-line {
       display: flex;
      justify-content: space-between;
       position: relative;
       margin-bottom: 22px;
    }

    .step {
      text-align: center;
      font-weight: 900;
      color: #172b87;
     
    
    }
    .step-line ::before{position: absolute;content: "";background: #dfe8ff;width: 100%;height: 10px;border-radius: 5px;left: 0;top: 68px;z-index: 1;}

    .step i {
      display: block;
      line-height: 40px;
      color: #0a3291;
      font-size: 28px;
    }

    .step_icon{display: block;width: 46px;height: 46px;margin: 10px auto 0;position: relative;z-index: 2;}

    .step h4{font-size: 20px;color: #333333;font-weight: bold;line-height: 58px;}

    .steps_btn{display: block;
    width: 220px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    font-size: 24px;
    color: #ffffff;
    text-align: center;
    border-radius: 25px;
    margin: 0 auto;
    background: -webkit-linear-gradient(#1e50c7, #0b3392);
    background: -o-linear-gradient(#1e50c7, #0b3392);
    background: -moz-linear-gradient(#1e50c7, #0b3392);
    background: linear-gradient(#1e50c7, #0b3392);
}
   .steps_btn:hover{color: #fff;}
   .apply_form{
    width: 516px;
      background: #fff;
      border-radius: 10px;
      height: 336px;
    }

    .apply_form .form_tit{line-height: 66px;}

    .form-row {
      display: grid;
      grid-template-columns: 100px 1fr;
      gap: 8px;
      align-items: center;
      margin-bottom: 10px
    }

    .form label {
      font-weight: 900;
      color: #23324c
    }

    .apply_form  .input_group{width: 400px;margin: 0 auto 20px;}
  

    .form button {
      height: 40px;
      border: 0;
      border-radius: 999px;
      background: linear-gradient(180deg, #ffb13d, #e97800);
      color: #fff;
      font-weight: 950;
      width: 100%;
      font-size: 16px
    }



    .float {
      position: fixed;
      right: 28px;
      bottom: 28px;
      z-index: 20;
      border: 0;
      border-radius: 999px;
      background: #f39800;
      color: #fff;
      padding: 14px 22px;
      font-size: 18px;
      font-weight: 950;
      box-shadow: 0 14px 30px rgba(0, 0, 0, .25);
      cursor: pointer
    }

    .toast {
      position: fixed;
      right: 28px;
      bottom: 90px;
      z-index: 21;
      background: #0a2b4d;
      color: #fff;
      border-radius: 14px;
      padding: 15px 18px;
      font-weight: 900;
      opacity: 0;
      transform: translateY(8px);
      transition: .25s
    }

    .toast.show {
      opacity: 1;
      transform: translateY(0)
    }






.banner{height: 600px;position: relative;z-index: 2;}  
.banner_bg{width: 100%;background:#fff url(../images/dalianligong/banner.jpg) center top no-repeat;background-size: cover;height: 600px;}

.banner .inner{height: 600px;position: absolute;top: 0;left: 50%;transform: translateX(-50%)}

.ban_btn_wrap{position: absolute;width: 482px;bottom: 66px;left: 86px;display: flex;justify-content: space-between;}
.ban_btn_wrap a{display: block;width: 226px;height: 60px;line-height: 60px;text-align: center;color: #fff;font-weight: bold;font-size: 26px;border-radius: 30px;}
.ban_btn_wrap a:first-child{ background: -webkit-linear-gradient(#ffa11d, #ff7b05); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(#ffa11d, #ff7b05); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(#ffa11d, #ff7b05); /* Firefox 3.6 - 15 */
    background: linear-gradient(#ffa11d, #ff7b05); /* 标准的语法 */}
.ban_btn_wrap a:last-child{border: 1px solid #fff;}


.banner_cont{width: 66.5%;position: absolute;left: 0;top: 0;display: block;}


.banner_form{width: 29%;background: #fff;border-radius: 16px;position: absolute;right: 4%;top: 17.5%;padding-bottom: 40px;}



.form_tit{font-size: 28px;text-align: center;color: #333333;font-weight: bold;line-height: 88px;padding-top: 10px;}

.input_group{width: 332px;height: 42px;line-height: 40px;border: 1px solid #d0d0d0;display: flex;align-items: center;border-radius: 8px;margin: 0 auto 30px;}
.input_group:hover{border: 1px solid #2159f3;}
.input_icon{width: 17px;height: 15px;margin: 0 12px 0 20px;}
.input_group input{line-height: 40px;width: 80%;}

.sub_btn{display: block;width: 220px;height: 50px;line-height: 50px;text-align: center;font-size: 24px;color: #ffffff;text-align: center;border-radius: 25px;border: none;margin: 0 auto;
background: -webkit-linear-gradient(#ffa21d, #ff7b05); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(#ffa21d, #ff7b05); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(#ffa21d, #ff7b05); /* Firefox 3.6 - 15 */
    background: linear-gradient(#ffa21d, #ff7b05); /* 标准的语法 */

}

.layer_wrap{width: 100%;height: 100%;background-color: rgba(0,0,0,0.5);display: none;position: fixed;top: 0;left: 0;z-index: 999;}
.layer_cont{position: fixed;top: 50%;left: 50%;z-index: 200;width: 320px; background: #fff;padding: 20px;border-radius: 8px;
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.layer_cont .off{display: block; width: 36px; height: 36px;background: url(../images/dalianligong/off2.png) center no-repeat;position: absolute;left: 50%;bottom:-44px;cursor: pointer;background-size: contain;margin-left: -18px;}


.yzm_wrap{}
.yzm_wrap h3{font-size: 24px;font-weight: bold;text-align: center;margin-bottom: 10px;}
.yzm_wrap p{text-align: center;font-size: 16px;line-height: 24px;}

.yzm_items{display: flex;width: 200px;justify-content: space-between;margin: 0 auto;}
.yzm_items input{width: 40px;height: 40px;border-bottom: 1px solid #999;text-align: center;color: #333;font-size: 16px;font-weight: bold;}
.yzm_items input:focus{border-bottom: 1px solid #2159f3;}

.yzm_wrap .hidden{display: none;line-height: 40px;margin-top: 10px;text-align: center;}


.yzm_btn{line-height: 46px; height: 46px;text-align: center;font-size: 14px;text-align: center;}
.msg_djs_reset{display: none;}



.policy_label{color: #666666;font-size: 14px;display: flex;align-items: center;justify-content: center;margin-bottom: 30px;}
.policy_label a{color: #666666;font-size: 14px;}
.policy_label input{margin-right: 5px;}


.sec_bot .container{position: relative;}

.m7_prodcut{overflow: hidden;}
.m7_prodcut .swiper-slide{border-radius: 10px;overflow: hidden;}
.m7_prodcut .swiper-slide a{display: block;width: 100%;height: 100%;overflow: hidden;}
.m7_prodcut .swiper-slide a img{display: block;width: 380px;height: 260px;}
.m7_prodcut .swiper-slide a:hover p{color: #1066c6;}

.m7_prodcut p{line-height: 56px;text-align: center;background: #fff;font-size: 22px;color: #444444;}

.m7_prodcut .swiper-button-prev{background: url(../images/dalianligong/prev.png) center no-repeat;right: -66px;left: auto;width: 40px;height: 49px;top: 57%;-webkit-transition:all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.m7_prodcut .swiper-button-next{background: url(../images/dalianligong/next.png) center no-repeat;left: -66px;right: auto;width: 40px;height: 49px;top: 57%;-webkit-transition:all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}

.m7_prodcut .swiper-button-prev:hover{background: url(../images/dalianligong/prev_h.png) center no-repeat;}
.m7_prodcut .swiper-button-next:hover{background: url(../images/dalianligong/next_h.png) center no-repeat;}







.free{width: 100%;height: 130px;}
.fix_foot{width: 100%;height: 130px;position: fixed;left: 0;bottom: 0;z-index: 922; background-color: rgba(0, 0, 0, 0.8); /* 半透明白色背景 */;
 

}
.fix_foot .fix_foot_cont{position: relative;display: flex;padding: 28px 0 0 0;}
.fix_foot .off{cursor: pointer;position: absolute;right: -10px;top: 12px;display: block;width: 30px;height: 30px;} 
.fix_foot_tit{font-size: 38px;color: #fff;width: 408px;font-weight: bold;line-height: 46px;;height: 46px;}
.fix_foot_tit strong{color: #ffeb3e;display: block;}

.dunpai{display: flex;width: 384px;}
.dunpai img{width: 46px;height: 46px;margin-top: 15px;margin-right: 15px;}
.dunpai p{color: #fff;font-weight: bolder;font-size: 24px;line-height: 36px;}
.dunpai p i{font-weight: normal;}


.fix_foot_form{width: 490px;}
.fix_foot_form form{display: flex;flex-wrap: wrap;}
.fix_foot_form form .input_group{width: 240px;background: #fff;margin: 0 30px 0 0 ;height: 46px;line-height: 46px;}
.fix_foot_form form .input_group input{padding: 0 20px;width: 100%;}
.fix_foot_form form .sub_btn{margin: 0 ;height: 46px;line-height: 46px;border-radius: 8px;}

.fix_foot_form form .policy_label{color: #fff;margin-top: 18px;}

.fix_foot_form form  .policy_label a{color: #fff;}

      .fix_foot .inner{position: relative;}
.company{position: absolute;color: #fff;right: -20px;bottom: 28px;}

.off2{display: block;width: 30px;height: 30px;background: url(../images/dalianligong/off2.png) center no-repeat;}



    @media(max-width:1440px) {
      .pub_btn{width: 200px;height: 52px;line-height: 52px;font-size: 22px;margin: 30px auto 0;}
      .banner{height: 400px;}
      .banner_bg{height: 400px;}
      .banner_form{width: 38%;top: 14.5%;right: 0;padding-bottom: 20px;}
       .banner .form_tit{line-height: 60px;font-size: 22px;}
      .banner .inner{height: 400px;}
      .banner_cont{width: 60%;}
      .ban_btn_wrap {left: 36px;bottom: 40px;}
      .ban_btn_wrap a{width: 200px;height: 52px;line-height: 52px;font-size: 22px;}

      .banner  .input_group{margin:  0 auto 20px;}
       .banner .policy_label{font-size: 12px;}

       .banner .sub_btn{height: 46px;line-height: 46px;font-weight: bold;}




      .page {
        width: 100%
      }
      .inner{width: 960px;margin: 0 auto;}
      .container {
        width: 960px;margin: 0 auto;
      }

      .hero h1 {
        font-size: 42px
      }

      .hero h1 b {
        font-size: 52px
      }

      .adv-grid,
      .partner-grid,
    
     
      .req-grid,
      .apply-wrap {
        grid-template-columns: repeat(4, 1fr);
      }

      .school-card {
        grid-template-columns: 1fr;
       
      }

       .paths{
        grid-template-columns: repeat(2, 1fr);
         gap: 15px;
      }

      .union {
        display: none
      }

      .school-side,
      .school-side.reverse {
        grid-template-columns: 1fr
      }

      .campus,.course {
        grid-template-columns: repeat(2, 1fr)
      }

      .adv-card{display: block;}
      .adv-card .ico{margin: 0 auto;width: 40px;height: 40px;}
      .adv-card h3{text-align: center;margin:  8px 0;}

      .adv-card p{text-align: center;}

      .school-info h3{font-size: 22px;}
      .mini-list p{font-size: 14px;}
      .round-img{width: 224px;}

      .partner{width: 100%;height: 330px;}

      .partner h3{font-size: 20px;margin: 95px 0 0;}

      .partner .rank{line-height: 42px;margin-top: 16px;font-size: 14px;}
      .partner .rank strong{font-size: 20px;}

      .partner .scllogo{font-size: 12px;}
      .partner ul{margin: 12px 0 0 24px;}
      .partner li{font-size: 14px;}
      .diploma{font-size: 12px;line-height: 38px;}

      .path-body{padding: 12px;}
      .path-time{font-size: 16px;}
      .chips_tit{font-size: 16px;line-height: 50px;}
      .chips{flex-wrap: wrap;}
      .chip{padding: 8px 5px;margin-bottom: 10px;}

      .steps{width: 490px;}
      .apply_form{width: 450px;}
      .step i{font-size: 22px;}
      .step h4{font-size: 18px;}



      .fix_foot_form{padding: 10px 0 0 0;}
      .fix_foot .fix_foot_cont{padding: 18px 0 0 0;}

      .fix_foot_tit{font-size: 20px;width: 300px;line-height: 38px;height: 38px;}
      .dunpai {width: 320px;}
      .dunpai img{width: 40px;height: 40px;margin-top: 10px;
    margin-right: 10px;}
      .dunpai p{font-size: 16px;}

      .fix_foot_form form .input_group{width: 200px;margin: 0 20px 0 0;}
      .sub_btn{width: 200px;font-size: 20px;}

      .fix_foot .off{right: -50px;}

      .foot_l{width: 17%;}
      .foot_tel p{font-size: 20px;}
       .foot_tel span{font-size:14px;}

        .company{left: 0;bottom: 18px;}

    }