.active .qh_icon_a span:first-of-type,
.active .qh_icon_a span:last-of-type,
.qh_icon .active .qh_icons,
.qh_icon .qh_icons,
.qh_icon_a span:last-of-type,
.qh_title .active,
.qh_icon_a span:first-of-type,
.active .qh_icon_a span,
.zw,
.zw:hover,
.zw:hover img,
.zw img,
.xx:hover .btn2::after,
.xx:hover .xx_r h4,
.cl:hover,
.cl:hover::after,
.cl:hover p,
.cl:hover span,
.cl,
.cl::after,
.cl p,
.cl span,
.xx:hover .xx_l img,
.xx:hover,
.xx .btn2::after,
.cx2_btn li,
.cx2_btn li:hover,
.zw button,
.zw h6,
.zw:hover h6,
.zw:hover button,
.cx2_btn li p,
.cx2_btn li:hover p,
.xq_btn ul li a,
.xq_btn ul li:hover a,
.xq_rb .xqs h6,
.xq_rb .xqs:hover h6,
.xx .xx_r h4,
.imgs,
.imgsi,
.cpzx_nav2b .swpr_btn:hover::after,
.videos,
.video,
.qh_btn > div span,
.qh_btn > div:hover span,
.cpzx_nav2b .swpr_btn::after,
.zxb:hover .zxb_t,
.zxb:hover .zxb_t p,
.zxb:hover .zxb_t::after,
.zxb:hover .zxb_t p i,
.zxb:hover .zxb_t p span,
.zxb .zxb_t,
.zxb .zxb_t p,
.zxb .zxb_t::after,
.zxb .zxb_t p i,
.zxb .zxb_t p span,
.cpzx_nav2b .active::after,
.cl_nav ul li:hover a,
.cpzx_nav2b .swpr_btn:hover,
.cpzx_nav2b .swpr_btn,
.cl_nav ul li a,
.xx .xx_l img,
.xx,
.cx2_r .active,
.cx2_r .cx2_swpr,
.cpzx_nav li:hover a,
.rn:hover,
.rn:hover p::after,
.rn:hover p span,
.rn:hover h6,
.rn,
.rn p::after,
.rn p span,
.rn h6,
.cpzx_nav li a,
.cpzx_nav li:hover,
.images,
.images_a,
.search_list p,
.search_list p i,
.search_list p span,
.search_list p:hover,
.search_list p:hover i,
.search_list p:hover span,
.cpzx_nav li,
.backs li,
.style_nav li,
.style_nav li:hover {
  transition: all 0.6s cubic-bezier(0.35, 0.75, 0.55, 1);
  -webkit-transition: all 0.6s cubic-bezier(0.35, 0.75, 0.55, 1);
  -moz-transition: all 0.6s cubic-bezier(0.35, 0.75, 0.55, 1);
  -o-transition: all 0.6s cubic-bezier(0.35, 0.75, 0.55, 1);
  -ms-transition: all 0.6s cubic-bezier(0.35, 0.75, 0.55, 1);
}
.style_banner {
  position: relative;
}
.style_banner img {
  width: 100%;
  height: auto;
}

.style_nav {
  border-top: 1px solid #d5d5d5;
  border-bottom: 2px solid #8ec31f;
}

.style_nav li {
  display: inline-block;

  height: 50px;
  line-height: 50px;
}

.style_nav li a {
  font-size: 15px;
  color: #282828;
  padding: 0 30px;
  display: inline-block;
  box-sizing: border-box;
}
.style_nav .active,
.style_nav li:hover {
  background-color: #8ec31f;
}

.style_nav .active a,
.style_nav li:hover a {
  color: #fff;
}

.qyjj_main1 {
  /* padding-top: 80px; */
}

.qyjj_main1 .title2::before,
.qywh_main1 .title2::before {
  display: none;
}

/* 数字滚动 */
.fl {
  float: left;
}

.fr {
  float: right;
}

.none {
  display: none;
}

/* .inrow {
      font-size: 0;
  [;
      font-size: 12px;
  ];
      *font-size: 0;
      font-family: arial;
  [;
      letter-spacing: -3px;
  ];
      *letter-spacing: normal;
      *word-spacing: -1px;
  } */

.inrow > li,
.inrow span {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  font-size: 14px;
  letter-spacing: normal;
  word-spacing: normal;
}

/* #Number_roll_1,#Number_roll_2,#Number_roll_3 {
      position: absolute;
      top: 50%;
      display: block;
      width: 100%;
      height: 75px;
      margin-top: -37px;
      text-align: center;
  } */

