body,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
p,
blockquote,
dl,
dt,
dd,
ul,
ol,
li,
pre,
form,
fieldset,
legend,
button,
input,
textarea,
th,
td {
    margin: 0;
    padding: 0
}

body,
button,
input,
select,
textarea {
    font-family: "Microsoft Yahei", "寰蒋闆呴粦", arial, "Hiragino Sans GB", "瀹嬩綋", Tahoma, Arial, Helvetica, STHeiti;
    font-size: 14px
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: 100%
}

em {
    font-style: normal
}

small {
    font-size: 14px
}

ul,
ol {
    list-style: outside none none
}

a {
    text-decoration: none;
    outline: 0;
    color: #333
}

a:hover {
    text-decoration: none
}

legend {
    color: #000
}

fieldset,
img {
    border: 0
}

button,
input,
select,
textarea {
    font-size: 100%;
    margin: 0;
    vertical-align: baseline
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

img {
    height: auto;
    vertical-align: middle;
    -webkit-transform: scale(1) rotate(0) translate3d(0, 0, 0);
    transform: scale(1) rotate(0) translate3d(0, 0, 0)
}

textarea {
    resize: vertical
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
    display: block
}

html,
button,
input,
select,
textarea {
    font-family: sans-serif
}

a:focus {
    outline: thin dotted
}

a:active,
a:hover {
    outline: 0
}

b,
strong {
    font-weight: 700
}

button,
input {
    line-height: normal
}

button,
html input[type=button],
input[type=reset],
input[type=submit] {
    cursor: pointer
}

button[disabled],
html input[disabled] {
    cursor: default
}

input[type=checkbox],
input[type=radio] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0
}

input[type=search] {
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0
}

select {
    -webkit-appearance: none
}

.clear {
    clear: both
}

.clearfix:after {
    font-size: 0
}

.clearfix:after {
    content: " ";
    display: table;
    clear: both
}

.relative {
    position: relative
}

.absolute {
    position: absolute
}

.w1200 {
    width: 1200px
}

.w1000 {
    width: 1000px
}

.w100 {
    width: 100%
}

.bold {
    font-weight: 700
}

.left {
    float: left
}

.right {
    float: right
}

@media screen and (max-width:800px) {
    body {
        font-size: 62.5%;
        font-family: arial, "Hiragino Sans GB", "Microsoft Yahei", "寰蒋闆呴粦", "瀹嬩綋", Tahoma, Arial, Helvetica, STHeiti;
        margin: 0
    }
    .w1000 {
        width: 100%
    }
    input[type=text] {
        -webkit-appearance: none
    }
}

@media screen and (min-width:320px) {
    .mainCon {
        font-size: 100%
    }
}

@media screen and (min-width:360px) {
    .mainCon {
        font-size: 110%
    }
}

@media screen and (min-width:376px) {
    .mainCon {
        font-size: 120%
    }
}

.tc {
    text-align: center
}

.w-auto-Center {
    margin: 0 auto
}

.m0a {
    margin-left: auto;
    margin-right: auto
}

.v-mid {
    display: inline-block;
    vertical-align: middle
}

.v-mid-a {
    display: inline-block;
    vertical-align: middle;
    height: 100%
}

.box-sizing {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box
}

.box-l {
    width: 100%;
    overflow: hidden
}

.box-l .box-m {
    position: relative;
    height: 100%
}

.box-l .box-m .box-s {
    width: 1920px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -960px
}

.no-mar-right {
    margin-right: 0 !important
}

.no-pad-left {
    padding-left: 0 !important
}

.cp {
    cursor: pointer
}

.white {
    color: #fff
}

.color333 {
    color: #333
}

.public-bg-style {
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: left top
}

.w1083 {
  width: 1083px;
}

.w1136 {
  width: 1136px;
}

.top-wrap .top-container {
  width: 1081px;
  height: 90px;
}

.top-wrap .top-container .top-logo {
  width: 188px;
  height: 46px;
  margin-top: 23px;
  background: url(../images/logo.png) center center no-repeat;
  background-size: contain;
}

.top-wrap .top-container .deadline-box {
  margin-top: 18px;
  padding-right: 10px;
  border-right: 1px solid #666;
}

.top-wrap .top-container .deadline-box p {
  font-size: 16px;
}

.top-wrap .top-container .deadline-box p span {
  color: #ed4343;
}

.top-wrap .top-container .deadline-box .deadline-span {
  margin-top: 5px;
  font-size: 0;
}

.top-wrap .top-container .deadline-box .deadline-span span {
  float: left;
  margin-right: 5px;
  font-size: 14px;
}

.top-wrap .top-container .deadline-box .deadline-span .ds-txt {
  margin-top: 10px;
}

.top-wrap .top-container .deadline-box .deadline-span .ds-time {
  width: 30px;
  height: 30px;
  line-height: 30px;
  border-radius: 3px;
  background: #222;
}

.top-wrap .top-container .top-text {
  margin-top: 20px;
  margin-left: 16px;
}

.top-wrap .top-container .top-text h6 {
  font-size: 22px;
  color: #23262b;
}

.top-wrap .top-container .top-text p {
  font-size: 17px;
  color: #626262;
}

.top-wrap .top-container .top-exam-book {
  margin-top: 10px;
}

.top-wrap .top-container .top-exam-book .exam-box {
  width: 130px;
  margin-left: 15px;
}

.top-wrap .top-container .top-exam-book .exam-box p {
  font-size: 14px;
  color: #626262;
}

.top-wrap .top-container .top-exam-book .exam-box a {
  display: block;
  width: 100px;
  height: 27px;
  line-height: 27px;
  background: #ed4343;
  font-size: 14px;
  border-radius: 6px;
  margin-top: 5px;
}

.top-wrap .top-container .top-exam-book .exam-box a:hover {
  text-decoration: underline
}

.nav-wrap {
  height: 50px;
  background: #272636;
}

.nav-wrap nav .nav-ul-wrap .nav-wrap-li {
  height: 50px;
}

.nav-wrap nav .nav-ul-wrap .nav-wrap-li .nav-li-a {
  display: inline-block;
  line-height: 50px;
  padding: 0 28px;
  color: #fff;
  font-size: 16px;
}

.nav-wrap nav .nav-ul-wrap .nav-wrap-li .nav-siblings-ul {
  display: none;
  top: 50px;
  left: 0;
  z-index: 999;
  width: 100%;
  background: rgba(31, 35, 46, .9);
  text-align: center;
}

.nav-wrap nav .nav-ul-wrap .nav-wrap-li .nav-siblings-ul li {
  padding: 10px 0;
  border-bottom: 1px dashed #272636;
}

.nav-wrap nav .nav-ul-wrap .nav-wrap-li .nav-siblings-ul li a {
  color: #fff;
  font-size: 14px;
}

.nav-wrap nav .nav-ul-wrap .nav-wrap-li .nav-siblings-ul li a:hover {
  color: #f13547;
}

.nav-wrap nav .nav-ul-wrap .nav-wrap-li .nav-siblings-ul li:hover {
  background: #272636;
}

.nav-wrap nav .nav-ul-wrap .nav-wrap-li:hover {
  background: #3e3d4d;
}

.nav-wrap nav .nav-ul-wrap .nav-wrap-li:hover .nav-li-a {
  color: #ed4343;
  background: #3e3d4d;
}

