@charset "UTF-8";/*fp-seed:bgc0vtlkxd46 responsive:vkk33qc*/

/* CSS Document */
* {
  box-sizing: border-box;
  padding: 0;
  margin: 0}

h1, h2, h3, h4, h5, h6 {
  line-height: 1}

img {
  display: block}

a:hover {
  color: #008dd9}

.top_on1 .top_t {
  top: 0px}

.top_on1 .top_c {
  background-color: #ffffff}

.top_on1 .top_c .fl img.img2 {
  opacity: 0}

.top_on1 .top_c .fl img.img1 {
  opacity: 1}

.top_on1 .menufr ul li .mu_t a {
  color: #666}

.top_on1 .menufr ul li .mu_t::before {
  background-color: #e6e6e6}

.topfr.top_on1 .topc_r a.a1 {
  background: url("../images/a5debf60_ss_01.svg") 50% no-repeat;
  background-size: 100% 100%}

.p_bg1 {
  background: #f5f8fa;
  padding-top: 0.7rem;
  margin-top: 160px}

.probox1 {
  display: flex}

.probox1 .fl {
  width: 28%;
  padding-right: 6%}

.probox1 .fl ul li {
  width: 100%;
  border-bottom: #dfe1e8 solid 1px;
  padding: 0.4rem 0;
  background: url(../images/594bcb4e_arr_r1.png) center right no-repeat;
  background-size: 0.11rem 0.19rem}

.probox1 .fl ul li a {
  display: block;
  color: #333}

.probox1 .fl ul li:last-child {
  padding: 0.2rem 0;
  text-align: center;
  background: none}

.probox1 .fl ul li:last-child a {
  display: flex;
  justify-content: center;
  align-items: center}

.probox1 .fl ul li:last-child a img {
  width: 0.19rem;
  height: auto;
  margin-left: 0.2rem}

.probox1 .fr {
  width: 72%}

.probox1 .fr h4 {
  margin-top: 0.3rem;
  line-height: 1.875}

.content-box {
  color: #333;
  background: #fff;
  width: 100%;
  padding: 0.6rem}

.content {
  margin-top: 0.4rem;
  border-top: #dfe1e8 solid 1px}

.content p {
  margin-top: 0.4rem;
  line-height: 1.75;
  color: #666}

.content p img {
  max-width: 100%}

.nbanner {
  width: 100%;
  overflow: hidden;
  position: relative}

.banner_txt {
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  display: flex;
  align-items: center;
  height: 100%;
  color: #fff}

.banner_txt h5 {
  margin-top: 0.2rem}

.banner_txt h5 b {
  display: block;
  width: 0.3rem;
  height: 0.08rem;
  background: #fff;
  opacity: 0.3;
  margin-top: 0.6rem}

.banner_txt p {
  line-height: 1.7;
  margin-top: 0.6rem;
  width: 50%}

.p_bg2 {
  background: url(../images/1efc0b07_p_bg2.jpg) top center no-repeat;
  background-size: cover}

.p_bg3 {
  background: url(../images/3dcf05b8_p_bg3.jpg) top center no-repeat;
  background-size: cover;
  padding-bottom: 1.2rem}

.submenu1 {
  width: 100%;
  min-height: 1.45rem;
  position: relative;
  top: -0.6rem}

.submenu1::before {
  height: 100%;
  background: #fff;
  box-shadow: 0 0.2rem 0.5rem rgba(206, 211, 214, 0.1);
  width: 60%;
  position: absolute;
  left: 0;
  top: 0;
  content: ""}

.submenu1 .fl {
  height: 100%;
  line-height: 1.45rem;
  background: #fff;
  box-shadow: 0 0.2rem 0.5rem rgba(206, 211, 214, 0.1);
  position: relative;
  z-index: 3}

.submenu1 .fl ul {
  display: flex}

.submenu1 .fl ul li {
  margin-right: 0.6rem}

.submenu1 .fl ul.m_ul1 li {
  margin-right: 1.6rem}

.submenu1 .fl ul.m_ul2 li {
  margin-right: 1.4rem}

.submenu1 .fl ul li a {
  color: #000}

.submenu1 .fl ul li.on a {
  background: linear-gradient(to right, #1b99bb, #8bb93c);
  -webkit-background-clip: text;
  color: transparent;
  position: relative;
  font-weight: bold}

.submenu1 .fl ul li.on a:before {
  content: "";
  width: 100%;
  height: 0.03rem;
  display: block;
  overflow: hidden;
  position: absolute;
  left: 0px;
  bottom: -0.05rem;
  background: linear-gradient(to right, #1b99bb, #8bb93c)}

.submenu1 .fr {
  margin-top: 0.6rem;
  line-height: 0.85rem;
  color: #8e9497}

.submenu1 .fr .breadthumb {
  background: url(../images/6f2019d2_home.png) center right no-repeat;
  background-size: 0.17rem;
  padding-right: 0.34rem}

.submenu1 .fr a {
  color: #8e9497}

.submenu2 .fl {
  width: 100%}

.submenu3::before {
  display: none}

.submenu2 .fr {
  margin-top: 0.2rem}

.probox2 {
  width: 100%;
  padding-top: 0.9rem}

.tit2 {
  color: #222}

.tit2 > h5 {
  text-transform: uppercase;
  font-weight: bold;
  text-align: center;
  line-height: 1;
  margin-bottom: 0.2rem}

.tit2 > h2 {
  text-transform: uppercase;
  font-weight: bold;
  text-align: center}

.probox2 .con2 {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap}

.probox2 .con2 dl {
  width: calc(50% - 0.3rem);
  background: #fff;
  border-radius: 0.06rem;
  margin-top: 0.6rem;
  overflow: hidden;
  display: flex;
  box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.05)}

.probox2 .con2 dt {
  width: 45%}

.probox2 .con2 dt img {
  width: 100%}

.probox2 .con2 dd {
  width: 55%;
  padding: 0.4rem;
  display: flex;
  flex-direction: column;
  justify-content: center}

.probox2 .con2 dd a.tit1 {
  color: #333;
  font-weight: bold}

.probox2 .con2 dd p {
  color: #666;
  margin-top: 0.2rem;
  line-height: 1.45;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden}

.probox2 .con2 dd a.more1 {
  display: flex;
  align-items: center;
  margin-top: 0.3rem}

.probox2 .con2 dd a.more1 span {
  background: linear-gradient(to right, #1b99bb 21%, #8bb93c);
  -webkit-background-clip: text;
  color: transparent}

.probox2 .con2 dd a.more1 i > img {
  margin-left: 0.2rem;
  width: 0.1rem}

.probox2 .con2 dd a.more1 i > img:nth-child(2) {
  display: none}

.probox2 .con2 dl:hover {
  background: linear-gradient(to right, #1b99bb 21%, #8bb93c)}

.probox2 .con2 dl:hover dd a.tit1 {
  color: #fff}

.probox2 .con2 dl:hover dd a.more1 span {
  background: none;
  -webkit-background-clip: text;
  color: #fff}

.probox2 .con2 dl:hover dd p {
  color: #fff;
  opacity: 0.8}

.probox2 .con2 dl:hover dd i > img:nth-child(1) {
  display: none}

.probox2 .con2 dl:hover dd i > img:nth-child(2) {
  display: block}

.pagesfr .c {
  display: inline-block}

.pagesfr a {
  float: left;
  width: 0.54rem;
  height: 0.54rem;
  display: block;
  border-radius: 50%;
  font-family: albb_medium;
  margin: 0px 0.07rem;
  color: #666;
  display: flex;
  display: -webkit-flex;
  align-items: center;
  justify-content: center}

.pagesfr span {
  float: left;
  margin: 0px 0.07rem;
  color: #666;
  line-height: 0.54rem}

.pagesfr a.a1 {
  font-family: simsun;
  font-weight: bold}

.pagesfr a.a2 {
  font-family: simsun;
  font-weight: bold}

.pagesfr {
  display: flex;
  justify-content: center;
  padding: 1.2rem 0}

.pagesfr a.on {
  background: linear-gradient(to right bottom, #8bb93c, #1b99bb);
  color: #fff}

.pagesfr a.a1 {
  position: relative;
  margin-right: 0.3rem}

.pagesfr a.a1::before {
  content: "";
  width: 100%;
  height: 100%;
  display: block;
  overflow: hidden;
  position: absolute;
  left: 0px;
  top: 0px;
  background: url("../images/ad6514f6_arr_l4.png") 50% no-repeat;
  background-size: 0.1rem}

.pagesfr a.a2 {
  position: relative;
  margin-left: 0.3rem}

.pagesfr a.a2::before {
  content: "";
  width: 100%;
  height: 100%;
  display: block;
  overflow: hidden;
  position: absolute;
  left: 0px;
  top: 0px;
  background: url("../images/5663e4be_arr_r4.png") 50% no-repeat;
  background-size: 0.1rem}

.pagesfr a:hover {
  color: #008dd9}

.probox3 {
  width: 100%;
  clear: both}

.box1 {
  display: flex;
  position: relative;
  margin-top: 0.5rem;
  padding: 0.4rem 0;
  align-items: center}

.box1:before {
  position: absolute;
  top: 0;
  right: 0;
  background: #fff;
  box-shadow: 0 0 0.5rem rgba(206, 211, 214, 0.1);
  border-radius: 0.05rem;
  content: "";
  height: 100%;
  width: 80%}

.box1 .fl, .box1 .fr {
  position: relative;
  z-index: 3}

.box1 .fl {
  width: calc(50% - 0.45rem);
  background: #fff;
  box-shadow: 0 0 0.5rem rgba(206, 211, 214, 0.5);
  border-radius: 0.05rem;
  padding: 0.4rem}

.img169 {
  position: relative;
  width: 100%;
  padding-bottom: 56.25%}

.img169 img {
  position: absolute;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover}

.box1 .fl ul.tab {
  display: flex}

.box1 .fl ul.tab li {
  width: 50%;
  border-top: solid #d6d6d6 2px;
  padding-top: 0.2rem;
  text-align: center;
  position: relative;
  cursor: pointer}

.box1 .fl ul.tab li.on:before {
  background: linear-gradient(to right, #8bb93c, #1b99bb);
  position: absolute;
  width: 100%;
  height: 2px;
  content: "";
  left: 0;
  top: -2px}

.box1 .fl ul.tab li.on a {
  background: linear-gradient(to right, #1b99bb 21%, #8bb93c);
  -webkit-background-clip: text;
  color: transparent}

.box1 .fr .c {
  padding: 0 0.6rem}

.box1 .fr ul {
  display: none}

.box1 .fr ul.on {
  display: block}

.box1 .fr ul li {
  margin-left: 0.3rem;
  padding-left: 0.3rem;
  position: relative;
  margin-top: 0.15rem}

.box1 .fr ul li:before {
  position: absolute;
  left: 0;
  top: 0.05rem;
  background: url(../images/2e53e3ca_dh.png) no-repeat;
  background-size: cover;
  width: 0.15rem;
  height: 0.15rem;
  content: ""}

.box1 .fr ul li h4 {
  font-weight: bold;
  color: #333}

.box1 .fr ul li p {
  color: #666}

.p_bg4 {
  padding: 1.2rem 0;
  background: url(../images/f86f773f_p_bg4.png) top no-repeat;
  background-size: 100% auto}

ul.app1 {
  display: flex;
  margin-top: 0.6rem}

ul.app1 li {
  width: 30%;
  border: solid #e6edf0 1px;
  background: #fff;
  border-radius: 0.05rem;
  padding: 0.5rem;
  margin-right: 5%;
  margin-top: 0.6rem}

ul.app1 li:nth-child(3n) {
  margin-right: 0}

ul.app1 li i {
  display: flex;
  width: 1.16rem;
  height: 1.16rem;
  border-radius: 50%;
  background: #f6f9fb;
  align-items: center;
  justify-content: center}

ul.app1 li i > img {
  max-width: 0.53rem}

ul.app1 li h4 {
  margin-top: 0.35rem;
  background: linear-gradient(to right, #8bb93c, #1b99bb);
  -webkit-background-clip: text;
  color: transparent;
  display: inline-block}

ul.app1 li p {
  line-height: 1.5;
  margin-top: 0.35rem}

.p_bg5 {
  background: url(../images/01c6c59c_p_bg5.jpg) center no-repeat;
  background-size: cover}

.p_bg5 .wrap_c {
  display: flex;
  justify-content: space-between}

.p_bg5 .wrap_c .fl {
  width: 50%;
  padding: 1.2rem 0}

.p_bg5 .wrap_c .fl .tit2 {
  color: #fff}

.p_bg5 .wrap_c .fl .tit2 h2 {
  text-align: left}

.p_bg5 .wrap_c .fl .tit2 h5 {
  text-align: left}

.p_bg5 .wrap_c .fr {
  width: 30%;
  border-left: solid #717070 1px;
  border-right: solid #717070 1px}

.con3 .con3_item {
  display: none}

.con3 .con3_item.on {
  display: block}

.con3 .con3_item h4 {
  color: #fff;
  margin-top: 1.2rem}

.con3 .con3_item h4 b {
  display: block;
  width: 0.4rem;
  height: 0.04rem;
  background: linear-gradient(to right, #8bb93c, #1b99bb);
  margin-top: 0.3rem}

.con3 .con3_item .p {
  line-height: 2.22;
  margin-top: 0.3rem;
  color: #fff}

.con3 .con3_item .p img {
  max-width: 100%;
  height: auto !important}

ul.adv li {
  padding: 0.5rem;
  cursor: pointer;
  color: #fff;
  border-bottom: solid #717070 1px}
ul.adv li i img {
  max-width: 0.47rem}

ul.adv li h4 {
  margin-top: 0.3rem}

ul.adv li.on {
  background: linear-gradient(to right, #8bb93c, #1b99bb)}

.p_bg6 {
  width: 100%;
  position: relative;
  padding: 1.2rem 0 0.8rem}

.p_bg6::before {
  background: linear-gradient(to right, #8bb93c, #1b99bb);
  width: 64%;
  position: absolute;
  left: 0;
  bottom: 0;
  content: "";
  height: 52%}

.p_bg6::after {
  background: url(../images/5af802f1_logo01.png) no-repeat;
  width: 4.28rem;
  position: absolute;
  left: 15%;
  bottom: 0;
  content: "";
  height: 3.25rem;
  z-index: 2;
  background-size: cover}

.p_bg6 .wrap_c {
  display: flex;
  position: relative;
  z-index: 3}

.p_bg6 .wrap_c .fl {
  width: 48%}

.p_bg6 .wrap_c .fl .tit2 h2 {
  text-align: left}

.p_bg6 .wrap_c .fl .tit2 h5 {
  text-align: left}

.p_bg6 .wrap_c .fr {
  width: 52%}
.p_bg6 .wrap_c .fr .r_con6 {
  background: #fff;
  box-shadow: 0 0 0.4rem rgba(206, 211, 214, 0.4);
  border-radius: 0.05rem;
  padding: 0.3rem 0.6rem}
.p_bg6 .wrap_c .fr .r_con6 h4 {
  color: #333;
  border-top: solid #d6d6d6 2px;
  margin-top: 0.2rem;
  padding-top: 0.2rem;
  text-align: center}

.p_bg6 .con6 {
  margin-top: 1.6rem;
  padding-right: 0.5rem}

.p_bg6 .con6 p {
  line-height: 2;
  color: #fff}

.p_bg7 {
  background: url(../images/244b4ed9_p_bg6.jpg) center no-repeat;
  background-size: cover;
  padding: 1.2rem 0}
.p_bg7 .wrap_c {
  display: flex;
  justify-content: space-between}
.p_bg7 .wrap_c .con_item7 {
  width: calc(50% - 0.18rem)}
.p_bg7 .wrap_c .con_item7 .tit2 h5, .p_bg7 .wrap_c .con_item7 .tit2 h2 {
  text-align: left}
.p_bg7 .wrap_c .con_item7 .con7 {
  width: 100%;
  background: #fff;
  margin-top: 0.7rem;
  padding: 0.3rem 0.5rem;
  position: relative}
.p_bg7 .wrap_c .con_item7 .con7 .pro_slide1 {
  width: 100%;
  overflow: hidden;
  min-height: 4.5rem}
.p_bg7 .wrap_c .con_item7 .con7 .pro_slide1 .img169 {
  -o-object-fit: cover;
     object-fit: cover;
  height: auto}
.p_bg7 .wrap_c .con_item7 .con7 .pro_spfr {
  position: absolute;
  right: 0.3rem;
  bottom: 0.3rem;
  z-index: 5}
.p_bg7 .wrap_c .con_item7 .con7 .pro_sp span.swiper-pagination-bullet {
  width: 0.15rem;
  height: 0.15rem;
  border: solid #ddd 1px;
  background: #fff !important;
  opacity: 1;
  box-sizing: border-box}
.p_bg7 .wrap_c .con_item7 .con7 .pro_sp span.swiper-pagination-bullet-active {
  width: 0.15rem;
  height: 0.15rem;
  background: linear-gradient(to right, #8bb93c, #1b99bb) !important;
  border: solid #8bb93c 1px}
.p_bg7 .wrap_c .con_item7 h4 {
  padding-bottom: 0.2rem;
  position: relative;
  font-weight: bold}
.p_bg7 .wrap_c .con_item7 h4 span {
  background: linear-gradient(to right, #8bb93c, #1b99bb);
  -webkit-background-clip: text;
  color: transparent}
.p_bg7 .wrap_c .con_item7 h4::before {
  background: linear-gradient(to right, #8bb93c, #1b99bb);
  position: absolute;
  width: 100%;
  height: 2px;
  content: "";
  left: 0;
  bottom: 0}
.p_bg7 .wrap_c .con_item7 .img169 {
  -o-object-fit: contain;
     object-fit: contain;
  height: 4.5rem}

.p_bg8 {
  padding: 1.2rem 0}
.p_bg8 dl {
  display: flex;
  border-radius: 0.05rem;
  position: relative;
  overflow: hidden;
  margin-top: 0.6rem}
.p_bg8 dl dt {
  width: 48%;
  position: relative;
  z-index: 3}
.p_bg8 dl dt img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover}
.p_bg8 dl dd {
  width: 52%;
  position: relative;
  z-index: 3;
  padding: 0.5rem 0.6rem;
  display: flex;
  flex-direction: column;
  justify-content: center}
.p_bg8 dl dd a {
  display: block;
  color: #fff}
.p_bg8 dl dd a.tit3 {
  border-bottom: solid #8cbf92 1px;
  padding-bottom: 0.2rem;
  margin-bottom: 0.2rem;
  font-weight: bold}
.p_bg8 dl dd a.more03 {
  width: 1.3rem;
  height: 0.4rem;
  border-radius: 0.2rem;
  border: solid #fff 1px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 0.2rem}
.p_bg8 dl dd p {
  line-height: 1.875;
  color: #fff;
  opacity: 0.7}
.p_bg8 dl::before {
  background: linear-gradient(to right, #8bb93c, #1b99bb);
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: 80%;
  content: ""}

.p_bg9 {
  padding: 1.2rem 0;
  background: url(../images/e31f648d_p_bg7.jpg) center no-repeat;
  background-size: cover}
.p_bg9 .tablescroll {
  width: 100%}
.p_bg9 .tablescroll img {
  width: 100%;
  height: auto;
  margin-top: 0.6rem}
.p_bg9 .tablebox {
  width: 100%;
  margin-top: 0.7rem}
.p_bg9 .tablebox .thead {
  display: flex;
  justify-content: space-between}
.p_bg9 .tablebox .thead li {
  background: linear-gradient(to right, #8bb93c, #1b99bb);
  height: 0.7rem;
  text-align: center;
  line-height: 0.7rem;
  color: #fff}
.p_bg9 .tablebox .thead li:nth-child(1) {
  width: 28.5%}
.p_bg9 .tablebox .thead li:nth-child(2) {
  width: 20.9%}
.p_bg9 .tablebox .thead li:nth-child(3) {
  width: 35.6%}
.p_bg9 .tablebox .thead li:nth-child(4) {
  width: 14.5%}
.p_bg9 .tablebox .tablecon {
  width: 100%;
  overflow-y: auto;
  max-height: 8.4rem;
  background: #fff}
.p_bg9 .tablebox .tablecon p {
  margin-top: 0.12rem;
  line-height: 1.66}
.p_bg9 .tablebox .tablecon table tr td {
  border-bottom: solid #ccc 1px;
  border-right: solid #ccc 1px;
  padding: 0.4rem;
  line-height: 1.66;
  color: #666}
.p_bg9 .tablebox .tablecon table tr td.td1 {
  width: 14.25%}
.p_bg9 .tablebox .tablecon table tr td.td2 {
  width: 14.25%}
.p_bg9 .tablebox .tablecon table tr td.td3 {
  width: 20.99%}
.p_bg9 .tablebox .tablecon table tr td.td4 {
  width: 35.6%}
.p_bg9 .tablebox .tablecon table tr td.td5 {
  width: 14%}
.p_bg9 .tablebox ::-webkit-scrollbar {
  width: 0.1rem;
  height: 0.1rem}
.p_bg9 .tablebox ::-webkit-scrollbar-track {
  border-radius: 0;
  background: rgb(205, 217, 223)}
.p_bg9 .tablebox ::-webkit-scrollbar-thumb {
  border-radius: 0;
  background: linear-gradient(to bottom, #8bb93c, #1b99bb)}
.p_bg10 {
  padding-top: 1.2rem}
.p_bg10 .question ul > li {
  padding: 0 0.5rem;
  margin-top: 0.6rem;
  cursor: pointer}
.p_bg10 .question ul > li h4 {
  display: flex;
  position: relative;
  padding-bottom: 0.3rem;
  margin-bottom: 0.3rem}
.p_bg10 .question ul > li h4 i {
  width: 0.36rem;
  height: 0.36rem;
  background: url(../images/6fcb6335_ask01.png) no-repeat;
  background-size: cover;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  margin-right: 0.25rem}
.p_bg10 .question ul > li h4::before {
  position: absolute;
  width: 100%;
  height: 2px;
  background: #e6e8eb;
  content: "";
  left: 0;
  bottom: 0}
.p_bg10 .question ul > li h4 em {
  position: absolute;
  right: 0;
  bottom: 0.35rem}
.p_bg10 .question ul > li h4 em img {
  max-width: 0.21rem;
  transform: rotate(-90deg);
  transition: all 0.3s linear}
.p_bg10 .question ul > li .con10 {
  display: flex;
  line-height: 1.55;
  height: 0;
  overflow: hidden;
  transition: all 0.3s linear}
.p_bg10 .question ul > li .con10 i {
  width: 0.36rem;
  display: flex;
  justify-content: center;
  margin-right: 0.25rem;
  background: linear-gradient(to right, #8bb93c, #1b99bb);
  -webkit-background-clip: text;
  color: transparent}
.p_bg10 .question ul > li .con10 span {
  color: #999}
.p_bg10 .question li.on {
  box-shadow: 0 0.14rem 0.21rem rgba(27, 39, 134, 0.06);
  border: solid #eee 1px;
  border-radius: 0.1rem;
  padding: 0.4rem 0.5rem;
  background: #fff}
.p_bg10 .question li.on .con10 {
  height: auto}
.p_bg10 .question li.on h4::before {
  background: linear-gradient(to right, #8bb93c, #1b99bb)}
.p_bg10 .question li.on h4 em img {
  transform: rotate(0)}

.p_bg11 {
  background: #f4f6fa;
  position: relative}
.p_bg11 .p_bg10 {
  padding-top: 0}
.p_bg11::before {
  position: absolute;
  bottom: -0.5rem;
  right: 0;
  background: url(../images/e8c2bcd4_bg_01.png) no-repeat;
  background-size: 100%;
  content: "";
  width: 6.42rem;
  height: 5.76rem}

.ser_box1 .wrap_c {
  display: flex;
  justify-content: space-between;
  align-items: center}
.ser_box1 .wrap_c .fl {
  width: 48%}
.ser_box1 .wrap_c .fl .tit2 h2, .ser_box1 .wrap_c .fl .tit2 h5 {
  text-align: left}
.ser_box1 .wrap_c .fr {
  width: 49%}

.serch01 {
  width: 100%;
  box-shadow: 0 0.04rem 0.46rem rgba(1, 64, 150, 0.1);
  background: #fff;
  height: 0.8rem;
  padding: 0 0.32rem;
  display: flex;
  justify-content: space-between;
  align-items: center}
.serch01 .input1 {
  height: 100%;
  width: 80%;
  border: none}
.serch01 .input1::-moz-placeholder {
  color: #888}
.serch01 .input1::placeholder {
  color: #888}
.serch01 .btn1 {
  border: none;
  background: none;
  cursor: pointer}
.serch01 .btn1 img {
  width: 0.26rem}

.p_bg12 {
  background: #f4f6fa;
  position: relative}

.menuSec {
  width: 100%;
  margin: 0.6rem 0 1.2rem}

.menuSec ul {
  display: flex}

.menuSec ul li {
  margin-right: 0.8rem}

.menuSec ul li a {
  color: #000}

.menuSec ul li.on a {
  background: linear-gradient(to right, #1b99bb, #8bb93c);
  -webkit-background-clip: text;
  color: transparent;
  position: relative;
  font-weight: bold}

.menuSec ul li.on a:before {
  content: "";
  width: 100%;
  height: 0.03rem;
  display: block;
  overflow: hidden;
  position: absolute;
  left: 0px;
  bottom: -0.05rem;
  background: linear-gradient(to right, #1b99bb, #8bb93c)}

.d_box1 {
  width: 100%;
  margin-top: 0.6rem}
.d_box1 .wrap_c {
  display: block}
.d_box1 .down01 {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap}
.d_box1 .down01 dl {
  width: calc(50% - 0.2rem);
  background: #fff;
  border-radius: 0.05rem;
  margin-top: 0.4rem;
  overflow: hidden;
  display: flex;
  box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.05);
  padding: 0.4rem;
  cursor: pointer}
.d_box1 .down01 dt {
  width: 42%;
  border: solid #efefef 1px;
  padding: 0.1rem}
.d_box1 .down01 dt img {
  width: 100%}
.d_box1 .down01 dd {
  width: 58%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-left: 0.5rem}
.d_box1 .down01 dd i img {
  width: 0.43rem}
.d_box1 .down01 dd h4 {
  color: #333;
  font-weight: bold;
  margin-top: 0.4rem}
.d_box1 .down01 dd p {
  color: #666;
  margin-top: 0.1rem;
  line-height: 1.45;
  display:  -webkit-box;
  -webkit-box-orient:  vertical;
  -webkit-line-clamp:  3;
  overflow:  hidden}
.d_box1 .down01 dd p span {
  white-space: nowrap;
  display: inline-block;
  margin-right: 0.3rem}
.d_box1 .down01 dd p span.date {
  margin-right: 0}
.d_box1 .down01 dd a.more04 {
  display: flex;
  align-items: center;
  margin-top: 0.5rem;
  width: 0.96rem;
  height: 0.4rem;
  border-radius: 0.2rem;
  border: solid #efefef 1px;
  color: #666;
  justify-content: center}
.d_box1 .down01 dl:hover a.more04 {
  background: linear-gradient(to right, #1b99bb 21%, #8bb93c);
  color: #fff}

.down_box {
  width: 9.3rem;
  background: #fff;
  border-radius: 0.05rem;
  display: none;
  position: fixed;
  overflow: hidden;
  padding: 0.65rem}
.down_box .down-close {
  position: absolute;
  right: 0.4rem;
  top: 0.4rem}
.down_box .down-close img {
  width: 0.25rem}
.down_box::before {
  position: absolute;
  width: 100%;
  height: 0.1rem;
  background: linear-gradient(to right, #1b99bb 21%, #8bb93c);
  left: 0;
  top: 0;
  content: ""}
.down_box h4 {
  background: linear-gradient(to right, #1b99bb, #8bb93c);
  -webkit-background-clip: text;
  color: transparent;
  position: relative;
  display: inline-block}
.down_box .form ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between}
.down_box .form ul li {
  width: 48%;
  display: flex;
  justify-content: space-between;
  margin-top: 0.3rem;
  align-items: center}
.down_box .form ul li input {
  height: 0.64rem;
  line-height: 0.64rem;
  border: none;
  border-bottom: solid #eee 1px;
  width: calc(100% - 0.16rem)}
.down_box .form ul li input::-moz-placeholder {
  color: #999}
.down_box .form ul li input::placeholder {
  color: #999}
.down_box .form ul li i {
  color: #999}
.down_box .form ul li.l1, .down_box .form ul li.l2 {
  width: 100%;
  display: block}
.down_box .form ul li.l1 h5 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #999}
.down_box .form ul li.l1 textarea {
  border: none;
  border-bottom: solid #eee 1px;
  height: 0.7rem;
  margin-top: 0.2rem;
  width: 100%}
.down_box .form ul li.l2 .btn2 {
  background: linear-gradient(to right, #1b99bb, #8bb93c);
  margin: 0.2rem auto;
  width: 2rem;
  height: 0.6rem;
  border-radius: 0.3rem;
  border: none;
  display: flex;
  color: #fff;
  align-items: center;
  justify-content: center}
.down_box .form ul li.l2 .btn2 i {
  margin-left: 0.2rem}
.down_box .form ul li.l2 .btn2 i img {
  width: 0.27rem}

.p_bg13 {
  background: url(../images/1ba0f59d_p_bg8.jpg) bottom no-repeat;
  background-size: cover;
  padding-bottom: 1.3rem}

.about_box1 {
  width: 100%;
  margin-top: 1.2rem}
.about_box1 .tit2 h5, .about_box1 .tit2 h2 {
  text-align: left}
.about_box1 .a_con1 {
  width: 55%;
  margin-top: 0.6rem}
.about_box1 .a_con1 p {
  color: #666;
  line-height: 1.88}
.about_box1 ul.a_data {
  width: 48%;
  margin-top: 0.7rem;
  display: flex;
  justify-content: space-between}
.about_box1 ul.a_data li {
  padding: 0.55rem;
  width: 31%;
  background: #fff;
  border-radius: 0.16rem}
.about_box1 ul.a_data li span {
  background: linear-gradient(to right, #1b99bb, #8bb93c);
  -webkit-background-clip: text;
  color: transparent}
.about_box1 ul.a_data li p {
  margin-top: 0.1rem}

.p_bg14 {
  padding: 0.3rem 0 1.2rem;
  position: relative}
.p_bg14 .tit2 {
  position: relative;
  top: 1rem}
.p_bg14 .tit2 h5, .p_bg14 .tit2 h2 {
  text-align: left}
.p_bg14::before {
  position: absolute;
  top: 0;
  left: 0;
  background: url(../images/db72011e_bg_03.png) no-repeat;
  background-size: 100%;
  content: "";
  width: 6.65rem;
  height: 5.15rem}
.p_bg14 .t_box {
  width: 100%;
  position: relative;
  overflow: hidden;
  padding-bottom: 0.4rem;
  padding-left: 2.6rem}
.p_bg14 .t_box::before {
  background: linear-gradient(to left, #8bb93c, #1b99bb);
  width: 41%;
  position: absolute;
  left: 0;
  bottom: 0;
  content: "";
  height: 50%}
.p_bg14 .t_box::after {
  background: url(../images/5af802f1_logo01.png) no-repeat;
  width: 4.28rem;
  position: absolute;
  left: 15%;
  bottom: 0;
  content: "";
  height: 3.25rem;
  z-index: 2;
  background-size: cover}
.p_bg14 .t_box .a_slide0 {
  width: 100%;
  position: relative;
  z-index: 5;
  overflow: hidden}
.p_bg14 .t_box .a_slide0 .swiper-wrapper {
  align-items: flex-end}
.p_bg14 .t_box .a_slide0 .a_box0 {
  display: flex;
  align-items: flex-end;
  width: 100%}/*scope-hktb2zid*/
.p_bg14 .t_box .a_slide0 .a_box0 .a_txt0 {
  width: calc(41% - 1.53rem);
  margin-bottom: 10%;
  color: #fff}
.p_bg14 .t_box .a_slide0 .a_box0 .a_txt0 h4 {
  display: flex;
  align-items: center}
.p_bg14 .t_box .a_slide0 .a_box0 .a_txt0 span {
  height: 0.36rem;
  border-radius: 0.15rem;
  padding: 0 0.2rem;
  line-height: 0.36rem;
  background: #fff;
  color: #62ad6a;
  margin-left: 0.2rem;
  border-bottom-left-radius: 0}
.p_bg14 .t_box .a_slide0 .a_box0 .a_img {
  width: 30%}
.p_bg14 .t_box .a_slide0 .a_box0 .a_img img {
  width: 100%}
.p_bg14 .t_box .a_slide0 .swiper-slide .a_box0 {
  opacity: 0}
.p_bg14 .t_box .a_slide0 .swiper-slide-active .a_box0 {
  opacity: 1}
.p_bg14 .t_box .a_thumb_slide {
  position: absolute;
  bottom: 0.41rem;
  right: -8%;
  opacity: 1;
  width: 60%;
  overflow: hidden}
.p_bg14 .t_box .a_thumb_slide .a_img {
  width: 100%}
.p_bg14 .t_box .a_thumb_slide .a_img img {
  width: 100%;
  height: auto}
.p_bg14 .t_box .a_bottom1 {
  z-index: 9;
  bottom: 0;
  width: 1.6rem;
  height: 0.8rem;
  left: calc(41% - 0.8rem)}
.p_bg14 .t_box .a_bottom1 a {
  width: 0.8rem;
  height: 0.8rem;
  display: flex;
  align-items: center;
  justify-content: center}
.p_bg14 .t_box .a_bottom1 a img {
  width: 0.14rem}
.p_bg14 .t_box .a_bottom1 .a0_next {
  background: #1c99ba}
.p_bg14 .t_box .ab_r {
  position: absolute;
  right: 2.6rem;
  top: 0.3rem;
  z-index: 9;
  height: 1rem;
  width: 0.8rem;
  background: url(../images/96040b3d_x_line.png) center no-repeat;
  background-size: 0.53rem 0.87rem}
.p_bg14 .t_box .ab_r .c {
  display: flex;
  justify-content: space-between;
  height: 100%}
.p_bg14 .t_box .ab_r span {
  color: #000;
  font-weight: bold}
.p_bg14 .t_box .ab_r i {
  color: #c3c4d6;
  align-self: flex-end}

.p_bg15 {
  background: url(../images/caaa4afd_p_bg9.jpg) center no-repeat;
  background-size: cover;
  padding: 1.3rem 0}
.p_bg15 .a_con2 {
  margin-top: 0.9rem;
  position: relative}

.a_slide1 {
  width: 100%;
  overflow: hidden}
.a_slide1 .a_swiper-slide:nth-child(5n-4) {
  margin-top: 2.8rem}
.a_slide1 .a_swiper-slide:nth-child(5n-3) {
  margin-top: 2.1rem}
.a_slide1 .a_swiper-slide:nth-child(5n-2) {
  margin-top: 1.4rem}
.a_slide1 .a_swiper-slide:nth-child(5n-1) {
  margin-top: 0.7rem}
.a_slide1 .a_txt2 {
  display: block;
  position: relative;
  min-height: 4.05rem;
  padding: 0 0.5rem 0 0.3rem}
.a_slide1 .a_txt2::before {
  position: absolute;
  width: 0.11rem;
  height: 4.05rem;
  background: url(../images/54c35b19_fline.png) no-repeat;
  background-size: 100%;
  content: "";
  left: 0;
  top: 0}
.a_slide1 .a_txt2 h4 {
  background: linear-gradient(to right, #1b99bb, #8bb93c);
  -webkit-background-clip: text;
  color: transparent;
  font-weight: bold}
.a_slide1 .a_txt2 h3 {
  background: linear-gradient(to right, #1b99bb, #8bb93c);
  -webkit-background-clip: text;
  color: transparent;
  margin-top: 0.4rem}
.a_slide1 .a_txt2 ul {
  margin-top: 0.3rem}
.a_slide1 .a_txt2 ul li {
  position: relative;
  padding-left: 0.16rem;
  margin-top: 0.1rem;
  line-height: 1.55}
.a_slide1 .a_txt2 ul li::before {
  position: absolute;
  width: 0.04rem;
  height: 0.04rem;
  background: #1c99ba;
  content: "";
  left: 0;
  top: 0.09rem;
  transform: rotate(45deg)}

.a_bottom1 {
  position: absolute;
  width: 100%;
  display: flex;
  justify-content: center;
  z-index: 3;
  height: 0.6rem;
  bottom: 0}
.a_bottom1 a {
  width: 0.6rem;
  height: 0.6rem;
  display: block}
.a_bottom1 .a_prev {
  background: url(../images/a4f53d1b_carr_l1.png) no-repeat;
  background-size: 100%}
.a_bottom1 .a_next {
  background: url(../images/d864e480_carr_r1.png) no-repeat;
  background-size: 100%;
  margin-left: 0.2rem}
.a_bottom1 .a_prev:hover {
  background: url(../images/9b01a900_carr_l2.png) no-repeat;
  background-size: 100%}
.a_bottom1 .a_next:hover {
  background: url(../images/828d07e8_carr_r2.png) no-repeat;
  background-size: 100%}

.p_bg16 {
  background: url(../images/5681bf7b_p_bg10.jpg) center no-repeat;
  background-size: cover;
  padding: 1.3rem 0}
.p_bg16 .a_con3 {
  margin-top: 0.9rem;
  position: relative;
  padding-bottom: 1.4rem}
.p_bg16 .a_con3 .a_box2 .a_img2 {
  padding: 0.1rem 0.45rem 0.1rem 0.1rem;
  background: url(../images/b569fcaf_hor_bg.png) center no-repeat;
  background-size: cover;
  position: relative}
.p_bg16 .a_con3 .a_box2 .a_img2 img {
  width: 100%}
.p_bg16 .a_con3 .a_box2 .a_img2 i {
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  left: 0;
  top: 0;
  opacity: 0}
.p_bg16 .a_con3 .a_box2 .a_img2 i img {
  width: 0.55rem;
  margin-right: 0.35rem}
.p_bg16 .a_con3 .a_box2 .a_tit2 {
  margin-top: 0.45rem;
  margin-right: 0.35rem;
  text-align: center}
.p_bg16 .a_con3 .a_box2 .a_tit2 h4 {
  line-height: 1.5}
.p_bg16 .a_con3 .a_box2 .a_img2:hover {
  background: url(../images/6c872653_hor_bg1.png) center no-repeat;
  background-size: cover}
.p_bg16 .a_con3 .a_box2 .a_img2:hover i {
  opacity: 1}

.a_slide2 {
  width: 100%;
  overflow: hidden}

.p_bg17 {
  background: url(../images/3276d593_p_bg11.jpg) center no-repeat;
  background-size: cover;
  padding: 1.3rem 0}
.p_bg17 .a_con4 {
  margin-top: 0.7rem;
  position: relative}
.p_bg17 .a_con4::before {
  position: absolute;
  width: calc(100% - 0.6rem);
  border-radius: 0.1rem;
  background: linear-gradient(to left, #1b99bb, #8bb93c);
  content: "";
  height: 100%;
  top: 0.12rem;
  left: 0.3rem}
.p_bg17 .a_con4 .a_img4 {
  width: 100%;
  padding: 0.4rem;
  border-radius: 0.1rem;
  background: #fff;
  position: relative;
  z-index: 3;
  box-shadow: 0 0.1rem 0.3rem rgba(30, 154, 184, 0.1)}
.p_bg17 .a_con4 .a_img4 img {
  width: 100%}
.p_bg17 .a_con5 {
  margin-top: 0.6rem;
  display: flex;
  justify-content: space-between}
.p_bg17 .a_con5 .fl {
  width: 50%}
.p_bg17 .a_con5 .fl p {
  line-height: 1.55;
  color: #222}
.p_bg17 .a_con5 .fr {
  width: 40%}
.p_bg17 .a_con5 .fr ul {
  display: flex}
.p_bg17 .a_con5 .fr ul li {
  width: 50%}
.p_bg17 .a_con5 .fr ul li span i {
  background: linear-gradient(to left, #1b99bb, #8bb93c);
  -webkit-background-clip: text;
  color: transparent;
  font-weight: bold;
  margin-right: 0.1rem}
.p_bg17 .a_con5 .fr ul li span em {
  background: linear-gradient(to left, #1b99bb, #8bb93c);
  -webkit-background-clip: text;
  color: transparent;
  font-style: normal;
  font-weight: bold}

.p_bg18 {
  background: url(../images/37755e90_p_bg12.png) top no-repeat;
  background-size: 100% auto;
  padding: 1.3rem 0;
  width: 100%;
  overflow: hidden}
.p_bg18 .a_con7 {
  margin-top: 0.7rem;
  text-align: center}
.p_bg18 .a_con8 {
  margin-top: 0.6rem;
  display: flex}
.p_bg18 .a_con8 ul {
  display: flex;
  justify-content: space-between;
  width: 100%}
.p_bg18 .a_con8 ul li {
  width: 14%}
.p_bg18 .a_con8 ul li span {
  color: #1c99ba}
.p_bg18 .a_con8 ul li span i {
  background: linear-gradient(to left, #1b99bb, #8bb93c);
  -webkit-background-clip: text;
  color: transparent;
  font-weight: bold;
  margin-right: 0.1rem}
.p_bg18 .a_con8 ul li span em {
  background: linear-gradient(to left, #1b99bb, #8bb93c);
  -webkit-background-clip: text;
  color: transparent;
  font-style: normal;
  font-weight: bold}

.p_relative {
  background: #f6f9fb;
  padding: 1.2rem 0;
  position: relative}
.p_relative .probox2 {
  padding-top: 0}
.p_relative .probox2 .tit2 {
  position: relative}
.p_relative .probox2 .tit2 a.more {
  position: absolute;
  right: 0;
  top: 0.2rem;
  width: 1.5rem;
  height: 0.5rem;
  border-radius: 0.1rem;
  background: linear-gradient(to left, #1b99bb, #8bb93c);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff}
.p_relative .probox2 .tit2 h5, .p_relative .probox2 .tit2 h2 {
  text-align: left}
.p_relative .probox2 .pro_slide2 {
  width: 100%;
  overflow: hidden}
.p_relative .probox2 .pro_slide2 dl {
  width: 100%}
.p_relative .probox2 .pro_spfr {
  position: absolute;
  left: 0;
  bottom: 0.3rem;
  z-index: 5;
  width: 100%;
  height: 0.3rem}
.p_relative .probox2 .pro_sp2 {
  text-align: center}
.p_relative .probox2 .pro_sp2 span.swiper-pagination-bullet {
  width: 0.15rem;
  height: 0.15rem;
  border: solid #ddd 1px;
  background: #fff !important;
  opacity: 1;
  box-sizing: border-box}
.p_relative .probox2 .pro_sp2 span.swiper-pagination-bullet-active {
  width: 0.15rem;
  height: 0.15rem;
  background: linear-gradient(to right, #8bb93c, #1b99bb) !important;
  border: solid #8bb93c 1px}

.p_bg19 {
  position: relative}
.p_bg19::before {
  background: url(../images/1a30fa43_p_bg19.webp) 50% 100% no-repeat;
  background-size: cover;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 55%;
  content: ""}
.p_bg19 .wrap_c {
  position: relative;
  z-index: 3}
.p_bg19::after {
  position: absolute;
  bottom: -1rem;
  right: 0;
  background: url(../images/e8c2bcd4_bg_01.png) no-repeat;
  background-size: 100%;
  content: "";
  width: 6.42rem;
  height: 5.76rem;pointer-events:none}

.p_bg20 {
  background: url(../images/de87d295_p_bg15.jpg) center no-repeat;
  background-size: cover}
.p_bg20 .con20 {
  margin-top: 0.95rem}
.p_bg20 .con20 ul {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-top: 0.4rem}
.p_bg20 .con20 ul li {
  width: 30%;
  margin-top: 0.6rem;
  box-shadow: 0 0 0.16rem rgba(38, 63, 101, 0.1);
  background: #fff}
.p_bg20 .con20 ul li .nimg1 {
  position: relative;
  display: block}
.p_bg20 .con20 ul li .nimg1 img {
  width: 100%}
.p_bg20 .con20 ul li em.date {
  position: absolute;
  height: 0.37rem;
  background: 100%;
  display: block;
  width: 100%;
  left: 0;
  bottom: 0;
  font-style: normal;
  padding-left: 0.3rem;
  color: #fff;
  background-image: url(../images/38d2a7f2_n_date.png);
  background-size: 55% auto;
  background-repeat: no-repeat;
  background-position: 0 0;
  padding-top: 0.05rem}
.p_bg20 .con20 ul li .ntxt1 {
  padding: 0.4rem}
.p_bg20 .con20 ul li .ntxt1 h4 {
  line-height: 1.5;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden}
.p_bg20 .con20 ul li .ntxt1 p {
  line-height: 1.5;
  margin-top: 0.2rem;
  color: #999;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden}
.p_bg20 .nsw_box1 {
  width: 100%;
  padding: 0.8rem 0 0.8rem 0.95rem;
  position: relative}
.p_bg20 .nsw_box1::before {
  position: absolute;
  left: 0;
  top: 0;
  width: 60%;
  height: 100%;
  background: #fff;
  content: "";
  box-shadow: 0 0.2rem 0.5rem rgba(202, 203, 204, 0.2)}
.p_bg20 .nsw_box1 .a_bottom1 {
  z-index: 3;
  bottom: 0.8rem;
  justify-content: flex-start}
.p_bg20 .news_swiper1 {
  width: 100%;
  overflow: hidden;
  position: relative}
.p_bg20 .news_swiper1 .news_box1 {
  display: flex;
  justify-content: space-between}
.p_bg20 .news_swiper1 .news_box1 .fl {
  width: 48%}
.p_bg20 .news_swiper1 .news_box1 .fl i {
  background: linear-gradient(to left, #1b99bb, #8bb93c);
  -webkit-background-clip: text;
  color: transparent;
  margin-top: 0.1rem;
  display: inline-block}
.p_bg20 .news_swiper1 .news_box1 .fl p {
  color: #363636;
  margin-top: 0.2rem}
.p_bg20 .news_swiper1 .news_box1 .fr {
  width: 48%}
.p_bg20 .news_swiper1 .news_box1 .fr img {
  width: 100%}

.p_bg21 {
  background: url(../images/1fcb6db9_p_bg13.jpg) center no-repeat;
  background-size: cover}
.p_bg21 .contant_box1 .con21 {
  display: flex;
  margin-top: 0.8rem;
  box-shadow: 0 0.2rem 0.5rem rgba(202, 203, 204, 0.2);
  background: #fff}
.p_bg21 .contant_box1 .con21 .fl {
  width: 50%}
.p_bg21 .contant_box1 .con21 .fl img {
  width: 100%;
  height: 100%;
  -o-object-fit: fill;
     object-fit: fill}
.p_bg21 .contant_box1 .con21 .fr {
  width: 50%;
  padding: 0.7rem;
  position: relative}
.p_bg21 .contant_box1 .con21 .fr::before {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 80%;
  height: 80%;
  background: url(../images/f1c64cbd_logo02.png) bottom right no-repeat;
  content: "";
  background-size: 100%}
.p_bg21 .contant_box1 .con21 .fr .fr_txt h4 {
  padding-bottom: 0.3rem;
  margin-bottom: 0.5rem;
  border-bottom: solid #eee 1px;
  position: relative}
.p_bg21 .contant_box1 .con21 .fr .fr_txt h4::before {
  position: absolute;
  left: 0;
  bottom: -2px;
  width: 0.5rem;
  height: 3px;
  background: linear-gradient(to right, #1b99bb, #8bb93c);
  content: "";
  background-size: 100%}
.p_bg21 .contant_box1 .con21 .fr .fr_txt p {
  margin-top: 0.2rem;
  line-height: 1.5;
  color: #666}
.p_bg21 .contant_box1 .con21 .fr .fr_txt p span {
  color: #999}
.p_bg21 .contant_box2 {
  background: url(../images/0055f7f4_p_bg14.png) center no-repeat;
  background-size: cover;
  padding-top: 1.3rem}
.p_bg21 .contant_box2 .searchbox {
  background: url(../images/27bf6c88_search_bg.jpg) center no-repeat;
  background-size: cover;
  display: flex;
  padding: 0.3rem 0.2rem;
  box-shadow: 0 0.2rem 0.43rem rgba(16, 22, 32, 0.05)}
.p_bg21 .contant_box2 .searchbox .fl {
  width: 50%}
.p_bg21 .contant_box2 .searchbox .fr {
  width: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #999}
.p_bg21 .contant_box2 .searchbox .fr b {
  color: #222}
.p_bg21 .contant_box2 .searchbox .fr span {
  padding: 0 0.2rem}
.p_bg21 .contant_box2 i.mail {
  background: linear-gradient(to right, #1b99bb, #8bb93c);
  width: 0.4rem;
  height: 0.4rem;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center}
.p_bg21 .contant_box2 i.mail img {
  width: 0.17rem;
  transition: all 0.3s linear}
.p_bg21 .contant_box2 .joblist {
  width: 100%;
  clear: both;
  margin-top: 0.52rem}
.p_bg21 .contant_box2 .joblist .jobitem {
  padding: 0.4rem;
  margin-top: 0.28rem;
  border: 1px solid;
  -o-border-image: linear-gradient(to top, #1b99bb, #8bb93c) 4;
     border-image: linear-gradient(to top, #1b99bb, #8bb93c) 4}
.p_bg21 .contant_box2 .joblist .jobitem .tit {
  display: flex;
  justify-content: space-between}
.p_bg21 .contant_box2 .joblist .jobitem .tit .fl {
  font-weight: bold}
.p_bg21 .contant_box2 .joblist .jobitem .tit .fr {
  display: flex;
  justify-content: flex-end;
  align-items: center}
.p_bg21 .contant_box2 .joblist .jobitem .tit .fr i {
  margin-left: 0.8rem}
.p_bg21 .contant_box2 .joblist .jobitem .tit .fr span {
  display: inline-block;
  color: #666;
  padding: 0 0.2rem;
  border-right: solid #ccc 1px;
  line-height: 1}
.p_bg21 .contant_box2 .joblist .jobitem .tit .fr span:nth-child(3) {
  border-right: none}
.p_bg21 .contant_box2 .joblist .jobitem .con {
  display: flex;
  margin-top: 0.4rem;
  padding-top: 0.4rem;
  border-top: 1px solid;
  -o-border-image: linear-gradient(to left, #1b99bb, #8bb93c) 1;
     border-image: linear-gradient(to left, #1b99bb, #8bb93c) 1}
.p_bg21 .contant_box2 .joblist .jobitem .con .fl {
  width: 50%}
.p_bg21 .contant_box2 .joblist .jobitem .con .fr {
  width: 50%}/*common-fz3qfe*/
.p_bg21 .contant_box2 .joblist .jobitem .con h5 {
  color: #333;
  line-height: 1.5;
  font-weight: bold}
.p_bg21 .contant_box2 .joblist .jobitem .con p {
  color: #666;
  line-height: 1.5;
  margin-top: 0.1rem}
.p_bg21 .contant_box2 .joblist .jobitem .con .email {
  display: flex;
  align-items: center;
  color: #999;
  margin-top: 0.5rem}
.p_bg21 .contant_box2 .joblist .jobitem .con .email b {
  font-weight: normal}
.p_bg21 .contant_box2 .joblist .jobitem .con .email span {
  padding: 0 0.1rem}
.p_bg21 .contant_box2 .joblist .jobitem .conbox {
  display: none}
.p_bg21 .contant_box2 .joblist .jobitem.on .conbox {
  display: block}
.p_bg21 .contant_box2 .joblist .jobitem.on i.mail img {
  transform: rotate(180deg)}
.p_bg21 .contant_box3 {
  padding: 1.2rem 0 1.6rem}
.p_bg21 .contant_box3 ul {
  display: flex;
  margin-top: 0.7rem;
  justify-content: space-between}
.p_bg21 .contant_box3 ul li {
  width: 18%;
  padding: 0.5rem;
  box-shadow: 0 0.2rem 0.43rem rgba(16, 22, 36, 0.05);
  background: #fff;
  position: relative;
  border-radius: 0.1rem;
  color: #333}
.p_bg21 .contant_box3 ul li::before {
  position: absolute;
  content: "";
  width: 0.83rem;
  height: 1.78rem;
  right: 0;
  bottom: 0.5rem;
  opacity: 0.03;
  background: url(../images/a19a967b_ico_bg1.png) center no-repeat;
  background-size: cover}
.p_bg21 .contant_box3 ul li:nth-child(2):before {
  width: 0.95rem;
  height: 1.66rem;
  background: url(../images/1d6d1bee_ico_bg2.png) center no-repeat;
  background-size: cover}
.p_bg21 .contant_box3 ul li:nth-child(3):before {
  width: 0.92rem;
  height: 1.48rem;
  background: url(../images/7352749a_ico_bg3.png) center no-repeat;
  background-size: cover}
.p_bg21 .contant_box3 ul li:nth-child(4):before {
  width: 0.75rem;
  height: 1.75rem;
  background: url(../images/0f52f01b_ico_bg4.png) center no-repeat;
  background-size: cover}
.p_bg21 .contant_box3 ul li:nth-child(5):before {
  width: 0.77rem;
  height: 1.56rem;
  background: url(../images/451686bb_ico_bg5.png) center no-repeat;
  background-size: cover}
.p_bg21 .contant_box3 ul li h5 {
  padding: 0.3rem 0;
  font-weight: bold}
.p_bg21 .contant_box3 ul li span {
  opacity: 0.2;
  font-weight: bold}
.p_bg21 .contant_box3 ul li i img {
  max-width: 0.52rem}
.p_bg21 .contant_box3 ul li i img:nth-child(2) {
  display: none}
.p_bg21 .contant_box3 ul li:hover {
  background: linear-gradient(to left, #1b99bb, #8bb93c)}
.p_bg21 .contant_box3 ul li:hover i img:nth-child(2) {
  display: block}
.p_bg21 .contant_box3 ul li:hover i img:nth-child(1) {
  display: none}
.p_bg21 .contant_box3 ul li:hover h5 {
  color: #fff}
.p_bg21 .contant_box3 ul li:hover span {
  color: #fff}
.p_bg21 .contant_box3 ul li:hover::before {
  background: url(../images/37e1c9a1_ico_bg1_on.png) center no-repeat;
  opacity: 0.1;
  background-size: cover}
.p_bg21 .contant_box3 ul li:hover:nth-child(2)::before {
  background: url(../images/358c2967_ico_bg2_on.png) center no-repeat;
  background-size: cover}
.p_bg21 .contant_box3 ul li:hover:nth-child(3)::before {
  background: url(../images/b8c6d07d_ico_bg3_on.png) center no-repeat;
  background-size: cover}
.p_bg21 .contant_box3 ul li:hover:nth-child(4)::before {
  background: url(../images/6de4f5f0_ico_bg4_on.png) center no-repeat;
  background-size: cover}
.p_bg21 .contant_box3 ul li:hover:nth-child(5)::before {
  background: url(../images/4fd4a477_ico_bg5_on.png) center no-repeat;
  background-size: cover}

.p_bg22 {
  background: url(../images/75b57ec3_p_bg20.jpg) center no-repeat;
  background-size: cover;
  padding-bottom: 1.2rem}
.p_bg22 .probox22 {
  width: 100%;
  clear: both}
.p_bg22 .probox22 ul {
  display: flex;
  justify-content: space-between;
  width: 100%;
  margin-top: 0.6rem}
.p_bg22 .probox22 ul li {
  width: calc(50% - 0.2rem);
  position: relative}
.p_bg22 .probox22 ul li::before {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 80%;
  content: "";
  background: linear-gradient(to top, rgba(0, 0, 0, 0.7), transparent);
  z-index: 8}
.p_bg22 .probox22 ul li .cp_04_video {
  width: 100%;
  overflow: hidden;
  position: relative}
.p_bg22 .probox22 ul li .cp_04_video img {
  width: 100%;
  display: block}
.p_bg22 .probox22 ul li .cp_04_video a.a1 {
  width: 0.58rem;
  height: 0.58rem;
  display: block;
  border-radius: 50%;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-top: -0.29rem;
  margin-left: -0.29rem}
.p_bg22 .probox22 ul li .cp_04_video a.a1 i {
  width: 100%;
  height: 100%;
  display: block;
  overflow: hidden;
  background: url("../images/a14402cb_play_ico.png") center no-repeat;
  background-size: 100%;
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 99}
.p_bg22 .probox22 ul li .cp_04_video a.a1:before {
  content: "";
  width: 110%;
  height: 110%;
  display: block;
  overflow: hidden;
  position: absolute;
  left: -5%;
  top: -5%;
  border: solid rgba(255, 255, 255, 0.5) 1px;
  border-radius: 50%;
  transform: scale(1);
  opacity: 0}
.p_bg22 .probox22 ul li .cp_04_video a.a1:before {
  animation: ksan 2s infinite linear}
.p_bg22 .probox22 ul li .cp_04_video a.a1:after {
  content: "";
  width: 120%;
  height: 120%;
  display: block;
  overflow: hidden;
  position: absolute;
  left: -10%;
  top: -10%;
  border: solid 1px rgba(255, 255, 255, 0.4);
  border-radius: 50%;
  transform: scale(1);
  opacity: 0}
.p_bg22 .probox22 ul li .cp_04_video a.a1:after {
  animation: ksan 2s infinite linear;
  animation-delay: 1s}
.p_bg22 .probox22 ul li .txt {
  position: absolute;
  z-index: 9;
  color: #fff;
  padding: 0.3rem 0.5rem;
  left: 0;
  bottom: 0;
  width: 100%}

.p_bg23 {
  padding: 1.2rem 0}
.p_bg23 .con23 {
  background: #fff;
  box-shadow: 0 0 0.2rem rgba(0, 0, 0, 0.1);
  padding: 0.2rem;
  width: 100%;
  margin-top: 0.7rem}
.p_bg23 .con23 img {
  width: 100%;
  height: auto}

dl.eq_dl1 {
  display: flex;
  margin-top: 0.8rem;
  justify-content: space-between;
  align-items: center}
dl.eq_dl1 dt {
  width: 49.5%;
  background: #fff;
  box-shadow: 0 0 0.2rem rgba(0, 0, 0, 0.1)}
dl.eq_dl1 dd {
  width: 45%}
dl.eq_dl1 dd h4 {
  color: #333}
dl.eq_dl1 dd h4 b {
  display: block;
  width: 0.3rem;
  height: 0.04rem;
  background: linear-gradient(to left, #1b99bb, #8bb93c);
  margin-top: 0.4rem}
dl.eq_dl1 dd p {
  line-height: 2.22;
  color: #666;
  margin-top: 0.3rem}

.p_bg24 {
  padding: 1.2rem 0;
  background: #eef4f7}

.p_bg25 {
  padding: 1.2rem 0}
.p_bg25 .con25 {
  margin-top: 0.5rem}
.p_bg25 .con25 img {
  width: 100%;
  height: auto}

.p_bg26 {
  padding: 1.2rem 0;
  background: url(../images/e64954d8_p_bg21.jpg) center no-repeat;
  background-size: cover}
.p_bg26 .con26 {
  margin-top: 0.6rem}
.p_bg26 .con26 img {
  width: 100%;
  height: auto}

.p_bg27 {
  padding: 1.2rem 0}
.p_bg27 .con27 {
  margin-top: 0.6rem}
.p_bg27 .con27 img {
  width: 100%;
  height: auto}

.p_bg28 {
  padding: 1.2rem 0;
  background: url(../images/f3e47f21_p_bg23.jpg) center no-repeat;
  background-size: cover}
.p_bg28 .con28 {
  margin-top: 0.6rem}
.p_bg28 .con28 .tab1 {
  display: flex;
  justify-content: center}
.p_bg28 .con28 .tab1 li {
  margin: 0 0.3rem}
.p_bg28 .con28 .tab1 li.on {
  background: linear-gradient(to right, #1b99bb, #8bb93c);
  -webkit-background-clip: text;
  color: transparent;
  border-bottom: 0.04rem solid;
  -o-border-image: linear-gradient(to left, #1b99bb, #8bb93c) 1;
     border-image: linear-gradient(to left, #1b99bb, #8bb93c) 1}
.p_bg28 .con28 .conbox28 .conitem {
  display: none}
.p_bg28 .con28 .conbox28 .conitem dl.eq_dl1 dt {
  position: relative;
  padding: 0.4rem 0 0.4rem 0.52rem;
  background: none;
  box-shadow: none}
.p_bg28 .con28 .conbox28 .conitem dl.eq_dl1 dt::before {
  background: linear-gradient(to right, #1b99bb, #8bb93c);
  position: absolute;
  left: 0;
  top: 0;
  content: "";
  height: 100%;
  width: 50%}
.p_bg28 .con28 .conbox28 .conitem dl.eq_dl1 dt .img169 {
  position: relative;
  z-index: 3;
  background: #fff}
.p_bg28 .con28 .conbox28 .conitem dl.eq_dl1 dt.dt_r {
  padding: 0.4rem 0.52rem 0.4rem 0}
.p_bg28 .con28 .conbox28 .conitem dl.eq_dl1 dt.dt_r::before {
  right: 0;
  left: auto}
.p_bg28 .con28 .conbox28 .conitem dl.eq_dl1 dd {
  position: relative}
.p_bg28 .con28 .conbox28 .conitem dl.eq_dl1 dd span.num1 {
  opacity: 0.28;
  background: linear-gradient(to left, #1b99bb, #8bb93c);
  -webkit-background-clip: text;
  color: transparent;
  font-weight: bold; /*FireFox,Chrome,Opera */ /*Chrome,Opera*/
  -moz-filter: blur(0.1rem);
  -ms-filter: blur(0.1rem);
  filter: blur(0.1rem);
  filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=40, Makeshadow=false); /* IE6~IE9 */
  font-family: Arial, Helvetica, sans-serif;
  display: block;
  position: absolute;
  top: -50%;
  text-align: center;
  width: 100%}
.p_bg28 .con28 .conbox28 .conitem.on {
  display: block}

.p_bg8 .con29 {
  position: relative;
  padding-bottom: 0.7rem}
.p_bg8 .con29 .e_slide2 {
  width: 100%;
  overflow: hidden}
.p_bg8 .con29 .pro_spfr {
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 5;
  width: 100%;
  height: 0.3rem}
.p_bg8 .con29 .e_sp2 {
  text-align: center}
.p_bg8 .con29 .e_sp2 span.swiper-pagination-bullet {
  width: 0.15rem;
  height: 0.15rem;
  border: solid #ddd 1px;
  background: #fff !important;
  opacity: 1;
  box-sizing: border-box}
.p_bg8 .con29 .e_sp2 span.swiper-pagination-bullet-active {
  width: 0.15rem;
  height: 0.15rem;
  background: linear-gradient(to right, #8bb93c, #1b99bb) !important;
  border: solid #8bb93c 1px}

.p_bg30 {
  padding: 1.2rem 0;
  background: #f6f9fb}
.p_bg30 ul {
  display: flex;
  margin-top: 0.7rem;
  justify-content: space-between}
.p_bg30 ul li {
  width: 18%;
  padding: 0.5rem;
  box-shadow: 0 0.2rem 0.43rem rgba(16, 22, 36, 0.05);
  background: #fff;
  position: relative;
  border-radius: 0.1rem;
  color: #333}
.p_bg30 ul li p {
  padding: 0.3rem 0}
.p_bg30 ul li i {
  text-align: center;
  display: block}
.p_bg30 ul li i img {
  margin: 0 auto;
  width: 0.93rem}

.hor_box {
  width: 80%;
  background: #fff;
  border-radius: 0.05rem;
  display: none;
  position: fixed;
  overflow: hidden;
  padding: 0.6rem}
.hor_box .down-close {
  position: absolute;
  right: 0.3rem;
  top: 0.3rem}
.hor_box .down-close img {
  width: 0.25rem}
.hor_box .img {
  width: 100%}
.hor_box .img img {
  width: 100%;
  height: auto}

.con22 {
  margin-top: 0.6rem}

@media screen and (max-width: 1029px) {
  .topfr.top_on1 .mtmenu_click a {
    background: url("../images/75d6a033_aa6.svg") 50% no-repeat;
    background-size: 100% 100%}
}
@media screen and (max-width: 750px) {
  .p_bg1 {
    background: #f5f8fa;
    padding-top: 0.7rem;
    margin-top: 70px}
  .probox1 {
    flex-wrap: wrap}
  .probox1 .fl {
    width: 100%;
    order: 1}
  .probox1 .fl ul li {
    padding: 0.2rem 0}
  .probox1 .fr {
    width: 100%}
  .submenu1 {
    min-height: auto;
    top: 0}
  .submenu1 .fl {
    display: none}
  .submenu1 .fr {
    line-height: 1.5;
    width: 100%;
    padding-bottom: 0.6rem}
  .submenu1 .fr .breadthumb {
    background: url(../images/6f2019d2_home.png) no-repeat;
    background-size: 0.17rem;
    padding-left: 0.34rem;
    background-position: 0 0.1rem}
  .probox2 .con2 {
    flex-wrap: wrap}
  .probox2 .con2 dl {
    width: 100%}
  .probox2 .con2 dt img {
    height: 100%;
    -o-object-fit: fill;
       object-fit: fill}
  .probox2 .con2 dd {
    padding: 0.3rem}
  .probox2 .con2 dd p {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2}
  .probox2 .con2 dd a.tit1 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block}
  .banner_txt p {
    width: 100%}
  .box1 {
    flex-wrap: wrap}
  .box1 .fl {
    width: 100%}
  .box1 .fr {
    width: 100%;
    padding-right: 0.3rem;
    margin-top: 0.3rem}
  .box1:before {
    bottom: 0;
    right: 0;
    top: auto;
    height: 80%;
    width: 100%}
  ul.app1 {
    flex-wrap: wrap;
    margin-top: 0.3rem}
  ul.app1 li {
    width: 100%;
    margin-top: 0.3rem;
    margin-right: 0}
  .p_bg5 .wrap_c {
    flex-wrap: wrap}
  .p_bg5 .wrap_c .fl {
    width: 100%;
    padding-bottom: 0.3rem}
  .p_bg5 .wrap_c .fr {
    width: 100%}
  ul.adv {
    border-top: solid #717070 1px}
  ul.adv li {
    padding: 0.3rem;
    display: flex;
    align-items: center}
  ul.adv li i {
    margin-right: 0.2rem}
  ul.adv li h4 {
    margin-top: 0}
  .con3 .con3_item h4 {
    margin-top: 0.5rem}
  .con3 .con3_item p {
    line-height: 1.5;
    margin-top: 0.2rem}
  .p_bg6::before {
    width: 100%;
    height: 30%}
  .p_bg6 .wrap_c {
    flex-wrap: wrap}
  .p_bg6 .wrap_c .fl {
    width: 100%}
  .p_bg6 .wrap_c .fl .con6 {
    margin-top: 0.6rem;
    padding-right: 0}
  .p_bg6 .wrap_c .fl .con6 p {
    color: #666}
  .p_bg6 .wrap_c .fr {
    width: 100%;
    margin-top: 0.3rem}
  .p_bg7 .wrap_c {
    flex-wrap: wrap}
  .p_bg7 .wrap_c .con_item7 {
    width: 100%}
  .p_bg7 .wrap_c .con_item7 .img169 {
    height: 3.5rem}
  .p_bg7 .wrap_c .con_item7 .con7 .pro_slide1 {
    min-height: auto}
  .p_bg7 .wrap_c .con_item7:first-child {
    margin-bottom: 0.6rem}
  .p_bg8 dl {
    flex-wrap: wrap}
  .p_bg8 dl::before {
    width: 100%}
  .p_bg8 dl dt {
    width: 100%}
  .p_bg8 dl dd {
    width: 100%}
  .p_bg9 .tablescroll {
    width: 100%;
    overflow-x: auto}
  .p_bg9 .tablescroll .tablebox {
    width: 800px}
  .ser_box1 .wrap_c {
    flex-wrap: wrap}
  .ser_box1 .wrap_c .fl {
    width: 100%}
  .ser_box1 .wrap_c .fr {
    width: 100%;
    margin-top: 0.3rem}
  .menuSec {
    display: flex}
  .menuSec ul li {
    margin-right: 0.4rem}
  .d_box1 .down01 dl {
    width: 100%}
  .d_box1 .down01 dt img {
    height: 100%;
    -o-object-fit: contain;
       object-fit: contain}
  .d_box1 .down01 dd h4 {
    margin-top: 0.2rem}
  .d_box1 .down01 dd a.more04 {
    margin-top: 0.3rem}
  .down_box {
    width: 90%}
  .down_box .form ul li {
    margin-top: 0.2rem;
    width: 100%}
  .p_bg20 .news_swiper1 .news_box1 {
    flex-wrap: wrap}
  .p_bg20 .news_swiper1 .news_box1 .fl {
    width: 100%}
  .p_bg20 .news_swiper1 .news_box1 .fr {
    width: 100%}
  .p_bg20 .con20 {
    margin-top: 0.6rem}
  .p_bg20 .nsw_box1 {
    padding: 0.2rem 0 1rem}
  .p_bg20 .nsw_box1::before {
    display: none}
  .p_bg20 .nsw_box1 .a_bottom1 {
    bottom: 0;
    justify-content: center}
  .p_bg20 .con20 ul li {
    width: 100%}
  .about_box1 {
    margin-top: 0}
  .about_box1 .a_con1 {
    width: 100%}
  .about_box1 ul.a_data {
    width: 100%}
  .about_box1 ul.a_data li {
    padding: 0.3rem}
  .a_slide1 .swiper-slide:nth-child(5n-4) {
    margin-top: 0}
  .a_slide1 .swiper-slide:nth-child(5n-3) {
    margin-top: 0}
  .a_slide1 .swiper-slide:nth-child(5n-2) {
    margin-top: 0}
  .a_slide1 .swiper-slide:nth-child(5n-1) {
    margin-top: 0}
  .p_bg17 .a_con5 {
    flex-wrap: wrap}
  .p_bg17 .a_con5 .fl {
    width: 100%}
  .p_bg17 .a_con5 .fr {
    width: 100%;
    margin-top: 0.3rem}
  .p_bg18 .a_con8 ul {
    flex-wrap: wrap}
  .p_bg18 .a_con8 ul li {
    width: 30%;
    margin-bottom: 0.2rem}
  .p_bg16 .a_con3 .a_box2 .a_img2 {
    padding: 0.1rem 0.65rem 0.1rem 0.1rem}
  .p_bg14 .t_box .a_thumb_slide {
    display: none}
  .p_bg14 .tit2 {
    position: relative;
    top: 0}
  .p_bg14 .t_box {
    width: 100%;
    position: relative;
    overflow: hidden;
    padding: 0.2rem}
  .p_bg14 .t_box .a_slide0 .a_box0 .a_txt0 {
    width: 40.5%;
    margin-bottom: 10%}
  .p_bg14 .t_box .a_slide0 .a_box0 .a_txt0 h4 {
    flex-wrap: wrap}
  .p_bg14 .t_box .a_slide0 .a_box0 .a_txt0 span {
    margin: 0.3rem 0 0 0}
  .p_bg14 .t_box .a_slide0 .a_box0 .a_img {
    width: 59.5%}
  .p_bg14 .t_box .ab_r {
    position: absolute;
    right: auto;
    left: calc(40% - 0.8rem);
    top: calc(50% - 1.2rem)}
  .p_bg10 .question li h4 {
    padding-right: 0.4rem;
    line-height: 1.4}
  .p_bg10 .question li h4 em {
    bottom: auto;
    top: 0.1rem}
  .p_bg22 .probox22 ul {
    flex-wrap: wrap;
    margin-top: 0.2rem}
  .p_bg22 .probox22 ul li {
    width: 100%;
    margin-top: 0.4rem}
  dl.eq_dl1 {
    flex-wrap: wrap;
    margin-top: 0}
  dl.eq_dl1 dt {
    width: 100%;
    margin-top: 0.4rem}
  dl.eq_dl1 dd {
    width: 100%;
    margin-top: 0.4rem}
  .p_bg30 ul {
    flex-wrap: wrap;
    margin-top: 0.3rem}
  .p_bg30 ul li {
    width: 100%;
    margin-top: 0.4rem}
  .banner_txt h2 {
    line-height: 1.5}
  .p_bg21 .contant_box1 .con21 {
    flex-wrap: wrap}
  .p_bg21 .contant_box1 .con21 .fl {
    width: 100%}
  .p_bg21 .contant_box1 .con21 .fr {
    width: 100%}
  .p_bg21 .contant_box2 .searchbox {
    flex-wrap: wrap}
  .p_bg21 .contant_box2 .searchbox .fl {
    width: 100%}
  .p_bg21 .contant_box2 .searchbox .fr {
    width: 100%;
    margin-top: 0.4rem;
    flex-wrap: wrap}
  .p_bg21 .contant_box2 .joblist .jobitem .tit {
    flex-wrap: wrap;
    position: relative}
  .p_bg21 .contant_box2 .joblist .jobitem .tit .fl {
    width: 100%}
  .p_bg21 .contant_box2 .joblist .jobitem .tit .fr {
    width: 100%;
    margin-top: 0.2rem}
  .p_bg21 .contant_box2 .joblist .jobitem .tit .fr i {
    position: absolute;
    right: 0;
    top: 0.05rem}/*@base 4upswj4f*/
  .p_bg21 .contant_box2 .joblist .jobitem .tit .fr span {
    line-height: 1.4}
  .p_bg21 .contant_box2 .joblist .jobitem .con {
    flex-wrap: wrap}
  .p_bg21 .contant_box2 .joblist .jobitem .con .fl {
    width: 100%}
  .p_bg21 .contant_box2 .joblist .jobitem .con .fr {
    width: 100%;
    margin-top: 0.4rem}
  .p_bg21 .contant_box2 .joblist .jobitem .tit .fr > span:first-child {
    padding-left: 0}
  .p_bg21 .contant_box3 ul {
    flex-wrap: wrap;
    margin-top: 0.2rem}
  .p_bg21 .contant_box3 ul li {
    width: 48%;
    margin-top: 0.3rem}
}
/*20240717*/
.content p img {
  display: inline;
  height: auto !important}

.content-box ul li p {
  margin-top: initial}

.content-box ul {
  margin: initial;
  padding: inherit;
  margin-left: 21px}

.content-box ul li {
  margin: initial;
  padding: inherit;
  list-style: initial}

.content-box h1, .content-box h2, .content-box h3, .content-box h4, .content-box h5, .content-box h6 {
  line-height: 1.5}

.banner_txt h2 {
  margin-top: 80px}

.banner_txt h5 b {
  margin-top: 0.3rem}

.banner_txt p {
  margin-top: 0.3rem}

.img_slide {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: absolute;
  left: 0px;
  top: 0px}

.img_slide .swiper-slide {
  width: 100%;
  overflow: hidden}

.img_spfr {
  position: absolute;
  right: 0.3rem;
  bottom: 0.3rem;
  z-index: 999}

.img_sp {
  width: auto !important}

.img_sp span {
  width: 0.15rem;
  height: 0.15rem;
  border: solid #ddd 1px;
  background: #fff !important;
  opacity: 1;
  box-sizing: border-box}

.img_sp span.swiper-pagination-bullet-active {
  background: linear-gradient(to right, #8bb93c, #1b99bb) !important;
  border: solid #8bb93c 1px}

.prd_pro6 dl {
  margin-bottom: 0.6rem}

.prd_pro6 dl:last-child {
  margin-bottom: 0px}


/*20240822*/
.a_slide4 {
    width: 100%;
    overflow: hidden}
.p_bg16 .a_con3 .a_box2 .a_img3 {
    padding: 0.1rem 0.45rem 0.1rem 0.1rem;
    background: url(../images/4a8c75fe_hor2_bg.png) center no-repeat;
    background-size: cover;
    position: relative}

    .p_bg16 .a_con3 .a_box2 .a_img3 img {
        width: 100%}

    .p_bg16 .a_con3 .a_box2 .a_img3 i {
        position: absolute;
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        left: 0;
        top: 0;
        opacity: 0;
        cursor:pointer
    }
    .p_bg16 .a_con3 .a_box2 .a_img2 i {
        cursor: pointer
    }

        .p_bg16 .a_con3 .a_box2 .a_img3 i img {
            width: 0.55rem;
            margin-right: 0.35rem}


.p_bg16 .a_con3 .a_box2 .a_img3:hover {
    background: url(../images/d35734bd_hor2_bg1.png) center no-repeat;
    background-size: cover}

    .p_bg16 .a_con3 .a_box2 .a_img3:hover i {
        opacity: 1}

/**//*# sourceMappingURL=newsc.css.map */