.Number_roll_1 .dataOne,
.Number_roll_2 .dataOne,
.Number_roll_3 .dataOne,
.Number_roll_4 .dataOne,
.Number_roll_5 .dataOne,
.Number_roll_6 .dataOne {
  width: 22px;
  height: 55px;
  text-align: center;
  background: url(../images/num-bg.png) no-repeat;
}
.cx2_swpr {
  padding-top: 90px;
}
.Number_roll_1 .dataBoc,
.Number_roll_2 .dataBoc,
.Number_roll_3 .dataBoc,
.Number_roll_4 .dataBoc,
.Number_roll_5 .dataBoc,
.Number_roll_6 .dataBoc {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.Number_roll_1 .dataBoc .tt,
.Number_roll_2 .dataBoc .tt,
.Number_roll_3 .dataBoc .tt,
.Number_roll_4 .dataBoc .tt,
.Number_roll_5 .dataBoc .tt,
.Number_roll_6 .dataBoc .tt {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-transition: all 2s ease-in-out;
  transition: all 2s ease-in-out;
  -o-transition: all 2s ease-in-out;
  -ms-transition: all 2s ease-in-out;
  -moz-transition: all 2s ease-in-out;
}
.Number_roll_1 .tt span,
.Number_roll_2 .tt span,
.Number_roll_3 .tt span,
.Number_roll_4 .tt span,
.Number_roll_5 .tt span,
.Number_roll_6 .tt span {
  width: 100%;
  height: auto;
  font: 400 55px/55px "ss";
  color: #8ec31f;
}

.qj_t {
  padding: 0 200px;
  box-sizing: border-box;
}
.qj_ts {
  width: 33.33333%;
  display: inline-block;
  text-align: center;
  padding-top: 90px;
}

.qj_ts:nth-of-type(2) {
  background: url(../images/qj_03.png) no-repeat center 20px;
  background-size: auto auto;
}

.qj_ts:nth-of-type(1) {
  background: url(../images/qj_06.png) no-repeat center 34px;
  background-size: auto auto;
}

.qj_ts:nth-of-type(3) {
  background: url(../images/qj_09.png) no-repeat center 34px;
  background-size: auto auto;
}

.qj_ts p {
  font-size: 17px;
  color: #6b6a6a;
  padding-top: 20px;
}

.qj_text p {
  padding-top: 46px;
  font-size: 17px;
  color: #6b6a6a;
  line-height: 34px;
  text-indent: 34px;
}
.qj_text p:last-of-type {
  padding-bottom: 44px;
}

.qj_b .t_btn {
  margin-top: 0;
  background: url(../images/icon_07.png) no-repeat center center;
  background-size: 100% 100%;
}
.xwzx_main1_t {
  overflow: hidden;
}
.qj_b {
  padding-bottom: 70px;
}

.gywn_t {
  padding-top: 80px;
  overflow: hidden;
}

.qywh_main1 {
  position: relative;
  overflow: hidden;
}

.qh_t {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
}
.qh_t::before {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background-color: rgba(255, 255, 255, 0.5);
  position: absolute;
  left: 0;
  top: 436px;
}
.qh_icon .qh_icons {
  width: 210px;
  height: 5px;
  background-color: #8ec31f;
  display: inline-block;
  margin: 0 auto;
  opacity: 0;
}
.qh_icon .active .qh_icons {
  opacity: 1;
}
.qh_icon {
  width: 80%;
  padding-top: 50px;
  position: relative;
  margin: 0 auto;
}

.qh_icon > div {
  display: inline-block;
  width: 28%;
  margin-right: 8%;
  text-align: center;
  position: relative;
  cursor: pointer;
}
.qh_icon > div:last-of-type {
  margin-right: 0;
}

.qh_icon p {
  font-size: 18px;
  color: #fff;
  padding-top: 130px;
  padding-bottom: 46px;
}
.qh_icon_a {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.qh_icon_a span {
  width: 100%;
  display: block;
  position: absolute;
}
.qh_icon_a span:first-of-type {
  opacity: 1;
}
.qh_icon_a span:last-of-type {
  opacity: 0;
}

.qh_icon > div:hover .qh_icon_a span:first-of-type {
  opacity: 0;
}
.qh_icon > div:hover .qh_icon_a span:last-of-type {
  opacity: 1;
}
.active .qh_icon_a span:first-of-type {
  opacity: 0;
}
.active .qh_icon_a span:last-of-type {
  opacity: 1;
}
.qh_icon .active p {
  color: #8ec31f;
  font-weight: bold;
}
.qh_title {
  padding-top: 70px;
  position: relative;
}
.qh_title p {
  width: 100%;
  font-size: 24px;
  color: #fff;
  text-align: center;
  line-height: 40px;
  position: absolute;
  opacity: 0;
  letter-spacing: 3px;
}
.qh_title .active {
  opacity: 1;
}
.qh_b {
  position: relative;
}
.qh_b p img {
  width: 100%;
}
.qh_b p {
  display: none;
}
.qh_b .active {
  display: block;
}
.qh_t .title2 {
  color: #fff;
}

.qh_btn {
  text-align: center;
  padding-top: 110px;
}

.qh_btn > div {
  width: 40px;
  height: 40px;
  line-height: 40px;
  border: 1px solid #c2c2c2;
  text-align: center;
  display: inline-block;
  box-sizing: border-box;
  margin: 0 12px;
  cursor: pointer;
}
.qh_btn span {
  font-size: 16px;
  color: #9c9c9c;
}
.qh_btn_l span {
  transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  display: inline-block;
}
.xx {
  padding: 40px 0;
  border-bottom: 1px solid #e4e4e4;
  box-sizing: border-box;
  position: relative;
}
.xx div {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  z-index: 100;
}
.xx > a {
  font-size: 0;
}
.xx_l {
  width: 31%;
  overflow: hidden;
}
.xx_l img {
  width: 100%;
}
.xx_r {
  width: 69%;
  padding-left: 70px;
  box-sizing: border-box;
}
.xx_r .btn2 {
  margin: 0;
}
.xx_r h3 i {
  font-size: 30px;
  color: #000;
}
.xx_r h3 span {
  font-size: 18px;
  color: #868686;
  padding-left: 10px;
}
.xx_r h4 {
  font-size: 20px;
  color: #000;
  padding: 16px 0 12px 0;
}
.xx_r p {
  font-size: 16px;
  color: #868686;
  line-height: 28px;
  /* padding: 0 20px; */
  box-sizing: border-box;
  margin-bottom: 20px;
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
}

.xx:hover {
  background-color: #f5f5f5;
}
.xx:hover .xx_l img {
  transform: scale(1.4);
}
.xx:hover .xx_r h4 {
  color: #99c935;
}
.xx:hover .btn2::after {
  width: 100%;
}

.xx:last-of-type {
  border: none;
}

.xwzx_main1_b {
  padding: 80px 0;
  text-align: center;
}
.xwzx_main1_b ul,
.xwzx_main1_b ol {
  display: inline-block;
  vertical-align: middle;
}
.xwzx_main1_b ol {
  padding-left: 20px;
  font-size: 0;
}
.xwzx_main1_b li {
  display: inline-block;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  border: 1px solid #c2c2c2;
  margin: 0 10px;
}
.xwzx_main1_b .active,
.xwzx_main1_b li:hover {
  background-color: #8ec31f;
  border: 1px solid transparent;
}
.xwzx_main1_b .active a,
.xwzx_main1_b .active span,
.xwzx_main1_b li:hover a,
.xwzx_main1_b li:hover span {
  color: #fff;
}

.xwzx_main1_b li a,
.xwzx_main1_b li a span {
  font-size: 16px;
  color: #afafaf;
}

.xwzx_main1_b ol li:first-of-type span {
  display: inline-block;
  transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
}

.xwzx_main2 .newBox > div {
  display: inline-block;
  vertical-align: top;
}

.xq_l {
  width: 70%;
  padding-bottom: 100px;
  padding-right: 50px;
  box-sizing: border-box;
}
.xq_r {
  width: 30%;
  padding-left: 50px;
  border-left: 1px solid #f1f1f1;
}

.xq_lt h4 {
  font-size: 30px;
  color: #282828;
}
.xq_lt p {
  font-size: 14px;
  color: #282828;
  font-family: "Arial";
  padding-top: 20px;
  padding-bottom: 40px;
}
.xq_lt {
  position: relative;
}
.xq_lt::before {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background-color: #dddddd;
  position: absolute;
  bottom: 0;
  left: 0;
}
.xq_lt::after {
  content: "";
  display: block;
  width: 60px;
  height: 3px;
  background-color: #94c42f;
  position: absolute;
  bottom: -1px;
  left: 0;
}
.xq_lb {
  padding-bottom: 80px;
  border-bottom: 1px solid #dddddd;
}

.xq_lb p {
  padding-top: 40px;
  font-size: 16px;
  color: #282828;
  line-height: 30px;
  text-indent: 2em;
  overflow: hidden;
}
.xq_lb p iframe{width: 100%;height: 400px;display: block;}

.xq_lb p strong{font-size: 16px;font-weight: bold;}
.xq_lb p video{width: 100%;display: block;text-indent: -2em;}
.xq_lb p img{
  width: 100% !important;
  height: auto !important;
  height: auto;
  margin-left: -2em;
}
.xq_lb .img {
  padding-top: 30px;
}
.img img {
  width: 100%;
}
.img > div {
  width: 49%;
  margin-right: 2%;
  display: inline-block;
  vertical-align: middle;
}
.img p {
  font-size: 16px;
  color: #656565;
  padding-top: 18px;
  text-align: center;
  text-indent: 0;
}
.img > div:last-of-type {
  margin-right: 0;
}

.xq_btn ul,
.xq_btn ol {
  display: inline-block;
}
.xq_btn ul {
  width: 80%;
}
.xq_btn ul li a {
  font-size: 16px;
  color: #6e6e6e;
  line-height: 34px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.xq_btn ol {
  width: 20%;
  vertical-align: bottom;
  text-align: right;
}
.xq_btn ol li a {
  width: 160px;
  height: 34px;
  line-height: 34px;
  text-align: center;
  border-radius: 17px;
  background-color: #ccc;
  color: #000;
}
.xq_btn ol li a span {
  font-size: 18px;
  vertical-align: middle;
}
.xq_btn ol li a i {
  font-size: 16px;
  vertical-align: middle;
  padding-left: 10px;
}
.xq_btn ol li:hover a {
  background: #8ec31f;
  color: #fff;
}
.xq_btn ul li:hover a {
  color: #8ec31f;
}
.xq_btn {
  padding-top: 30px;
}
.xq_rt {
  padding-bottom: 28px;
}
.xq_rt a {
  width: 100%;
  height: 40px;
  line-height: 40px;
  text-align: center;
  background-color: #8ec31f;
  color: #fff;
  font-size: 18px;
}

.xq_rb .xqs {
  padding: 26px 0;
  border-top: 1px solid #dddddd;
}
.xq_rb .xqs:first-of-type {
  border: none;
}
.xq_rb .xqs:hover h6 {
  color: #8ec31f;
}
.xq_rb p {
  font-size: 16px;
  color: #868686;
  padding-bottom: 6px;
}
.xq_rb h6 {
  font-size: 16px;
  color: #000;
  line-height: 24px;
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
}
.xq_rb .btn2 {
  margin: 0;
  margin-top: 20px;
}

.cpzx_main1 {
  border-top: 2px solid #8ec31f;
}
.cpzx_main1 .title2::before {
  display: none;
}
.cpzx_nav {
  padding-top: 30px;
  text-align: center;
}
.cpzx_nav li {
  display: inline-block;
  width: 168px;
  height: 36px;
  line-height: 36px;
  text-align: center;
  vertical-align: middle;
  border: 1px solid #ebebeb;
  margin: 0 10px;
}
.cpzx_nav li a {
  font-size: 16px;
  color: #282828;
}

.cpzx_nav .active {
  background-color: #8ec31f;
}
.cpzx_nav .active a {
  color: #fff;
}
.cpzx_nav2 {
  text-align: center;
  padding: 30px 0;
}
.cpzx_nav2s {
  width: 16.6666666%;
  display: inline-block;
  padding: 6px;
  position: relative;
  border-bottom: 3px solid transparent;
  vertical-align: middle;
  margin: 0;
}
.cpzx_nav2s::after {
  content: "";
  width: 1px;
  height: 55%;
  background-color: #e5e5e5;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -o-transform: translateY(-50%);
}
.cpzx_nav2s:last-of-type::after,
.cpzx_nav2 .active::after {
  display: none;
}

.cpzx_nav2s img {
  display: inline-block;
  vertical-align: middle;
  padding-right: 10px;
}
.cpzx_nav2s i {
  display: inline-block;
  vertical-align: middle;
  font-size: 16px;
  color: #777777;
}
.cpzx_nav2s img {
  display: none;
}
.cpzx_nav2 .cpzx_nav2s img:first-of-type {
  display: inline-block;
}
.cpzx_nav2 .active img:last-of-type,
.cpzx_nav2 .cpzx_nav2s:hover img:last-of-type {
  display: inline-block;
}
.cpzx_nav2 .active img:first-of-type,
.cpzx_nav2 .cpzx_nav2s:hover img:first-of-type {
  display: none;
}

.cpzx_nav2b .cpzx_nav2s img:first-of-type {
  display: inline-block;
}
.cpzx_nav2b .active img:last-of-type,
.cpzx_nav2b .cpzx_nav2s:hover img:last-of-type {
  display: inline-block;
}
.cpzx_nav2b .active img:first-of-type,
.cpzx_nav2b .cpzx_nav2s:hover img:first-of-type {
  display: none;
}

.cpzx_nav2 .active,
.cpzx_nav2s:hover {
  background-color: #fff !important;
  border: 1px solid #ebebeb;
  border-bottom: 2px solid #8ec31f;
}
.cpzx_nav2b .cpzx_nav2s:hover {
  background-color: #f5f5f5 !important;
}
.backs .cpzx_nav2s:hover {
  border-bottom: 2px solid #31b1a3;
}
.cpzx_list .index_cz {
  width: 23.5%;
  margin-right: 2%;
  margin-bottom: 2%;
  display: inline-block;
  position: relative;
  overflow: hidden;
  box-sizing: border-box;
  vertical-align: top;
}
.cpzx_list .index_cz:nth-of-type(4n) {
  margin-right: 0;
}
.index_cz img {
  width: 80%;
  height: 80%;
}
.index_cz {
  height: auto;
  position: relative;
  text-align: center;
  border: 1px solid #dadada;
  background-color: rgba(243, 243, 243);
  padding-bottom: 20px;
}

.index_cz .swpr_title {
  background-color: #8ec31f;
}

.backs .index_cz .swpr_title {
  background-color: #31b1a3;
}

.cpzl_main1 {
  position: relative;
  overflow: hidden;
}
.cpzl_main1 .title2 {
  color: #fff;
}
.cpzl_main1 img {
  width: 100%;
  height: auto;
}
.cpzl_main1 .title2::before {
  display: none;
}
.cpzl_main1_t {
  padding-top: 70px;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}

.cl_search {
  height: 56px;
  margin-top: 30px;
  position: relative;
}
.cl_search input {
  width: 85%;
  height: 100%;
  padding-left: 90px;
  border: 1px solid #8ec31f;
  box-sizing: border-box;
  font-size: 16px;
  color: #aaaaaa;
  vertical-align: middle;
  outline: none;
}
.cl_search input.active {
  box-shadow: inset 2px 2px 10px #637936;
}
.cl_search button {
  width: 15%;
  height: 100%;
  background-color: #8ec31f;
  font-size: 18px;
  color: #fff;
  vertical-align: middle;
}

.cl_search span {
  font-size: 30px;
  color: #8ec31f;
  position: absolute;
  top: 52%;
  transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  left: 40px;
  font-weight: bold;
}
.cl_nav {
  padding: 30px;
  box-sizing: border-box;
}
.cl_nav ul li {
  width: 14.28%;
  text-align: center;
  display: inline-block;
  vertical-align: middle;
  position: relative;
}
.cl_nav ul li::after {
  content: "";
  display: block;
  position: absolute;
  width: 1px;
  height: 100%;
  background-color: #fff;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -o-transform: translateY(-50%);
}
.cl_nav ul li:last-of-type::after {
  display: none;
}
.cl_nav ul li a {
  font-size: 16px;
  color: #fff;
}
.cl_nav .active a {
  color: #8ec31f;
}
.cl_nav ul li:hover a {
  color: #8ec31f;
}

.cpzl_main2 {
  padding: 42px 0 82px 0;
  overflow: hidden;
}
.cl {
  height: 56px;
  line-height: 56px;
  overflow: hidden;
  position: relative;
  border-bottom: 1px dotted #ccc;
}
.cl::after {
  content: "";
  display: block;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background-color: #c9c9c9;
  position: absolute;
  left: 22px;
  top: 50%;
  transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -o-transform: translateY(-50%);
}
.cl > div {
  height: 100%;
  display: inline-block;
}
.cl_l {
  width: 70%;
  padding-left: 40px;
  box-sizing: border-box;
}
.cl_l p {
  font-size: 16px;
  color: #282828;
}
.cl_r {
  width: 30%;
  float: right;
  text-align: right;
}
.cl_r p {
  display: inline-block;
  font-size: 16px;
  color: #282828;
  vertical-align: middle;
  padding-right: 50px;
}

.cl_r a {
  width: auto;
  vertical-align: middle;
  display: inline-block;
  padding-right: 30px;
}
.cl_r a span {
  font-size: 24px;
  color: #b7c0cb;
}

.cl:hover {
  background-color: #99c935;
}
.cl:hover::after {
  background-color: #fff;
}
.cl:hover p,
.cl:hover span {
  color: #fff;
}

.cpzx_nav2b {
  padding: 32px 0 46px 0;
  box-sizing: border-box;
  text-align: center;
}
.cpzx_nav2b .swpr_btn {
  border: 1px solid transparent;
  border-bottom: 2px solid transparent;
}
.cpzx_nav2b .active {
  background-color: #f5f5f5;
  border-bottom: 2px solid #8ec31f;
}
.cpzx_nav2b .active::after {
  display: none;
}
.cpzx_nav1t .active {
  background-color: #8ec31f;
}

.cpzx2_main1_list {
  padding: 90px 0 61px 0;
}
.cpzx2_main1_list > div {
  display: inline-block;
  vertical-align: top;
}
.cpzx2_main11 {
  background-color: #f5f5f5;
}
.cx2_l {
  width: 45%;
}
.cx2_r {
  width: 55%;
}

.cx2_l h4 {
  font-size: 30px;
  font-weight: bold;
  color: #8ec31f;
}
.cx2_l h5 {
  font-size: 20px;
  font-weight: bold;
  color: #282828;
  padding-top: 40px;
  padding-bottom: 30px;
}
.cx2_l p{position: relative;}
.cx2_l p i {
  font-size: 16px;
  color: #282828;
  line-height: 30px;
  vertical-align: middle;
  display: inline-block;
  padding-left: 28px;
  display: block;
  opacity: .8;
}
.cx2_l p span {
  /* display: inline-block;
  vertical-align: middle; */
  width: 10px;
  height: 10px;
  /* position: relative; */
  position: absolute;
  left: 0;
  top: 11px;
}
.cx2_l p span::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0%;
  left: 0%;
  background-color: #8ec31f;
}
.cx2_l p span::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 30%;
  left: 30%;
  background-color: #dddddd;
}

.cx2_l_btn {
  width: 162px;
  height: 44px;
  line-height: 44px;
  text-align: center;
  background-color: #005eac;
  margin-top: 90px;
}
.cpzx2_main1_list {
  position: relative;
}
.cx2_l_btn i,
.cx2_l_btn span {
  font-size: 16px;
  color: #fff;
  vertical-align: middle;
  display: inline-block;
}
.cx2_l_btn i {
  padding-left: 10px;
}

.cx2_swpr_b {
  position: relative;
}
.cx2_r {
  height: 100%;
  position: absolute;
  top: 0;
}
.cx2_swpr_b img,
.cx2_swpr_t img {
  height: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  -ms-transform: translateY(-50%) translateX(-50%);
  -o-transform: translateY(-50%) translateX(-50%);
  -moz-transform: translateY(-50%) translateX(-50%);
  -webkit-transform: translateY(-50%) translateX(-50%);
}
.cx2_swpr_t img {
  top: 55%;
}
.cx2_swpr_b img {
  /* max-width: 50%; */
  width: auto;
  height: 90%;
}
.cx2_swpr_t img {
  max-width: 70%;
}
.cx2_r .swiper-container {
  height: 100%;
}
.cx2_swpr {
  width: 100%;
  height: 100%;
  position: absolute;
  transform: scale(0);
}
.cx2_r .active {
  transform: scale(1);
}

.cx2_swpr_t {
  height: 76%;
}
.cx2_swpr_b {
  height: 14%;
}
.cx2_swpr_t a {
  background-color: #f5f5f5;
}

.cx2_swpr_b .swiper-slide {
  background-color: #fff;
  border: 1px solid transparent;
  box-sizing: border-box;
}
.cx2_swpr_b .active {
  border: 1px solid #8ec31f;
}
.cx2_swpr_b .swiper-button-prev,
.cx2_swpr_b .swiper-button-next {
  background-image: none;
  width: 16px;
  height: 100%;
  background-color: #8ec31f;
  margin: 0;
  text-align: center;
}
.cx2_swpr_b .swiper-button-disabled {
  background-color: rgba(0, 0, 0, 0.4);
}
.cx2_swpr_b .swiper-button-prev {
  top: 0;
  left: -24px;
}
.cx2_swpr_b .swiper-button-next {
  right: 0;
  top: 0;
}
.cx2_swpr_b .swiper-button-prev span,
.cx2_swpr_b .swiper-button-next span {
  color: #fff;
  font-size: 12px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  -ms-transform: translateY(-50%) translateX(-50%);
  -o-transform: translateY(-50%) translateX(-50%);
  -moz-transform: translateY(-50%) translateX(-50%);
  -webkit-transform: translateY(-50%) translateX(-50%);
}
.cx2_swpr_b .swiper-button-prev {
  transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
}

.cx2_btn {
  position: absolute;
  z-index: 100;
  top: 90px;
  right: 0;
}
.cx2_btn li {
  padding: 4px 18px;
  display: inline-block;
  box-sizing: border-box;
  border: 1px solid #d3d3d3;
  margin-right: 6px;
  cursor: pointer;
}
.cx2_btn li:last-of-type {
  margin: 0;
}
.cx2_btn li p {
  display: inline-block;
  vertical-align: middle;
  padding-right: 8px;
  font-size: 16px;
  color: #282828;
}
.cx2_btn li img {
  max-width: 100%;
  display: inline-block;
  vertical-align: middle;
}

.cx2_btn li:hover,
.cx2_btn .active {
  background-color: #8ec31f;
  border: 1px solid transparent;
}

.cx2_btn li:hover p,
.cx2_btn .active p {
  color: #fff;
}

.cpzx_xq {
  padding-top: 40px;
}
.cxxq_b{border-bottom: 1px solid #dddddd;}
.cxxq_bs1 {
  padding: 40px 0 70px 0;
}

.cxxq_t {
  background-color: #f5f5f5;
}
.cxxq_t li {
  width: 16.2%;
  margin-right: 0.555555%;
  text-align: center;
  background-color: #dadada;
  display: inline-block;
}
.cxxq_t li:last-of-type {
  margin-right: 0;
}

.cxxq_t li a {
  color: #282828;
  font-size: 16px;
  line-height: 44px;
}
.cxxq_t .active {
  background-color: #8ec31f;
}
.cxxq_t .active a {
  color: #fff;
}
.cxxq_bs1 img {
  max-width: 100%;
  height: auto;
}
.cxxq_bs h4 {
  position: relative;
  color: #282828;
  font-size: 16px;
  font-weight: bold;
  padding-left: 20px;
  margin-bottom: 20px;
}

.cxxq_bs h4::after {
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  position: absolute;
  top: 50%;
  left: 0%;
  background-color: #8ec31f;
  transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
}
.cxxq_bs h4::before {
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  position: absolute;
  top: 60%;
  left: 3px;
  background-color: #dddddd;
  transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
}
.cxxq_bs {
  display: none;
}
.cxxq_b .active {
  display: block;
}

.cxxq_bs2 {
  padding: 40px 0 70px 0;
}
.cxxq_bs2_table td h2,
.cxxq_bs2_table th {
  background-color: #8ec31f;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
line-height:40px;
}
.cxxq_bs2_table tr {
  height: 40px;
  text-align: center;
}
.cxxq_bs2_table td strong{
  font-weight: bold;
  font-size: 16px;
}
.cxxq_bs2_table td {
  font-size: 14px;
  color: #282828;
}
.cxxq_bs2_table i {
  display: inline-block;
  vertical-align: middle;
}
.cxxq_bs2_table span {
  display: inline-block;
  width: 34px;
  height: 14px;
  border: 1px solid #e1e1e1;
  box-sizing: border-box;
  vertical-align: middle;
  margin-left: 10px;
}

.te1 {
  background-color: #655e91;
}

.te3 {
  background-color: #eabace;
}

.cxxq_bs3 {
  padding: 40px 0 70px 0;
}

.cxxq_bs3 h4::after {
  background-color: transparent;
  border: 2px solid #8ec31f;
  border-radius: 50%;
  box-sizing: border-box;
  top: 51%;
}
.cxxq_bs3 h4::before {
  width: 16px;
  height: 16px;
  background-color: transparent;
  border: 1px solid #8ec31f;
  box-sizing: border-box;
  border-radius: 50%;
  top: 51%;
  left: -3px;
}
.cxxq_bs3_list p{line-height: 30px;}

.cxxq_bs3_list .cxlt {
  width: 13%;
  height: 60px;
  line-height: 60px;
  margin-right: 1.49%;
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  border: 1px solid #e3e3e3;
  margin-bottom: 10px;
  text-align: center;
}

.cxxq_bs3_list .cxlt:nth-of-type(7n) {
  margin-right: 0;
}
.cxlt_img {
  /* width: 38%; */
  display: inline-block;
  text-align: right;
  vertical-align: middle;
}

.cxlt_img img {
  max-width: 100%;
  display: none;
}
.cxlt_img img:first-of-type {
  display: inline-block;
}
.cxlt p {
  /* width: 62%; */
  display: inline-block;
  font-size: 16px;
  color: #282828;
  vertical-align: middle;
  padding-left: 10%;
  box-sizing: border-box;
}

.cpzx_nav2b .swpr_btn img:first-of-type {
  display: inline-block;
}
.cpzx_nav2b .swpr_btn img:last-of-type {
  display: none;
}

.cpzx_nav2b .active img:first-of-type {
  display: none;
}
.cpzx_nav2b .active img:last-of-type {
  display: inline-block;
}
.cpzx_nav2b .active::after {
  opacity: 0;
}
.cpzx_nav2b .swpr_btn:hover {
  background-color: #f5f5f5;
  border-bottom: 2px solid #8ec31f;
}
.cpzx_nav2b .swpr_btn:hover::after {
  opacity: 0;
}
.cpzx_nav2b .swpr_btn:hover img:first-of-type {
  display: none;
}

.cpzx_nav2b .swpr_btn:hover img:last-of-type {
  display: inline-block;
}
.qh_icon_a span img{
  max-width: 100%;
}

.cpzx_nav li:hover {
  background-color: #8ec31f;
}
.cpzx_nav li:hover a {
  color: #fff;
}

.zcfw2 {
  padding-top: 30px;
  overflow: hidden;
}

.zw {
  padding: 40px 0;
  border-bottom: 1px solid #e4e4e4;
  cursor: pointer;
}
.zcfw2 .zw:last-of-type {
  border: none;
}
.zw > div {
  display: inline-block;
  vertical-align: middle;
  overflow: hidden;
}
.zw:hover {
  background-color: #f5f5f5;
}
.zw:hover img {
  transform: scale(1.4);
  -ms-transform: scale(1.4);
  -moz-transform: scale(1.4);
  -webkit-transform: scale(1.4);
}
.zw_l {
  width: 45%;
  position: relative;
}
.zw_l::after{
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  background: url(/thems/dmt/images/abc.png) no-repeat center center;
  background-size: auto;
  position: absolute;
  left: 50%;
  top: 50%;
  
  transform: translateY(-50%) translateX(-50%);
  -ms-transform: translateY(-50%) translateX(-50%);
  -moz-transform: translateY(-50%) translateX(-50%);
  -webkit-transform: translateY(-50%) translateX(-50%);
  -o-transform: translateY(-50%) translateX(-50%);      
}
.zw_l img {
  width: 100%;
  height: auto;
}
.zw_r {
  width: 55%;
  padding-left: 54px;
  box-sizing: border-box;
}
.zw_r h6 {
  font-size: 20px;
  color: #000;
}
.zw_r p {
  font-size: 16px;
  color: #868686;
  line-height: 32px;
  padding: 24px 0;
}
.zw_r span {
  display: block;
  font-size: 16px;
  color: #868686;
}
.zw_r button {
  width: 182px;
  height: 42px;
  background-color: #ccc;
  color: #282828;
  font-size: 16px;
  margin-top: 0;
  outline: none;
}
.zw:hover button {
  background-color: #8ec31f;
  color: #fff;
}
.video {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background-color: rgba(255, 255, 255, 0.8);
  transform: scale(0);
  -o-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -webkit-transform: scale(0);
  opacity: 0;
  z-index: 100;
}
.videos {
  transform: scale(1);
  -o-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -webkit-transform: scale(1);
  opacity: 1;
}
.video video {
  width: 50%;
  height: auto;
  background-color: rgba(0,0,0);
  background-image: url(/thems/dmt/images/abc.png);
  background-repeat: no-repeat;
  background-position: center center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  -ms-transform: translateY(-50%) translateX(-50%);
  -o-transform: translateY(-50%) translateX(-50%);
  -moz-transform: translateY(-50%) translateX(-50%);
  -webkit-transform: translateY(-50%) translateX(-50%);
  opacity: 0;
  z-index: 10;
}
.video .active {
  opacity: 1;
  z-index: 100;
}
.video_btn {
  width: 60px;
  height: 60px;
  line-height: 60px;
  text-align: center;
  border-radius: 50%;
  background-color: #8ec31f;
  position: absolute;
  top: 16%;
  left: 80%;
  transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  cursor: pointer;
}
.video_btn span {
  font-size: 36px;
  color: #fff;
}

.lxwn_main1 {
  padding-top: 80px;
  padding-bottom: 50px;
}

.lxwn_main1 .title2::before {
  display: none;
}
.lxwn_map {
  padding-top: 20px;
  position: relative;
}
.lxwn_map img {
  width: 100%;
  height: auto;
  opacity: .8;
}
.lxwn_map_text {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.zw:hover h6 {
  color: #8ec31f;
}
.map {
  cursor: pointer;
  position: absolute;
}
.map1 {
  left: 38%;
  top: 40%;
}

.map2 {
  left: 68%;
  top: 41%;
}

.map3 {
  left: 77%;
  top: 39%;
}

.map4 {
  left: 78%;
  top: 47%;
}

.map p {
  padding: 4px 16px;
  display: inline-block;
  vertical-align: middle;
  background-color: #8ec31f;
  color: #fff;
}
.map span {
  vertical-align: middle;
  display: inline-block;
  width: 34px;
  height: 34px;
  line-height: 34px;
  text-align: center;
  position: relative;
  margin: 0 10px;
}
.map span::after {
  content: "";
  width: 100%;
  height: 100%;
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  -o-transform: translateY(-50%) translateX(-50%);
  -ms-transform: translateY(-50%) translateX(-50%);
  -moz-transform: translateY(-50%) translateX(-50%);
  -webkit-transform: translateY(-50%) translateX(-50%);
  border: 1px solid #b9da73;
  box-sizing: border-box;
  border-radius: 50%;
}

.map span i {
  display: inline-block;
  width: 16px;
  height: 16px;
  border: 1px solid #8bc01e;
  box-sizing: border-box;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  -o-transform: translateY(-50%) translateX(-50%);
  -ms-transform: translateY(-50%) translateX(-50%);
  -moz-transform: translateY(-50%) translateX(-50%);
  -webkit-transform: translateY(-50%) translateX(-50%);
  border-radius: 50%;
  z-index: 200;
}
.map span i::after {
  content: "";
  width: 80%;
  height: 80%;
  display: inline-block;
  background-color: #8bc01e;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  -o-transform: translateY(-50%) translateX(-50%);
  -ms-transform: translateY(-50%) translateX(-50%);
  -moz-transform: translateY(-50%) translateX(-50%);
  -webkit-transform: translateY(-50%) translateX(-50%);
  border-radius: 50%;
}

.map_swpr {
  width: 85%;
  background-color: rgba(255, 255, 255, 0.9);
  padding: 60px 70px 0px 70px;
  box-sizing: border-box;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  -o-transform: translateY(-50%) translateX(-50%);
  -ms-transform: translateY(-50%) translateX(-50%);
  -moz-transform: translateY(-50%) translateX(-50%);
  -webkit-transform: translateY(-50%) translateX(-50%);
  display: none;
  z-index: 300;
}

.map_swpr_l {
  width: 40%;
  display: inline-block;
  vertical-align: middle;
}
.map_swpr_r {
  width: 60%;
  display: inline-block;
  vertical-align: middle;
  padding-left: 60px;
  box-sizing: border-box;
}

.map_swpr_r h6 {
  font-size: 24px;
  color: #282828;
  padding-bottom: 30px;
}
.map_swpr_r p .iconfont {
  width: 10%;
  color: #d2d2d3;
  font-size: 18px;
  vertical-align: top;
  padding-right: 0;
  display: inline-block;
  box-sizing: border-box;
  padding-top: 6px;
  text-align: center;
}
.map_swpr_r p i {
  display: inline-block;
  vertical-align: top;
  font-size: 14px;
  line-height: 30px;
  padding-left: 60px;
  box-sizing: border-box;
  position: relative;
  color: #282828;
  width: 90%;
}
.map_swpr_r p i span {
  color: #9f9f9f;
  position: absolute;
  left: 0;
}

.map_swpr .swiper-container {
  padding-bottom: 50px;
  border-bottom: 1px solid #dcdcdc;
}

.map_swpr .swiper-button-prev,
.map_swpr .swiper-button-next {
  width: 40px;
  height: 40px;
  text-align: center;
  line-height: 40px;
  background-image: none;
  border: 1px solid #c2c2c2;
  box-sizing: border-box;
  vertical-align: middle;
  display: inline-block;
  position: relative;
  margin: 36px 0;
}
.map_swpr .swiper-button-prev span,
.map_swpr .swiper-button-next span {
  color: #c2c2c2;
  font-size: 16px;
}
.map_swpr .swiper-button-prev {
  margin-left: 30%;
  transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
}
.map_swpr .swiper-button-next {
  margin-left: 2%;
}

.swiper_x {
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  display: inline-block;
  margin-left: 5%;
  vertical-align: middle;
  transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  cursor: pointer;
}

.swiper_x span {
  font-size: 28px;
  font-weight: bold;
  color: #434243;
}

.lxwn_main2 {
  position: relative;
  border-bottom: 6px solid #8ec31f;
}
.lxwn_main2 > img {
  width: 100%;
}

.lxwn_login {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}

.login {
  padding-top: 70px;
  width: 60%;
  display: inline-block;
}
.login h6 {
  font-size: 18px;
  color: #fff;
  padding-top: 14px;
}
.login > span {
  width: 36px;
  height: 4px;
  background-color: #8ec31f;
  display: block;
  margin: 40px 0;
}
.login_ips {
  margin-bottom: 10px;
}
.login_ips input {
  width: 48%;
  height: 44px;
  margin-right: 4%;
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  text-indent: 20px;
  border-radius: 10px;
  border: none;
  outline: none;
  font-size: 16px;
}
.login_ips input:nth-of-type(2n) {
  margin-right: 0;
}

.login textarea {
  width: 100%;
  height: 180px;
  margin: 0px;
  border-radius: 10px;
  border: none;
  list-style: none;
  outline: none;
  resize: none;
  padding: 26px 0 0 20px;
  box-sizing: border-box;
  font-size: 16px;
}
.login_ips3 {
  position: relative;
  margin: 0;
}
.login_ips3 button {
  width: 168px;
  height: 38px;
  background-color: #8ec31f;
  font-size: 14px;
  border-radius: 10px;
  color: #fff;
  border: none;
  outline: none;
  position: absolute;
  bottom: 8px;
  right: 8px;
}

.login_r {
  width: 468px;
  height: 290px;
  background: rgba(142, 195, 31, 0.9);
  box-sizing: border-box;
  display: inline-block;
  vertical-align: bottom;
  border-radius: 10px;
  text-align: center;
  padding: 44px 100px;
  display: none;
}

.login_r span {
  font-size: 80px;
  color: #fff;
}
.login_r h6 {
  font-size: 20px;
  color: #fff;
  padding: 26px 0 20px 0;
}
.login_r p {
  font-size: 14px;
  color: #fff;
  opacity: 0.6;
}
.zpxx_lb {
  overflow: hidden;
}

.rcln_main1 {
  padding: 80px 0 90px 0;
  background: url(../images/rcln_02.jpg) no-repeat center center;
  background-size: 100% 100%;
  overflow: hidden;
}

.rcln_main1 .title2::before {
  display: none;
}

.rcln_main1_list {
  padding-top: 40px;
}
.rcln_main1_list > div {
  display: inline-block;
  vertical-align: top;
}

.rn {
  width: 23%;
  margin-right: 2.666666%;
  padding: 40px 0;
  box-sizing: border-box;
  text-align: center;
  border: 1px solid #dadada;
}
.rn:last-of-type {
  margin-right: 0;
}
.rn p {
  width: 126px;
  height: 146px;
  line-height: 146px;
  text-align: center;
  display: inline-block;
  position: relative;
  margin-bottom: 10px;
}

.rn p::after {
  content: "";
  display: inline-block;
  width: 100%;
  height: 100%;
  background: url(../images/rcln_03.png) no-repeat center center;
  background-size: 100% 100%;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 1;
}
.rn p::before {
  content: "";
  display: inline-block;
  width: 100%;
  height: 100%;
  background: url(../images/rcln_05.png) no-repeat center center;
  background-size: 100% 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.rn p span {
  font-size: 40px;
  position: relative;
  z-index: 200;
  color: #fff;
}
.rn h6 {
  font-size: 16px;
  line-height: 24px;
  color: #585858;
}

.rn i {
  width: 14px;
  height: 14px;
  position: relative;
  display: inline-block;
  border-radius: 50%;
  border: 1px solid #8bc01e;
  margin-top: 30px;
}
.rn i::before {
  content: "";
  display: inline-block;
  width: 80%;
  height: 80%;
  background-color: #8bc01e;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  -o-transform: translateY(-50%) translateX(-50%);
  -ms-transform: translateY(-50%) translateX(-50%);
  -moz-transform: translateY(-50%) translateX(-50%);
  -webkit-transform: translateY(-50%) translateX(-50%);
}
.rn i::after {
  content: "";
  display: inline-block;
  width: 80%;
  height: 80%;
  background-color: #8bc01e;
  -webkit-animation: spans2 1s ease-out;
  -moz-animation: spans2 1s ease-out;
  animation: spans2 1s ease-out;
  opacity: 0.5;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  -o-transform: translateY(-50%) translateX(-50%);
  -ms-transform: translateY(-50%) translateX(-50%);
  -moz-transform: translateY(-50%) translateX(-50%);
  -webkit-transform: translateY(-50%) translateX(-50%);
}

@keyframes spans2 {
  0% {
    transform: translateY(-50%) translateX(-50%) scale(1.4);
    -ms-transform: translateY(-50%) translateX(-50%) scale(1.4);
    -o-transform: translateY(-50%) translateX(-50%) scale(1.4);
    -moz-transform: translateY(-50%) translateX(-50%) scale(1.4);
    -webkit-transform: translateY(-50%) translateX(-50%) scale(1.4);
    opacity: 0;
  }
  25% {
    transform: translateY(-50%) translateX(-50%) scale(1.6);
    -ms-transform: translateY(-50%) translateX(-50%) scale(1.6);
    -o-transform: translateY(-50%) translateX(-50%) scale(1.6);
    -moz-transform:translateY(-50%) translateX(-50%) scale(1.6);
    -webkit-transform:translateY(-50%) translateX(-50%) scale(1.6);
    opacity: 0.1;
  }
  50% {
    transform:translateY(-50%) translateX(-50%) scale(1.3);
    -ms-transform:translateY(-50%) translateX(-50%) scale(1.8);
    -o-transform:translateY(-50%) translateX(-50%) scale(1.8);
    -moz-transform: translateY(-50%) translateX(-50%) scale(1.8);
    -webkit-transform:translateY(-50%) translateX(-50%) scale(1.8);
    opacity: 0.3;
  }
  75% {
    transform:translateY(-50%) translateX(-50%) scale(2);
    -ms-transform:translateY(-50%) translateX(-50%) scale(2);
    -o-transform:translateY(-50%) translateX(-50%) scale(2);
    -moz-transform:translateY(-50%) translateX(-50%) scale(2);
    -webkit-transform:translateY(-50%) translateX(-50%) scale(2);
    opacity: 0.5;
  }
  100% {
    transform:translateY(-50%) translateX(-50%) scale(2.2);
    -ms-transform:translateY(-50%) translateX(-50%) scale(2.2);
    -o-transform:translateY(-50%) translateX(-50%) scale(2.2);
    -moz-transform:translateY(-50%) translateX(-50%) scale(2.2);
    -webkit-transform: translateY(-50%) translateX(-50%) scale(2.2);
    opacity: 0;
  }
}

.map span i::before {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 50%;
  top: 50%;
  background: #c30d23;
  opacity: 0;
  transform: translateY(-50%) translateX(-50%);
  -ms-transform: translateY(-50%) translateX(-50%);
  -moz-transform: translateY(-50%) translateX(-50%);
  -webkit-transform: translateY(-50%) translateX(-50%);
  -o-transform: translateY(-50%) translateX(-50%);    
  border-radius: 50%;
}
.map span i::before {
  -webkit-animation: spans2 1s ease-out;
  -moz-animation: spans2 1s ease-out;
  animation: spans2 1s ease-out;
  -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

.map span i::before {
  background: #8ec31f;
  color: #fff;
}

@keyframes spans1 {
  0% {
    transform: scale(.4);
    -ms-transform: scale(.4);
    -o-transform: scale(.4);
    -moz-transform: scale(.4);
    -webkit-transform: scale(.4);
    opacity: 0;
  }
  25% {
    transform: scale(.5);
    -ms-transform: scale(.5);
    -o-transform: scale(.5);
    -moz-transform: scale(.5);
    -webkit-transform: scale(.5);
    opacity: 0.1;
  }
  50% {
    transform: scale(.6);
    -ms-transform: scale(.6);
    -o-transform: scale(.6);
    -moz-transform: scale(.6);
    -webkit-transform: scale(.6);
    opacity: 0.3;
  }
  75% {
    transform: scale(.7);
    -ms-transform: scale(.7);
    -o-transform: scale(.7);
    -moz-transform: scale(.7);
    -webkit-transform: scale(.7);
    opacity: 0.5;
  }
  100% {
    transform: scale(.8);
    -ms-transform: scale(.8);
    -o-transform: scale(.8);
    -moz-transform: scale(.8);
    -webkit-transform: scale(.8);
    opacity: 0;
  }
}
/* 
.map span i::before {
  content: "";
  display: inline-block;
  width: 100%;
  height: 100%;
  background-color: #8bc01e;
  -webkit-animation: anm 1s ease-out;
  -moz-animation: anm 1s ease-out;
  animation: anm 1s ease-out;
  opacity: 0.5;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  -o-transform: translateY(-50%) translateX(-50%);
  -ms-transform: translateY(-50%) translateX(-50%);
  -moz-transform: translateY(-50%) translateX(-50%);
  -webkit-transform: translateY(-50%) translateX(-50%);
} */
.rn:hover {
  background-color: #fff;
  border: 1px solid #99c935;
}
.rn:hover p::after {
  opacity: 0;
}
.rn:hover p span,
.rn:hover h6 {
  color: #99c935;
}

.rcln_main1_list2 {
  padding-top: 90px;
  text-align: center;
}

.rcln_main1_list2 p {
  font-size: 24px;
  color: #444444;
  line-height: 42px;
}
.rcln_main1_list2 i {
  display: inline-block;
  width: 24px;
  height: 3px;
  background-color: #8ec31f;
  margin-top: 20px;
}

.zpxx_main {
  padding-top: 80px;
  background-color: #f5f5f5;
}

.zpxx_main h2::before {
  display: none;
}

.zpxx_list {
  padding-top: 70px;
}

.zsh {
  width: 28%;
  height: 56px;
  margin-right: 2%;
  display: inline-block;
  vertical-align: middle;
}

.zsh input,
.zsh select,
.zsh_btn button {
  width: 100%;
  height: 100%;
  border: none;
  outline: none;
  border-radius: 10px;
  text-indent: 40px;
  font-size: 16px;
}
.zsh select {
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  outline: none;
  border: none;
  background-image: url(../images/iconss.png);
  background-repeat: no-repeat;
  background-position: 85% center;
  background-size: auto auto;
  background-color: #fff;
}
.zsh_btn {
  width: 10%;
  margin-right: 0;
}
.zsh_btn button {
  text-indent: 0;
  background-color: #fff;
}
.zsh_btn button span {
  font-size: 30px;
  color: #3e3e3e;
}

.zpxx_search {
  padding-bottom: 40px;
}
.zpxx_lt {
  height: 60px;
  line-height: 60px;
  background-color: #45b9ac;
  margin-bottom: 20px;
}
.zpxx_lt p,
.zxb_t p {
  width: 22.5%;
  display: inline-block;
  padding-left: 40px;
  box-sizing: border-box;
  font-size: 16px;
  text-align: center;
  color: #fff;
}

.zxb {
  margin-bottom: 10px;
}
.zxb_t {
  height: 50px;
  line-height: 50px;
  background-color: #fff;
  position: relative;
  cursor: pointer;
}
.zxb_t::after {
  content: "";
  display: inline-block;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: #313131;
  position: absolute;
  left: 26px;
  top: 50%;
  transform: translateY(-50%) translateX(-50%);
  -o-transform: translateY(-50%) translateX(-50%);
  -ms-transform: translateY(-50%) translateX(-50%);
  -moz-transform: translateY(-50%) translateX(-50%);
  -webkit-transform: translateY(-50%) translateX(-50%);
}
.zxb_t p {
  color: #313131;
}
.zxb_t p:first-of-type {
  font-weight: bold;
}
.zxb_t p:last-of-type {
  width: 10%;
  text-align: center;
}
.zxb_t p i {
  width: 24px;
  height: 24px;
  line-height: 24px;
  text-align: center;
  background-color: #bbbbbb;
  border-radius: 50%;
  display: inline-block;
}
.zxb_t p i span {
  font-size: 12px;
  color: #fff;
}
.zxb_t p i span:first-of-type {
  display: inline-block;
}
.zxb_t p i span:last-of-type {
  display: none;
}
.zxb_b {
  padding: 0 240px 50px 40px;
  box-sizing: border-box;
  display: none;
}
.zxb_b h4 {
  font-size: 16px;
  line-height: 30px;
  color: #45b9ac;
  font-weight: bold;
  margin-top: 30px;
}
.zxb_b p {
  font-size: 16px;
  line-height: 30px;
  color: #313131;
}

.zxb_b button {
  width: 166px;
  height: 38px;
  line-height: 38px;
  text-align: center;
  background-color: #45b9ac;
  margin-top: 30px;
}
.zxb_b button i {
  color: #fff;
  font-size: 14px;
  vertical-align: middle;
}
.zxb_b button i a{width: auto;color: #fff;}
.zxb_b button span {
  color: #fff;
  font-size: 18px;
  vertical-align: middle;
  margin-right: 10px;
}

.zxb:hover .zxb_t,
.active .zxb_t {
  background-color: #8ec31f;
}
.zxb:hover .zxb_t p,
.active .zxb_t p {
  color: #fff;
}
.zxb:hover .zxb_t::after,
.zxb:hover .zxb_t p i,
.active .zxb_t::after,
.active .zxb_t p i {
  background-color: #fff;
}
.zxb:hover .zxb_t p span,
.active .zxb_t p span {
  color: #bbbbbb;
}
.active .zxb_t p i span:first-of-type {
  display: none;
}
.active .zxb_t p i span:last-of-type {
  display: inline-block;
}

.index_cxzx li {
  background-color: #fff;
}
.index_cxzx .active {
  background-color: #8ec31f;
}

.swpr {
  display: none;
}
.index_main2 .actives {
  display: block;
}

.backs .title2 p,
.backs .cx2_l h4,
.backs .btn2 i,
.backs .btn2 span {
  color: #31b1a3;
}
.backs .cx2_l p span::after,
.backs .cxxq_bs h4::after,
.backs .cxxq_bs2_table th,
.backs .cxxq_bs2_table td h2,
.backs .btn2::after,
.backs .title2::after,
.backs .cpzx_nav .active,
.backs ul .active,
.backs li:hover,
.backs .cpzx_nav li:hover {
  background-color: #31b1a3;
}
.backs .cxxq_bs h4::after {
  border: 2px solid #31b1a3;
}
.backs .cxxq_bs3 h4::before {
  border: 1px solid #31b1a3;
}

.backs li:hover a {
  color: #fff;
}

.backs .cx2_l p span::after {
  width: 60%;
  height: 60%;
  left: 50%;
  top: 50%;
  border-radius: 50%;
  transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
}
.backs .cx2_l p span::before {
  width: 120%;
  height: 120%;
  left: 50%;
  top: 50%;
  border: 1px solid #31b1a3;
  background: transparent;
  border-radius: 50%;
  transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
}
.cx2_swpr_b{
  padding-right: 26px;
  box-sizing: border-box;
}
/* .backs .cxxq_bs3 h4::after{
  border: 2px solid #31b1a3;
}
.backs .cxxq_bs3 h4::before{
  border: 1px solid #31b1a3;
} */
.backs .cpzx_nav2 .active {
  border-bottom: 2px solid #31b1a3;
}
.backs .cxlt_img img:first-of-type {
  display: none;
}
.index_main2 .cpzx_nav2 .active {
  background-color: #fff;
}
.backs .cxlt_img img:last-of-type {
  display: inline-block;
}

.cx2_swpr_t .swiper-slide {
  background-color: #f5f5f5;
  cursor: zoom-in;
}

.backs .Journalism .swiper-button-next span,
.backs .Journalism .swiper-button-prev span,
.backs .swpr_list .swiper-button-next span,
.backs .swpr_list .swiper-button-prev span {
  color: #31b1a3;
}
.backs .swpr_list .swiper-button-next,
.backs .swpr_list .swiper-button-prev,
.backs .Journalism .swiper-button-next,
.backs .Journalism .swiper-button-prev {
  background: url(../images/swps_04.png) no-repeat center center;
}

.qh_btn > div:hover {
  border: 1px solid transparent;
  background-color: #8ec31f;
}
.qh_btn > div:hover span {
  color: #fff;
}

.style_search {
  width: 100%;
  height: 50px;
  position: absolute;
  top: 58%;
  left: 0;
}
.style_search .newBox {
  height: 100%;
}
.style_search form {
  font-size: 0;
  width: 100%;
  height: 100%;
}
.style_search input {
  width: 88%;
  height: 100%;
  text-indent: 34px;
  border: none;
  outline: none;
  font-size: 14px;
  color: #bbbbbb;
}
.style_search button {
  width: 12%;
  height: 100%;
  border: none;
  outline: none;
  text-align: center;
  font-size: 30px;
  color: #fff;
  background-color: #8ec31f;
}

.search_list {
  padding-top: 60px;
}
.search_list p {
  padding: 16px 22px;
  border-bottom: 1px dashed #e2e2e2;
  box-sizing: border-box;
}
.search_list p:last-of-type {
  border: none;
}
.search_list p i {
  width: 80%;
  font-size: 16px;
  color: #333333;
  display: inline-block;
  vertical-align: middle;
}
.search_list p span {
  width: 20%;
  font-size: 16px;
  color: #333333;
  display: inline-block;
  vertical-align: middle;
  text-align: right;
}

.imgs {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background-color: rgba(160, 160, 160, 0.9);
  z-index: 100;
  transform: scale(0);
}

.imgs > .images {
  width: 80%;
  height: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  -ms-transform: translateY(-50%) translateX(-50%);
  -o-transform: translateY(-50%) translateX(-50%);
  -moz-transform: translateY(-50%) translateX(-50%);
  -webkit-transform: translateY(-50%) translateX(-50%);
}

.imgs > .images img {
  width: 100%;
  height: auto;
  display: none;
}

.imgs > .imgs_btn {
  position: absolute;
  top: 16%;
  left: 74%;
  transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  cursor: pointer;
}
.imgs > .imgs_btn span {
  font-size: 36px;
  color: #000;
}
.imgsi {
  transform: scale(1);
}
.search_list p:hover {
  background-color: #8bc01e;
}
.search_list p:hover i,
.search_list p:hover span {
  color: #fff;
}

.te4 {
  background-color: rgb(244, 244, 155);
}

.te5 {
  background-color: rgb(3, 3, 3);
}

.te6 {
  background-color: rgb(42, 194, 236);
}

.te7 {
  background-color: rgb(242, 104, 44);
}

.te0 {
  background-color: rgb(93, 159, 68);
}
.te8 {
  background-color: rgb(161, 69, 136);
}

.index_cz a > p {
  font-size: 16px;
  color: #444;
  height: 50px;
  padding: 20px 20px 0;
  box-sizing: border-box;
}
.index_cz a:hover > p {
  opacity: 0;
}
.index_cz a:hover .swpr_title {
  opacity: 0.8;
}

.index_main2 .cpzx_nav li:first-of-type:hover,
.index_main2 .cpzx_nav li:last-of-type:hover,
.cpzx_main1 .cpzx_nav #p5:hover,
.cpzx_main1 .cpzx_nav #p7:hover {
  background-color: #8ec31f;
}
.cpzx_main1 .cpzx_nav #p6:hover,
.index_main2 li:hover:nth-of-type(2) {
  background-color: #31b1a3;
}

.backs .cx2_swpr_b .active {
  border: 1px solid #31b1a3;
}
.backs .cpzx_nav2b .active {
  background-color: #f5f5f5;
  border-bottom: 2px solid #31b1a3;
}

.list_bs {
  background-color: #8ec31f;
  padding: 12px 0;
}

.list_bs p {
  display: inline-block;
  vertical-align: middle;
  color: #fff;
  font-size: 18px;
  font-weight: bold;
}
.s1 {
  width: 81.8%;
  padding-left: 40px;
  box-sizing: border-box;
}
.s2 {
  width: 8.7%;
}
.s3 {
  width: 4.5%;
}
.s4 {
  width: 5%;
}

.cpzx_xq .xq_btn {
  /* padding-top: 0; */
  padding-bottom: 30px;
}
.xq_btn li {
  background-color: transparent !important;
}

button:active {
  box-shadow: 0px 1px 5px #4a4a4a inset;
  transform: translateY(1px);
  -o-transform: translateY(1px);
  -ms-transform: translateY(1px);
  -moz-transform: translateY(1px);
  -webkit-transform: translateY(1px);
}

.images {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background-color: rgba(160, 160, 160, 0.9);
  transform: scale(0);
  z-index: 100;
}
.images_a {
  transform: scale(1);
}
.images img {
  width: 60%;
  height: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  -ms-transform: translateY(-50%) translateX(-50%);
  -moz-transform: translateY(-50%) translateX(-50%);
  -webkit-transform: translateY(-50%) translateX(-50%);
  -o-transform: translateY(-50%) translateX(-50%);
}

.images_btn {
  width: 60px;
  height: 60px;
  line-height: 60px;
  text-align: center;
  border-radius: 50%;
  background-color: #8ec31f;
  position: absolute;
  top: 16%;
  left: 80%;
  transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  cursor: pointer;
}
.images_btn span {
  font-size: 36px;
  color: #fff;
}

.mbyd_r{
  display: none;
}
.cx2Active{
  height: 240px;
}