.nav-wrap nav .nav-ul-wrap .nav-wrap-li:first-child a {
  border-left: none;
}

.banner-wrap {
  width: 100%;
  height: 540px;
  overflow: hidden;
  background: url(../images/banner-bg.jpg) center center no-repeat;
  background-size: 100% 100%;
}

.banner-wrap .banner-container {
  width: 1200px;
  height: 520px;
}

.banner-wrap .banner-container .banner-box {
  width: 1920px;
  height: 100%;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -960px;
  background: url(../images/student.png) 230px center no-repeat;
  background-size: 36%;
}

.banner-wrap .banner-container .bc-box {
  margin-top: 80px;
  margin-right: 25%;
}

.banner-wrap .banner-container .bc-box h1 {
  font-size: 48px;
}

.banner-wrap .banner-container .bc-box h1 span {
  font-size: 52px;
  color: #ed4343;
  margin: 0 4px;
}

.banner-wrap .banner-container .bc-box .bc-txt-box {
  width: 580px;
  height: 117px;
  background: url(../images/text-bg.png) left center no-repeat;
  background-size: 100% 100%;
  margin-top: 20px;
}

.banner-wrap .banner-container .bc-box .bc-txt-box p {
  font-size: 26px;
  color: #535050;
  padding-top: 20px;
  padding-left: 25px;
  margin-bottom: 15px;
}

.banner-wrap .banner-container .bc-box .bc-txt-box ul li {
  display: inline-block;
  font-size: 20px;
  color: #6d6b6b;
  background: url(../images/icon1.png) 3px center no-repeat;
  background-size: 24px 22px;
  padding-left: 35px;
  margin-left: 20px;
}

.banner-wrap .banner-container .bc-box .bc-txt-box ul .li-bg2 {
  background: url(../images/icon2.png) 7px 5px no-repeat;
  background-size: 20px 20px;
}

.banner-wrap .banner-container .bc-box .bc-txt-box ul .li-bg3 {
  background: url(../images/icon3.png) 5px center no-repeat;
  background-size: 24px 19px;
}

.banner-wrap .banner-container .bc-box .bc-txt-box ul .li-bg4 {
  background: url(../images/icon4.png) 10px 4px no-repeat;
  background-size: 20px 20px;
}

.banner-wrap .banner-container .bc-box .bc-btn-box {
  margin-top: 30px;
}

.banner-wrap .banner-container .bc-box .bc-btn-box a {
  display: inline-block;
  width: 175px;
  height: 50px;
  line-height: 48px;
  font-size: 20px;
  background: url(../images/btn1.png) left center no-repeat;
  background-size: 100% 100%;
  margin-right: 15px;
}

.banner-wrap .banner-container .bc-box .bc-btn-box .btn-bg1 {
  background: url(../images/btn2.png) left center no-repeat;
  background-size: 100% 100%;
}

.banner-wrap .banner-container .bc-box .bc-btn-box .btn-bg2 {
  background: url(../images/btn3.png) left center no-repeat;
  background-size: 100% 100%;
  margin-right: 0;
}

@media screen and (max-width:1500px) {
  .banner-wrap .banner-container .banner-box {
      width: 1920px;
      height: 100%;
      position: absolute;
      top: 0;
      left: 50%;
      margin-left: -960px;
      background: url(../images/student.png) 370px center no-repeat;
      background-size: 30%;
  }
  .banner-wrap .banner-container .bc-box {
      margin-top: 105px;
      margin-right: 25%;
  }
  .banner-wrap .banner-container .bc-box h1 {
      font-size: 40px;
  }
  .banner-wrap .banner-container .bc-box h1 span {
      font-size: 45px;
      color: #ed4343;
  }
  .banner-wrap .banner-container .bc-box .bc-txt-box {
      width: 500px;
      height: 101px;
      background: url(../images/text-bg.png) left center no-repeat;
      background-size: 100% 100%;
      margin-top: 20px;
  }
  .banner-wrap .banner-container .bc-box .bc-txt-box p {
      font-size: 22px;
      color: #535050;
      padding-top: 16px;
      padding-left: 25px;
      margin-bottom: 15px;
  }
  .banner-wrap .banner-container .bc-box .bc-txt-box ul li {
      display: inline-block;
      font-size: 16px;
      color: #6d6b6b;
      background: url(../images/icon1.png) 5px center no-repeat;
      background-size: 20px 18px;
      padding-left: 30px;
      margin-left: 13px;
  }
  .banner-wrap .banner-container .bc-box .bc-txt-box ul .li-bg2 {
      background: url(../images/icon2.png) 7px 3px no-repeat;
      background-size: 18px 18px;
  }
  .banner-wrap .banner-container .bc-box .bc-txt-box ul .li-bg3 {
      background: url(../images/icon3.png) 5px center no-repeat;
      background-size: 20px 16px;
  }
  .banner-wrap .banner-container .bc-box .bc-txt-box ul .li-bg4 {
      background: url(../images/icon4.png) 8px 2px no-repeat;
      background-size: 18px 18px;
  }
  .banner-wrap .banner-container .bc-box .bc-btn-box {
      margin-top: 30px;
  }
  .banner-wrap .banner-container .bc-box .bc-btn-box a {
      display: inline-block;
      width: 155px;
      height: 44px;
      line-height: 42px;
      font-size: 16px;
      background: url(../images/btn1.png) left center no-repeat;
      background-size: 100% 100%;
      margin-right: 10px;
  }
  .banner-wrap .banner-container .bc-box .bc-btn-box .btn-bg1 {
      background: url(../images/btn2.png) left center no-repeat;
      background-size: 100% 100%;
  }
  .banner-wrap .banner-container .bc-box .bc-btn-box .btn-bg2 {
      background: url(../images/btn3.png) left center no-repeat;
      background-size: 100% 100%;
      margin-right: 0;
  }
  ;
}

.part1-wrap {
  background: #fff;
}

.part1-wrap .bottom-scroll {
  height: 80px;
  background: #272636
}

.part1-wrap .bottom-scroll .scroll-text {
  height: 80px;
  background: url(../images/q.png) left center no-repeat;
  background-size: 55px 43px;
  padding-left: 70px
}

.part1-wrap .bottom-scroll .scroll-text p {
  font-size: 18px;
  margin-top: 10px
}

.part1-wrap .bottom-scroll .scroll-text ul {
  height: 35px;
  overflow: hidden
}

.part1-wrap .bottom-scroll .scroll-text ul li {
  height: 35px;
  line-height: 35px;
  font-size: 14px
}

.part1-wrap .bottom-scroll .scroll-text ul li a {
  color: #fff
}

.part1-wrap .bottom-scroll .bs-btn {
  display: block;
  width: 190px;
  height: 45px;
  line-height: 45px;
  border-radius: 6px;
  font-size: 18px;
  margin-top: 18px;
  background: #ed4343
}

.part1-wrap .part1-container {
  padding: 32px 0 45px 0
}

.part1-wrap .part1-container .text-list {
  width: 340px;
  font-size: 20px;
  color: #252032;
  border-right: 1px solid #cacacb
}

.part1-wrap .part1-container .text-list p {
  margin-bottom: 10px
}

.part1-wrap .part1-container .text-list a {
  display: inline-block;
  width: 100px;
  font-size: 17px;
  color: #3b3a3b;
  margin-top: 5px
}

