/*reset*/
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

body {
  margin: 0;
}

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

h1,
h2,
h3,
h4,
h5,
h6,
dl,
dd,
p,
select,
textarea {
  margin: 0;
}

ol,
ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

a {
  color: #333;
  background-color: transparent;
  -webkit-text-decoration-skip: objects;
  text-decoration: none;
}

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

audio,
canvas,
video {
  display: inline-block;
  vertical-align: baseline;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

img {
  border: 0;
  display: block;
}

svg:not(:root) {
  overflow: hidden;
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}

button::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner {
  padding: 0;
  border: 0;
}

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

input,
button {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

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

textarea {
  resize: none;
  border: 1px solid #ccc;
}

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

td,
th {
  padding: 0;
}

del {
  text-decoration: line-through;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

.clearfix:after {
  display: block;
  content: '';
  height: 0;
  clear: both;
  visibility: hidden;
}

html {
  font-size: 12px;
  -webkit-tap-highlight-color: transparent;
}

body {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-family: "Microsoft YaHei", Arial, SimSun, SimHei, sans-serif;
  font-size: 14px;
  color: #333;
}

/* -返回顶部- */
#back-top {width:54px; float:right; position:fixed; right:90px; bottom:50px;}
#back-top span {width:54px; height:54px; background:url(https://www.xhd.cn/fuzhou/topic/PC/public/img/icon.png) no-repeat; display:block;}
#back-top a{outline:none}

.wrapper {
  width: 1200px;
  margin: 0 auto;
}

.ban {
  width: 100%;
  height: 616px;
  padding-top: 1px;
  background: url(../img_Exam/ban.jpg) top center no-repeat;
}

.ban a {
  width: 300px;
  height: 76px;
  display: block;
  line-height: 70px;
  margin: 480px auto 0;
  background: url(../img_Exam/ban_bg.png) no-repeat;
  font-size: 24px;
  color: #fff;
  text-indent: 69px;
}

.ban a b {
  color: #fff300;
}

.title_yszt {
  margin: 0 auto;
}

.jiexi {
  position: relative;
  padding: 80px 0;
}

.jiexi .jx_left {
  position: absolute;
  top: 0;
  left: -107px;
}

.jiexi .jx_right {
  position: absolute;
  right: -103px;
  bottom: 0;
}

.jiexi ul li {
  width: 536px;
  height: 232px;
  float: left;
}

.jiexi ul li span {
  width: 297px;
  display: block;
  text-align: center;
  color: #fff;
  font-size: 26px;
  line-height: 36px;
  padding-top: 105px;
}

.jiexi .yi {
  margin-top: 90px;
}

.jiexi .yi li {
  margin-right: 51px;
}

.jiexi .yi li:first-child {
  background: url(../img_Exam/jx_img1.jpg) no-repeat;
}

.jiexi .yi li:last-child {
  background: url(../img_Exam/jx_img2.jpg) no-repeat;
}

.jiexi .er {
  margin-top: 80px;
}

.jiexi .er li span {
  float: right;
}

.jiexi .er li:first-child {
  margin-left: 77px;
  margin-right: 51px;
  background: url(../img_Exam/jx_img3.jpg) no-repeat;
}

.jiexi .er li:last-child {
  background: url(../img_Exam/jx_img4.jpg) no-repeat;
}

.daan {
  padding-bottom: 80px;
}

.daan ul {
  margin-top: 72px;
}

.daan ul li {
  width: 278px;
  height: 480px;
  float: left;
  margin-right: 29px;
  border-radius: 10px;
  position: relative;
  box-shadow: 0 0 18px 3px rgba(0, 0, 0, 0.1);
}

.daan ul li img {
  border-radius: 10px 10px 0 0;
}

.daan ul li span {
  width: 278px;
  height: 111px;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  font-size: 30px;
  color: #fff;
  text-align: center;
  line-height: 111px;
}

.daan ul li p {
  font-size: 18px;
  color: #555;
  line-height: 20px;
  position: relative;
  padding-left: 49px;
  margin-top: 15px;
}

.daan ul li p::before {
  position: absolute;
  content: '';
  width: 8px;
  height: 8px;
  border-radius: 50%;
  left: 28px;
  top: 50%;
  margin-top: -4px;
  background: linear-gradient(to bottom, #1373c4, #4698e4);
}

.daan ul li a {
  width: 180px;
  height: 44px;
  display: block;
  margin: 20px auto 0;
  border-radius: 22px;
  font-size: 20px;
  color: #fff;
  line-height: 44px;
  text-indent: 18px;
  background: url(../img_Exam/da_bg1.png) 143px center no-repeat, linear-gradient(to right, #2797e6, #1775d4);
}

.daan ul li:nth-child(2) a {
  background: url(../img_Exam/da_bg1.png) 143px center no-repeat, linear-gradient(to right, #5e68a8, #40498a);
}

.daan ul li:nth-child(2) p::before {
  background: linear-gradient(to bottom, #5e68a8, #40498a);
}

.daan ul li:nth-child(3) a {
  background: url(../img_Exam/da_bg1.png) 143px center no-repeat, linear-gradient(to right, #6ec5b2, #28a6b5);
}

.daan ul li:nth-child(3) p::before {
  background: linear-gradient(to bottom, #6ec5b2, #28a6b5);
}

.daan ul li:last-child {
  margin-right: 0;
}

.daan ul li:last-child a {
  background: url(../img_Exam/da_bg1.png) 143px center no-repeat, linear-gradient(to right, #6fa2fb, #616efb);
}

.daan ul li:last-child p::before {
  background: linear-gradient(to bottom, #6fa2fb, #616efb);
}

.fenxi {
  width: 100%;
  height: 528px;
  padding-top: 72px;
  background: url(../img_Exam/fx_bg.jpg) top center no-repeat;
}

.fenxi ul {
  margin-top: 100px;
}

.fenxi ul li {
  width: 278px;
  height: 241px;
  float: left;
  position: relative;
  margin-right: 29px;
  background: url(../img_Exam/jx_bg2.jpg) no-repeat;
  box-shadow: 10px 10px 0 0 rgba(246, 246, 246, 0.2);
}

.fenxi ul li span {
  width: 161px;
  height: 49px;
  display: block;
  position: absolute;
  left: 0;
  top: -28px;
  font-size: 28px;
  color: #fff;
  text-align: center;
  line-height: 49px;
  background: url(../img_Exam/fx_bg1.png) no-repeat;
}

.fenxi ul li p {
  font-size: 20px;
  color: #555;
  text-align: center;
  line-height: 30px;
  padding-top: 50px;
}

.fenxi ul li a {
  width: 150px;
  height: 44px;
  display: block;
  margin: 20px auto 0;
  border-radius: 22px;
  font-size: 20px;
  color: #fff;
  line-height: 44px;
  text-indent: 18px;
  position: absolute;
  bottom: 27px;
  left: 65px;
  background: url(../img_Exam/da_bg1.png) 111px center no-repeat, linear-gradient(to right, #ee4923, #fb7642);
}

.fenxi ul li:last-child {
  margin-right: 0;
}

.huizong {
  width: 100%;
  height: auto;
  margin-top: 92px;
  padding-bottom: 110px;
  position: relative;
}

.huizong .hz_left {
  position: absolute;
  left: 0;
  top: 197px;
}

.huizong .hz_right {
  position: absolute;
  right: 0;
  top: 96px;
}

.huizong .hz_list {
  width: 580px;
  height: 380px;
  float: left;
  margin-right: 38px;
  position: relative;
  background: url(../img_Exam/hz_bg1.png) no-repeat;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
}

.huizong .hz_list span {
  width: 253px;
  height: 51px;
  position: absolute;
  top: -14px;
  left: 164px;
  font-size: 24px;
  color: #fff;
  line-height: 50px;
  text-align: center;
  background: url(../img_Exam/hz_bg.png) no-repeat;
}

.huizong .hz_list img {
  position: absolute;
  left: 20px;
  top: 71px;
}

.huizong .hz_list .title_hz {
  padding: 0 30px 0 234px;
  display: block;
  font-size: 17px;
  line-height: 22px;
  position: relative;
  color: #555;
  margin-top: 14px;
}

.huizong .hz_list .title_hz::before {
  position: absolute;
  content: '';
  width: 8px;
  height: 8px;
  border-radius: 50%;
  left: 213px;
  top: 8px;
  background: linear-gradient(to bottom, #6ec5b2, #28a6b5);
}

.huizong .hz_list .title_hz:nth-child(3) {
  margin-top: 70px;
}

.huizong .hz_list .btn_hz {
  width: 150px;
  height: 44px;
  display: block;
  border-radius: 22px;
  font-size: 20px;
  color: #fff;
  line-height: 44px;
  text-indent: 18px;
  position: absolute;
  bottom: 38px;
  left: 294px;
  background: url(../img_Exam/da_bg1.png) 111px center no-repeat, linear-gradient(to right, #2797e6, #1775d4);
}

.huizong .hz_list:last-child {
  margin-right: 0;
}

.huizong .hz_list:last-child .title_hz::before {
  background: linear-gradient(to bottom, #f76e6a, #ef325e);
}

.daren {
  width: 100%;
  height: auto;
  background: url(../img_Exam/dr_bg.jpg) top center no-repeat;
}

.daren .wrapper {
  height: 574px;
  position: relative;
}

.daren .drren_list {
  position: absolute;
  width: 397px;
}

.daren .drren_list span {
  font-size: 18px;
  color: #3e78da;
  text-align: center;
  display: block;
}

.daren .drren_list p {
  padding: 0 18px;
  font-size: 18px;
  color: #555;
  text-align: center;
  line-height: 30px;
}

.daren a {
  width: 224px;
  height: 66px;
  display: block;
  margin: 12px auto 0;
  border-radius: 32px;
  font-size: 30px;
  color: #fff;
  line-height: 66px;
  text-indent: 36px;
  background: url(../img_Exam/da_bg2.png) 168px center no-repeat, linear-gradient(to right, #2797e6, #1775d4);
  box-shadow: 0 0 9px 4px rgba(79, 161, 232, 0.5);
}

.daren .yi {
  top: 108px;
  left: 0;
}

.daren .er {
  top: 395px;
  left: 0;
}

.daren .san {
  top: 105px;
  right: 35px;
}

.daren .si {
  top: 320px;
  right: 35px;
}

.shezhi {
  width: 100%;
  padding: 60px 0;
  margin-top: 60px;
  background-color: #f1f2fe;
}

.shezhi .swiper-container {
  padding: 0 50px 0 50px;
  width: 1100px;
}

.shezhi .swiper-container::before {
  position: absolute;
  content: '';
  width: 40px;
  height: 370px;
  top: 40px;
  left: 0;
  z-index: 2;
  background-color: #f1f2fe;
}

.shezhi .swiper-container::after {
  position: absolute;
  content: '';
  width: 40px;
  height: 370px;
  top: 40px;
  right: 0;
  z-index: 2;
  background-color: #f1f2fe;
}

.shezhi .swiper-slide {
  width: 260px;
  height: 334px;
  float: left;
  margin-right: 20px;
  margin-top: 60px;
  position: relative;
  background-color: #fff;
  box-shadow: 0 0 7px 4px rgba(10, 10, 10, 0.1);
}

.shezhi .swiper-slide img {
  width: 260px;
  height: 150px;
}

.shezhi .swiper-slide span {
  width: 260px;
  height: 150px;
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  left: 0;
  top: 0;
  font-size: 26px;
  color: #fff;
}

.shezhi .swiper-slide h6 {
  font-size: 18px;
  color: #000;
  line-height: 24px;
  font-weight: normal;
  padding: 0 16px;
  word-wrap: break-word;
  white-space: normal;
  word-break: break-all;
}

.shezhi .swiper-slide p {
  height: 24px;
  padding-left: 16px;
  line-height: 22px;
  margin-top: 10px;
  font-style: 16px;
  color: #555;
}

.shezhi .swiper-slide p em {
  width: 80px;
  height: 22px;
  float: left;
  border-radius: 12px;
  border: 1px solid #ff5e50;
  background-color: #fff1f0;
  text-align: center;
  color: #ff4f40;
  font-size: 16px;
  font-style: normal;
  margin-right: 12px;
}

.shezhi .swiper-slide p:nth-child(5) em {
  color: #1775d4;
  border: 1px solid #1775d4;
  background-color: #ebf5ff;
}

.shezhi a {
  width: 98px;
  height: 36px;
  display: block;
  text-align: center;
  line-height: 36px;
  font-style: 18px;
  color: #1876d4;
  border: 1px solid #1876d5;
  position: absolute;
  bottom: 20px;
  left: 21px;
  border-radius: 20px;
}

.shezhi a:last-child {
  left: 138px;
  border-color: transparent;
  color: #fff;
  background: linear-gradient(to right, #2797e6, #1775d4);
}

.shezhi .arrow {
  width: 36px;
  height: 36px;
  position: absolute;
  z-index: 3;
  top: 215px;
  border-radius: 50%;
  cursor: pointer;
}

.shezhi .arrow-left {
  left: 0;
  background: url(../img_Exam/left.png) center no-repeat rgba(0, 0, 0, 0.3);
}

.shezhi .arrow-right {
  right: 0;
  background: url(../img_Exam/right.png) center no-repeat rgba(0, 0, 0, 0.3);
}

.yuyueM{
  width: 100%;
  height: 800px;
  padding-bottom: 60px;
  background: url(../img_Exam/yy_bg.jpg) top center no-repeat;
}

.yuyueM .yuyue_left {
  width: 596px;
  float: left;
  margin: 52px 0 0 70px;
}

.yuyueM .yuyue_left span {
  display: block;
  height: 52px;
  line-height: 52px;
  color: #fff;
  font-size: 22px;
  text-indent: 10px;
}

.yuyueM .yuyue_left table tr td {
  line-height: 52px;
  font-size: 20px;
  color: #333;
  width: 99px;
  text-align: center;
}

.yuyueM .yuyue_left table tr td em {
  color: transparent;
}

.yuyueM .yuyue_left table tr td:first-child {
  font-size: 22px;
  color: #ef345e;
}

.yuyueM .yuyue_left a {
  width: 148px;
  height: 37px;
  display: block;
  margin: 25px auto 0;
  border-radius: 25px;
  font-size: 21px;
  color: #fff;
  line-height: 37px;
  text-align: center;
  background: linear-gradient(to right, #ef325e, #f76e6a);
  box-shadow: 0 0 6px 4px rgb(247 106 105 / 25%);
}

.yuyueM .yuyue_right {
  width: 334px;
  height: 300px;
  float: right;
  margin: 143px 81px 0 0;
}

.yuyueM .yuyue_right input {
  width: 290px;
  height: 36px;
  display: block;
  margin: 20px auto 0;
  border: 1px solid #80bfff;
  border-radius: 10px;
  font-size: 20px;
  color: #555;
  outline: none;
  text-indent: 50px;
}

.yuyueM .yuyue_right .formCode{
  display: block;
  width: 294px;
  height: 42px;
  margin-left:20px;
  margin-bottom:10px;
}
.yuyueM .yuyue_right .codeInput{
  width:160px;
  text-align: center;
  height: 42px;
  background-color: #fff;
  border-radius: 8px;
  font-size: 16px;
  line-height: 42px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  outline: 0;
  border: 1px solid #80bfff;
  color: #000;
  margin-right: 10px;
  float: left;
  margin-bottom: 0;
  text-indent: 0;
}
.yuyueM .yuyue_right .formCode .codetxt{
  width: 108px;
  background: #e3e3e3;
  margin-top: 20px;
  outline: none;
  height: 42px;
  cursor: pointer;
  font-size: 16px;
  border: 0;
  color: #000;
  float:right;
  margin-bottom: 0;
  border-radius: 8px;
}

.yuyueM .yuyue_right input.form_name {
  background: url(../img_Exam/icon1.jpg) 18px center no-repeat;
}

.yuyueM .yuyue_right input.form_phoneNo {
  background: url(../img_Exam/icon2.jpg) 18px center no-repeat;
}

.yuyueM .yuyue_right .submit {
  width: 140px;
  height: 44px;
  display: block;
  margin: 20px auto 0;
  border-radius: 25px;
  font-size: 24px;
  color: #fff;
  line-height: 44px;
  text-align: center;
  cursor: pointer;
  background: linear-gradient(to right, #ef325e, #f76e6a);
  box-shadow: 0 0 6px 4px rgba(247, 106, 105, 0.25);
}

.title_hg {
  height: 82px;
  position: relative;
}

.title_hg::before {
  position: absolute;
  content: 'NEW CHANNEL';
  font-size: 106px;
  line-height: 82px;
  font-weight: bold;
  color: rgba(51, 51, 51, 0.1);
  text-align: center;
  width: 100%;
}

.title_hg h6 {
  font-size: 48px;
  letter-spacing: 3px;
  text-align: center;
  color: #333;
  font-weight: bold;
  line-height: 82px;
}

.title_hg span {
  font-size: 48px;
  letter-spacing: 3px;
  text-align: center;
  color: #ff5e50;
  font-weight: bold;
  line-height: 82px;
}

.swiper-container {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
}

/*校区环境*/
.huanjing{background:#fff url(../images/) 50% no-repeat; padding: 60px 0; width:100%}