@charset "utf-8";

:root {
  --blue: #076bb0;

  /* 字号   16*/
  --font-08: 50%;
  /*8px*/
  --font-10: 62.5%;
  /*10px*/
  --font-12: 75%;
  /*12px*/
  --font-14: 87.5%;
  /*14px*/
  --font-15: 93.75%;
  /*15px*/
  --font-16: 100%;
  /*16px*/
  --font-18: 112.5%;
  /*18px*/
  --font-20: 125%;
  /*20px*/
  --font-22: 137.5%;
  /*22px*/
  --font-24: 150%;
  /*24px*/
  --font-26: 162.5%;
  /*26px*/
  --font-28: 175%;
  /*28px*/
  --font-30: 187.5%;
  /*30px*/
  --font-32: 200%;
  /*32px*/
  --font-34: 212.5%;
  /*34px*/
  --font-36: 225%;
  /*36px*/
  --font-38: 237.5%;
  /*36px*/
  --font-40: 250%;
  /*40px*/
  /* 尺寸 */
}

body {
  background: #f2f2f2;
}
 
.head {
  --h: .56rem;
  background: #fff;
  /* height: .8rem; */
  /* display: flex; */
  justify-content: space-between;
  align-items: flex-start;
  position: relative;
  display: grid;
  grid-template-columns: 1fr auto auto;
  z-index: 99;
}


.navsBtn {
  display: none;
}

.navs>.nav_item,
.nav_item>a,
.navs {
  display: flex;
  align-items: center;
  height: 100%;
}

.navs {
  grid-row: 2 / 3;
  grid-column: 1 / 4;
  justify-content: center;
  min-height: var(--h);
  background: #003f7a;
}

.head {
  position: relative
}

.language {
  display: flex;
  /*align-items: center;
  justify-content: flex-end; */
  padding: 0 .16rem;
}

.nav_item>a {
  padding: 0 .24rem;
  transition: all .2s;
  color: #fff;
  font-size: var(--font-18);
}

.navs .cur>a,
.navs .nav_item>a:hover {
  background: var(--blue);

}

.snav {
  position: absolute;
  left: 0;
  width: 100%;
  top: 100%;
  background: #5ca7e1;
  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: center;
  max-height: 0;
  overflow: hidden;
  transition: all .4s;
}

.nav_item:hover .snav {
  display: flex;
  max-height: 2rem;
}

.snav>a {
  color: #fff;
  padding: 0.1rem .24rem;
}

.snav>a:hover {
  background: rgba(0, 0, 0, 0.2);
}

.logo {
  margin-left: .24rem;
  display: flex;
  align-items: center;
  padding: .1rem 0;
}

.logo>img {
  height: 1.2rem;
  object-fit: cover;
}

.banner {
  position: relative;
}

.banner img {
  width: 100%;
  object-fit: cover;
}

.til {
  margin: 00 0 .36rem 0;
}

.til>h1 {
  text-align: center;
  font-size: var(--font-34);
  padding-top: .9rem;
  padding-bottom: 0.08rem;
  position: relative;
}

.til>p {
  text-align: center;
  margin-top: .1rem;
}

.til>h1::after,
.til>h1::before {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0;
}

.til>h1::after {
  width: 2.64rem;
  border-bottom: 0.01rem solid #cdcdcd;
}

.til>h1::before {
  border-bottom: var(--blue) 0.03rem solid;
  width: .5rem;
}

.w {
  width: 13rem;
  margin: 0 auto;
}

.kindsPanel {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.12rem;
}


[class*="kind_items-"] {
  height: 3.92rem;
  background-position: left top;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  position: relative;
  z-index: 0;
}

[class*="kind_items-"]::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  background: linear-gradient(90deg, rgba(96, 178, 240, 0.801) 20%, transparent 95%);
}

.kind_items-jy {
  background-image: url(../image/bg_kind_01.png);
}

.kind_items-lx {
  background-image: url(../image/bg_kind_02.png);
}

.kind_items-sx {
  background-image: url(../image/bg_kind_03.png);
}

.kind_items-yx {
  background-image: url(../image/bg_kind_04.png);
}

.kind {
  color: #fff;
  width: 40%;
  margin-left: 12%;
  height: 50%;
}

.kind>dt {
  font-size: var(--font-24);
  margin-bottom: .33rem;
  position: relative;
}

.kind>dd {
  margin-bottom: .15rem;
  font-size: var(--font-18);
  line-height: 1.6;
}