.part1-wrap .part1-container .text-list a:last-child {
  color: #ed4343
}

.part1-wrap .part1-container .text-list a:hover {
  color: #ed4343;
  text-decoration: underline
}

.part1-wrap .part1-container .pl-box {
  padding-left: 40px
}

.part1-wrap .part1-container .book-box .book-text {
  margin-left: 15px
}

.part1-wrap .part1-container .book-box .book-text h6 {
  font-size: 20px;
  color: #312f2e;
  margin-top: 15px
}

.part1-wrap .part1-container .book-box .book-text h1 {
  font-size: 22px;
  color: #ed4343
}

.part1-wrap .part1-container .book-box .book-text a {
  display: block;
  width: 145px;
  height: 38px;
  line-height: 38px;
  background: #16b3e6;
  font-size: 16px;
  border-radius: 6px;
  margin-top: 5px
}

.part1-wrap .part1-container .book-box .book-text a:hover {
  background: #fba746;
  text-decoration: underline
}

.slogan .bot-line {
  border-bottom: 1px solid #dad7d7
}

.slogan .bot-line .un-line {
  width: 269px;
  height: 7px;
  background: #cc1d36
}

.slogan .bot-line .un-line1 {
  width: 269px;
  height: 7px;
  background: #fff
}

.slogan .bot-line h1 {
  font-size: 52px;
  color: #272636;
  padding-bottom: 12px
}

.slogan p {
  font-size: 32px;
  color: #272636;
  padding-top: 12px
}

.the-public-btn {
  display: inline-block;
  width: 45%;
  height: 54px;
  line-height: 54px;
  border-radius: 6px;
  font-size: 24px;
  background: #ed4343;
  margin-left: 15px;
  margin-right: 15px
}

.the-public-btn span {
  display: inline-block;
  width: 26px;
  height: 26px;
  line-height: 26px;
  border: 1px solid #fff;
  border-radius: 100%;
  margin-left: 5px
}

.the-public-btn:hover {
  opacity: .8
}

.part2-warp {
  background: #f1f1f1;
  padding: 50px 0
}

.part2-warp .part2-container .p2-list-box {
  margin-top: 50px;
  margin-bottom: 50px
}

.part2-warp .part2-container .p2-list-box .p2-list-per-box {
  width: 19%;
  background: #fff;
  padding: 30px 25px;
  margin-left: 22px;
  box-shadow: 1px 1px 7px 2px rgba(181, 181, 181, .3);
  -webkit-box-shadow: 1px 1px 7px 2px rgba(181, 181, 181, .3)
}

.part2-warp .part2-container .p2-list-box .p2-list-per-box .p2-top-icon {
  width: 58px;
  line-height: 58px;
  font-size: 30px;
  background: #64c4b9;
  border-radius: 100%
}

.part2-warp .part2-container .p2-list-box .p2-list-per-box h2 {
  font-size: 24px;
  color: #64c4b9;
  margin-top: 20px
}

.part2-warp .part2-container .p2-list-box .p2-list-per-box ul {
  margin-top: 25px
}

.part2-warp .part2-container .p2-list-box .p2-list-per-box ul li {
  font-size: 14px;
  color: #7b7b7b;
  border-bottom: 1px dashed #c2c1c1;
  padding: 10px 0 5px 0
}

.part2-warp .part2-container .p2-list-box .p2-list-per-box ul li:last-child {
  border-bottom: none
}

.part2-warp .part2-container .p2-list-box .p2-list-per-box a {
  display: block;
  width: 186px;
  height: 35px;
  line-height: 35px;
  border: 1px solid #64c4b9;
  color: #64c4b9;
  font-size: 16px;
  margin-top: 20px
}

.part2-warp .part2-container .p2-list-box .p2-list-per-box a:hover {
  background: #64c4b9;
  color: #fff
}

.part2-warp .part2-container .p2-list-box .p2-list-per-box:first-child {
  margin-left: 0
}

.part2-warp .part2-container .p2-list-box .p2-bg-color1 .p2-top-icon {
  background: #e73f3f
}

.part2-warp .part2-container .p2-list-box .p2-bg-color1 h2 {
  color: #e73f3f
}

.part2-warp .part2-container .p2-list-box .p2-bg-color1 a {
  border: 1px solid #e73f3f;
  color: #e73f3f
}

.part2-warp .part2-container .p2-list-box .p2-bg-color1 a:hover {
  background: #e73f3f;
  color: #fff
}

.part2-warp .part2-container .p2-list-box .p2-bg-color2 .p2-top-icon {
  background: #ec7c0e
}

.part2-warp .part2-container .p2-list-box .p2-bg-color2 h2 {
  color: #ec7c0e
}

.part2-warp .part2-container .p2-list-box .p2-bg-color2 a {
  border: 1px solid #eca45b;
  color: #eca45b
}

.part2-warp .part2-container .p2-list-box .p2-bg-color2 a:hover {
  background: #ec7c0e;
  color: #fff
}

.part2-warp .part2-container .p2-list-box .p2-bg-color3 .p2-top-icon {
  background: #16b3e6
}

.part2-warp .part2-container .p2-list-box .p2-bg-color3 h2 {
  color: #16b3e6
}

.part2-warp .part2-container .p2-list-box .p2-bg-color3 a {
  border: 1px solid #16b3e6;
  color: #16b3e6
}

.part2-warp .part2-container .p2-list-box .p2-bg-color3 a:hover {
  background: #16b3e6;
  color: #fff
}

.part2-warp .part2-container .p2-bottom-btn .p2-bb-btn {
  background: #16b3e6
}

.part2-warp .part2-container .p2-bottom-btn a:hover {
  opacity: .8
}

.part3-warp {
  background: #fff;
  padding: 35px 0 45px 0
}

.part3-warp .p3-container {
  width: 1060px;
  border: 1px solid #cc1d36;
  padding-bottom: 35px;
  margin-top: 40px
}

.part3-warp .p3-container .p3c-box {
  margin-top: 35px;
  margin-left: 43px
}

.part3-warp .p3-container .p3c-box .p3c-bg {
  width: 211px;
  height: 94px;
  background: url(../images/kong.png) left center no-repeat;
  background-size: 100% 100%
}

.part3-warp .p3-container .p3c-box .p3c-bg h1 {
  font-size: 24px;
  color: #ed4343;
  padding-top: 6px
}

.part3-warp .p3-container .p3c-box .p3c-bg p {
  font-size: 14px;
  color: #272636;
  margin-top: 28px
}

.part3-warp .p3-container .p3c-box a {
  display: block;
  width: 180px;
  height: 35px;
  line-height: 35px;
  background: #ed4343;
  border: 1px solid #ed4343;
  font-size: 16px;
  border-radius: 6px;
  margin-top: 13px
}

.part3-warp .p3-container .p3c-box a:hover {
  background: #fff;
  color: #ed4343
}

.part4-wrap {
  height: 1059px
}

.part4-wrap .slogan {
  padding-top: 90px
}

.part4-wrap .slogan h1 {
  color: #fff
}

.part4-wrap .p4-container .p4-time-box h1 {
  font-size: 48px;
  color: #fad05e;
  margin-top: 15px
}

.part4-wrap .p4-container .p4-time-box p {
  font-size: 24px
}

