.content_wrapper {
  width: 100%;
  background: #5cd9e1 url(../images/bg.png) no-repeat center top;
  background-size: cover;
  padding-bottom: 20px;
}
.content_wrapper .banner {
  width: 100%;
  height: 670px;
  position: relative;
  padding-top: 80px;
}
.content_wrapper .banner .ruler {
  width: 77px;
  height: 71px;
  background: url(../images/ruler.png) no-repeat;
  background-size: 100% 100%;
  position: absolute;
  top: 112px;
  right: 65px;
}
.content_wrapper .banner .boy {
  width: 323px;
  height: 422px;
  background: url(../images/ren.png) no-repeat;
  background-size: 100% 100%;
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 5;
}
.content_wrapper .banner .book {
  width: 885px;
  height: 150px;
  background: url(../images/book.png) no-repeat;
  background-size: 100% 100%;
  position: absolute;
  left: 50%;
  bottom: 120px;
  transform: translate(-50%, 0);
  z-index: 4;
}
.content_wrapper .banner .b_time {
  color: #fff;
  font-size: 40px;
  font-family: FZLTCHGBK;
  text-align: center;
}
.content_wrapper .banner .b_topic {
  width: 864px;
  height: 107px;
  background: url(../images/topic.png?v_1) no-repeat;
  background-size: 100% 100%;
  margin: 40px auto 0;
}
.content_wrapper .banner .b_sub {
  width: 556px;
  height: 64px;
  background: url(../images/sub.png) no-repeat;
  background-size: 100% 100%;
  color: #fff;
  font-size: 32px;
  font-family: FZLTHGBK;
  text-align: center;
  line-height: 64px;
  margin: 20px auto 0;
}
.content_wrapper .banner .b_sub span {
  color: #ffd013;
  font-family: FZLTHGBK;
}
.content_wrapper .banner .b_list {
  width: 100%;
  padding: 0 315px 0 255px;
  margin-top: 36px;
  position: relative;
  z-index: 6;
}
.content_wrapper .banner .b_list .bl_item {
  background: url(../images/b_icon.png) no-repeat;
  background-size: 22px 22px;
  padding-left: 28px;
  color: #fff;
  font-size: 24px;
  font-family: FZLTHGBK;
}
.content_wrapper .cw_box {
  width: 1200px;
  background: #fff;
  box-shadow: 0 0 5px #8c8c8c;
  border-radius: 10px;
  position: relative;
  margin-top: -190px;
  z-index: 8;
  padding: 56px 40px 24px;
}
.content_wrapper .cw_box .cb_tit {
  color: #313131;
  font-size: 40px;
  font-family: FZLTTHGBK;
  text-align: center;
}
.content_wrapper .cw_box .cb_tit2 {
  margin-top: 90px;
}
.content_wrapper .cw_box .cb_tit3 {
  margin-top: 74px;
}
.content_wrapper .cw_box .cb_tit4 {
  margin-top: 65px;
}
.content_wrapper .cw_box .cb_tit5 {
  margin-top: 86px;
}
.content_wrapper .cw_box .cb_tit6 {
  margin-top: 94px;
}
.content_wrapper .cw_box .cb_tit7 {
  margin-top: 86px;
}
.content_wrapper .cw_box .cb_sub {
  width: 472px;
  height: 44px;
  background: url(../images/t_sub.png) no-repeat;
  background-size: 100% 100%;
  text-align: center;
  line-height: 44px;
  margin: 20px auto 0;
  color: #0c0c0c;
  font-size: 26px;
  font-family: FZLTHGBK;
}
.content_wrapper .cw_box .c1_box {
  width: 100%;
  margin-top: 40px;
}
.content_wrapper .cw_box .c1_box .c1b_item .c1bi_tit {
  color: #1d1d1d;
  font-size: 23px;
  font-family: FZLTCHGBK;
  text-align: center;
}
.content_wrapper .cw_box .c1_box .c1b_item .c1bi_con {
  width: 360px;
  height: 326px;
  background: #fff;
  border-radius: 10px;
  box-shadow: 0 0 25px rgba(51, 51, 51, 0.18);
  margin-top: 18px;
  text-align: center;
}
.content_wrapper .cw_box .c1_box .c1b_item .c1bi_con .cc_img {
  width: 100%;
  height: 280px;
}
.content_wrapper .cw_box .c1_box .c1b_item .c1bi_con .cc_txt {
  display: inline-block;
  padding: 0 28px;
  height: 32px;
  background: #f1f1f1;
  border-radius: 18px;
  text-align: center;
  line-height: 32px;
  color: #1d1d1d;
  font-size: 18px;
  font-family: FZLTHGBK;
}
.content_wrapper .cw_box .c2_box {
  width: 1140px;
  background: #fff;
  border-radius: 10px;
  box-shadow: 0 0 25px rgba(51, 51, 51, 0.18);
  padding: 10px 20px 36px;
  margin: 36px auto 0;
}
.content_wrapper .cw_box .c2_box .c2b_inner .c2b_item {
  width: 362px;
  height: 1112px;
  background: url(../images/p2_item.png) no-repeat;
  background-size: 100% 100%;
  position: relative;
}
.content_wrapper .cw_box .c2_box .c2b_inner .c2b_item .c2bi_tit {
  width: 100%;
  height: 92px;
  color: #153854;
  font-size: 26px;
  font-family: FZLTHGBK;
  text-align: center;
  line-height: 32px;
  padding-top: 20px;
}
.content_wrapper .cw_box .c2_box .c2b_inner .c2b_item .c2bi_tit span {
  font-family: FZLTCHGBK;
}
.content_wrapper .cw_box .c2_box .c2b_inner .c2b_item .c2bi_con {
  width: 100%;
  padding-top: 20px;
}
.content_wrapper .cw_box .c2_box .c2b_inner .c2b_item .c2bi_con .c2bic_t {
  width: 119px;
  height: 39px;
  background: url(../images/p2_tit.png) no-repeat;
  background-size: 100% 100%;
  color: #153854;
  font-size: 20px;
  font-family: FZLTCHGBK;
  text-align: center;
  line-height: 39px;
  margin: 10px 0;
}
.content_wrapper .cw_box .c2_box .c2b_inner .c2b_item .c2bi_con p {
  color: #153854;
  font-size: 18px;
  font-family: FZLTHGBK;
  padding: 0 22px;
  line-height: 36px;
}
.content_wrapper .cw_box .c2_box .c2b_inner .c2b_item .c2bi_con p span {
  font-family: FZLTCHGBK;
}
.content_wrapper .cw_box .c2_box .c2b_inner .c2b_item .c2bi_con .pb {
  font-size: 20px;
  font-family: FZLTCHGBK;
}
.content_wrapper .cw_box .c2_box .c2b_inner .c2b_item .c2bi_con .pb_click {
  font-size: 20px;
  font-family: FZLTCHGBK;
  cursor: pointer;
}
.content_wrapper .cw_box .c2_box .c2b_inner .c2b_item .c2bi_con .pb_click:hover {
  color: #fe1720;
}
.content_wrapper .cw_box .c2_box .c2b_inner .c2b_item .c2bi_con .listen {
  width: 178px;
  height: 46px;
  position: absolute;
  left: 50%;
  bottom: 22px;
  transform: translate(-50%, 0);
  background: url(../images/p2_btn.png) no-repeat;
  background-size: 100% 100%;
  text-align: center;
  line-height: 46px;
  color: #fff;
  font-size: 22px;
  font-family: FZLTCHGBK;
  overflow: hidden;
  transition: all 0.15s ease-in;
}
.content_wrapper .cw_box .c2_box .c2b_inner .c2b_item .c2bi_con .listen::before {
  content: ' ';
  position: absolute;
  background: #fff;
  width: 25px;
  height: 46px;
  top: 0;
  left: -45px;
  opacity: 0.3;
  -webkit-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
  -webkit-transform: skewX(-25deg);
  transform: skewX(-25deg);
}
.content_wrapper .cw_box .c2_box .c2b_inner .c2b_item .c2bi_con .listen:hover {
  background: url(../images/p2_btn_act.png) no-repeat;
  background-size: 100% 100%;
}
.content_wrapper .cw_box .c2_box .c2b_inner .c2b_item .c2bi_con .listen:hover::before {
  width: 45px;
  left: 225px;
}
.content_wrapper .cw_box .c3_box {
  width: 100%;
  margin-top: 30px;
}
.content_wrapper .cw_box .c3_box .c3b_l {
  width: 547px;
  height: 442px;
  background: url(../images/p3_l.png) no-repeat;
  background-size: 100% 100%;
  position: relative;
  padding-top: 40px;
}
.content_wrapper .cw_box .c3_box .c3b_l .c3bl_gril {
  width: 106px;
  height: 95px;
  background: url(../images/gril.png) no-repeat;
  background-size: 100% 100%;
  position: absolute;
  left: 52px;
  top: -10px;
}
.content_wrapper .cw_box .c3_box .c3b_l .c3bl_tit {
  color: #e8181f;
  font-size: 30px;
  font-family: FZLTCHGBK;
  text-align: center;
}
.content_wrapper .cw_box .c3_box .c3b_l .c3bl_box {
  width: 100%;
  height: 354px;
  margin-top: 10px;
  padding: 0 25px;
}
.content_wrapper .cw_box .c3_box .c3b_l .c3bl_box .cb_item {
  width: 234px;
  height: 148px;
  background: #fff;
  border-radius: 10px;
  padding-top: 18px;
}
.content_wrapper .cw_box .c3_box .c3b_l .c3bl_box .cb_item .cbi_tit {
  width: 178px;
  height: 46px;
  background: url(../images/p3_btn.png) no-repeat;
  background-size: 100% 100%;
  color: #fff;
  font-size: 22px;
  font-family: FZLTCHGBK;
  margin: 0 auto;
  text-align: center;
  line-height: 46px;
}
.content_wrapper .cw_box .c3_box .c3b_l .c3bl_box .cb_item p {
  color: #333;
  font-size: 17px;
  font-family: FZLTHGBK;
  text-align: center;
  line-height: 30px;
  margin-top: 10px;
}
.content_wrapper .cw_box .c3_box .c3b_r {
  width: 547px;
  height: 442px;
  background: url(../images/p3_r.png) no-repeat;
  background-size: 100% 100%;
  padding-top: 40px;
}
.content_wrapper .cw_box .c3_box .c3b_r .c3br_tit {
  color: #002b29;
  font-size: 30px;
  font-family: FZLTCHGBK;
  text-align: center;
}
.content_wrapper .cw_box .c3_box .c3b_r .c3br_box {
  width: 100%;
  height: 354px;
  margin-top: 10px;
  padding: 0 25px;
  background: url(../images/p3_rimg.png) no-repeat center;
  background-size: 452px 238px;
}
.content_wrapper .cw_box .c4_box {
  width: 1124px;
  height: 687px;
  background: url(../images/p4_bg.png?v_1) no-repeat;
  background-size: 100% 100%;
  margin: 24px auto 0;
  padding: 46px 0;
}
.content_wrapper .cw_box .c4_box .c4b_btn {
  width: 100%;
  padding: 0 104px;
}
.content_wrapper .cw_box .c4_box .c4b_btn .c4bb_item {
  width: 180px;
  height: 54px;
  background: #171f50;
  border-radius: 27px;
  text-align: center;
  line-height: 54px;
  color: #fff;
  font-size: 30px;
  font-family: FZLTTHGBK;
  cursor: pointer;
}
.content_wrapper .cw_box .c4_box .c4b_btn .active {
  background: url(../images/p4_btn.png) no-repeat;
  background-size: 100% 100%;
}
.content_wrapper .cw_box .c4_box .c4b_img {
  width: 1121px;
  height: 236px;
  background: url(../images/rank.png?v_1) no-repeat;
  background-size: 100% 100%;
  margin: 77px auto 0;
}
.content_wrapper .cw_box .c4_box .c4b_con {
  width: 100%;
  margin-top: 17px;
}
.content_wrapper .cw_box .c4_box .c4b_con .c4bc_item {
  display: none;
}
.content_wrapper .cw_box .c4_box .c4b_con .c4bc_item .ci_in {
  padding: 0 46px;
}
.content_wrapper .cw_box .c4_box .c4b_con .c4bc_item .ci_in .c4bci_child {
  width: 182px;
  height: 210px;
  background: #fff;
  border-radius: 10px;
  padding: 32px 11px 0;
}
.content_wrapper .cw_box .c4_box .c4b_con .c4bc_item .ci_in .c4bci_child p {
  color: #313131;
  font-size: 18px;
  font-family: FZLTHGBK;
  line-height: 32px;
  padding-left: 15px;
  text-indent: -22px;
}
.content_wrapper .cw_box .c4_box2 {
  width: 1075px;
  height: 566px;
  background: url(../images/p4_img.png) no-repeat;
  background-size: 100% 100%;
  margin: 10px auto 0;
}
.content_wrapper .cw_box .c5_box {
  width: 1124px;
  height: 534px;
  background: url(../images/p5_bg.png) no-repeat;
  background-size: 100% 100%;
  margin: 22px auto 0;
  padding: 30px 50px 0;
}
.content_wrapper .cw_box .c5_box .c5b_tit {
  color: #1f1f1f;
  font-size: 36px;
  font-family: FZLTCHGBK;
  text-align: center;
}
.content_wrapper .cw_box .c5_box .c5b_sub {
  color: #1f1f1f;
  font-size: 25px;
  font-family: FZLTCHGBK;
  text-align: center;
  margin-top: 10px;
}
.content_wrapper .cw_box .c5_box .c5b_box {
  width: 455px;
  padding-top: 28px;
  margin-top: 12px;
}
.content_wrapper .cw_box .c5_box .c5b_box .c5bb_t {
  width: 292px;
  height: 43px;
  border-radius: 21px;
  text-align: center;
  line-height: 43px;
  color: #1f1f1f;
  font-size: 25px;
  font-family: FZLTCHGBK;
  margin: 0 auto;
}
.content_wrapper .cw_box .c5_box .c5b_box .c5bb_tl {
  background: #5edae3;
}
.content_wrapper .cw_box .c5_box .c5b_box .c5bb_tr {
  background: #ffed82;
}
.content_wrapper .cw_box .c5_box .c5b_box .c5bb_list {
  padding-left: 90px;
  margin-top: 24px;
}
.content_wrapper .cw_box .c5_box .c5b_box .c5bb_list .c5bbl_item {
  color: #262626;
  font-size: 22px;
  font-family: FZLTHGBK;
  padding-left: 33px;
  background: url(../images/circle.png) no-repeat left center;
  background-size: 12px 12px;
  line-height: 40px;
}
.content_wrapper .cw_box .c5_box .c5b_box .c5bb_b {
  width: 310px;
  height: 55px;
  border-radius: 27px;
  background: #fe1720;
  text-align: center;
  line-height: 55px;
  color: #fff;
  font-size: 24px;
  font-family: FZLTCHGBK;
  margin: 40px auto 0;
  overflow: hidden;
  transition: all 0.15s ease-in;
  position: relative;
  cursor: pointer;
}
.content_wrapper .cw_box .c5_box .c5b_box .c5bb_b::before {
  content: ' ';
  position: absolute;
  background: #fff;
  width: 25px;
  height: 55px;
  top: 0;
  left: -45px;
  opacity: 0.3;
  -webkit-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
  -webkit-transform: skewX(-25deg);
  transform: skewX(-25deg);
}
.content_wrapper .cw_box .c5_box .c5b_box .c5bb_b:hover {
  background: #fe2e36;
}
.content_wrapper .cw_box .c5_box .c5b_box .c5bb_b:hover::before {
  width: 45px;
  left: 355px;
}
.content_wrapper .cw_box .c6_box {
  width: 100%;
  margin-top: 38px;
}
.content_wrapper .cw_box .c6_box .c6b_item {
  width: 258px;
  height: 150px;
  padding-top: 30px;
}
.content_wrapper .cw_box .c6_box .c6b_item .c6bi_tit {
  color: #1d1d1d;
  font-size: 24px;
  font-family: FZLTCHGBK;
  text-align: center;
}
.content_wrapper .cw_box .c6_box .c6b_item .c6bi_txt {
  color: #1d1d1d;
  font-size: 18px;
  font-family: FZLTHGBK;
  text-align: center;
  margin-top: 10px;
}
.content_wrapper .cw_box .c6_box .c6b_item .c6bi_btn {
  width: 140px;
  height: 30px;
  background: url(../images/p6_btn.png) no-repeat;
  background-size: 100% 100%;
  color: #1d1d1d;
  line-height: 30px;
  font-size: 18px;
  font-family: FZLTHGBK;
  text-align: center;
  margin: 10px auto 0;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
}
.content_wrapper .cw_box .c6_box .c6b_item .c6bi_btn:hover {
  background: url(../images/p6_btn_act.png) no-repeat;
  background-size: 100% 100%;
  color: #fff;
}
.content_wrapper .cw_box .c6_box .c6b_item_odd {
  background: #fff5dc;
}
.content_wrapper .cw_box .c6_box .c6b_item_even {
  background: #f6f6f6;
}
.content_wrapper .cw_box .c6_box .c6b_item:nth-child(-n+4) {
  margin-bottom: 42px;
}
.content_wrapper .cw_box .c7_box {
  width: 100%;
  margin-top: 30px;
}
.content_wrapper .cw_box .c7_box .c7b_item {
  width: 264px;
  height: 167px;
  background: url(../images/p7_item.png) no-repeat;
  background-size: 100% 100%;
  padding-top: 12px;
  position: relative;
}
.content_wrapper .cw_box .c7_box .c7b_item .c7bi_num {
  position: absolute;
  top: 18px;
  right: 32px;
}
.content_wrapper .cw_box .c7_box .c7b_item .c7bi_num1 {
  width: 42px;
  height: 40px;
  background: url(../images/p7_01.png) no-repeat;
  background-size: 100% 100%;
}
.content_wrapper .cw_box .c7_box .c7b_item .c7bi_num2 {
  width: 48px;
  height: 40px;
  background: url(../images/p7_02.png) no-repeat;
  background-size: 100% 100%;
}
.content_wrapper .cw_box .c7_box .c7b_item .c7bi_num3 {
  width: 48px;
  height: 40px;
  background: url(../images/p7_03.png) no-repeat;
  background-size: 100% 100%;
}
.content_wrapper .cw_box .c7_box .c7b_item .c7bi_num4 {
  width: 49px;
  height: 40px;
  background: url(../images/p7_04.png) no-repeat;
  background-size: 100% 100%;
}
.content_wrapper .cw_box .c7_box .c7b_item .c7bi_num5 {
  width: 50px;
  height: 40px;
  background: url(../images/p7_05.png) no-repeat;
  background-size: 100% 100%;
}
.content_wrapper .cw_box .c7_box .c7b_item .c7bi_num6 {
  width: 50px;
  height: 40px;
  background: url(../images/p7_06.png) no-repeat;
  background-size: 100% 100%;
}
.content_wrapper .cw_box .c7_box .c7b_item .c7bi_num7 {
  width: 44px;
  height: 40px;
  background: url(../images/p7_07.png) no-repeat;
  background-size: 100% 100%;
}
.content_wrapper .cw_box .c7_box .c7b_item .c7bi_num8 {
  width: 49px;
  height: 40px;
  background: url(../images/p7_08.png) no-repeat;
  background-size: 100% 100%;
}
.content_wrapper .cw_box .c7_box .c7b_item .c7bi_tit {
  color: #1d1d1d;
  font-size: 24px;
  font-family: FZLTCHGBK;
  padding-left: 36px;
}
.content_wrapper .cw_box .c7_box .c7b_item .c7bi_tbox {
  width: 235px;
  height: 114px;
  background: #f6f6f6;
  position: absolute;
  left: 50%;
  top: 42px;
  transform: translate(-50%, 0);
}
.content_wrapper .cw_box .c7_box .c7b_item .c7bi_tbox .c7bi_txt {
  width: 170px;
  height: 77px;
  background: #55d5de;
  border-radius: 10px;
  color: #1f2323;
  font-size: 18px;
  font-family: FZLTCHGBK;
  text-align: center;
  line-height: 27px;
}
.content_wrapper .cw_box .c7_box .c7b_item:nth-child(-n+4) {
  margin-bottom: 22px;
}
.content_wrapper .cw_box .cb_btn {
  display: block;
  width: 391px;
  height: 54px;
  background: url(../images/t_btn.png) no-repeat;
  background-size: 100% 100%;
  margin: 36px auto 0;
  text-align: center;
  line-height: 54px;
  color: #fff;
  font-size: 24px;
  font-family: FZLTCHGBK;
  overflow: hidden;
  transition: all 0.15s ease-in;
  position: relative;
}
.content_wrapper .cw_box .cb_btn::before {
  content: ' ';
  position: absolute;
  background: #fff;
  width: 25px;
  height: 54px;
  top: 0;
  left: -45px;
  opacity: 0.3;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  -webkit-transform: skewX(-25deg);
  transform: skewX(-25deg);
}
.content_wrapper .cw_box .cb_btn:hover {
  background: url(../images/t_btn_act.png) no-repeat;
  background-size: 100% 100%;
}
.content_wrapper .cw_box .cb_btn:hover::before {
  width: 45px;
  left: 435px;
}
.bot {
  width: 100%;
  height: 100px;
  background: url(../images/bottom.png) no-repeat;
  background-size: 100% 100%;
}
.bot .bot_gril {
  width: 105px;
  height: 111px;
  background: url(../images/b_gril.png) no-repeat;
  background-size: 100% 100%;
  position: absolute;
  left: 168px;
  bottom: 0;
}
.bot .bot_list {
  width: 490px;
  height: 100%;
  margin: 0 auto;
}
.bot .bot_list .bl_item {
  width: 110px;
  height: 88px;
  background: #5cd9e1;
  border-radius: 5px;
}
.bot .bot_list .bl_item img {
  width: 88px;
  height: 100%;
}
.bot .bot_list .bl_item span {
  color: #153854;
  font-size: 12px;
  font-family: FZLTHGBK;
  writing-mode: vertical-lr;
  text-align: center;
  line-height: 22px;
}
.side_nav {
  width: 166px;
  height: 409px;
  background: url(../images/side_nav.png) no-repeat;
  background-size: 100% 100%;
  position: fixed;
  left: 0;
  top: 50%;
  margin-top: -205px;
  padding-top: 23px;
  z-index: 99;
}
.side_nav .sn_close {
  width: 24px;
  height: 24px;
  background: url(../images/close.png) no-repeat;
  background-size: 100% 100%;
  cursor: pointer;
  position: absolute;
  top: 0;
  right: 0;
}
.side_nav .sn_tit {
  width: 166px;
  height: 70px;
  color: #fff;
  font-size: 24px;
  font-family: FZLTCHGBK;
  text-align: center;
  line-height: 28px;
  padding-top: 8px;
}
.side_nav .sn_list {
  padding-top: 15px;
}
.side_nav .sn_list .snl_item a {
  display: block;
  width: 113px;
  height: 34px;
  background: #b0f1f6;
  border-radius: 10px;
  text-align: center;
  line-height: 34px;
  color: #161616;
  font-size: 14px;
  font-family: FZLTHGBK;
  margin: 0 auto 10px;
}
.side_nav .sn_list .snl_item1 a {
  background: url(../images/sn_item1.png) no-repeat;
  background-size: 100% 100%;
  color: #0b3686;
  font-family: FZLTCHGBK;
  text-align: left;
  padding-left: 40px;
}
.side_nav .sn_list .snl_item2 a {
  background: url(../images/sn_item2.png) no-repeat;
  background-size: 100% 100%;
  color: #0b3686;
  font-family: FZLTCHGBK;
  text-align: left;
  padding-left: 40px;
}
.side_nav .sn_top {
  width: 62px;
  height: 62px;
  background: url(../images/circle.png) no-repeat;
  background-size: 100% 100%;
  margin: 12px auto 0;
  cursor: pointer;
  text-align: center;
  line-height: 62px;
  color: #f63c32;
  font-size: 18px;
  font-family: FZLTCHGBK;
}