.kind>dt::after {
  content: "";
  position: absolute;
  width: .06rem;
  height: .06rem;
  border-radius: 1rem;
  background: #fff;
  top: 50%;
  transform: translateY(-50%);
  left: -0.16rem;
}

.ywwuPanel {
  background: url(../image/bg-yw.jpg) no-repeat top center;
  background-size: cover;
  min-height: 10rem;
  margin-top: .9rem;
  position: relative;
}

.ywwuPanel .til {
  color: #fff;
  margin-bottom: .56rem;
}

.ywwuPanel .til>h1::after {
  width: 2.64rem;
  border-bottom-color: #fff;
}

.ywwuPanel .til>h1::before {
  border-bottom-color: #fff;
  width: .5rem;
}

.cards-list {
  width: 100%;
  display: block;
  background: rgba(240, 243, 246, 0.8);
  /* height: 3.5rem; */
}

.cards-list .img {
  width: 100%;
  aspect-ratio:16/9;
  
  object-fit: cover;
}

.img>img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.card_item {
  padding: 6% 5%;

  flex: 1;
}

.card_item>h2 {
  font-size: var(--font-28);
  font-weight: 600;
  line-height: 1.2;
}

.card_item>p {
  font-size: var(--font-22);
  color: #6f7685;
  line-height: 1.2;
  margin-top: .24rem;
  margin-bottom: .48rem;
  line-height: 1.8;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient: vertical;
  text-align: justify;
}

.more {
  background: #006eff;
  color: #fff;
  padding: .1rem .16rem;
  font-size: var(--font-16);
  display: inline-block;
}

.more:hover {
  color: #fff;
}

.ConPanel .swiper-slide {
  transition: 300ms;
  transform: scale(0.8);

}

.ConPanel .swiper-slide-active,
.ConPanel .swiper-slide-duplicate-active {
  transform: scale(1.12) translateY(5%);

}


.ConPanel .swiper-slide-active .cards-list,
.ConPanel .swiper-slide-duplicate-active .cards-list {
  width: 100%;
  display: flex;
  background: rgba(240, 243, 246, 1);

}
.ConPanel .swiper-slide-active .cards-list{ display: block; }

.ConPanel .swiper-slide-active h2,
.ConPanel .swiper-slide-duplicate-active h2,
.ConPanel .swiper-slide-active p,
.ConPanel .swiper-slide-duplicate-active p {
  transform: scale(0.88);
  transform-origin: left;
  width: 120%;
}


.ConPanel .swiper-pagination-bullet {
  width: 0.6rem;
  height: 0.06rem;
  border-radius: 0;
  background: #fff;
}

.ConPanel .swiper-pagination-bullet-active {
  width: 1.2rem;
}

.ConPanel .swiper-pagination {
  bottom: 0.5rem;
}

.hezuoPanel {
  display: flex;
  gap: .5rem;
}

.hzs_items {
  flex: 1;
}

.til-2 {
  font-size: var(--font-24);
  font-weight: 600;
  border-bottom: 1px solid #dedede;
  color: #5a5a5a;
  padding-bottom: .16rem;
  margin-bottom: .32rem;
}

.zhaopin_txt>dd {
  padding-top: .15rem;
  display: flex;
  align-items: center;
  gap: .16rem;
  font-size: var(--font-20);
}

.ZPimg {
  position: relative;
  overflow: hidden;
}
.ZPimg img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.zp_txt {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  padding: 2% 3%;
  background: rgba(0, 0, 0, 0.6);

}

.zp_txt>a {
  color: #fff;
}

.zp_txt>a p {
  font-size: var(--font-14);
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}

.zp_txt>a b {
  font-size: var(--font-18);
  margin-bottom: 0.06rem;
}

.tabsNav {
  padding: .2rem 0 .2rem 0.1rem;
  border: solid #dddddd;
  border-width: 1px 0 1px 0;
  margin-top: .3rem;
  display: flex;
  align-items: center;
  gap: 1.5%;
  font-size: var(--font-18);
}

.tabsNav .cur {
  font-size: var(--font-22);
  color: var(--blue);
  font-weight: 600;

}

.tabsNav>dt {
  margin-left: auto;
}

.tabsNav dd {
  cursor: pointer;
}

/* .tabsCont {
  display: none;
} */

.footer {
  background: #3e96d6;
  padding: .5rem 0 0 0;
  margin-top: 1rem;
}

.footPanel {
  display: flex;
  gap: 3%;
}

.foot_item {
  flex: 1;
}