.part4-wrap .p4-container .p4-time-box p span {
  color: #fad05e
}

.part4-wrap .p4-container .p4-time-box h2 {
  font-size: 36px;
  margin-top: 30px
}

.part4-wrap .p4-container .p4-time-box h6 {
  font-size: 22px;
  font-weight: 400
}

.part4-wrap .p4-container .p4-time-box .time-wrap {
  margin: 35px 0;
  font-size: 0
}

.part4-wrap .p4-container .p4-time-box .time-wrap .time-box {
  display: inline-block;
  width: 211px;
  height: 211px;
  line-height: 240px;
  margin-left: 27px;
  margin-right: 27px;
  background: url(../images/date-bg.png) left center no-repeat;
  background-size: 100% 100%
}

.part4-wrap .p4-container .p4-time-box .time-wrap .time-box .time-num {
  font-size: 128px;
  color: #22283b
}

.part4-wrap .p4-container .p4-city-box {
  margin-top: 40px
}

.part4-wrap .p4-container .p4-city-box .p4-btn-box {
  margin-bottom: 30px
}

.part4-wrap .p4-container .p4-city-box .p4-btn-box a {
  display: inline-block;
  width: 150px;
  height: 47px;
  line-height: 47px;
  border-radius: 6px;
  margin: 0 25px;
  font-size: 22px;
  background: #fff;
  color: #22283b
}

.part4-wrap .p4-container .p4-city-box .p4-btn-box a:hover {
  background: #ed4343;
  color: #fff
}

.part4-wrap .p4-container .p4-city-box .p4-btn-box1 a {
  margin: 0 12px
}

.part4-wrap .p4-container .p4-city-box p {
  font-size: 22px
}

.part4-wrap .p4-container .p4-city-box .p4-city-btn {
  display: block;
  margin: 0 auto;
  margin-top: 36px
}

.part5-wrap {
  background: #f1f1f1;
  padding: 70px 0 20px 0
}

.part5-wrap .slogan .bot-line h1 {
  padding-bottom: 0
}

.part5-wrap .slogan .bot-line h1 i {
  font-family: '榛戜綋';
  font-size: 110px;
  color: #cc1d36;
  display: inline-block;
  vertical-align: middle;
  padding-right: 20px
}

.part5-wrap .p5-container {
  width: 1250px;
  margin-top: 70px;
  height: 710px
}

.part5-wrap .p5-container .p5c-box {
  width: 437px;
  height: 563px
}

.part5-wrap .p5-container .p5c-box .p5c-title-box {
  left: 143px;
  top: 45px
}

.part5-wrap .p5-container .p5c-box .p5c-title-box h1 {
  font-size: 36px
}

.part5-wrap .p5-container .p5c-box .p5c-title-box h6 {
  font-size: 22px;
  font-weight: 400;
  margin-top: 10px
}

.part5-wrap .p5-container .p5c-box ul {
  left: 90px;
  top: 200px;
  width: 210px
}

.part5-wrap .p5-container .p5c-box ul li {
  font-size: 24px;
  border-bottom: 1px dashed #d5d3d3;
  padding: 10px 0
}

.part5-wrap .p5-container .p5c-box a {
  display: block;
  width: 189px;
  height: 42px;
  line-height: 42px;
  background: #fff;
  border-radius: 6px;
  font-size: 18px;
  color: #153753;
  bottom: 45px;
  left: 65px
}

.part5-wrap .p5-container .p5c-bg2,
.part5-wrap .p5-container .p5c-bg4 {
  top: 90px;
  left: 252px
}

.part5-wrap .p5-container .p5c-bg2 .p5c-title-box,
.part5-wrap .p5-container .p5c-bg4 .p5c-title-box {
  left: 185px;
  top: 45px
}

.part5-wrap .p5-container .p5c-bg2 ul li,
.part5-wrap .p5-container .p5c-bg4 ul li {
  color: #13304f
}

.part5-wrap .p5-container .p5c-bg2 a,
.part5-wrap .p5-container .p5c-bg4 a {
  background: #13304f;
  color: #fff
}

.part5-wrap .p5-container .p5c-bg3 {
  top: 0;
  left: 548px
}

.part5-wrap .p5-container .p5c-bg4 {
  top: 90px;
  left: 800px
}

.part6-wrap {
  background: #fff;
  padding: 65px 0 50px 0
}

.part6-wrap .p6-container .p6c-school {
  margin-top: 45px;
  margin-left: -10px
}

.part6-wrap .p6-container .p6c-school .mt5 {
  margin-top: 5px
}

.part6-wrap .p6-container .p6c-school .school-box {
  width: 240px;
  height: 148px;
  background: #ccc;
  margin-left: 5px;
  overflow: hidden;
  cursor: pointer
}

.part6-wrap .p6-container .p6c-school .school-box p {
  bottom: 0;
  left: 0;
  width: 240px;
  height: 41px;
  line-height: 41px;
  background: rgba(0, 0, 0, .7);
  font-size: 20px;
  color: #fff
}

.part6-wrap .p6-container .p6c-school .hover-bg-color,
.part6-wrap .p6-container .p6c-school .hover-bg-color1 {
  width: 240px;
  height: 148px;
  background: rgba(0, 0, 0, .2);
  top: 0;
  left: 0
}

.part6-wrap .p6-container .p6c-school .hover-bg-color1 {
  height: 301px
}

.part6-wrap .p6-container .p6c-school .hover-act {
  background: 0 0
}

.part6-wrap .p6-container .p6c-school .school-box-big {
  width: 405px;
  height: 301px;
  background: #ccc
}

.part6-wrap .p6-container .p6c-school .bottom-left {
  width: 984px
}

.part6-wrap .p6-container .p6c-school .bottom-right {
  width: 161px;
  height: 301px;
  background: #ccc;
  overflow: hidden;
  cursor: pointer
}

.part6-wrap .p6-container .p6c-school .bottom-right img {
  width: 100%;
  height: 100%
}

.part6-wrap .p6-container .p6c-school .bottom-right p {
  bottom: 0;
  left: 0;
  width: 161px;
  height: 41px;
  line-height: 41px;
  background: rgba(0, 0, 0, .7);
  font-size: 20px;
  color: #fff
}

.part6-wrap .p6-container .p6c-major ul {
  margin: 42px 0 40px 0
}

.part6-wrap .p6-container .p6c-major ul li {
  float: left;
  width: 162px;
  font-size: 16px;
  background: #d8d7d7
}

.part6-wrap .p6-container .p6c-major ul li a {
  display: block;
  color: #373737;
  padding: 25px 0
}

.part6-wrap .p6-container .p6c-major ul li a:hover {
  background: #ed4343;
  color: #fff
}

.part6-wrap .p6-container .p6c-major ul li:nth-child(odd) {
  background: #ebebeb
}

.part6-wrap .p6-container .p6c-major ul .title-li {
  background: #16b3e6 !important;
  padding: 25px 0;
  font-size: 18px;
  color: #fff;
  width: 161px;
  border-left: 1px dashed #fff
}

.part6-wrap .p6-container .p6c-major ul .title-li:first-child {
  border-left: none
}

.part7-wrap {
  height: 896px
}

.part7-wrap .slogan {
  padding-top: 70px
}

