.content {
  width: 1100px;
  margin: 0 auto;
}
.btn {
  transition: 0.5s;
}
.btn:hover {
  transform: translate(0, -5px);
}
.banner {
  height: 376px;
  background: url("https://cdn.ysedu.com/img/exam/exam_20210324_banner1.jpg") no-repeat center;
  overflow: hidden;
}
h2 {
  position: relative;
  top: -20px;
  display: inline-block;
  line-height: 30px;
  font-size: 26px;
  color: #333;
  font-weight: bold;
  text-align: center;
}
i.t-b {
  position: absolute;
  left: -62px;
  top: 12px;
  display: block;
  width: 56px;
  height: 5px;
  background: url("/layouts/img/examrd/firm-a6.png") no-repeat center;
}
i.t-a {
  position: absolute;
  right: -65px;
  top: 12px;
  display: block;
  width: 60px;
  height: 5px;
  background: url("/layouts/img/examrd/firm-a7.png") no-repeat center;
}
span.num1 {
  position: relative;
  top: 15px;
  display: block;
  width: 74px;
  height: 67px;
  margin: 0 auto;
  background: url("/layouts/img/examrd/firm-i01.png") no-repeat center;
}
span.num2 {
  position: relative;
  top: 35px;
  display: block;
  width: 99px;
  height: 74px;
  margin: 0 auto;
  background: url("/layouts/img/examrd/firm-i02.png") no-repeat center;
}
span.num3 {
  position: relative;
  top: 35px;
  display: block;
  width: 93px;
  height: 75px;
  margin: 0 auto;
  background: url("/layouts/img/examrd/firm-i03.png") no-repeat;
}
span.num4 {
  position: relative;
  top: 35px;
  display: block;
  width: 99px;
  height: 78px;
  margin: 0 auto;
  background: url("/layouts/img/examrd/firm-i04.png") no-repeat;
}
.sec1 {
  background: url("/layouts/img/examrd/firm-b1.jpg") no-repeat center top #f2f2f2;
  -webkit-background-size: cover;
  background-size: cover;
  overflow: hidden;
}
.sec1 .content {
  text-align: center;
}
.sec1 .title {
  display: flex;
  justify-content: flex-start;
  align-content: center;
  flex-wrap: wrap;
  background-color: #363d69;
  padding: 15px 50px;
  border-radius: 10px;
}
.sec1 .title a {
  display: inline-block;
  width: 62px;
  line-height: 30px;
  font-size: 14px;
  color: #fff;
  text-align: center;
}
.sec1 .title a:hover {
  background-color: #4d5587;
  border-radius: 5px;
}
.sec1 table.msg {
  width: 1100px;
  margin: 30px auto;
  background-color: #fff;
  border-collapse: collapse;
  overflow: hidden;
  text-align: center;
  border-radius: 10px;
}
.sec1 table.msg tr {
  height: 50px;
  border-bottom: 1px solid #eee;
}
.sec1 table.msg th {
  line-height: 62px;
  background-color: #f1a41e;
  font-size: 16px;
  color: #fff;
}
.sec1 table.msg td {
  line-height: 50px;
  font-size: 14px;
}
.sec1 table.msg td.t2 {
  color: #df3435;
}
.sec1 table.msg td.t2 a {
  color: #df3435;
}
.sec1 table.msg td.t3 a {
  display: inline-block;
  width: 87px;
  height: 25px;
  line-height: 25px;
  border: 1px solid #e2e2e2;
  font-size: 14px;
  color: #3a416d;
  text-align: center;
  border-radius: 25px;
}
.sec1 table.msg td.t4 a {
  font-size: 14px;
  color: #333;
}
.sec1 table.msg td.t4 .download {
  display: inline-block;
  width: 15px;
  height: 15px;
  background: url("/layouts/img/examrd/firm-a5.png") no-repeat center;
}
.sec1 table.msg td.t5 a {
  font-size: 14px;
  color: #333;
}
.sec1 table.msg td.t6 a {
  display: inline-block;
  width: 87px;
  height: 25px;
  line-height: 25px;
  font-size: 14px;
  color: #fd4419;
  text-align: center;
  border: 1px solid #e2e2e2;
  border-radius: 25px;
}
.sec1 table.msg tr:hover .t3 a {
  border-color: #df3435;
  background-color: #df3435;
  color: #fff;
}
.sec1 table.msg tr:hover .t4 a {
  color: #df3435;
}
.sec1 table.msg tr:hover .t4 span {
  background-image: url("/layouts/img/examrd/firm-a4.png");
}
.sec1 table.msg tr:hover .t5 a {
  color: #df3435;
}
.sec2 {
  height: 668px;
  background: url("/layouts/img/examrd/firm-b2.jpg") no-repeat center;
}
.sec2 .content {
  text-align: center;
}
.sec2 h2 {
  margin: 30px 0 20px;
  color: #fff;
}
.sec2 .main {
  width: 1100px;
  overflow: hidden;
  margin: 0 auto;
}
.sec2 .left {
  float: left;
  width: 664px;
  height: 365px;
  background: #fff;
  padding: 28px 50px;
  text-align: left;
  border-radius: 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.sec2 .left h4 {
  position: relative;
  padding-bottom: 15px;
  font-size: 20px;
  font-weight: bold;
  color: #fd4419;
}
.sec2 .left h4::after {
  content: "";
  position: absolute;
  bottom: 5px;
  left: 0px;
  width: 26px;
  height: 2px;
  background: #fd4419;
}
.sec2 .left p {
  line-height: 30px;
  font-size: 16px;
  color: #333;
}
.sec2 .left a.btn {
  position: relative;
  display: block;
  width: 248px;
  height: 50px;
  line-height: 50px;
  background: #fc4108;
  margin: 10px auto 0px;
  font-size: 18px;
  color: #fff;
  text-align: center;
  border-radius: 25px;
}
.sec2 .left a.btn .hand {
  position: relative;
  top: 25px;
  display: inline-block;
  width: 24px;
  height: 32px;
  background: url("/layouts/img/examrd/firm-a8.png") no-repeat center;
}
.sec2 .right {
  width: 450px;
  height: 438px;
  background-color: #ffe9d5;
  padding: 20px 20px 20px 30px;
  margin-top: 10px;
  margin-left: 654px;
  text-align: left;
  border-radius: 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.sec2 .right h4 {
  position: relative;
  padding-bottom: 15px;
  font-size: 20px;
  color: #fd4419;
  font-weight: bold;
}
.sec2 .right h4::after {
  content: "";
  position: absolute;
  bottom: 5px;
  left: 0px;
  width: 26px;
  height: 2px;
  background: #fd4419;
}
.sec2 .right h4 a {
  float: right;
  line-height: 20px;
  font-size: 14px;
  color: #ff4c06;
  font-weight: bold;
}
.sec2 .right ul.aq li {
  padding: 7px 0;
}
.sec2 .right ul.aq li i {
  float: left;
  display: block;
  width: 28px;
  height: 28px;
  line-height: 28px;
  font-size: 14px;
  color: #fff;
  font-style: normal;
  text-align: center;
  border-radius: 2px;
}
.sec2 .right ul.aq li p {
  line-height: 28px;
  padding-left: 34px;
  font-size: 16px;
  color: #000;
}
.sec2 .right ul.aq li.aq-question i {
  background: #fd4419;
}
.sec2 .right ul.aq li.aq-answer i {
  background: #fd8923;
}
.sec3 {
  height: 477px;
  background: url("/layouts/img/examrd/firm-b4.jpg") no-repeat center;
  overflow: hidden;
}
.sec3 .content {
  text-align: center;
}
.sec3 h2 {
  margin: 30px 0 0;
  font-size: 26px;
  color: #000;
  font-weight: bold;
}
.sec3 .title p {
  position: relative;
  width: 840px;
  height: 50px;
  line-height: 50px;
  border: 1px solid #dbaf74;
  margin: 0 auto;
  font-size: 16px;
  color: #000;
  text-align: center;
  border-top-left-radius: 30px;
}
.sec3 .main {
  position: relative;
  width: 1100px;
  height: 250px;
  margin-top: 10px;
  border-radius: 10px;
}
.sec3 .main ul li {
  position: relative;
  width: 176px;
  height: 84px;
  line-height: 24px;
  background: linear-gradient(to right, #d7a673, #c09256);
  margin: 25px 0;
  font-size: 14px;
  color: #fff;
  text-align: center;
  cursor: pointer;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 3px;
}
.sec3 .main ul li.fl {
  float: left;
  display: table;
  margin-right: 55px;
}
.sec3 .main ul li.fl p {
  display: table-cell;
  vertical-align: middle;
  height: 84px;
  font-size: 18px;
  color: #fff;
}
.sec3 .main ul li.fr {
  float: right;
  display: table;
  margin-left: 55px;
}
.sec3 .main ul li.fr p {
  display: table-cell;
  vertical-align: middle;
  height: 84px;
  font-size: 18px;
  color: #fff;
}
.sec3 .main ul li span {
  position: absolute;
  bottom: 3px;
  left: 0;
  display: block;
  width: 40px;
  height: 32px;
  background: url("/layouts/img/examrd/firm-i10.png") no-repeat center;
}
.sec3 .main ul li span.number1 {
  background-image: url("/layouts/img/examrd/firm-i1.png");
}
.sec3 .main ul li span.number2 {
  background-image: url("/layouts/img/examrd/firm-i2.png");
}
.sec3 .main ul li span.number3 {
  background-image: url("/layouts/img/examrd/firm-i3.png");
}
.sec3 .main ul li span.number4 {
  background-image: url("/layouts/img/examrd/firm-i4.png");
}
.sec3 .main ul li span.number5 {
  background-image: url("/layouts/img/examrd/firm-i5.png");
}
.sec3 .main ul li span.number6 {
  background-image: url("/layouts/img/examrd/firm-i6.png");
}
.sec3 .main ul li span.number7 {
  background-image: url("/layouts/img/examrd/firm-i7.png");
}
.sec3 .main ul li span.number8 {
  background-image: url("/layouts/img/examrd/firm-i8.png");
}
.sec3 .main ul li span.number9 {
  background-image: url("/layouts/img/examrd/firm-i9.png");
}
.sec3 .main ul li p {
  position: relative;
  padding: 0 20px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.sec3 .main ul li p b {
  position: absolute;
  top: 30px;
  left: 16px;
  display: none;
}
.sec3 .main ul li p b.two {
  top: 18px;
  left: 16px;
}
.sec3 .main ul li:hover {
  background: url("/layouts/img/examrd/firm-b3.png") no-repeat center;
}
.sec3 .main ul li:hover span {
  display: none;
}
.sec3 .main ul li:hover p {
  padding: 0 10px 0 40px;
  text-align: left;
}
.sec3 .main ul li:hover p b {
  display: block;
}
.sec3 .main ul i.arrow-r {
  position: absolute;
  top: 36px;
  left: 196px;
  width: 15px;
  height: 12px;
  background: url("/layouts/img/examrd/firm-a1.png") no-repeat center;
}
.sec3 .main ul i.arrow-d {
  position: absolute;
  bottom: -35px;
  left: 80px;
  width: 12px;
  height: 15px;
  background: url("/layouts/img/examrd/firm-a2.png") no-repeat center;
}
.sec3 .main ul i.arrow-l {
  position: absolute;
  top: 36px;
  right: 196px;
  width: 15px;
  height: 12px;
  background: url("/layouts/img/examrd/firm-a3.png") no-repeat center;
}
.sec4 {
  height: 500px;
  background: url("/layouts/img/examrd/firm-b6.png") no-repeat center;
  overflow: hidden;
}
.sec4 .content {
  text-align: center;
}
.sec4 h2 {
  margin-top: 20px;
  font-size: 28px;
  color: #fff;
}
.sec4 ul {
  display: flex;
  justify-content: space-between;
  align-content: center;
  height: 252px;
  margin-top: 20px;
}
.sec4 li {
  width: 350px;
  height: 316px;
  min-height: 250px;
  background: url("/layouts/img/examrd/firm-b5.png") no-repeat right bottom #fff;
  overflow: hidden;
  margin-right: 35px;
  border-radius: 10px;
}
.sec4 li h4 {
  height: 78px;
  line-height: 78px;
  background-color: #6176ce;
  font-size: 20px;
  color: #fff;
  font-weight: bold;
  text-align: center;
}
.sec4 li p {
  height: 154px;
  line-height: 26px;
  padding: 20px 35px 0;
  font-size: 16px;
  color: #333;
  text-align: center;
}
.sec4 li a {
  display: block;
  width: 204px;
  height: 35px;
  line-height: 35px;
  border: 1px solid #5e59cd;
  margin: 10px auto 20px;
  font-size: 14px;
  color: #5e59cd;
  text-align: center;
  box-shadow: 0 5px 15px #e1e1ea;
  border-radius: 30px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}