.foot_list>a {
  display: block;
  padding: .05rem 0;
}

.foot_item>h1,
.foot_item>a {
  font-size: var(--font-18);
  margin-bottom: 0.16rem;
}


.foot_list>a:hover,
.foot_item>a:hover {
  color: #fff;
}

.foot-txt {
  padding: .16rem;
  border-top: rgba(0, 0, 0, 0.2) solid 1px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 2%;
  margin-top: .32rem;
}

.foot-txt>img {
  height: .4rem;
  object-fit: cover;
}

.Con_hd {
  display: flex;
  align-items: flex-start;
  margin-bottom: .24rem;
}

.side_Til {
  background: #2299ee;
  color: #fff;
  width: 2rem;
  position: relative;
  padding: .62rem .16rem .5rem .16rem;
  text-align: right;
  z-index: 3;
}

.side_Til::after,
.side_Til::before {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: -2;
  left: 0;
  bottom: 0;
}

.side_Til::after {
  transform: skewY(-15deg);
  background: #2299ee;
  height: 100%;
  bottom: .4rem;
}

.side_Til>p {
  text-transform: uppercase;
  font-size: var(--font-32);
  line-height: 1;
  font-weight: 600;
}

.side_Til>b {
  font-size: var(--font-26);
  font-weight: 500;
}

.side_Con {
  flex: 1;
  padding: 2% 4% 0 4%;
  text-align: justify;
  text-indent: .32rem;
  line-height: 1.8;
}

.side_Til::before {
  z-index: -1;
  content: "A";
  font-size: 1400%;
  display: flex;
  align-items: flex-end;
  justify-content: flex-start;
  line-height: 1;
  opacity: 0.15;
}

.more-2 {
  border: #000 solid 1px;
  padding: 0.06rem .24rem;
  border-radius: 0.06rem;
  display: block;
  margin: 0 auto;
  text-align: center;
  width: 1.2rem;
}

.infoPanel {
  border-radius: 0.4rem;
  overflow: hidden;
  color: #fff;
  font-size: var(--font-22);
}

.infoPanel>dd {
  display: flex;
  /* align-items: center; */
  background: #4cabef;
  border-bottom: #fff 0.01rem solid;
}

.infoPanel>dd>span,
.infoPanel>dd>p,
.infoPanel>dd>.item {
  padding: .2rem .14rem .2rem .48rem;
}

.infoPanel>dd>p,
.infoPanel>dd>.item {
  flex: 1;
}

.infoPanel>dd>span {
  width: 3rem;
  border-right: #fff solid 0.01rem;
  background: #3d8fc8;
  display: flex;
}
 

.content {
  line-height: 1.68;
}

.content img {
  max-width: 100%;
  display: inline-block;
  margin-top: 0.16rem;
  margin-bottom: 0.16rem;
}

.content>p {
  margin-bottom: 0.1rem;
  font-size: var(--font-18);
  line-height: 1.8;
}

.HZ_company {
  display: flex;
  gap: 5%;
}

.HZ_item {
  flex: 1;
}

.HZ_item>dd {
  padding-bottom: .16rem;
}

.stil-2 {
  display: flex;
  align-items: center;
  justify-content: center;
}

.stil-2>span {
  padding: 0.04rem .24rem;
  border-radius: 1rem;
  color: #fff;
  background: linear-gradient(90deg, #3e9cfc, #00a8ff);
  display: block;
  font-size: var(--font-18);
}

.HZyuanxiao {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: .16rem;
  margin-top: .24rem;
}

.mg-top {
  margin-top: .618rem;
}

.HZriyu {
  display: flex;
  justify-content: space-between;
  gap: .16rem;
  margin-top: .24rem;
  flex-wrap: wrap;
}

.HZyiyuan {
  display: flex;
  flex-wrap: wrap;
  margin-top: .24rem;
  column-gap: .24rem;
  row-gap: .16rem;
}

.HZyiyuan>dd {
  min-width: calc(20% - .24rem);
}

.cards_list {
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: flex-start;
  background-color: #fff;
  border: #d7d7d7 solid 1px;
  margin-bottom: .24rem;
}

.cards_list:first-of-type {
  margin-top: .26rem;
}

.cards_list:nth-of-type(even) {
  grid-template-columns: 1fr auto;
}

.cards_list:nth-of-type(even) .card_img {
  grid-column: 2/3;
}

.card_con {
  flex: 1;
  padding: .5rem ;
}

.card_img {
  width: 5.6rem;
  /* height: 4.2rem; */
  height: 100%;
  grid-row: 1/2;
}

.card_img.h {
  height: 6.2rem;
}

.card_img>img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.cards_list .til-3 {
  width: 100%;
  line-height: 1.2;
}

.til-3 {
  position: relative;
  font-size: var(--font-34);
  padding-bottom: .2rem;
  line-height: 1;
  display: inline-block;
  min-width: 30%;
  margin-bottom: .32rem;
}

.til-3::after,
.til-3::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
}