.part7-wrap .p7-container .p7c-box,
.part7-wrap .p7-container .p7c-box1 {
  width: 322px;
  height: 500px;
  background: url(../images/text-bg1.png) left center no-repeat;
  background-size: 100% 100%;
  margin: 0 10px;
  margin-top: 90px
}

.part7-wrap .p7-container .p7c-box h1,
.part7-wrap .p7-container .p7c-box1 h1 {
  font-size: 32px;
  padding-top: 35px
}

.part7-wrap .p7-container .p7c-box h1 span,
.part7-wrap .p7-container .p7c-box1 h1 span {
  color: #ffc603
}

.part7-wrap .p7-container .p7c-box ul,
.part7-wrap .p7-container .p7c-box1 ul {
  width: 88%;
  text-align: left;
  margin-top: 30px
}

.part7-wrap .p7-container .p7c-box ul li,
.part7-wrap .p7-container .p7c-box1 ul li {
  font-size: 20px;
  background: url(../images/sq.jpg) left 18px no-repeat;
  background-size: 12px 12px;
  border-bottom: 1px dashed #353445;
  padding: 10px 0;
  padding-left: 23px;
  cursor: pointer
}

.part7-wrap .p7-container .p7c-box ul li a,
.part7-wrap .p7-container .p7c-box1 ul li a {
  color: #fff
}

.part7-wrap .p7-container .p7c-box ul li:hover a,
.part7-wrap .p7-container .p7c-box1 ul li:hover a {
  color: #ed4343
}

.part7-wrap .p7-container .p7c-box .p7c-btn,
.part7-wrap .p7-container .p7c-box1 .p7c-btn {
  display: block;
  width: 245px;
  height: 48px;
  line-height: 48px;
  border-radius: 6px;
  background: #ed4343;
  margin-top: 35px;
  font-size: 22px;
  border: 1px solid #ed4343
}

.part7-wrap .p7-container .p7c-box .p7c-btn:hover,
.part7-wrap .p7-container .p7c-box1 .p7c-btn:hover {
  background: 0 0;
  color: #ed4343
}

.part7-wrap .p7-container .p7c-box1 {
  width: 405px;
  height: 589px;
  background: url(../images/text-bg2.png) left center no-repeat;
  background-size: 100% 100%;
  margin: 0 23px;
  margin-top: 45px
}

.part7-wrap .p7-container .p7c-box1 ul {
  width: 69%
}

.part7-wrap .p7-container .p7c-box1 ul li {
  border-bottom: 1px dashed #5f93ec
}

.part7-wrap .p7-container .p7c-box1 .p7c-btn {
  background: #fff;
  color: #272636;
  border: 1px solid #fff
}

.part7-wrap .p7-container .p7c-box1 .p7c-btn span {
  color: #ed4343;
  font-size: 24px
}

.part7-wrap .p7-container .p7c-box1 .p7c-btn:hover {
  color: #fff
}

.part8-wrap {
  background: #fff;
  padding: 65px 0 70px
}

.part8-wrap .p8-container {
  height: 2410px;
  background: url(../images/step-bg.png) center center no-repeat;
  background-size: 100% 100%;
  margin-top: 35px
}

.part8-wrap .p8-container .p8c-box {
  top: 95px;
  left: 180px
}

.part8-wrap .p8-container .p8c-box .p8c-txt {
  width: 455px;
  text-align: left
}

.part8-wrap .p8-container .p8c-box .p8c-txt h1 {
  font-size: 24px;
  color: #16b3e6
}

.part8-wrap .p8-container .p8c-box .p8c-txt p {
  font-size: 16px;
  font-weight: 700;
  color: #272636;
  margin: 30px 0
}

.part8-wrap .p8-container .p8c-box .p8c-txt a {
  display: block;
  width: 278px;
  height: 58px;
  line-height: 58px;
  border-radius: 6px;
  background: #ed4343;
  border: 1px solid #ed4343;
  font-size: 20px
}

.part8-wrap .p8-container .p8c-box .p8c-txt a:hover {
  background: #fff;
  color: #ed4343
}

.part8-wrap .p8-container .p8c-box .p8c-img {
  width: 345px;
  height: 205px;
  margin-right: 30px;
  margin-left: 30px
}

.part8-wrap .p8-container .p8c-box-pos1 {
  top: 385px;
  left: 88px
}

.part8-wrap .p8-container .p8c-box-pos2 {
  top: 658px;
  left: 205px
}

.part8-wrap .p8-container .p8c-box-pos3 {
  top: 960px;
  left: 112px
}

.part8-wrap .p8-container .p8c-box-pos4 {
  top: 1252px;
  left: 200px
}

.part8-wrap .p8-container .p8c-box-pos5 {
  top: 1542px;
  left: 112px
}

.part8-wrap .p8-container .p8c-box-pos6 {
  top: 1829px;
  left: 197px
}

.part8-wrap .p8-container .p8c-box-pos7 {
  top: 2130px;
  left: 112px
}

.part9-wrap {
  height: 646px
}

.part9-wrap .slogan {
  padding-top: 67px
}

.part9-wrap .slogan h1 {
  color: #fff
}

.part9-wrap .slogan p {
  font-size: 28px;
  color: #fff
}

.part9-wrap .slogan .colorfa {
  color: #fad05e
}

.part9-wrap .p9-container {
  height: 646px
}

.part9-wrap .p9-container .p9-bg-box {
  width: 1920px;
  height: 100%;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -960px
}

.part9-wrap .p9-container .p9c-box {
  width: 640px;
  margin-top: 85px;
  margin-right: 390px
}

.part9-wrap .p9-container .p9c-box ol {
  list-style: decimal
}

.part9-wrap .p9-container .p9c-box ol li {
  font-size: 20px;
  padding: 10px 0
}

.part9-wrap .p9-container .p9c-box .btn-box {
  font-size: 0;
  margin-top: 45px
}

.part9-wrap .p9-container .p9c-box .btn-box .mr30 {
  margin-right: 30px
}

.part9-wrap .p9-container .p9c-box .btn-box a {
  display: inline-block;
  width: 300px;
  height: 54px;
  line-height: 54px;
  background: #ed4343;
  border: 1px solid #ed4343;
  border-radius: 6px;
  font-size: 24px
}

.part9-wrap .p9-container .p9c-box .btn-box a:hover {
  background: 0 0;
  color: #ed4343
}

.part10-wrap {
  background: #f5f6f6;
  padding: 75px 0 100px 0
}

.part10-wrap .p10-container {
  padding-top: 45px;
  padding-left: 50px
}

.part10-wrap .p10-container .p10c-box {
  width: 307px;
  height: 299px;
  background: #fff;
  margin-left: 38px;
  margin-top: 30px;
  overflow: hidden
}

.part10-wrap .p10-container .p10c-box .img-box {
  height: 87px;
  line-height: 87px;
  background: #16b3e6
}

.part10-wrap .p10-container .p10c-box .txt-box {
  width: 307px;
  height: 212px;
  z-index: 5
}

.part10-wrap .p10-container .p10c-box .txt-box h1,
.part10-wrap .p10-container .p10c-box .txt-box p {
  font-size: 24px;
  color: #119dca
}

.part10-wrap .p10-container .p10c-box .txt-box h1 {
  padding-top: 12px
}

.part10-wrap .p10-container .p10c-box .txt-box p {
  height: 70px;
  text-align: left;
  font-size: 18px;
  margin: 0 20px;
  margin-top: 10px
}

.part10-wrap .p10-container .p10c-box .txt-box a {
  display: block;
  width: 263px;
  height: 47px;
  line-height: 47px;
  background: #16b3e6;
  border-radius: 6px;
  font-size: 24px;
  font-weight: 700;
  margin-top: 15px
}

.part10-wrap .p10-container .p10c-box .txt-box-act h1,
.part10-wrap .p10-container .p10c-box .txt-box-act p {
  color: #fff
}

.part10-wrap .p10-container .p10c-box .txt-box-act a {
  background: #fff;
  color: #16b3e6
}

.part10-wrap .p10-container .p10c-box .hide-box {
  width: 307px;
  height: 212px;
  background: #16b3e6;
  top: 292px;
  left: 0;
  z-index: 3
}

.part11-wrap {
  height: 792px
}

.part11-wrap .slogan {
  padding-top: 74px
}

.part11-wrap .slogan h1,
.part11-wrap .slogan p {
  color: #fff
}

.part11-wrap .slogan h1 {
  font-size: 46px
}

.part11-wrap .p11-container {
  padding-left: 40px;
  padding-top: 20px
}

.part11-wrap .p11-container .p11c-box {
  width: 250px;
  height: 144px;
  background: #fff;
  border-bottom: 1px solid #88c1d3;
  margin-left: 19px;
  margin-top: 18px
}

.part11-wrap .p11-container .p11c-box h1 {
  font-size: 20px;
  color: #16b3e6;
  border-bottom: 1px dashed #dddede;
  margin: 0 10px;
  padding-top: 20px;
  padding-bottom: 5px
}

.part11-wrap .p11-container .p11c-box p {
  font-size: 14px;
  color: #787b7c;
  margin-top: 10px
}

.part11-wrap .p11-container .p11c-box a {
  display: block;
  width: 150px;
  height: 30px;
  padding-left: 40px;
  line-height: 30px;
  border-radius: 6px;
  font-size: 16px;
  margin-top: 12px;
  background: #16b3e6 url(../images/click.png) 58px 2px no-repeat;
  background-size: 19px 29px
}

.bottom-wrap {
  height: 922px
}

.bottom-wrap .bottom-container {
  height: 922px
}

.bottom-wrap .bottom-container .bottom-bg-box {
  width: 1920px;
  height: 100%;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -960px
}

.bottom-wrap .bottom-container .bottom-bg-box h1 {
  font-size: 60px;
  padding-top: 125px
}

.bottom-wrap .bottom-container .bottom-bg-box h1 span {
  color: #16b3e6
}

.bottom-wrap .bottom-container .bottom-bg-box h2 {
  font-size: 34px;
  color: #2c2e35;
  margin-top: 50px
}

.bottom-wrap .bottom-container .bottom-bg-box form {
  margin-top: 172px
}

.bottom-wrap .bottom-container .bottom-bg-box form label {
  font-size: 18px;
  margin-right: 34px
}

.bottom-wrap .bottom-container .bottom-bg-box form label input {
  width: 295px;
  height: 54px;
  background: #fff;
  border-radius: 6px;
  padding-left: 15px;
  border: 0;
  outline: 0
}

.bottom-wrap .bottom-container .bottom-bg-box form label input[type=button] {
  width: 303px;
  height: 54px;
  background: #16b3e6;
  color: #fff;
  margin-left: 30px
}

.bottom-wrap .bottom-container .bottom-bg-box .bottom-pic-show {
  margin-top: 50px
}

.bottom-wrap .bottom-container .bottom-bg-box .bottom-pic-show .pic-box {
  display: inline-block;
  margin: 0 13px
}

.bottom-wrap .bottom-container .bottom-bg-box .bottom-pic-show .pic-box p {
  margin-top: 10px
}

.bottom-wrap1018 .bottom-container .bottom-bg-box h2 {
  margin-top: 28px
}

.new-bg {
  height: 660px
}

.new-bg .new-bg-contanier {
  height: 660px;
  overflow: hidden
}

.left-fixed-box ul,
.right-fixed-box ul {
  margin-top: 106px;
  margin-left: 5px
}

.left-fixed-box ul li,
.right-fixed-box ul li {
  width: 132px;
  height: 35px;
  line-height: 35px;
  background: #fff;
  border: 1px dashed #2d90ea;
  font-size: 16px;
  color: #2d90ea;
  margin-bottom: 3px;
  cursor: pointer
}

.left-fixed-box ul .the-li:hover,
.right-fixed-box ul .the-li:hover {
  background: #2d90ea;
  color: #fff
}

.left-fixed-box ul .last-li,
.right-fixed-box ul .last-li {
  width: 134px;
  height: 52px;
  line-height: 52px;
  background: #2d90ea;
  color: #fff;
  border: 0
}

.left-fixed-box .fixed-close-icon,
.right-fixed-box .fixed-close-icon {
  width: 18px;
  height: 18px;
  line-height: 18px;
  font-size: 12px;
  top: 0;
  right: 0;
  cursor: pointer;
  border: 1px solid #2d90ea;
  color: #2d90ea;
  border-radius: 100%
}

.left-fixed-box {
  position: fixed;
  top: 100px;
  left: 0;
  width: 154px;
  background: url(../images/rightbar-btn-top.png) left top no-repeat;
  background-size: 154px 124px
}

.left-fixed-box.active {
  left: -154px;
  -webkit-transition-duration: .6s;
  -o-transition-duration: .6s;
  transition-duration: .6s
}

.right-fixed-box {
  position: fixed;
  top: 100px;
  right: 0;
  width: 154px;
  background: url(../images/rightbar-top.png) left top no-repeat;
  background-size: 139px 139px
}

.right-fixed-box ul {
  margin-top: 139px;
  margin-left: 0
}

.right-fixed-box ul li {
  border: 1px dashed #df5838;
  color: #df5838
}

.right-fixed-box ul .the-li:hover {
  background: #df5838;
  color: #fff
}

.right-fixed-box ul .last-li {
  background: #df5838
}

.right-fixed-box .fixed-close-icon {
  border: 1px solid #df5838;
  color: #df5838
}

.right-fixed-box.active {
  right: -154px;
  -webkit-transition-duration: .6s;
  -o-transition-duration: .6s;
  transition-duration: .6s
}

.mask-layer-box {
  display: none
}

.mask-layer-box .mask-bg-opacity {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  background: rgba(0, 0, 0, .5);
  z-index: 9999
}

.mask-layer-box .mask-layer-content {
  width: 846px;
  height: 560px;
  background: rgba(0, 0, 0, .9);
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 10000;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%)
}

.mask-layer-box .mask-layer-content .close-btn {
  width: 36px;
  height: 36px;
  line-height: 36px;
  position: absolute;
  top: 10px;
  right: 10px;
  cursor: pointer;
  font-size: 18px;
  color: #fff
}

.mask-layer-box .mask-layer-content .layer-p {
  font-size: 36px;
  padding-top: 65px;
  margin-bottom: 40px
}

.mask-layer-box .mask-layer-content .exam-wrap {
  padding-left: 10px
}

.mask-layer-box .mask-layer-content .exam-wrap .exam-box {
  width: 240px;
  height: 142px;
  border-radius: 8px;
  background: #fff;
  margin-top: 30px;
  margin-left: 27px;
  background: rgba(255, 255, 255, .4)
}