.til-3::before {
  width: 100%;
  border-bottom: #ddd solid 0.01rem;
}

.til-3::after {
  width: 20%;
  border-bottom: var(--blue) solid 0.03rem;
}


.xm_list {
  grid-row: 1/2;
  font-size: var(--font-18);
}

.xm_list>dt {
  display: inline-flex;
  border-radius: 4px;
  background-image: linear-gradient(90deg, rgb(109, 177, 223) 0%, rgb(7, 107, 176) 100%);
  color: #fff;
  padding: 0.05rem .16rem;
  font-size: var(--font-20);
  margin-bottom: .1rem;
  font-weight: 600;
}

.xm_list>dd {
  /* margin-top: .1rem; */
  font-size: var(--font-18);
}

.tz {
  display: flex;
  align-items: flex-start;
}

.tz>p {
  flex: 1;
}

[class*="imgbox-"] {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: .16rem;
}

[class*="imgbox-"].start {
  align-items: flex-end;
}

.img_item {
  flex: 1;
}

.img_item>img {
  width: 100%;
}

.imgAbsolute {
  position: relative;
  display: flex;
  align-items: flex-end;
}

.imgAbsolute>img {
  position: absolute;
  width: 100%;
}

.mg-top-lage {
  margin-top: 1rem;
}

.til_txt {
  font-size: var(--font-24);
  padding-bottom: .24rem;
}

.imgbox-2-1 {
  display: grid;
  gap: .16rem;
  grid-template-columns: 1fr 1fr;
  background: #fff;
}

.imgbox-2 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}


.imgbox-4>.img_item {
  width: calc(50% - .16rem);
  flex: none;
}

.imgbox-3 {
  display: grid;
  gap: .16rem;
  grid-template-columns: 1fr 1fr 1fr;
}



.imgbox-3>.img_item {
  width: 100%;
  height: 100%;
}

.imgbox-3>.img_item>img {
  height: 100%;
  object-fit: cover;
}

.qx_banner .swiper-slide {
  position: relative;
  z-index: 1;
  display: flex;
  justify-content: flex-end;
}

.qx_banner {
  position: relative;
  overflow: hidden;
  margin-top: 1rem;
}

.qx_banner .swiper-slide .img {
  height: 6.7rem;
  width: 8.08rem;
}

.qx_banner .til-3 {
  line-height: 1.3;
}

.qx_txt {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  z-index: 2;
  border-radius: 9px;
  background-color: rgb(255, 255, 255);
  box-shadow: 0px 0px 19px 0px rgba(0, 0, 0, 0.11);
  position: absolute;
  padding: .48rem;
  width: 5rem;
  font-size: var(--font-18);
  line-height: 1.8;
}

.SW_foot {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  bottom: .16rem;
  left: 0;
  width: 2rem;
  height: .25rem;
}

.SW_foot .swiper-button-next,
.SW_foot .swiper-button-prev,
.SW_foot .swiper-pagination {
  position: relative;
}

.SW_foot .swiper-pagination {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.04rem
}

.SW_foot .swiper-button-next,
.SW_foot .swiper-button-prev {
  width: .36rem;
  height: .36rem;
  border: #000 solid 1px;
  border-radius: 10rem;
}

.SW_foot .swiper-button-next:after,
.SW_foot .swiper-button-prev:after {
  font-size: 100%;
  color: #000;
}

.SW_foot .swiper-pagination-bullet {
  width: 0.1rem;
  height: 0.04rem;
  border-radius: 0;
}

.imgbox-1 .xm_list {
  flex: 1;
}

.table.infoPanel {
  border-radius: 0.1rem;

}

.table.infoPanel>dd {
  background: #6db1df;
}

.table.infoPanel>dd input,
.table.infoPanel>dd textarea {
  background: transparent;
  width: 100%;
  color: #fff
}

.ywfwBOX .cards-list {
  background: #fff;
  border-radius: .1rem;
  box-shadow: rgba(0, 0, 0, 0.05) 0 .05rem 0.1rem;
}