.mask-layer-box .mask-layer-content .exam-wrap .exam-box p {
  font-size: 26px;
  color: #fff;
  padding-top: 15px
}

.mask-layer-box .mask-layer-content .exam-wrap .exam-box a {
  display: block;
  width: 80%;
  height: 50px;
  line-height: 50px;
  border-radius: 30px;
  background: #f749e6;
  font-size: 18px;
  margin-top: 15px;
  color: #fff
}

.mask-layer-box .mask-layer-content .exam-wrap .exam-box .btn-bg2 {
  background: #bc192e
}

.mask-layer-box .mask-layer-content .exam-wrap .exam-box .btn-bg3 {
  background: #e98844
}

.mask-layer-box .mask-layer-content .exam-wrap .exam-box .btn-bg4 {
  background: #9fce30
}

.mask-layer-box .mask-layer-content .exam-wrap .exam-box .btn-bg5 {
  background: #238eba
}

.mask-layer-box .mask-layer-content .exam-wrap .exam-box .btn-bg6 {
  background: #7930b5
}

.right-bottom-wrap {
  width: 344px;
  height: 198px;
  background: url(../images/news.png) left top no-repeat;
  background-size: 100% 100%;
  position: fixed;
  bottom: -198px;
  right: 0;
  cursor: pointer
}

.right-bottom-wrap .right-close {
  width: 24px;
  height: 24px;
  line-height: 24px;
  color: #fff;
  position: absolute;
  top: 8px;
  right: 10px;
  cursor: pointer;
  font-size: 18px
}

.ntalk-window-containter {
  top: 50% !important;
  right: 0 !important;
  left: 0 !important;
  bottom: 0 !important;
  margin: 0 auto !important;
  margin-top: -260px !important
}

.the-public-btn1 {
  display: inline-block;
}

.cc-mask {
  background: rgba(1, 1, 1, .2);
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 5000
}

.cc-win {
  position: fixed;
  left: 50%;
  top: 50%;
  display: inline-block;
  border-radius: 10px;
  background: rgba(0, 0, 0, .7);
  -webkit-transition: all .2s cubic-bezier(0, 0, 0.1, 1.08);
  -moz-transition: all .2s cubic-bezier(0, 0, 0.1, 1.08);
  -ms-transition: all .2s cubic-bezier(0, 0, 0.1, 1.08);
  transition: all .2s cubic-bezier(0, 0, 0.1, 1.08);
}

.cc-body {
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  font-family: "Microsoft YaHei";
  min-width: 60px;
  line-height: 1.8em;
  text-align: center;
  padding: 2em 1em;
  box-sizing: border-box;
}

.cc-animate {
  -webkit-transform: scale(0, 0);
  -moz-transform: scale(0, 0);
  -ms-transform: scale(0, 0);
  transform: scale(0, 0);
}

.cc-animated {
  -webkit-transform: scale(1, 1);
  -moz-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  transform: scale(1, 1);
}

/*---------验证样式-------------*/

.cc_item {
  position: relative;
}

/* 鼠标active 样式 */

.cc_item.active .input-text {
  border: 1px solid #2e6da4;
}

/* 错误 样式 */

.cc_item.error .input-text,
.cc_item.error .select {
  border: 1px solid #d43f3a;
}

.cc_item.error .valid_message {
  color: #d9534f;
}

.cc_item .valid_message {
  padding: 0 10px;
  color: #2e6da4;
  position: absolute;
  right: 0;
  top: 25%;
}

/* 成功 提示-加小图标 */

.cc_item.success .valid_message {
  width: 16px;
  height: 16px;
  position: absolute;
  left: auto;
  right: 5px;
  top: 7px;
  background: url(../images/sucess.png) no-repeat;
  background: none;
}


#footer-fixed {
  position: fixed;
  width: 100%;
  height: 116px;
  z-index: 9;
  left: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
}

.mid1080 {
  width: 1080px;
  margin: 0 auto;
}

#footer-fixed .left {
  width: 342px;
}

.fl {
  float: left;
}

#footer-fixed .left p {
  margin: 17px 0;
  font-size: 39px;
  color: #fff000;
  font-size: 31px;
  line-height: 39px;
  color: #fff;
  border-right: 2px solid #fff;
}

#footer-fixed .left p em {
  font-size: 39px;
  color: #fff000;
}

.fr {
  float: right;
}

#footer-fixed .right form {
  padding: 14px 0;
}

#footer-fixed .right form .form-group {
  float: left;
}

#footer-fixed .right form .form-group label {
  display: block;
  font-size: 18px;
  color: #fff;
  margin-bottom: 7px;
}

#footer-fixed .right form .form-group {
  float: left;
}

#footer-fixed .right form .form-group label {
  display: block;
  font-size: 18px;
  color: #fff;
  margin-bottom: 7px;
}

#footer-fixed .right form .form-group input {
  display: block;
  width: 210px;
  margin-right: 26px;
  border: 1px solid #6f6f6f;
  font-size: 16px;
  line-height: 42px;
  color: #000;
  text-indent: 15px;
  margin-bottom: 7px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
}

#footer-fixed .right form .submit-btn {
  display: block;
  margin-top: 20px;
  float: left;
  width: 210px;
  height: 56px;
  line-height: 56px;
  font-size: 26px;
  text-align: center;
  color: #fff;
  background-color: #16B3E6;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  -webkit-box-shadow: 0 8px 0 rgba(1, 1, 1, 0.4);
  -moz-box-shadow: 0 8px 0 rgba(1, 1, 1, 0.4);
  box-shadow: 0 8px 0 rgba(1, 1, 1, 0.4);
}

.zybg {
  width: 100%;
  height: 560px;
  margin: 0 auto;
}

.zynr {
  width: 1000px;
  height: 740px;
  margin: 0 auto;
}

.zynr h1 {
  font-size: 48px;
  color: #272636;
  font-weight: bold;
  padding-top: 50px;
  text-align: center;
  padding-bottom: 20px;
}

.zynr ul {
  margin: 0;
  padding: 0;
}

.zynr ul li {
  float: left;
  width: 124px;
  height: 65px;
  text-align: center;
  background: #ff5656;
  color: #fff;
  line-height: 65px;
  font-size: 16px;
}

.zynr ul li.zy1 a {
  background: #d8d7d7;
  height: 75px;
  line-height: 70px;
  display: block;
  color: #272636;
  font-size: 15px;
}

.zynr ul li.zy1 a:hover {
  background: #272636;
  color: #fff;
  transition: all 0.3s linear;
  text-decoration: underline;
}

.zynr ul li.zy2 a {
  background: #ebebeb;
  height: 75px;
  line-height: 70px;
  display: block;
  color: #272636;
  font-size: 15px;
}

.zynr ul li.zy2 a:hover {
  background: #272636;
  color: #fff;
  transition: all 0.3s linear;
  text-decoration: underline;
}

.zynr ul li.zy3 a {
  background: #f6f6f6;
  height: 75px;
  line-height: 70px;
  display: block;
  color: #272636;
  font-size: 15px;
}

.zynr ul li.zy3 a:hover {
  background: #272636;
  color: #fff;
  transition: all 0.3s linear;
  text-decoration: underline;
}