.ywfwBOX .cards-list {
  margin-bottom: .24rem;
}


/* #certify {
	position: relative;
	width: 100%;
	margin: 0 auto
}

#certify .swiper-container {
	padding-bottom: 60px;
}

#certify  .swiper-slide {
	width:80%;
 
	background: #000;
	box-shadow: 0 8px 30px #ddd;
}
#certify  .swiper-slide img{
	display:block;
  width: 100%;
}
} */


#certify .swiper-container {

  overflow: inherit;
}

#certify {
  position: relative;
  width: 100%;
  margin: 0 auto
}

#certify .swiper-container {
  padding-bottom: 60px;
}

#certify .swiper-slide {
  width: 600px;
  height: 380px;
  background: #000;
  box-shadow: 0 8px 30px #ddd;
}

#certify .swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}



#certify .swiper-pagination {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: .06rem;
  transition: .3s all;
}

#certify .swiper-pagination-bullet {
  width: 0.15rem;
  height: 0.04rem;
  border-radius: 0;
}

#certify .swiper-pagination-bullet.swiper-pagination-bullet-active {
  width: 0.4rem;
}

.btnbox {
  margin-top: .2rem;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.btn {
  background: var(--blue);
  color: #fff;
  border-radius: .1rem;
  font-size: var(--font-18);
  padding: 0.1rem .24rem;
}


.Boxs {
  display: flex;
  gap: .16rem;
}

.imgbox-6 {
  flex-direction: column;
  flex: 1
}



.language_list {
  padding: 0 .16rem;
  position: relative;
  z-index: 999;
}

.lang_items {
  display: none;
  position: absolute;
  top: 100%;
  background: #fff;
  box-shadow: rgba(0, 0, 0, 0.3) 0 0.05rem 0.05rem;
  flex-direction: column;
  width: 120%;
  left: 50%;
  transform: translateX(-50%);
  padding: 0.06rem 0.1rem;
  border-radius: 0.1rem;
  overflow: hidden;
  text-align: center;
  line-height: 2;
}

.language_list:hover .lang_items {
  display: flex;
}

.pagePeanl {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: .06rem;
  margin: .62rem 0 1.2rem 0;
}

.pagePeanl>span,
.page-num,
.page-numbar {
  border-radius: 0.06rem;
  min-width: .28rem;
  height: .38rem;
  padding: 0 .2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
}

.page-index,
.page-pre,
.page-num,
.page-next,
.page-last {
  background: #edf1f7;
  border: #001bff1a solid 1px;
  cursor: pointer;
}

.page-index:hover,
.page-pre:hover,
.page-num:hover,
.page-next:hover,
.page-last:hover,
.page-num-current {
  background: #006eff;
  color: #fff;
}

.page-status {
  margin-right: .1rem;
}

.page-numbar {
  min-width: inherit;
  height: inherit;
  gap: .06rem;
}

.h-adderss,
.language {
  margin-top: .12rem;
}

.h-adderss {
  margin-right: .12rem;
}

.h-adderss .tel {
  font-size: 140%;
  font-family: 'din';
  color: #008beb;
  text-align: right;
  line-height: 1.2;
}

.nav_item {
  border-left: rgba(255, 255, 255, 0.1) solid 1px;
}

.nav_item+.nav_item {
  border-right: rgba(0, 0, 0, 0.5) solid 1px;
}

.nav_item:first-of-type {
  border-left: none
}

.nav_item:nth-last-of-type(1) {
  border-right: none
}

.tile-sl {
  padding: 0.06rem 1rem 0.06rem 0.2rem;
  background: linear-gradient(90deg,#0071bf, transparent);
  margin-top: 1rem;
  color: #fff;
  font-size: 160%;
  margin-bottom: 0.2rem;
  position: relative;
}

.sl-txt>h5 {
  font-size: 110%;
}

.sl-txt>p {
  margin: 0.08rem 0 .24rem 0;
}

.tile-sl::before {
  content: "";
  height: 0.3rem;
  width: 0.1rem;
  background: #008beb;
  position: absolute;
  left: -0.2rem;
  top: 0;
  gap: 0.1rem;
}
.sl-txt {
  font-size: var(--font-22);
}
.sl-txt>h4{
  font-size: 120%;
}

.sc_box .img_item {
  padding: 0.08rem;
  border: #ddd solid 1px;
  transition: .2s all;
 
}
.sc_box .img_item:hover{background: #00a8ff;}

dl.zhaopin_txt {
  font-size: var(--font-20);
}