.zynr ul li.zy4 a {
  background: #fff;
  height: 75px;
  line-height: 70px;
  display: block;
  color: #272636;
  font-size: 15px;
}

.zynr ul li.zy4 a:hover {
  background: #272636;
  color: #fff;
  transition: all 0.3s linear;
  text-decoration: underline;
}

.zynr ul li.zy3a a {
  background: #f6f6f6;
  height: 75px;
  line-height: 70px;
  display: block;
  color: #272636;
  font-size: 15px;
}

.zynr ul li.zy4a a {
  background: #fff;
  height: 75px;
  line-height: 70px;
  display: block;
  color: #272636;
  font-size: 15px;
}

.ayan {
  width: 1000px;
  height: 90px;
  float: left;
  margin-top: 40px;
}

.anniu2 {
  background: #fbd22c;
  width: 400px;
  height: 60px;
  display: block;
  border-radius: 4px;
  border: #eebd15 solid 1px;
  margin: 0 auto;
}

.anniu2:hover {
  background: #ff6a6a;
  transition: all 0.3s linear;
  border: #ea5858 solid 1px;
}

.abta {
  width: 347px;
  height: 60px;
  /*background: url(./images/an.png) no-repeat;*/
  /*background-position: 333px 18px;*/
  display: block;
  font-size: 22px;
  line-height: 60px;
  color: #272636;
  padding-left: 50px;
}

.abta:hover {
  text-decoration: underline;
}

.part-1 {
  width: 100%;
  height: 440px;
  margin: 0 auto;
  text-align: center;
  background: url(../images/img01_1.jpg) center center no-repeat;
  padding-top: 80px;
}

.part-1 img {
  display: block;
  width: 902px;
  height: 136px;
  margin: 0 auto;
  text-align: center;
}

.part-1 ul {
  width: 700px;
  margin: 0 auto;
  text-align: center;
  margin-top: 15px;
}

.part-1 ul li {
  float: left;
  margin-left: 0px;
  margin-right: 30px;
  margin-top: 20px;
}

.part-1 ul li:nth-child(1) {
  margin-left: 60px;
}

.part-1 ul li div {
  width: 130px;
  height: 150px;
  text-align: center;
  overflow: hidden;
}

.part-1 ul li div span {
  width: 110px;
  height: 110px;
  border-radius: 50%;
  display: block;
  background: #f34334;
  position: absolute;
}

.part-1 i {
  display: block;
  width: 90px;
  height: 90px;
  line-height: 30px;
  margin: 0 auto;
  text-align: center;
  font-style: normal;
  font-weight: bold;
  border: 2px solid #ffffff;
  color: #ffffff;
  position: relative;
  font-size: 22px;
  border-radius: 62px;
  -webkit-border-radius: 62px;
  -o-border-radius: 62px;
  -moz-border-radius: 62px;
  -ms-border-radius: 62px;
  padding-top: 5px;
  margin-top: 5px;
  padding-left: 5px;
  position: relative;
}

.part-1 i b {
  margin-top: 10px;
  display: block;
}

.part-1 a {
  width: 260px;
  height: 55px;
  margin: 0 auto;
  text-align: center;
  font-weight: bold;
  color: #ffffff;
  line-height: 55px;
  margin-top: 32px;
  z-index: 2;
  font-size: 24px;
  position: relative;
  background: #ed4343;
  border-radius: 25px;
  -webkit-border-radius: 25px;
  -o-border-radius: 25px;
  -moz-border-radius: 25px;
  -ms-border-radius: 25px;
}

.part-1 li:nth-child(1) a {
  background: #ef8d24;
}

.part-1 li:nth-child(2) a {
  background: #3a88fe;
}

.part-1 li:nth-child(3) a {
  background: #f34334;
}

.part-1 ul li a:hover {
  background-color: #d72111;
}

.part-1 .bt {
  display: block;
  width: 320px;
  margin: 0 auto;
  height: 60px;
  text-align: center;
  font-weight: bold;
  color: #ffffff;
  line-height: 60px;
  font-size: 24px;
  background: #f34334;
  margin-top: 25px;
  border-radius: 35px;
  -webkit-border-radius: 35px;
  -o-border-radius: 35px;
  -moz-border-radius: 35px;
  -ms-border-radius: 35px;
}

.part-1 .bt:hover {
  background: #d72111;
  transition: all 0.35s linear;
}

.school_wrapper{display: flex; flex-wrap: wrap;}
.school_item{flex: 0 0 30%; margin: 1.5%;}
.school_item a{display: block;}
.school_item img{width: 100%;}
.school_item .school_txt{text-align: center; background: #119dca; color: #fff; line-height: 40px; font-size: 16px; font-weight: bold;}

.container_wrapper{margin-top: 30px;}
.container_img{text-align: center;}
.container_img img{max-width: 100% !important; height: auto !important;}
.container_txt{margin-top: 30px; font-size: 16px; line-height: 2;}
.container_txt img{max-width: 100% !important; height: auto !important;}
.input_wrapper{display: flex;}
.input_item{flex: 0 0 30%; margin: 1.5%;}
.input_item input{height: 40px; width: 100%; border: 1px solid #ccc; line-height: 40px; border-radius: 5px; padding-left: 15px;}
.input_item button{height: 40px; width: 100%; text-align: center; color: #fff; background: red; font-size: 20px; line-height: 40px; border: none; border-radius: 5px;}

.register_p{ background: #119dca; font-size: 16px; padding: 30px; box-sizing: border-box; color: #fff; line-height: 2; border: 2px solid #119dca; margin-top: 20px;}
.register_zhu{text-align: center; color: red; font-size: 16px; margin-top: 30px;}
.foot_message_bg{padding: 40px 0; background-image: url(../images/foot_bg.jpg); background-size: cover; background-position: center;}
.foot_a{margin: 20px 0; text-align: center;}
.foot_a a{display: inline-block;  width: 200px; height: 50px; border-radius: 25px; background: #FEFF37; text-align: center; line-height: 50px; font-size: 20px;}
.float_tel{position: fixed; z-index: 9999; background: #f34334; width: 200px; height:60px; border-radius: 30px; font-size:20px; font-weight:bold; text-align: center; line-height: 30px; color: #fff; left: 0; top: 200px;}

/* .kskm_item::after{content: ""; width: 100%; position: absolute; bottom: -2px; left: 0; height: 2px; background: #000;} */
.kskm_item{border-bottom: 2px solid #000;}
.kskm_wrapper{display: flex;}
.kskm_tit{width: 200px; color: #fff; font-weight: bold; font-size: 24px;}
.kskm_tit_wrapper{display: flex; justify-content: center; align-items: center; height: 100%;}
.kskm_con_wrapper{display: flex; height: 60px; line-height: 60px;}
.kskm_con{flex: 1;}
.kskm_con .kskm_con_wrapper:nth-child(odd){background: #daf6ff;}
.kskm_con .kskm_con_wrapper:nth-child(even){background: #fff; position: relative;}
.kskm_con_tit{flex: 0 0 150px; text-align: center; font-size: 18px; font-weight: bold;}
.kskm_con_con{flex: 1; font-size: 16px;}


.kskm_a{margin-top: 30px; text-align: center;}
.kskm_a a{display: inline-block;  width: 400px; height: 50px; border-radius: 25px; background: red; color: #fff; font-weight: bold; text-align: center; line-height: 50px; font-size: 20px;}