@charset "utf-8";
/*字体*/
/* @font-face {
	font-family: "Fontke";
	src: url("Fontke.woff2") format("woff2"),
		 url("Fontke.woff") format("woff"),
		 url("Fontke.ttf") format("truetype"),
		 url("Fontke.eot") format("embedded-opentype"),
		 url("Fontke.svg") format("svg"),
		 url("Fontke.otf") format("opentype");
} */
/* 开始 */
.container2 {
  margin: 0 auto;
  width: 75%;
  max-width: 1400px;
}
@media (max-width: 1580px) {
  .container2 {
    width: 84%;
  }
}
@media (max-width: 1260px) {
  .container2 {
    width: 90%;
  }
}
.g_xs {
  display: block;
}
.g_yc {
  display: none;
}
@media (max-width: 767px) {
  .g_xs {
    display: none;
  }
  .g_yc {
    display: block;
  }
}
.sub_banner {
  height: 7.5rem;
  width: 100%;
  position: relative;
}
@media (max-width: 767px) {
  .sub_banner {
    height: 9rem;
  }
}
.sub_banner .mob_pc {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.sub_banner .mob_pc img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.sub_banner .sub_banner_txt {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 5;
}
.sub_banner .sub_banner_txt .container2 {
  height: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #fff;
}
.sub_banner .sub_banner_txt .container2 .ban_l {
  width: 50%;
}
@media (max-width: 991px) {
  .sub_banner .sub_banner_txt .container2 .ban_l {
    width: 100%;
  }
}
.sub_banner .sub_banner_txt .container2 .ban_l .tit h1 {
  line-height: 1.3;
  font-weight: bold;
}
.sub_banner .sub_banner_txt .container2 .ban_l .tit span {
  line-height: 1.3;
  font-weight: bold;
}
.sub_banner .sub_banner_txt .container2 .ban_l .sub_banner_p {
  margin-top: 0.2rem;
}
@media (max-width: 767px) {
  .sub_banner .sub_banner_txt .container2 .ban_l .sub_banner_p p {
    margin-top: 0.2rem;
    font-size: 0.28rem;
  }
}
.sub_banner2 {
  height: 6rem;
}
.crumbs_box {
  border-bottom: 1px solid #ddd;
  min-height: 0.9rem;
  padding: 0.2rem 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 767px) {
  .crumbs_box {
    padding: 0.3rem 0 0.25rem;
  }
}
.crumbs {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.crumbs p {
  display: flex;
  align-items: center;
}
.crumbs p > a {
  margin-right: 0.16rem;
  color: #999;
}
@media (max-width: 767px) {
  .crumbs p > a {
    font-size: 14px;
    margin-bottom: 0.05rem;
  }
}
.crumbs p:last-child a {
  color: #333;
}
.crumbs p:last-child svg,
.crumbs p:last-child i {
  display: none;
}
.crumbs p svg,
.crumbs p img {
  width: 5px;
  height: auto;
  margin-right: 0.15rem;
}
.crumbs p svg path,
.crumbs p img path {
  fill: #999;
}
.crumbs p i {
  font-style: initial;
  opacity: 0.7;
  color: #999;
  margin-right: 0.15rem;
}
.crumbs_box2 {
  border: none;
}
.crumbs_box3 {
  height: 0.76rem;
  border-bottom: 1px solid #ddd;
}
@media (max-width: 991px) {
  .crumbs_box3 {
    height: auto;
    padding: 0.2rem 0;
  }
}
.crumbs_box3 .container2 {
  height: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 991px) {
  .crumbs_box3 .container2 {
    flex-direction: column;
    align-items: flex-start;
  }
}
.crumbs_box3 .container2 .gr {
  height: 100%;
  /* padding-right: 0.84rem; */
}
@media (max-width: 991px) {
  .crumbs_box3 .container2 .gr {
    padding: 0;
    margin-top: 0.1rem;
  }
}
.crumbs_box3 .container2 .gr a {
  color: #666;
  display: inline-flex;
  align-items: center;
  height: 100%;
  padding: 0 0.17rem;
  margin: 0 0.1rem;
  transition: all 0.4s;
  position: relative;
}
@media (max-width: 991px) {
  .crumbs_box3 .container2 .gr a {
    margin: 0 0.2rem 0.1rem 0;
  }
}
@media (max-width: 767px) {
  .crumbs_box3 .container2 .gr a {
    margin: 0 0.1rem 0.1rem 0;
    font-size: 0.24rem;
  }
}
.crumbs_box3 .container2 .gr a::after {
  content: '';
  position: absolute;
  width: 0;
  height: 1px;
  left: 50%;
  bottom: -1px;
  transform: translateX(-50%);
  background: #014098;
}
.crumbs_box3 .container2 .gr a.on {
  transition: all 0.4s;
  color: #014098;
}
.crumbs_box3 .container2 .gr a.on::after {
  width: 100%;
}
.crumbs_box4 {
  background: #7cafe7;
  border-color: rgba(255, 255, 255, 0.2);
}
.crumbs_box4 .crumbs p > a {
  color: #c2dbf7;
}
.crumbs_box4 .crumbs p i {
  color: #c2dbf7;
}
.crumbs_box4 .crumbs p:last-child a {
  color: #fff;
}
.g-fotbox {
  padding-bottom: 0;
}
.g-fotbox .fotbox-sec2 .g-fotbox-box {
  width: 100%;
  max-width: 100%;
  padding-bottom: 0;
}
.g-fotbox .fotbox-sec2 .g-fotbox-box .f_jt {
  padding: 0;
  margin: 0 auto 0.5rem;
  width: 85%;
  max-width: 1600px;
}
@media (max-width: 1260px) {
  .g-fotbox .fotbox-sec2 .g-fotbox-box .f_jt {
    width: 90%;
  }
}
.g-fotbox .fotbox-sec2 .g-fotbox-box .cont {
  padding: 0;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  border-top: 1px solid #f2f2f2;
}
.g-fotbox .fotbox-sec2 .g-fotbox-box .cont .container {
  padding: 0.26rem 0 0.36rem;
  width: 85%;
  max-width: 1600px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
@media (max-width: 767px) {
  .g-fotbox .fotbox-sec2 .g-fotbox-box .cont {
    width: 100%;
    text-align: center;
  }
}
.g-fotbox .fotbox-sec2 .g-fotbox-box .cont a,
.g-fotbox .fotbox-sec2 .g-fotbox-box .cont span {
  color: #000000;
  opacity: 0.35;
  transition: all 0.4s;
  display: inline-block;
}
.g-fotbox .fotbox-sec2 .g-fotbox-box .cont a:hover {
  opacity: 1;
}
.g-fotbox .fotbox-sec2 .g-fotbox-box .cont .lt a {
  margin-left: 0.1rem;
}
@media (max-width: 767px) {
  .g-fotbox .fotbox-sec2 .g-fotbox-box .cont .gt {
    width: 100%;
    margin-top: 0.1rem;
  }
}
.g-fotbox .fotbox-sec2 .g-fotbox-box .cont .gt span {
  margin: 0 0.24rem;
}
.g-fotbox .fotbox-sec2 .g-fotbox-box .f_navbox {
  padding: 0 0 0.7rem;
  width: 85%;
  max-width: 1600px;
}
@media (max-width: 767px) {
  .g-fotbox .fotbox-sec2 .g-fotbox-box .f_navbox {
    width: 100%;
    padding: 0 0.25rem;
  }
}
@media (max-width: 767px) {
  .g-fotbox .fotbox-sec2 .g-fotbox-box .f_navbox > li {
    padding: 0 0.25rem !important;
    width: 100% !important;
  }
}
.g-fotbox .fotbox-sec2 .g-fotbox-box .f_navbox > li:first-child {
  padding-left: 0;
}
.g-fotbox .fotbox-sec2 .g-fotbox-box .f_navbox > li:last-child {
  padding-right: 0;
  width: 19%;
}
@media (max-width: 1260px) {
  .g-fotbox .fotbox-sec2 .g-fotbox-box .f_navbox > li:last-child {
    width: 25%;
    padding-left: 0.4rem;
  }
}
@media (max-width: 1260px) {
  .g-fotbox .fotbox-sec2 .g-fotbox-box .f_navbox .item2 {
    padding-left: 0.4rem;
  }
}
@media (max-width: 991px) {
  .g-fotbox .fotbox-sec2 .g-fotbox-box .f_navbox .item2 {
    padding-left: 0;
  }
}
/* 保障能力 */
.guaBox .guaNav {
  display: flex;
  flex-direction: column;
  border-left: 1px solid #dddddd;
  width: 25.71428571%;
  position: sticky;
  position: -webkit-sticky;
  top: 120px;
  margin-bottom: 1rem;
}
@media (max-width: 767px) {
  .guaBox .guaNav {
    display: none;
  }
}
.guaBox .guaNav a {
  cursor: pointer;
  margin-bottom: 0.22rem;
  padding: 0 0 0.16rem 0.2rem;
  position: relative;
  transition: all 0.4s;
}
.guaBox .guaNav a.on {
  color: #0059aa;
}
.guaBox .guaNav a.on::after {
  height: 100%;
}
.guaBox .guaNav a::after {
  content: '';
  position: absolute;
  width: 2px;
  height: 0;
  left: -1px;
  top: 0;
  background: #0059aa;
  transition: all 0.4s;
}
.guaBox .guaNav a:last-child {
  padding-bottom: 0;
  margin-bottom: 0;
}
.guaBox .container2 {
  padding: 1rem 0 1.65rem;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
@media (max-width: 767px) {
  .guaBox .container2 {
    padding: 1rem 0 ;
  }
}
.guaBox .container2 .guaBox_con {
  width: 74.28571429%;
}
@media (max-width: 767px) {
  .guaBox .container2 .guaBox_con {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .pub_title br {
    display: none;
  }
}
.pub_title h2 {
  font-weight: bold;
}
.pub_title p {
  color: #666;
  margin-top: 0.26rem;
}
.pub_title > span {
  display: block;
  font-weight: bold;
  margin-top: 0.1rem;
}
.pub_title2 {
  text-align: center;
}
@media (max-width: 767px) {
  .pub_title2 br {
    display: none;
  }
}
.pub_title2 span {
  display: block;
  margin-bottom: 0.1rem;
  font-weight: bold;
  color: #00317d;
}
.pub_title2 h2 {
  font-weight: bold;
  color: #000;
  line-height: 1.41;
}
.pub_title2 p {
  margin: 0.16rem auto 0;
  color: #666;
  line-height: 1.875;
}
@media (max-width: 991px) {
  .pub_title2 p {
    max-width: 100%;
  }
}
.pub_title2_2 {
  text-align: left;
}
.pub_title2_3 p {
  max-width: 61%;
}
@media (max-width: 991px) {
  .pub_title2_3 p {
    max-width: 100%;
  }
}
.guaon {
  padding-bottom: 0.7rem;
}
.guaon_yi .img {
  border-radius: 0.1rem;
  overflow: hidden;
  margin-top: 0.4rem;
}
.guaon_yi .img img {
  width: 100%;
}
.guaon_er {
  position: relative;
  margin-top: 0.45rem;
}
.guaon_er .g_qie .pub_prev {
  left: -0.98rem;
}
@media (max-width: 1260px) {
  .guaon_er .g_qie .pub_prev {
    left: -0.6rem;
  }
}
.guaon_er .g_qie .pub_next {
  right: -0.98rem;
}
@media (max-width: 1260px) {
  .guaon_er .g_qie .pub_next {
    right: -0.6rem;
  }
}
.guaon_er .guafi_box {
  display: block;
  overflow: hidden;
  border-radius: 0.1rem;
  position: relative;
}
.guaon_er .guafi_box:hover img {
  transform: scale(1.05);
}
.guaon_er .guafi_box .public-img {
  border-radius: 0.1rem;
}
.guaon_er .guafi_box .public-img:before {
  padding-top: 75.07507508%;
}
.guaon_er .guafi_box .txt {
  z-index: 10;
  display: flex;
}
.guaon_er .guafi_box .txt h3 {
  margin-top: 0.16rem;
}
.guaon_sa {
  display: flex;
  justify-content: space-between;
  padding: 0.6rem 0 0.4rem;
}
@media (max-width: 991px) {
  .guaon_sa {
    flex-direction: column;
  }
}
.guaon_sa .pub_title {
  padding-right: 0.52rem;
  width: 51.34615385%;
}
@media (max-width: 991px) {
  .guaon_sa .pub_title {
    width: 100%;
  }
}
.guaon_sa .pub_title p {
  line-height: 1.75;
}
.guaon_sa .img {
  width: 48.65384615%;
  border-radius: 0.1rem;
  overflow: hidden;
  margin-top: 0.1rem;
}
@media (max-width: 991px) {
  .guaon_sa .img {
    width: 100%;
    margin: 0.4rem 0 0;
  }
}
.guaon_sa .img img {
  width: 100%;
}
.guaon_si {
  position: relative;
  border-radius: 0.1rem;
  overflow: hidden;
}
.guaon_si .img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.guaon_si .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.guaon_si .guaon_si_box {
  min-height: 2rem;
  position: relative;
  z-index: 10;
  padding: 0.54rem 0.6rem 0.54rem 0.42rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 767px) {
  .guaon_si .guaon_si_box {
    flex-direction: column;
    align-items: flex-start;
  }
}
@media (max-width: 767px) {
  .guaon_si .guaon_si_box .g_l {
    margin-bottom: 0.4rem;
  }
}
.guaon_si .guaon_si_box .g_l p {
  color: #fff;
  font-weight: bold;
  line-height: 1.22;
}
.guaon2 {
  padding: 0.45rem 0 0.5rem;
  border-top: 1px solid #eeeeee;
}
.guaon2 .img {
  border-radius: 0.1rem;
  overflow: hidden;
  margin-top: 0.4rem;
}
.guatw {
  padding: 0.45rem 0 0.25rem;
  border-top: 1px solid #eeeeee;
}
@media (max-width: 991px) {
  .guatw {
    flex-direction: column;
  }
}
.guatw .guatw_sa {
  padding-top: 0.55rem;
}
.guatw .guatw_sa .box {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -0.08rem;
  margin-top: 0.26rem;
}
.guatw .guatw_sa .box .item {
  margin-bottom: 0.16rem;
  width: 20%;
  padding: 0 0.08rem;
}
@media (max-width: 767px) {
  .guatw .guatw_sa .box .item {
    width: 50%;
  }
}
.guatw .guatw_sa .box .item:hover .itembox {
  background: #fff;
  box-shadow: 0 0 0.18rem #dddddd;
}
.guatw .guatw_sa .box .item .public-img:before {
  padding-top: 37.75510204%;
}
.guatw .guatw_sa .box .item .itembox {
  border: 1px solid #eeeeee;
  border-radius: 0.05rem;
  display: block;
  width: 100%;
  transition: all 0.4s;
}
.guatw .guatw_si {
  padding: 0.53rem 0 0.38rem;
}
.guatw .guatw_si .img {
  margin-top: 0.26rem;
  border-radius: 0.1rem;
  overflow: hidden;
}
@media (max-width: 991px) {
  .g_qie {
    display: none;
  }
}
.g_qie .pub_nav {
  width: 0.48rem;
  height: 0.48rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: #fff;
  border: 1px solid #014098;
  box-shadow: 0 0 0.2rem rgba(0, 0, 0, 0.05);
  top: 50%;
  transform: translateY(-50%);
  position: absolute;
  z-index: 10;
  cursor: pointer;
  transition: all 0.4s;
}
.g_qie .pub_nav:hover {
  background: #014098;
}
.g_qie .pub_nav:hover svg path,
.g_qie .pub_nav:hover img path {
  fill: #fff;
}
.g_qie .pub_nav svg,
.g_qie .pub_nav img {
  width: calc(13/48*100%);
  height: auto;
}
.g_qie .pub_nav svg path,
.g_qie .pub_nav img path {
  fill: #014098;
  opacity: 1;
}
.g_qie .pub_prev {
  left: 0.8rem;
}
.g_qie .pub_prev svg,
.g_qie .pub_prev img {
  transform: rotate(180deg);
}
.g_qie .pub_next {
  right: 0.8rem;
}
.g_qie2 .pub_nav {
  background: none;
  border-color: #fff;
}
.g_qie2 .pub_nav:hover {
  border-color: #014098;
  background: #014098;
}
.g_qie2 .pub_nav:hover svg path,
.g_qie2 .pub_nav:hover img path {
  fill: #fff;
}
.g_qie2 .pub_nav svg path,
.g_qie2 .pub_nav img path {
  fill: #fff;
}
/* 新质生产实践 */
.praon {
  padding: 0.98rem 0 1.58rem;
}
.praon .box {
  margin-top: 0.75rem;
  display: flex;
  justify-content: space-between;
}
@media (max-width: 767px) {
  .praon .box {
    flex-wrap: wrap;
  }
}
.praon .box .item {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  width: 25%;
  padding: 0 0.2rem;
}
@media (max-width: 767px) {
  .praon .box .item {
    width: 50%;
    margin-bottom: 0.4rem;
  }
}
.praon .box .item .g_svg {
  border-radius: 50%;
  border: 1px solid #dbdbdb;
  width: 2rem;
  height: 2rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 767px) {
  .praon .box .item .g_svg {
    width: 2.2rem;
    height: 2.2rem;
  }
}
.praon .box .item .g_svg svg,
.praon .box .item .g_svg img {
  width: 0.9rem;
  height: auto;
}
@media (max-width: 767px) {
  .praon .box .item .g_svg svg,
  .praon .box .item .g_svg img {
    width: 1rem;
  }
}
.praon .box .item .txt {
  margin-top: 0.14rem;
  text-align: center;
}
.praon .box .item .txt h3 {
  color: #333;
}
.pratw {
  height: 9.7rem;
}
@media (max-width: 991px) {
  .pratw {
    height: 7rem;
  }
}
@media (max-width: 767px) {
  .pratw {
    height: 5rem;
  }
}
.pratw .t2tw_vid {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.pratw .t2tw_vid img,
.pratw .t2tw_vid video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.pratw .t2tw_vid .vid_on {
  cursor: pointer;
  z-index: 10;
  position: absolute;
  width: 0.8rem;
  height: 0.8rem;
  border-radius: 50%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.pratw .t2tw_vid .vid_on .vid_on_box {
  position: relative;
  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  border: 2px solid #fff;
}
.pratw .t2tw_vid .vid_on .vid_on_box svg,
.pratw .t2tw_vid .vid_on .vid_on_box img {
  width: 12.5%;
  height: auto;
}
.pratw .t2tw_vid .vid_on .vid_on_box svg path,
.pratw .t2tw_vid .vid_on .vid_on_box img path {
  fill: #fff;
}
.pratw .t2tw_vid .vid_on i {
  animation: moveq 3s infinite linear;
  -webkit-animation: moveq 3s infinite linear;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background: #014098;
}
@keyframes moveq {
  0% {
    transform: translate(-50%, -50%) scale(1);
    -webkit-transform: translate(-50%, -50%) scale(1);
  }
  100% {
    transform: translate(-50%, -50%) scale(2);
    -webkit-transform: translate(-50%, -50%) scale(2);
    opacity: 0;
  }
}
.prath {
  padding: 1.45rem 0 1.7rem;
}
@media (max-width: 767px) {
  .prath {
    padding: 1.1rem 0 1.2rem;
  }
}
.prath .prath_t .box {
  margin-top: 1rem;
  display: flex;
  justify-content: space-between;
  padding: 0 0.46rem;
}
@media (max-width: 767px) {
  .prath .prath_t .box {
    flex-wrap: wrap;
    padding: 0 ;
  }
}
.prath .prath_t .box .item {
  position: relative;
}
@media (max-width: 767px) {
  .prath .prath_t .box .item {
    margin-bottom: 0.6rem;
  }
}
.prath .prath_t .box .item .g_span span {
  line-height: 0.8;
  font-family: 'dinBold';
  font-size: 1.8rem;
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke: 1.2px #e6e6e6;
  text-stroke: 1.2px #e6e6e6;
  background-image: -webkit-linear-gradient(top, transparent, transparent, transparent);
  -webkit-background-clip: text;
}
.prath .prath_t .box .item .txt {
  position: absolute;
  top: 0.6rem;
  right: 0.05rem;
  color: #000;
}
@media (max-width: 767px) {
  .prath .prath_t .box .item .txt {
    position: initial;
  }
}
.prath .prath_t .box .item .txt .p_lab p {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;
  height: 7.5em;
}
@media (max-width: 767px) {
  .prath .prath_t .box .item .txt .p_lab p {
    height: auto;
    -webkit-line-clamp: initial;
  }
}
.prath .prath_b {
  width: 100%;
  overflow: hidden;
  margin-top: 1.46rem;
}
@media (max-width: 767px) {
  .prath .prath_b {
    margin-top: 0.6rem;
  }
}
.prath .prath_b .prath_b_box .swiper-container {
  overflow: initial;
}
.prath .prath_b .prath_b_box .swiper-container .guafi_box {
  border-radius: 0.1rem;
  overflow: hidden;
  position: relative;
}
.prath .prath_b .prath_b_box .swiper-container .guafi_box:hover img {
  transform: scale(1.05);
}
.prath .prath_b .prath_b_box .swiper-container .guafi_box .public-img:before {
  padding-top: 59.41176471%;
}
.prath .prath_b .prath_b_box .swiper-container .guafi_box .txt {
  z-index: 10;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: url(../images/practice3.png) no-repeat;
  background-size: auto 100%;
  background-position: bottom center;
  padding: 0.26rem 0.28rem;
  display: flex;
  align-items: flex-end;
}
.prath .prath_b .prath_b_box .swiper-container .guafi_box .txt h3 {
  color: #fff;
}
.prath .prath_b .prath_b_box .swiper-container .g_qie .pub_prev {
  left: -1rem;
}
@media (max-width: 1260px) {
  .prath .prath_b .prath_b_box .swiper-container .g_qie .pub_prev {
    left: -0.6rem;
  }
}
.prath .prath_b .prath_b_box .swiper-container .g_qie .pub_next {
  right: -1rem;
}
@media (max-width: 1260px) {
  .prath .prath_b .prath_b_box .swiper-container .g_qie .pub_next {
    right: -0.6rem;
  }
}
/* 联系我们 */
.conon .box {
  padding: 0.36rem 0 1.66rem;
  display: flex;
  justify-content: space-around;
}
@media (max-width: 767px) {
  .conon .box {
    flex-direction: column;
  }
}
.conon .box .gl {
  width: 50%;
  padding-right: 0.2rem;
}
@media (max-width: 767px) {
  .conon .box .gl {
    width: 100%;
    margin-bottom: 0.8rem;
  }
}
.conon .box .gl h2 {
  font-weight: bold;
  line-height: 1.2;
}
.conon .box .gl .gl_add {
  margin-top: 0.53rem;
}
.conon .box .gl .gl_add .item {
  margin-bottom: 0.26rem;
}
.conon .box .gl .gl_add .item span {
  color: #999;
}
.conon .box .gl .gl_add .item p {
  margin-top: 0.05rem;
  font-weight: bold;
  color: #000;
}
.conon .box .gl .gl_qr {
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.conon .box .gl .gl_qr img {
  width: 1rem;
  height: auto;
}
@media (max-width: 767px) {
  .conon .box .gl .gl_qr img {
    width: 1.4rem;
  }
}
.conon .box .gl .gl_qr p {
  margin-top: 0.1rem;
  color: #999;
}
.conon .box .gr {
  width: 50%;
}
.conon .box .gr h2 {
  font-weight: bold;
  line-height: 1.2;
}
@media (max-width: 767px) {
  .conon .box .gr {
    width: 100%;
  }
}
.conon .box .gr form {
  margin-top: 0.53rem;
}
.conon .box .gr form .inp {
  display: flex;
  justify-content: space-between;
}
@media (max-width: 767px) {
  .conon .box .gr form .inp {
    flex-direction: column;
  }
}
.conon .box .gr form .inp .inp_box {
  width: calc(50% - 0.2rem);
}
.conon .box .gr form .inp .inp_box input::-webkit-input-placeholder {
  color: #999;
}
.conon .box .gr form .inp .inp_box textarea::-webkit-input-placeholder {
  color: #999;
}
@media (max-width: 767px) {
  .conon .box .gr form .inp .inp_box {
    width: 100%;
  }
}
.conon .box .gr form .inp .inp_box input {
  width: 100%;
  margin: 0.07rem 0 0.25rem;
  background: #fff;
  border-radius: 0.1rem;
  height: 0.54rem;
  padding-left: 0.2rem;
  display: flex;
  align-items: center;
  border: 1px solid #e5eaf2;
}
@media (max-width: 767px) {
  .conon .box .gr form .inp .inp_box input {
    width: 100%;
    height: 0.8rem;
    margin-bottom: 0.3rem;
  }
}
.conon .box .gr form .inp .inp_box .inp_txt {
  width: 100%;
  display: flex;
  align-items: center;
}
.conon .box .gr form .inp .inp_box .inp_txt p {
  color: #333;
}
.conon .box .gr form .inp .inp_box .inp_txt p span {
  margin-left: 8px;
  color: #00317d;
}
.conon .box .gr form .inp .inp_box textarea {
  width: 100%;
  height: 1.2rem;
  border: 1px solid #e5eaf2;
  padding: 0.2rem;
  border-radius: 0.1rem;
  margin: 0.07rem 0 0.25rem;
}
@media (max-width: 767px) {
  .conon .box .gr form .inp .inp_box textarea {
    height: 2rem;
  }
}
.conon .box .gr form .inp2 .inp_box {
  width: 100%;
}
.conon .box .gr form button {
  margin-top: 0.15rem;
}
.pub_a {
  height: 0.5rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 0.25rem;
  background: #00317d;
  border-radius: 0.05rem;
}
@media (max-width: 1260px) {
  .pub_a {
    height: 0.6rem;
  }
}
@media (max-width: 767px) {
  .pub_a {
    height: 0.8rem;
    padding: 0 0.4rem;
  }
}
.pub_a:hover i {
  transform: rotate(45deg);
}
.pub_a p {
  color: #fff;
}
.pub_a i {
  transition: all 0.4s;
  margin-left: 0.14rem;
  flex-shrink: 0;
  display: flex;
  width: 0.09rem;
  height: auto;
}
@media (max-width: 767px) {
  .pub_a i {
    width: 0.15rem;
  }
}
.pub_a i svg,
.pub_a i img {
  width: 100%;
  height: auto;
}
.pub_a i svg path,
.pub_a i img path {
  fill: #fff;
}
.pub_a2 {
  transition: all 0.4s;
  height: 0.5rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 0.25rem;
  background: #00317d;
  border-radius: 0.05rem;
}
@media (max-width: 1260px) {
  .pub_a2 {
    height: 0.7rem;
  }
}
@media (max-width: 767px) {
  .pub_a2 {
    height: 0.8rem;
    padding: 0 0.4rem;
  }
}
.pub_a2:hover {
  opacity: 0.8;
}
.pub_a2 p {
  color: #fff;
}
.pub_a2 i {
  transition: all 0.4s;
  margin-left: 0.14rem;
  flex-shrink: 0;
  display: flex;
  width: 0.16rem;
  height: auto;
}
@media (max-width: 767px) {
  .pub_a2 i {
    width: 0.15rem;
  }
}
.pub_a2 i svg,
.pub_a2 i img {
  width: 100%;
  height: auto;
}
.pub_a2 i svg path,
.pub_a2 i img path {
  fill: #fff;
}
.pub_a2_2 {
  border: 1px solid #014098;
  background: none;
}
.pub_a2_2 p {
  color: #014098;
}
.pub_a2_2 i svg path,
.pub_a2_2 i img path {
  fill: #014098;
}
.pub_a3 {
  padding: 0;
  height: auto;
  background: none;
}
.pub_a3 p {
  color: #014098;
}
.pub_a3 i svg path,
.pub_a3 i img path {
  fill: #014098;
}
.pub_a4 {
  background: #fff;
}
.pub_a4 p {
  color: #014098;
}
.pub_a4 i svg path,
.pub_a4 i img path {
  fill: #014098;
}
.contw {
  background: #f8f8f8;
  padding: 1.55rem 0 0;
}
.contw .box {
  margin-top: 0.5rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
@media (max-width: 767px) {
  .contw .box {
    flex-direction: column;
  }
}
.contw .box .item {
  background: #fff;
  border-radius: 0.1rem;
  width: calc(50% - 0.15rem);
  margin: 0 0 0.3rem 0;
  padding: 0.35rem 0.25rem 0.45rem 0.4rem;
  position: relative;
  display: flex;
  justify-content: space-between;
}
@media (max-width: 767px) {
  .contw .box .item {
    width: 100%;
    flex-direction: column;
  }
}
.contw .box .item:nth-child(2) .g_svg {
  left: 0;
}
.contw .box .item .g_svg {
  z-index: 1;
  left: 0.4rem;
  max-height: 1.78rem;
  bottom: 0;
  position: absolute;
}
.contw .box .item .g_svg svg,
.contw .box .item .g_svg img {
  width: auto;
  height: 100%;
  object-fit: contain;
}
@media (max-width: 767px) {
  .contw .box .item .g_svg svg,
  .contw .box .item .g_svg img {
    max-height: 1.38rem;
  }
}
.contw .box .item .gl {
  width: 36.77419355%;
  position: relative;
  z-index: 5;
}
@media (max-width: 767px) {
  .contw .box .item .gl {
    width: 100%;
    margin-bottom: 0.5rem;
  }
}
.contw .box .item .gl .gl_box {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.contw .box .item .gl h3 {
  line-height: 1.2;
}
.contw .box .item .gl span {
  color: #999;
}
.contw .box .item .gr {
  width: 63.22580645%;
  position: relative;
  z-index: 5;
}
@media (max-width: 767px) {
  .contw .box .item .gr {
    width: 100%;
  }
}
.contw .box .item .gr .g_p {
  margin-top: 0.13rem;
}
.contw .box .item .gr .g_p p {
  color: #666;
  display: flex;
}
.contw .box .item .gr .g_p p span {
  flex-shrink: 0;
}
.conth {
  background: #f8f8f8;
  padding: 1.2rem 0 0.58rem;
}
.conth .box {
  display: flex;
  flex-wrap: wrap;
  margin-top: 1.5rem;
}
.conth .box .item {
  margin-bottom: 1.2rem;
  width: 20%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  position: relative;
}
@media (max-width: 767px) {
  .conth .box .item {
    width: 33.33%;
  }
}
.conth .box .item::after {
  content: '';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 1px;
  height: 94%;
  background: #ebebeb;
}
.conth .box .item:hover .g_svg .g_svg_box svg path,
.conth .box .item:hover .g_svg .g_svg_box img path {
  fill: #014098;
}
.conth .box .item:hover .g_svg .g_svg_pop {
  pointer-events: initial;
  opacity: 1;
  top: 100%;
}
.conth .box .item:nth-child(5n)::after {
  display: none;
}
@media (max-width: 767px) {
  .conth .box .item:nth-child(5n)::after {
    display: block;
  }
}
@media (max-width: 767px) {
  .conth .box .item:nth-child(3n)::after {
    display: none;
  }
}
@media (max-width: 767px) {
  .conth .box .item:last-child::after {
    display: none;
  }
}
.conth .box .item .g_svg {
  position: relative;
}
.conth .box .item .g_svg .g_svg_box {
  display: flex;
  align-items: center;
}
.conth .box .item .g_svg .g_svg_box svg,
.conth .box .item .g_svg .g_svg_box img {
  width: auto;
  height: 0.65rem;
}
.conth .box .item .g_svg .g_svg_box svg path,
.conth .box .item .g_svg .g_svg_box img path {
  fill: #333;
  transition: all 0.4s;
}
.conth .box .item .g_svg .g_svg_pop {
  pointer-events: none;
  box-shadow: 0 0.07rem 0.24rem rgba(213, 212, 212, 0.77);
  border-radius: 0.05rem;
  padding: 0.12rem 0.12rem 0;
  background: #fff;
  position: absolute;
  transform: translateX(-50%);
  top: 100%;
  left: 50%;
  opacity: 0;
  z-index: 20;
  transition: all 0.4s;
}
.conth .box .item .g_svg .g_svg_pop::after {
  content: '';
  width: 0;
  height: 0;
  border-style: solid dashed dashed;
  border-color: #fff transparent transparent;
  overflow: hidden;
  cursor: pointer;
  transition: all 0.2s;
  -webkit-transition: all 0.2s;
  position: absolute;
  bottom: 100%;
  left: 50%;
  transform: translateX(-50%) rotate(180deg);
  margin-top: -10px;
  border-width: 10px;
  border-top-color: #fff;
}
.conth .box .item .g_svg .g_svg_pop .svg_pop {
  display: flex;
  justify-content: space-between;
}
@media (max-width: 767px) {
  .conth .box .item .g_svg .g_svg_pop .svg_pop {
    max-width: 90vw;
  }
}
.conth .box .item .g_svg .g_svg_pop .svg_pop .svg_pop_box {
  margin: 0 5px;
  width: 112px;
}
@media (max-width: 767px) {
  .conth .box .item .g_svg .g_svg_pop .svg_pop .svg_pop_box {
    width: 18vw;
  }
}
.conth .box .item .g_svg .g_svg_pop .svg_pop .svg_pop_box .public-img {
  width: 100%;
  height: auto;
}
.conth .box .item .g_svg .g_svg_pop .svg_pop .svg_pop_box .txt {
  text-align: center;
  padding: 0.14rem 0.1rem;
}
.conth .box .item .btxt {
  margin-top: 0.1rem;
}
.conth .box .item .btxt h3 {
  color: #000;
}
/* 加入我们 */
.joion {
  padding: 0.75rem 0 0;
}
.joion .box {
  position: relative;
  margin-top: 0.55rem;
}
.joion .box .public-img {
  border-radius: 0.1rem;
}
.joion .box .public-img:hover img {
  transform: scale(1.05);
}
.joion .box .public-img:before {
  padding-top: 42.85714286%;
}
.joion .box .g_qie .pub_prev {
  left: -0.98rem;
}
@media (max-width: 1260px) {
  .joion .box .g_qie .pub_prev {
    left: -0.6rem;
  }
}
.joion .box .g_qie .pub_next {
  right: -0.98rem;
}
@media (max-width: 1260px) {
  .joion .box .g_qie .pub_next {
    right: -0.6rem;
  }
}
.joitw {
  padding: 1.5rem 0 0;
}
.joitw .box {
  overflow: hidden;
  margin-top: 0.55rem;
}
@media (max-width: 767px) {
  .joitw .box {
    padding: 0 5%;
  }
}
.joitw .box .joitw_box {
  margin-bottom: 0.2rem;
  display: flex;
  justify-content: center;
}
@media (max-width: 767px) {
  .joitw .box .joitw_box {
    flex-direction: column;
    align-items: center;
    margin-bottom: 0;
  }
}
.joitw .box .joitw_box .public-img {
  flex-shrink: 0;
  width: 6rem;
  margin: 0 0.1rem;
  border-radius: 0.1rem;
}
@media (max-width: 767px) {
  .joitw .box .joitw_box .public-img {
    width: 100%;
    margin-bottom: 0.4rem;
  }
}
.joitw .box .joitw_box .public-img:hover img {
  transform: scale(1.05);
}
.joitw .box .joitw_box .public-img:before {
  padding-top: 50%;
}
.joitw .box .joitw_box1 {
  transform: translateX(4rem);
}
@media (max-width: 767px) {
  .joitw .box .joitw_box1 {
    transform: translateX(0rem);
  }
}
.joitw .box .joitw_box2 {
  transform: translateX(-4rem);
}
@media (max-width: 767px) {
  .joitw .box .joitw_box2 {
    transform: translateX(0rem);
  }
}
.joith {
  background: -webkit-linear-gradient(to top, #f2f5f9, #fff);
  background: linear-gradient(to top, #f2f5f9, #fff);
  padding: 1.4rem 0 1.6rem;
}
.joith .box {
  margin-top: 0.5rem;
}
@media (max-width: 767px) {
  .joith .box .b_tit .joith_tit {
    display: none;
  }
}
.joith .box .joith_tit {
  display: flex;
  border-bottom: 1px solid #ddd;
  justify-content: space-between;
}
.joith .box .joith_tit .tit_it {
  padding: 0 0.1rem;
  padding-bottom: 0.25rem;
}
@media (max-width: 767px) {
  .joith .box .joith_tit .tit_it p {
    font-size: 12px;
  }
}
.joith .box .joith_tit .tit_it .g_qh {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 8px;
  height: 8px;
}
.joith .box .joith_tit .tit_it .g_qh i {
  width: 20px;
  height: 2px;
  background: #999999;
  display: block;
  position: absolute;
  transition: all 0.4s;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media screen and (max-width: 1460px) {
  .joith .box .joith_tit .tit_it .g_qh i {
    width: 14px;
    height: 1px;
  }
}
@media (max-width: 767px) {
  .joith .box .joith_tit .tit_it .g_qh i {
    width: 10px;
    height: 1px;
  }
}
.joith .box .joith_tit .tit_it .g_qh .i2 {
  transform: translate(-50%, -50%) rotate(90deg);
}
.joith .box .joith_tit .tit_it1 {
  width: 25%;
}
.joith .box .joith_tit .tit_it1:first-child {
  padding-left: 0.4rem !important;
}
@media (max-width: 767px) {
  .joith .box .joith_tit .tit_it1 {
    width: 50%;
  }
}
.joith .box .joith_tit .tit_it2 {
  width: 16.8%;
}
@media (max-width: 767px) {
  .joith .box .joith_tit .tit_it2 {
    display: none;
  }
}
.joith .box .joith_tit .tit_it3 {
  text-align: center;
  width: 8.15%;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 1260px) {
  .joith .box .joith_tit .tit_it3 {
    width: 13%;
  }
}
.joith .box .joith_box {
  margin-top: 0.3rem;
}
.joith .box .joith_box .item:first-child .joith_con {
  display: block;
}
.joith .box .joith_box .item.on .g_tit {
  background: #00317d;
}
.joith .box .joith_box .item.on .g_tit .tit_it p {
  color: #fff;
}
.joith .box .joith_box .item.on .g_tit .tit_it .g_qh .i2 {
  transform: translate(-50%, -50%) rotate(0deg);
  background: #fff;
}
.joith .box .joith_box .item .g_tit .tit_it {
  padding: 0.28rem 0.1rem;
}
.joith .box .joith_box .item .joith_con {
  display: none;
  background: #fff;
  padding: 0.38rem 0.4rem 0.46rem;
}
.joith .box .joith_box .item .joith_con .public-content h3 {
  font-size: 20px;
  font-weight: bold;
  color: #222222;
  line-height: 1.5em;
}
@media (max-width: 1580px) {
  .joith .box .joith_box .item .joith_con .public-content h3 {
    font-size: 18px;
  }
}
@media (max-width: 767px) {
  .joith .box .joith_box .item .joith_con .public-content h3 {
    font-size: 0.3rem;
  }
}
.joith .box .joith_box .item .joith_con .public-content p {
  color: #999999;
  line-height: 1.5em;
}
.joith .box .joith_box .item .joith_con .pub_a {
  margin-top: 0.5rem;
}
.joith .box .page {
  margin-top: 0.5rem;
}
.public-windows99 {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 9999;
  /* display: block !important; */
  display: none;
}
.public-windows99.lianxiwindows {
  display: none;
}
.public-windows99.shenqingggangwei {
  display: none;
}
@media (max-width: 767px) {
  .public-windows99.shenqingggangwei .box {
    padding: 0;
  }
}
.public-windows99.shenqingggangwei .cn41 {
  margin-top: 0.38rem;
  display: flex;
  justify-content: center;
}
.public-windows99.shenqingggangwei .box10 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.public-windows99.shenqingggangwei .box10 .box2 {
  width: calc(50% - 0.1rem);
  margin-bottom: 0.2rem;
}
.public-windows99.shenqingggangwei .box10 .box2.box12 {
  width: 100%;
}
.public-windows99.shenqingggangwei .box10 .cn40 {
  color: #b6b6b6;
  font-weight: bold;
}
.public-windows99.shenqingggangwei .box10 .cn13 {
  margin-left: 0.12rem;
  font-size: 12px;
  color: #c7c5c5;
}
@media (max-width: 767px) {
  .public-windows99.shenqingggangwei .box10 .cn13 {
    display: none;
  }
}
.public-windows99.shenqingggangwei .box10 .box11 {
  width: 100%;
  border-radius: 6px;
  border: solid 1px #e5eaf2;
  padding: 0 0.2rem 0.22rem;
}
.public-windows99.shenqingggangwei .box10 .box11 .cn4 {
  color: #b6b6b6;
  font-weight: bold;
  margin: 0.18rem 0;
}
@media (max-width: 991px) {
  .public-windows99.shenqingggangwei .box10 .box11 .cn4 {
    line-height: 0.6rem;
  }
}
.public-windows99.shenqingggangwei .box10 .box11 .cn4 .cn5 {
  color: #ff0000;
}
.public-windows99.shenqingggangwei .box10 .box11 .box12 {
  width: 100%;
  border-radius: 6px;
  border: dashed 1px #e3eaf4;
  position: relative;
  padding: 0.28rem 0.2rem 0.24rem;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: space-between;
}
@media (max-width: 991px) {
  .public-windows99.shenqingggangwei .box10 .box11 .box12 {
    height: auto;
  }
}
.public-windows99.shenqingggangwei .box10 .box11 .box12 .cn30 {
  text-align: center;
  width: 100%;
  color: #c7c5c5;
  line-height: 1.71428571em;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.public-windows99.shenqingggangwei .box10 .box11 .box12 .cn31 {
  position: relative;
  min-width: 1.4rem;
  background-color: #ffffff;
  border-radius: 2px;
  overflow: hidden;
  color: #014098;
  padding: 0 0.1rem;
  text-align: center;
}
@media (max-width: 991px) {
  .public-windows99.shenqingggangwei .box10 .box11 .box12 .cn31 {
    padding: 0 0.2rem;
  }
}
.public-windows99.shenqingggangwei .box10 .box11 .box12 .cn31 svg,
.public-windows99.shenqingggangwei .box10 .box11 .box12 .cn31 img {
  width: 0.25rem;
  height: auto;
}
.public-windows99.shenqingggangwei .box10 .box11 .box12 .cn31 svg path,
.public-windows99.shenqingggangwei .box10 .box11 .box12 .cn31 img path {
  fill: #dddddd;
}
.public-windows99.shenqingggangwei .box10 .box11 .box12 .cn31 span {
  display: block;
  position: relative;
  background-color: #fff;
  z-index: 2;
}
.public-windows99.shenqingggangwei .box10 .box11 .box12 .cn31 input {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  z-index: 3;
}
.public-windows99.shenqingggangwei .box10 .box11 .box12 .cn32 {
  display: flex;
  position: absolute;
  background-color: #ffffff;
  border-radius: 5px;
  height: 0.68rem;
  width: 2.8rem;
  bottom: 0.2rem;
  left: 0.2rem;
  align-items: center;
  justify-content: center;
}
.public-windows99.shenqingggangwei .box10 .box11 .box12 .cn32 .zclose {
  position: absolute;
  right: -0.1rem;
  top: -0.1rem;
  cursor: pointer;
}
.public-windows99.shenqingggangwei .box10 .box11 .box12 .cn32 .zclose img {
  width: 0.2rem;
}
.public-windows99.shenqingggangwei .box10 .box11 .box12 .cn32 .cn33 {
  width: 0.33rem;
  margin-right: 0.07rem;
}
.public-windows99.shenqingggangwei .box10 .box11 .box12 .cn32 .cn33 img {
  width: 0.33rem;
}
.public-windows99.shenqingggangwei .box10 .box11 .box12 .cn32 .cn34 {
  width: 2.1rem;
}
.public-windows99.shenqingggangwei .box10 .box11 .box12 .cn32 .cn34 .cn35 {
  display: block;
  color: #333333;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.public-windows99.shenqingggangwei .box10 .box11 .box12 .cn32 .cn34 .cn36 {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.public-windows99.shenqingggangwei .box10 .box11 .box12 .cn32 .cn34 .cn36 em {
  font-style: normal;
  color: #999999;
}
.public-windows99 .g_pop {
  width: 7.5rem;
  border-radius: 0.1rem;
  background-color: #Fff;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  padding: 0.45rem 0.4rem 0.4rem;
  max-height: 100vh;
}
@media (max-width: 767px) {
  .public-windows99 .g_pop {
    width: 90%;
  }
}
.public-windows99 .g_pop .cnclose {
  position: absolute;
  right: -0.36rem;
  top: 0;
  width: 18px;
  height: 18px;
  transform: rotate(45deg);
  transition: all 0.4s;
  cursor: pointer;
}
@media (max-width: 767px) {
  .public-windows99 .g_pop .cnclose {
    right: 0.36rem;
    top: 0.36rem;
  }
}
.public-windows99 .g_pop .cnclose span {
  position: absolute;
  left: 50%;
  top: 50%;
  background-color: #fff;
  transform: translate(-50%, -50%);
}
.public-windows99 .g_pop .cnclose span:nth-child(1) {
  width: 100%;
  height: 2px;
}
.public-windows99 .g_pop .cnclose span:nth-child(2) {
  width: 2px;
  height: 100%;
}
@media (max-width: 767px) {
  .public-windows99 .g_pop .cnclose span {
    background-color: #333;
  }
}
.public-windows99 .g_pop .cnclose:hover {
  transform: rotate(-135deg);
}
.public-windows99 .box {
  width: 100%;
  height: 100%;
  overflow: auto;
}
@media (max-width: 991px) {
  .public-windows99 .box {
    padding: 0.5rem 0.3rem;
  }
}
.public-windows99 .box .cn1 {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  margin-bottom: 0.35rem;
}
.public-windows99 .box .cn1 .cn2 {
  width: 0.32rem;
  height: 0.32rem;
  border-radius: 6px;
  background-color: #e5f4fb;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 0.2rem;
}
.public-windows99 .box .cn1 .cn2 img {
  width: 0.19rem;
}
.public-windows99 .box .cn1 .cn3 {
  font-weight: bold;
  color: #333333;
}
.public-windows99 .box .cn1 .cn3a {
  text-align: center;
  width: 100%;
  display: block;
  margin-top: 0.03rem;
  color: #666666;
}
.public-windows99 .box .cn1 .cn3a em {
  font-style: normal;
  color: #014098;
}
.public-windows99 .box .g_box2 {
  width: 100%;
  border: solid 1px #e5eaf2;
  padding: 0 0.2rem 0.22rem;
  margin-top: 0.2rem;
  border-radius: 6px;
}
.public-windows99 .box .g_box2 .g_box {
  padding: 0.16rem 0 0.2rem;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
}
.public-windows99 .box .g_box2 .cn6 {
  width: 100%;
}
.public-windows99 .box .g_box2 .cn6 input {
  padding: 0 0.2rem;
  width: 100%;
  line-height: 0.5rem;
  height: 0.52rem;
  background-color: #fff;
  border-radius: 6px;
  border: 1px solid #e5eaf2;
  color: #888888;
}
@media (max-width: 991px) {
  .public-windows99 .box .g_box2 .cn6 input {
    line-height: 0.76rem;
    height: 0.76rem;
  }
}
.public-windows99 .box .g_box2 .cn6 input::placeholder {
  color: #b6b6b6;
}
.public-windows99 .box .g_box2 .cn6 textarea {
  padding: 0 0.2rem;
  width: 100%;
  height: 0.5rem;
  line-height: 0.5rem;
  height: 1.3rem;
  background-color: #fafafa;
  border-radius: 6px;
  border: 1px solid #f2f2f2;
  color: #999;
}
@media (max-width: 991px) {
  .public-windows99 .box .g_box2 .cn6 textarea {
    line-height: 0.76rem;
    height: 0.76rem;
  }
}
.public-windows99 .box .g_box2 .cn6 textarea::placeholder {
  color: #999;
}
.public-windows99 .box .box2 {
  width: 100%;
  border-radius: 6px;
}
.public-windows99 .box .box2 .cn4 {
  color: #222222;
  line-height: 0.5rem;
}
@media (max-width: 991px) {
  .public-windows99 .box .box2 .cn4 {
    line-height: 0.6rem;
  }
}
.public-windows99 .box .box2 .cn4 .cn5 {
  color: #ff0000;
  margin-right: 5px;
}
.public-windows99 .box .box2 .cn6 {
  width: 100%;
}
.public-windows99 .box .box2 .cn6 input {
  padding: 0 0.2rem;
  width: 100%;
  line-height: 0.5rem;
  height: 0.52rem;
  background-color: #fff;
  border-radius: 6px;
  border: 1px solid #e5eaf2;
  color: #888888;
}
@media (max-width: 991px) {
  .public-windows99 .box .box2 .cn6 input {
    line-height: 0.76rem;
    height: 0.76rem;
  }
}
.public-windows99 .box .box2 .cn6 input::placeholder {
  color: #b6b6b6;
}
.public-windows99 .box .box2 .cn6 textarea {
  padding: 0 0.2rem;
  width: 100%;
  height: 0.5rem;
  line-height: 0.5rem;
  height: 1.3rem;
  background-color: #fafafa;
  border-radius: 6px;
  border: 1px solid #f2f2f2;
  color: #999;
}
@media (max-width: 991px) {
  .public-windows99 .box .box2 .cn6 textarea {
    line-height: 0.76rem;
    height: 0.76rem;
  }
}
.public-windows99 .box .box2 .cn6 textarea::placeholder {
  color: #999;
}
/* 案例中心 */
.cason {
  padding-bottom: 0.8rem;
}
.cason .box {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
@media (max-width: 767px) {
  .cason .box {
    flex-direction: column;
  }
}
.cason .box .gl {
  position: sticky;
  position: -webkit-sticky;
  top: 0;
  width: 21.07142857%;
  border-right: 1px solid #eeeeee;
  padding-top: 70px;
}
@media (max-width: 767px) {
  .cason .box .gl {
    width: 100%;
    position: initial;
    border: none;
  }
}
.cason .box .gl .gl_box {
  max-height: calc(100vh - 70px);
  overflow: auto;
}
@media (max-width: 767px) {
  .cason .box .gl .gl_box {
    max-height: initial;
  }
}
.cason .box .gl .gl_box .gl_clear {
  cursor: pointer;
  padding-bottom: 0.4rem;
  display: flex;
  align-items: center;
}
.cason .box .gl .gl_box .gl_clear i {
  margin-right: 0.1rem;
  flex-shrink: 0;
  display: flex;
  width: 14px;
  height: auto;
}
.cason .box .gl .gl_box .gl_clear i svg,
.cason .box .gl .gl_box .gl_clear i img {
  width: 100%;
  height: auto;
}
.cason .box .gl .gl_box .gl_clear i svg path,
.cason .box .gl .gl_box .gl_clear i img path {
  fill: #bbbbbb;
}
.cason .box .gl .gl_box .gl_clear p {
  color: #333;
}
.cason .box .gl .gl_box .item {
  margin-bottom: 0.2rem;
}
.cason .box .gl .gl_box .item .g_tit {
  cursor: pointer;
  margin-bottom: 0.2rem;
  padding-right: 0.26rem;
  display: flex;
  justify-content: space-between;
}
.cason .box .gl .gl_box .item .g_tit.on .g_svg svg,
.cason .box .gl .gl_box .item .g_tit.on .g_svg img {
  transform: rotate(180deg);
}
.cason .box .gl .gl_box .item .g_tit h3 {
  color: #014098;
  font-weight: bold;
}
.cason .box .gl .gl_box .item .g_tit .g_svg svg,
.cason .box .gl .gl_box .item .g_tit .g_svg img {
  transition: all 0.4s;
  width: 0.15rem;
  height: auto;
}
.cason .box .gl .gl_box .item .g_tit .g_svg svg path,
.cason .box .gl .gl_box .item .g_tit .g_svg img path {
  fill: #d3d3d3;
}
.cason .box .gl .gl_box .item .lnav {
  display: flex;
  flex-wrap: wrap;
  position: relative;
  padding-bottom: 0.15rem;
}
.cason .box .gl .gl_box .item .lnav::after {
  content: '';
  position: absolute;
  width: calc(100% - 0.26rem);
  height: 1px;
  background: #eee;
  bottom: 0;
  left: 0;
}
.cason .box .gl .gl_box .item .lnav li {
  cursor: pointer;
  width: 50%;
  padding: 0 0.05rem 0 0;
  margin-bottom: 0.12rem;
  display: flex;
}
@media (max-width: 991px) {
  .cason .box .gl .gl_box .item .lnav li {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .cason .box .gl .gl_box .item .lnav li {
    width: auto;
    margin-right: 0.2rem;
  }
}
.cason .box .gl .gl_box .item .lnav li.on .g_svg {
  background: #014098;
  border-color: #014098;
}
.cason .box .gl .gl_box .item .lnav li.on p {
  color: #000;
}
.cason .box .gl .gl_box .item .lnav li .g_svg {
  width: 16px;
  height: 16px;
  border-radius: 3px;
  border: 1px solid #dfdfdf;
  margin: 3px 0.08rem 0 0;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.4s;
  flex-shrink: 0;
}
@media (max-width: 1580px) {
  .cason .box .gl .gl_box .item .lnav li .g_svg {
    width: 14px;
    height: 14px;
  }
}
@media (max-width: 1260px) {
  .cason .box .gl .gl_box .item .lnav li .g_svg {
    width: 12px;
    height: 12px;
  }
}
.cason .box .gl .gl_box .item .lnav li .g_svg svg,
.cason .box .gl .gl_box .item .lnav li .g_svg img {
  width: 50%;
  height: auto;
}
.cason .box .gl .gl_box .item .lnav li .g_svg svg path,
.cason .box .gl .gl_box .item .lnav li .g_svg img path {
  fill: #fff;
}
.cason .box .gl .gl_box .item .lnav li p {
  transition: all 0.4s;
  color: #666;
}
.cason .box .gr {
  padding-top: 0.7rem;
  width: 75.85714286%;
}
@media (max-width: 767px) {
  .cason .box .gr {
    width: 100%;
  }
}
.cason .box .gr .case_box {
  margin-bottom: 0.3rem;
}
.cason .box .gr .case_box .item {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  border-radius: 0.1rem;
  background: #f8f8f8;
  margin-bottom: 0.3rem;
  padding: 0.1rem;
  transition: all 0.4s;
}
@media (max-width: 767px) {
  .cason .box .gr .case_box .item {
    flex-direction: column;
  }
}
@media (max-width: 767px) {
  .cason .box .gr .case_box .item {
    padding: 0.2rem;
  }
}
.cason .box .gr .case_box .item:hover {
  background: #fff;
  box-shadow: 0 0.12rem 0.43rem rgba(203, 211, 222, 0.5);
}
.cason .box .gr .case_box .item:hover .public-img img {
  transform: scale(1.05);
}
.cason .box .gr .case_box .item:hover .txt .but i {
  background-color: #014098;
}
.cason .box .gr .case_box .item:hover .txt .but i svg path {
  fill: #ffffff;
}
.cason .box .gr .case_box .item:hover .txt .but span {
  opacity: 1;
}
.cason .box .gr .case_box .item:hover .txt .g_lab::after {
  width: 100%;
}
.cason .box .gr .case_box .item .public-img {
  border-radius: 0.1rem;
  width: 43.28214971%;
}
@media (max-width: 767px) {
  .cason .box .gr .case_box .item .public-img {
    width: 100%;
  }
}
.cason .box .gr .case_box .item .public-img:before {
  padding-top: 79.82261641%;
}
.cason .box .gr .case_box .item .txt {
  padding: 0.2rem 0.3rem 0.2rem 0.4rem;
  width: 56.71785029%;
}
@media (max-width: 767px) {
  .cason .box .gr .case_box .item .txt {
    width: 100%;
    padding: 0.4rem 0;
  }
}
.cason .box .gr .case_box .item .txt .txt_tit h3 {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-weight: bold;
}
.cason .box .gr .case_box .item .txt .txt_tit p {
  margin-top: 0.1rem;
  color: #666;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.cason .box .gr .case_box .item .txt .g_lab {
  margin-top: 0.25rem;
  border-top: 1px solid #eeeeee;
  padding-top: 0.28rem;
  position: relative;
  display: flex;
  flex-wrap: wrap;
}
.cason .box .gr .case_box .item .txt .g_lab::after {
  content: '';
  position: absolute;
  width: 0;
  height: 1px;
  top: -1px;
  left: 0;
  background: #0059aa;
  transition: all 0.4s;
}
.cason .box .gr .case_box .item .txt .g_lab .g_lab_item {
  width: 25.8%;
  display: flex;
  margin: 0 11.3% 0.16rem 0;
}
@media (max-width: 1260px) {
  .cason .box .gr .case_box .item .txt .g_lab .g_lab_item {
    width: 28.8%;
    margin: 0 6.8% 0.16rem 0;
  }
}
@media (max-width: 991px) {
  .cason .box .gr .case_box .item .txt .g_lab .g_lab_item {
    width: 50%;
    margin-right: 0;
    padding-right: 0.1rem;
  }
}
.cason .box .gr .case_box .item .txt .g_lab .g_lab_item:nth-child(3n) {
  margin-right: 0;
}
.cason .box .gr .case_box .item .txt .g_lab .g_lab_item span {
  flex-shrink: 0;
  color: #666;
  margin-right: 0.12rem;
}
.cason .box .gr .case_box .item .txt .g_lab .g_lab_item p {
  font-weight: bold;
}
.cason .box .gr .case_box .item .txt .but {
  transition: all 0.4s linear;
  display: flex;
  align-items: center;
  margin-top: 0.25rem;
}
.cason .box .gr .case_box .item .txt .but i {
  width: 0.48rem;
  height: 0.48rem;
  background-color: #ffffff;
  border: solid 1px #014098;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  transition: all 0.4s linear;
  margin-right: 0.14rem;
}
@media (max-width: 767px) {
  .cason .box .gr .case_box .item .txt .but i {
    width: 0.66rem;
    height: 0.66rem;
  }
}
.cason .box .gr .case_box .item .txt .but i svg,
.cason .box .gr .case_box .item .txt .but i img {
  width: 20.83333333%;
  height: 20.83333333%;
  object-fit: contain;
}
.cason .box .gr .case_box .item .txt .but i svg path,
.cason .box .gr .case_box .item .txt .but i img path {
  fill: #014098;
}
.cason .box .gr .case_box .item .txt .but span {
  transition: all 0.4s;
  color: #014098;
}
@media (min-width: 1261px) {
  .cason .box .gr .case_box .item .txt .but span {
    opacity: 0;
  }
}
.cason .box .gr .page {
  margin-top: 0.8rem;
}
.page {
  display: flex;
  justify-content: center;
  align-items: center;
}
.page a {
  height: 0.44rem;
  min-width: 0.44rem;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 0.05rem;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  /* background: #f5f5f5; */
  border: 1px solid #f1f1f1;
  color: #999;
  cursor: pointer;
}
@media (max-width: 767px) {
  .page a {
    font-size: 0.28rem;
    height: 0.6rem;
    min-width: 0.6rem;
  }
}
.page a.prev img,
.page a.prev svg,
.page a.prev img {
  transform: rotate(180deg);
}
.page a:hover {
  color: #fff;
  border-color: #014098;
  background: #014098;
}
.page a:hover p {
  color: #fff;
}
.page a:hover svg path,
.page a:hover img path {
  fill: #fff;
}
.page a img,
.page a svg,
.page a img {
  width: 6px;
  height: auto;
}
@media (max-width: 767px) {
  .page a img,
  .page a svg,
  .page a img {
    width: 5px;
  }
}
.page a .img2 {
  display: none;
}
.page a svg path,
.page a img path {
  fill: #999;
}
.page input {
  height: 0.44rem;
  min-width: 0.44rem;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 0.05rem;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  border: 1px solid #f1f1f1;
  width: 0.7rem;
  text-align: center;
  color: #999;
}
@media (max-width: 767px) {
  .page input {
    width: 100%;
    height: 0.6rem;
    min-width: 0.6rem;
  }
}
.page input::placeholder {
  color: #999;
}
.page input[type="number"]::-webkit-inner-spin-button,
.page input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.page input[type="number"] {
  -moz-appearance: textfield;
}
.page .active {
  color: #fff;
  border-color: #014098;
  background: #014098;
}
.page .active p {
  color: #fff;
}
/* 案例详情 */
.sub_bannerSwiper {
  width: 100%;
  position: relative;
}
.sub_bannerSwiper .swip2_pag_box {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: auto;
  z-index: 50;
  padding-bottom: 0.6rem;
}
.sub_bannerSwiper .swip2_pag_box .swiper-pagination {
  position: initial;
  display: flex;
  justify-content: flex-end;
}
.sub_bannerSwiper .swip2_pag_box .swiper-pagination .swiper-pagination-bullet {
  width: 0.6rem;
  height: 2px;
  background: rgba(255, 255, 255, 0.35);
  margin-left: 0.2rem;
  border-radius: 0;
  opacity: 1;
  transition: all 0.4s;
}
.sub_bannerSwiper .swip2_pag_box .swiper-pagination .swiper-pagination-bullet-active {
  width: 1.3rem;
  background: #ffffff;
}
.sub_bannerSwiper .box {
  position: relative;
}
.sub_bannerSwiper .txt {
  background: rgba(0, 0, 0, 0.15);
  position: absolute;
  z-index: 10;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.sub_bannerSwiper .txt .container2 {
  height: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #fff;
}
.sub_bannerSwiper .txt .container2 p {
  font-weight: bold;
  line-height: 1.333;
  visibility: hidden;
}
.sub_bannerSwiper .public-img {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 5;
}
.sub_bannerSwiper .public-img:before {
  padding-top: 39.0625%;
}
@media (max-width: 767px) {
  .sub_bannerSwiper .public-img:before {
    padding-top: 78.125%;
  }
}
.caseInfoon .container2 {
  padding: 0.95rem 0 1.35rem;
}
.caseInfoon .container2 .box {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
@media (max-width: 767px) {
  .caseInfoon .container2 .box {
    flex-direction: column;
  }
}
.caseInfoon .container2 .box .gl {
  width: 71.42857143%;
}
@media (max-width: 767px) {
  .caseInfoon .container2 .box .gl {
    width: 100%;
  }
}
.caseInfoon .container2 .box .gl h3 {
  font-weight: bold;
}
.caseInfoon .container2 .box .gl .lswi {
  margin-bottom: 0.55rem;
}
.caseInfoon .container2 .box .gl .lswi .lswi_box {
  margin-top: 0.52rem;
}
.caseInfoon .container2 .box .gl .lswi .lswi_box .swiper-container {
  border-radius: 0.1rem;
}
.caseInfoon .container2 .box .gl .lswi .lswi_box .swip2_pag_box {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: auto;
  z-index: 50;
  padding-bottom: 0.3rem;
}
.caseInfoon .container2 .box .gl .lswi .lswi_box .swip2_pag_box .swiper-pagination {
  position: initial;
  display: flex;
  justify-content: center;
}
.caseInfoon .container2 .box .gl .lswi .lswi_box .swip2_pag_box .swiper-pagination .swiper-pagination-bullet {
  width: 0.26rem;
  height: 2px;
  background: rgba(255, 255, 255, 0.35);
  margin: 0 0.05rem;
  border-radius: 0;
  opacity: 1;
  transition: all 0.4s;
}
.caseInfoon .container2 .box .gl .lswi .lswi_box .swip2_pag_box .swiper-pagination .swiper-pagination-bullet-active {
  width: 0.5rem;
  background: #ffffff;
}
.caseInfoon .container2 .box .gl .lswi .lswi_box .box {
  position: relative;
}
.caseInfoon .container2 .box .gl .lswi .lswi_box .public-img {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 5;
}
.caseInfoon .container2 .box .gl .lswi .lswi_box .public-img:before {
  padding-top: 56.25%;
}
.caseInfoon .container2 .box .gl .ltable {
  margin-bottom: 0.55rem;
}
.caseInfoon .container2 .box .gl .ltable .ltable_box {
  margin-top: 0.45rem;
  display: flex;
  flex-wrap: wrap;
  border-top: 1px solid #e4e4e4;
  border-left: 1px solid #e4e4e4;
}
@media (max-width: 767px) {
  .caseInfoon .container2 .box .gl .ltable .ltable_box {
    font-size: 0.24rem;
  }
}
.caseInfoon .container2 .box .gl .ltable .ltable_box .item {
  display: flex;
  min-height: 0.6rem;
  width: 50%;
}
.caseInfoon .container2 .box .gl .ltable .ltable_box .item:last-child {
  width: 100%;
}
.caseInfoon .container2 .box .gl .ltable .ltable_box .item:last-child .lit {
  width: 21%;
}
.caseInfoon .container2 .box .gl .ltable .ltable_box .item:last-child .rit {
  width: 79%;
}
.caseInfoon .container2 .box .gl .ltable .ltable_box .item .lit {
  display: flex;
  flex-direction: column;
  justify-content: center;
  background: #eaeaea;
  padding: 0.15rem 0.2rem 0.15rem 0.32rem;
  width: 42%;
  border-right: 1px solid #e4e4e4;
  border-bottom: 1px solid #e4e4e4;
  color: #000;
  font-weight: bold;
}
@media (max-width: 767px) {
  .caseInfoon .container2 .box .gl .ltable .ltable_box .item .lit {
    padding: 0.15rem 0.02rem 0.15rem 0.12rem;
  }
}
.caseInfoon .container2 .box .gl .ltable .ltable_box .item .rit {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 58%;
  padding: 0.15rem 0.2rem 0.15rem 0.2rem;
  border-right: 1px solid #e4e4e4;
  border-bottom: 1px solid #e4e4e4;
  color: #666;
}
@media (max-width: 767px) {
  .caseInfoon .container2 .box .gl .ltable .ltable_box .item .rit {
    padding: 0.15rem 0.12rem 0.15rem 0.12rem;
  }
}
.caseInfoon .container2 .box .gl .ltable .ltable_box .item .rit p {
  line-height: 1.75;
}
.caseInfoon .container2 .box .gl .ltext .ltext_box {
  margin-top: 0.26rem;
}
.caseInfoon .container2 .box .gl .ltext .ltext_box p {
  color: #666;
  line-height: 1.75;
}
.caseInfoon .container2 .box .gr {
  position: sticky;
  position: -webkit-sticky;
  top: 80px;
  width: 21.78571429%;
}
@media (max-width: 767px) {
  .caseInfoon .container2 .box .gr {
    width: 100%;
    position: initial;
    margin-top: 0.8rem;
  }
}
.caseInfoon .container2 .box .gr h2 {
  font-weight: bold;
  padding-bottom: 0.16rem;
  border-bottom: 1px solid #dddddd;
  margin-bottom: 0.22rem;
}
@media (max-width: 767px) {
  .caseInfoon .container2 .box .gr h2 {
    font-size: 0.42rem;
    padding-bottom: 0.26rem;
    margin-bottom: 0.32rem;
  }
}
.caseInfoon .container2 .box .gr .gr_box .img {
  overflow: hidden;
  border-radius: 0.1rem;
}
.caseInfoon .container2 .box .gr .gr_box .img:hover img {
  transform: scale(1.05);
}
.caseInfoon .container2 .box .gr .gr_box .img .public-img:before {
  padding-top: 41.31147541%;
}
.caseInfoon .container2 .box .gr .gr_box .g_a {
  padding-bottom: 0.38rem;
  border-bottom: 1px solid #dddddd;
  margin-bottom: 0.22rem;
}
@media (max-width: 767px) {
  .caseInfoon .container2 .box .gr .gr_box .g_a {
    margin-top: 0.4rem;
  }
}
.caseInfoon .container2 .box .gr .gr_box .g_a a {
  margin-top: 0.15rem;
  display: block;
  position: relative;
  padding-left: 22px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  transition: all 0.4s;
  color: #666;
}
.caseInfoon .container2 .box .gr .gr_box .g_a a:hover {
  color: #333;
  text-decoration: underline;
}
.caseInfoon .container2 .box .gr .gr_box .g_a a:after {
  content: '';
  position: absolute;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #666666;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
@media (max-width: 1580px) {
  .caseInfoon .container2 .box .gr .gr_box .g_a a:after {
    width: 5px;
    height: 5px;
  }
}
.caseInfoon .container2 .box .gr .gr_box .g_fh {
  display: flex;
  align-items: center;
}
.caseInfoon .container2 .box .gr .gr_box .g_fh:hover svg path,
.caseInfoon .container2 .box .gr .gr_box .g_fh:hover img path {
  fill: #014098;
}
.caseInfoon .container2 .box .gr .gr_box .g_fh:hover p {
  color: #014098;
}
.caseInfoon .container2 .box .gr .gr_box .g_fh svg,
.caseInfoon .container2 .box .gr .gr_box .g_fh img {
  width: 5px;
  height: auto;
  transform: rotate(180deg);
}
.caseInfoon .container2 .box .gr .gr_box .g_fh svg path,
.caseInfoon .container2 .box .gr .gr_box .g_fh img path {
  fill: #383838;
}
.caseInfoon .container2 .box .gr .gr_box .g_fh p {
  margin-left: 0.2rem;
  color: #333;
}
.caseInfotw {
  background: #f8f8f8;
  padding: 1.3rem 0 1.1rem;
}
.caseInfotw .box {
  margin-top: 0.55rem;
}
.g_tw {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -0.15rem;
}
.g_tw .item {
  width: 33.33%;
  padding: 0 0.15rem;
  margin-bottom: 0.3rem;
}
@media (max-width: 767px) {
  .g_tw .item {
    width: 100%;
    margin-bottom: 0.4rem;
  }
}
.g_tw .item:hover .public-img img {
  transform: scale(1.05);
}
.g_tw .item:hover .itembox .more .but i {
  background-color: #014098;
}
.g_tw .item:hover .itembox .more .but i svg path {
  fill: #ffffff;
}
.g_tw .item:hover .itembox .more .but span {
  color: #014098;
}
.g_tw .item .itembox {
  border-radius: 0.1rem;
  display: block;
  width: 100%;
  background: #fff;
}
.g_tw .item .itembox .g_t {
  padding: 0.1rem 0.1rem 0;
}
.g_tw .item .itembox .g_t .public-img {
  border-radius: 0.05rem;
}
.g_tw .item .itembox .g_t .public-img:before {
  padding-top: 50.81967213%;
}
.g_tw .item .itembox .g_t .txt {
  padding: 0.15rem 0.05rem 0.3rem;
}
@media (max-width: 767px) {
  .g_tw .item .itembox .g_t .txt {
    padding: 0.25rem 0.1rem 0.3rem;
  }
}
.g_tw .item .itembox .g_t .txt h3 {
  font-weight: bold;
  color: #333;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.g_tw .item .itembox .g_t .txt p {
  color: #666;
  margin-top: 0.08rem;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
@media (max-width: 767px) {
  .g_tw .item .itembox .g_t .txt p {
    margin-top: 0.2rem;
  }
}
.g_tw .item .itembox .more {
  border-top: 1px solid #efefef;
}
.g_tw .item .itembox .more .but {
  transition: all 0.4s linear;
  display: flex;
  align-items: center;
  padding: 0.2rem;
  justify-content: space-between;
}
.g_tw .item .itembox .more .but i {
  width: 0.48rem;
  height: 0.48rem;
  background-color: #ffffff;
  border: solid 1px #014098;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  transition: all 0.4s linear;
  margin-right: 0.14rem;
}
@media (max-width: 767px) {
  .g_tw .item .itembox .more .but i {
    width: 0.66rem;
    height: 0.66rem;
  }
}
.g_tw .item .itembox .more .but i svg,
.g_tw .item .itembox .more .but i img {
  width: 20.83333333%;
  height: 20.83333333%;
  object-fit: contain;
}
.g_tw .item .itembox .more .but i svg path,
.g_tw .item .itembox .more .but i img path {
  fill: #014098;
}
.g_tw .item .itembox .more .but span {
  transition: all 0.4s;
  color: #333;
}
.g_tw2 .item {
  width: 50%;
}
@media (max-width: 767px) {
  .g_tw2 .item {
    width: 100%;
  }
}
.caseInfoth {
  padding: 1.35rem 0 1.6rem;
}
@media (max-width: 767px) {
  .caseInfoth {
    padding: 1.15rem 0 1.1rem;
  }
}
.caseInfoth .pub_swi {
  margin-top: 0.65rem;
}
.pub_swi {
  position: relative;
}
.pub_swi .swiper-slide {
  transition: all 0.4s;
}
.pub_swi .g_qie .pub_prev {
  left: -0.98rem;
}
@media (max-width: 1260px) {
  .pub_swi .g_qie .pub_prev {
    left: -0.6rem;
  }
}
.pub_swi .g_qie .pub_next {
  right: -0.98rem;
}
@media (max-width: 1260px) {
  .pub_swi .g_qie .pub_next {
    right: -0.6rem;
  }
}
.pub_swi .guafi_box {
  display: block;
  border-radius: 0.1rem;
  overflow: hidden;
  position: relative;
}
.pub_swi .guafi_box:hover img {
  transform: scale(1.05);
}
.pub_swi .guafi_box .public-img {
  border-radius: 0.1rem;
}
.pub_swi .guafi_box .public-img:before {
  padding-top: 79.82261641%;
}
.pub_swi .guafi_box .txt {
  z-index: 10;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: url(../images/case15.png) no-repeat;
  background-size: auto 100%;
  background-position: bottom center;
  padding: 0.16rem 0.2rem;
  display: flex;
  align-items: flex-end;
}
.pub_swi .guafi_box .txt h3 {
  color: #fff;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
/* 产品中心 */
.proon {
  padding-bottom: 1.6rem;
  background: #f8f8f8;
}
.proon .box .gr .page {
  margin-top: 0.5rem;
}
/* 产品详情 */
.proinfoon {
  padding: 0.75rem 0 1.9rem;
  background: -webkit-linear-gradient(to top, #f3f4f4, #fff);
  background: linear-gradient(to top, #f3f4f4, #fff);
}
@media (max-width: 767px) {
  .proinfoon {
    padding: 1rem 0;
  }
}
.proinfoon .box {
  display: flex;
  justify-content: space-between;
}
@media (max-width: 991px) {
  .proinfoon .box {
    flex-direction: column;
  }
}
.proinfoon .box .gl {
  width: 54.28571429%;
}
@media (max-width: 991px) {
  .proinfoon .box .gl {
    width: 100%;
  }
}
.proinfoon .box .gl .gallery-thumbs {
  border-radius: 0.1rem;
}
.proinfoon .box .gl .gallery-thumbs .public-img {
  border-radius: 0.1rem;
}
.proinfoon .box .gl .gallery-thumbs .public-img:before {
  padding-top: 56.56167979%;
}
.proinfoon .box .gl .gallery-thumbs .public-img img {
  border-radius: 0.1rem;
}
.proinfoon .box .gl .gallery-thumbs .g_qie .pub_nav {
  background: rgba(0, 0, 0, 0.2);
}
.proinfoon .box .gl .gallery-thumbs .g_qie .pub_nav:hover {
  background: #014098;
}
.proinfoon .box .gl .gallery-thumbs .g_qie .pub_prev {
  left: 0.2rem;
}
.proinfoon .box .gl .gallery-thumbs .g_qie .pub_next {
  right: 0.2rem;
}
.proinfoon .box .gl .gallery-top {
  margin-top: 0.2rem;
}
.proinfoon .box .gl .gallery-top .public-img {
  transition: all 0.4s;
  opacity: 0.5;
  border: 1px solid #e8e9eb;
  border-radius: 0.1rem;
}
.proinfoon .box .gl .gallery-top .public-img:before {
  padding-top: 57.60869565%;
}
.proinfoon .box .gl .gallery-top .swiper-slide-thumb-active .public-img {
  opacity: 1;
  border: 1px solid #014098;
}
.proinfoon .box .gr {
  padding: 0.6rem 0 0 0.95rem;
  width: 45.71428571%;
}
@media (max-width: 991px) {
  .proinfoon .box .gr {
    width: 100%;
    padding: 0.5rem 0;
  }
}
.proinfoon .box .gr .txt h2 {
  line-height: 1.1;
  color: #014098;
  font-weight: bold;
}
.proinfoon .box .gr .txt p {
  margin-top: 0.3rem;
  color: #0e2339;
}
.proinfoon .box .gr .b_a {
  margin-top: 0.65rem;
  border-top: 1px solid #eaeaea;
  padding-top: 0.6rem;
  display: flex;
  flex-wrap: wrap;
}
.proinfoon .box .gr .b_a a {
  margin-right: 0.2rem;
}
@media (max-width: 767px) {
  .proinfoon .box .gr .b_a a i {
    width: 0.24rem;
  }
}
.proinfotw {
  position: relative;
}
.proinfotw .proinfotw_tpro {
  padding: 0.14rem 0;
  background: #fff;
  z-index: 200;
  position: sticky;
  top: 60px;
  box-shadow: 0 0.1rem 0.1rem rgba(0, 0, 0, 0.01);
  opacity: 0;
}
.proinfotw .proinfotw_tpro.on {
  opacity: 1;
  transition: all 0.4s;
}
.proinfotw .proinfotw_tpro .container2 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0;
}
.proinfotw .proinfotw_tpro .container2 .gl .g_ztyw {
  display: flex;
  align-items: center;
}
.proinfotw .proinfotw_tpro .container2 .gl .g_ztyw .public-img {
  border-radius: 0.1rem;
  width: 1.62rem;
}
.proinfotw .proinfotw_tpro .container2 .gl .g_ztyw .public-img:before {
  padding-top: 56.79012346%;
}
.proinfotw .proinfotw_tpro .container2 .gl .g_ztyw .txt {
  margin-left: 0.2rem;
}
.proinfotw .proinfotw_tpro .container2 .gl .g_ztyw .txt h2 {
  font-weight: bold;
}
.proinfotw .proinfotw_tpro .container2 .gr {
  display: flex;
  align-items: center;
  display: none;
}
@media (max-width: 767px) {
  .proinfotw .proinfotw_tpro .container2 .gr .g_num {
    display: none;
  }
}
.proinfotw .proinfotw_tpro .container2 .gr .g_num p {
  margin-top: 0.05rem;
  line-height: 1.1;
  font-family: 'dinBold';
  color: #014098;
}
.proinfotw .proinfotw_tpro .container2 .gr .pub_a {
  margin-left: 0.54rem;
}
.proinfotw .proinfotw_con {
  position: relative;
}
.proinfotw .proinfotw_con .guaNav_box {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
  height: 100%;
  z-index: 10;
}
.proinfotw .proinfotw_con .guaNav_box .container2 {
  height: 100%;
}
.proinfotw .proinfotw_con .guaNav_box .container2 .guaNav {
  pointer-events: initial;
  display: flex;
  flex-direction: column;
  border-left: 1px solid #dddddd;
  width: 25.71428571%;
  position: sticky;
  position: -webkit-sticky;
  top: 200px;
  margin-bottom: 1rem;
}
@media (max-width: 767px) {
  .proinfotw .proinfotw_con .guaNav_box .container2 .guaNav {
    display: none;
  }
}
.proinfotw .proinfotw_con .guaNav_box .container2 .guaNav a {
  cursor: pointer;
  margin-bottom: 0.22rem;
  padding: 0 0 0.16rem 0.2rem;
  position: relative;
  transition: all 0.4s;
}
.proinfotw .proinfotw_con .guaNav_box .container2 .guaNav a.on {
  color: #0059aa;
}
.proinfotw .proinfotw_con .guaNav_box .container2 .guaNav a.on::after {
  height: 100%;
}
.proinfotw .proinfotw_con .guaNav_box .container2 .guaNav a::after {
  content: '';
  position: absolute;
  width: 2px;
  height: 0;
  left: -1px;
  top: 0;
  background: #0059aa;
  transition: all 0.4s;
}
.proinfotw .proinfotw_con .guaNav_box .container2 .guaNav a:last-child {
  padding-bottom: 0;
  margin-bottom: 0;
}
.proinfotw .proinfotw_con .proinfotw_box {
  position: relative;
  overflow: hidden;
}
.proinfotw .proinfotw_con .proinfotw_box .container2 {
  justify-content: flex-end;
  padding: 0 0 1.65rem;
  display: flex;
  align-items: flex-start;
}
@media (max-width: 767px) {
  .proinfotw .proinfotw_con .proinfotw_box .container2 {
    padding: 1rem 0 ;
  }
}
.proinfotw .proinfotw_con .proinfotw_box .container2 .guaBox_con {
  width: 74.28571429%;
}
@media (max-width: 767px) {
  .proinfotw .proinfotw_con .proinfotw_box .container2 .guaBox_con {
    width: 100%;
  }
}
.proinfoyi {
  padding-bottom: 0.2rem;
}
.proinfoyi .box {
  margin-top: 0.45rem;
}
.proinfoyi .box .item {
  margin-bottom: 0.4rem;
  display: flex;
}
.proinfoyi .box .item .gl {
  flex-shrink: 0;
  margin-right: 0.34rem;
  width: 0.86rem;
  height: 0.86rem;
  border: 1px solid #144ea0;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #014098;
}
.proinfoyi .box .item .gl p {
  font-family: 'dinBold';
}
.proinfoyi .box .item .gr {
  padding-right: 0.55rem;
}
@media (max-width: 767px) {
  .proinfoyi .box .item .gr {
    padding: 0;
  }
}
.proinfoyi .box .item .gr p {
  margin-top: 0.06rem;
  color: #666;
}
.proinfoer {
  padding: 0.45rem 0 0.5rem;
  border-top: 1px solid #eeeeee;
}
.proinfoer .box {
  margin-top: 0.45rem;
  display: flex;
  flex-wrap: wrap;
  border-top: 1px solid #e4e4e4;
  border-left: 1px solid #e4e4e4;
}
@media (max-width: 767px) {
  .proinfoer .box {
    font-size: 0.24rem;
  }
}
.proinfoer .box .item {
  display: flex;
  min-height: 0.6rem;
  width: 100%;
}
.proinfoer .box .item .lit {
  display: flex;
  flex-direction: column;
  justify-content: center;
  background: #eaeaea;
  padding: 0.15rem 0.2rem 0.15rem 0.38rem;
  width: 15.4%;
  border-right: 1px solid #e4e4e4;
  border-bottom: 1px solid #e4e4e4;
  color: #000;
  font-weight: bold;
}
@media (max-width: 767px) {
  .proinfoer .box .item .lit {
    width: 22%;
    padding: 0.15rem 0.02rem 0.15rem 0.12rem;
  }
}
.proinfoer .box .item .rit {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 84.6%;
  padding: 0.15rem 0.2rem 0.15rem 0.38rem;
  border-right: 1px solid #e4e4e4;
  border-bottom: 1px solid #e4e4e4;
  color: #666;
}
@media (max-width: 767px) {
  .proinfoer .box .item .rit {
    width: 78%;
    padding: 0.15rem 0.12rem 0.15rem 0.12rem;
  }
}
.proinfoer .box .item .rit p {
  line-height: 1.75;
}
.proinfosa {
  padding: 0.45rem 0 0.5rem;
  border-top: 1px solid #eeeeee;
}
.proinfosa .box {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -0.12rem;
  margin-top: 0.5rem;
}
.proinfosa .box .item {
  width: 50%;
  padding: 0 0.12rem;
  margin-bottom: 0.26rem;
}
.proinfosa .box .item .itembox {
  display: block;
  width: 100%;
}
.proinfosa .box .item .itembox .public-img {
  border-radius: 0.1rem;
}
.proinfosa .box .item .itembox .public-img:before {
  padding-top: 58.984375%;
}
.proinfosa .box .item .itembox .txt {
  margin-top: 0.14rem;
}
.proinfosa .pub_tc {
  text-align: center;
  margin-top: 0.3rem;
}
.proinfosa .pub_tc a span {
  font-weight: bold;
  color: #999;
}
.proinfosa .pub_tc a svg,
.proinfosa .pub_tc a img {
  transform: rotate(90deg);
  margin-left: 0.1rem;
}
.proinfosa .pub_tc a svg path,
.proinfosa .pub_tc a img path {
  fill: #666;
}
.proinfosi {
  padding: 0.45rem 0 0.5rem;
  border-top: 1px solid #eeeeee;
}
.proinfosi .proinfosi_t {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.proinfosi .box {
  margin-top: 0.5rem;
}
.proinfosi .box .swiper-container {
  width: 138%;
}
@media (max-width: 767px) {
  .proinfosi .box .swiper-container {
    width: 100%;
  }
}
.proinfosi .box .swiper-container .swiper-slide-duplicate-prev {
  /* opacity: 0.25; */
}
.proinfowu {
  padding: 0.45rem 0 0;
  border-top: 1px solid #eeeeee;
}
.proinfowu .pub_title h2 {
  user-select: none;
}
.proinfowu .box {
  margin-top: 0.5rem;
  /* .inp{
			
			display: flex;
			justify-content: space-between;
			@media @max-xs{
				flex-direction: column;
			}
			.inp_box{
				width: calc((100% - 0.4rem));
				margin: 0 0.2rem 0.2rem 0;
				background: #fff;
				border-radius: 0.1rem;
				height: 0.54rem;
				
				position: relative;
				display: flex;
				align-items: center;
				border: 1px solid #e5eaf2;
				&:nth-child(3n){
					margin-right: 0;
				}
				@media @max-xs{
					width: 100%;
					height: 0.8rem;
					margin-bottom: 0.3rem;
				}
				input{
					height: 100%;
					width: 100%;
					padding: 0 0.2rem;
					&::placeholder{
						color: #999;
					}
				}
				
			}
			.inp_box_sel{
				position: relative;
				&::after{
					content: '';
					position: absolute;
					width: 9px;
					height: 6px;
					background: url(../images/b.png) no-repeat;
					background-size: 100% 100%;
					right: 0.24rem;
					top: 50%;
					transform: translateY(-50%);
				}
				select{
					padding: 0 0.4rem 0 0.2rem;
					width: 100%;
					height: 100%;
					color: #999;
					
					option{
						color: #999;
					}
				}
			}
			.inp_box_tex{
				margin-right: 0;
				width: 100%;
				height: 1.2rem;
				@media @max-xs{
					height: 2rem;
				}
				textarea{
					height: 100%;
					width: 100%;
					padding: 0.2rem;
				}
			}
		} */
}
.proinfowu .box form {
  margin-top: 0.53rem;
}
.proinfowu .box form .inp {
  display: flex;
  justify-content: space-between;
}
@media (max-width: 767px) {
  .proinfowu .box form .inp {
    flex-direction: column;
  }
}
.proinfowu .box form .inp .inp_box {
  width: calc(50% - 0.2rem);
}
.proinfowu .box form .inp .inp_box input::-webkit-input-placeholder {
  color: #999;
}
.proinfowu .box form .inp .inp_box textarea::-webkit-input-placeholder {
  color: #999;
}
@media (max-width: 767px) {
  .proinfowu .box form .inp .inp_box {
    width: 100%;
  }
}
.proinfowu .box form .inp .inp_box input {
  width: 100%;
  margin: 0.07rem 0 0.25rem;
  background: #fff;
  border-radius: 0.1rem;
  height: 0.54rem;
  padding-left: 0.2rem;
  display: flex;
  align-items: center;
  border: 1px solid #e5eaf2;
}
@media (max-width: 767px) {
  .proinfowu .box form .inp .inp_box input {
    width: 100%;
    height: 0.8rem;
    margin-bottom: 0.3rem;
  }
}
.proinfowu .box form .inp .inp_box .inp_txt {
  width: 100%;
  display: flex;
  align-items: center;
}
.proinfowu .box form .inp .inp_box .inp_txt p {
  color: #333;
}
.proinfowu .box form .inp .inp_box .inp_txt p span {
  margin-left: 8px;
  color: #00317d;
}
.proinfowu .box form .inp .inp_box textarea {
  width: 100%;
  height: 1.2rem;
  border: 1px solid #e5eaf2;
  padding: 0.2rem;
  border-radius: 0.1rem;
  margin: 0.07rem 0 0.25rem;
}
@media (max-width: 767px) {
  .proinfowu .box form .inp .inp_box textarea {
    height: 2rem;
  }
}
.proinfowu .box form .inp2 .inp_box {
  width: 100%;
}
.proinfowu .box form button {
  margin-top: 0.15rem;
}
.g_tw.pub_swi .item {
  width: 100%;
  display: block;
  padding: 0;
}
.proinfoth {
  padding: 1.3rem 0 1.1rem;
}
/* 资源中心 */
.reson {
  padding: 0.6rem 0 1.6rem;
}
.reson .box {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -0.2rem;
}
.reson .box .item {
  margin-bottom: 0.4rem;
  width: 33.33%;
  padding: 0 0.2rem;
}
@media (max-width: 991px) {
  .reson .box .item {
    width: 50%;
  }
}
@media (max-width: 767px) {
  .reson .box .item {
    width: 100%;
  }
}
.reson .box .item.item_img:hover .itembox .public-img {
  opacity: 1;
}
.reson .box .item.item_img:hover .itembox .gxs {
  background: transparent;
}
.reson .box .item.item_img:hover .itembox .gxs .g_t .g_lab span {
  background: #80a1b4;
}
.reson .box .item.item_img:hover .itembox .gxs .g_t .txt h3 {
  color: #fff;
}
.reson .box .item.item_img:hover .itembox .gxs .g_t .txt p {
  color: #fff;
}
.reson .box .item.item_img:hover .itembox .gxs .g_down {
  border-color: transparent;
}
.reson .box .item.item_img:hover .itembox .gxs .g_down .but i {
  background: #014098;
  border-color: #014098;
}
.reson .box .item.item_img:hover .itembox .gxs .g_down .but i svg path {
  fill: #fff;
}
.reson .box .item.item_img:hover .itembox .gxs .g_down .but span {
  color: #fff;
}
.reson .box .item:hover .itembox .public-img img {
  transform: scale(1.05);
}
.reson .box .item:hover .itembox .gxs .g_down .but i {
  background: #014098;
  border-color: #014098;
}
.reson .box .item:hover .itembox .gxs .g_down .but i svg path {
  fill: #fff;
}
.reson .box .item:hover .itembox .gxs .g_down .but span {
  opacity: 1;
}
.reson .box .item .itembox {
  border-radius: 0.1rem;
  overflow: hidden;
  display: block;
  width: 100%;
  position: relative;
}
.reson .box .item .itembox .public-img {
  transition: all 0.4s;
  opacity: 0;
}
.reson .box .item .itembox .public-img::after {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.2);
  top: 0;
  left: 0;
  z-index: 5;
}
.reson .box .item .itembox .public-img:before {
  padding-top: 113.86363636%;
}
.reson .box .item .itembox .gxs {
  transition: all 0.4s;
  background: #f8f8f8;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  padding: 0.5rem;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 10;
}
.reson .box .item .itembox .gxs .g_t {
  width: 100%;
}
.reson .box .item .itembox .gxs .g_t .g_lab {
  margin-bottom: 0.22rem;
  display: flex;
  flex-wrap: wrap;
}
.reson .box .item .itembox .gxs .g_t .g_lab span {
  margin: 0 0.1rem 0.1rem 0;
  border-radius: 0.05rem;
  background: #014098;
  color: #fff;
  padding: 0.05rem 0.15rem;
}
.reson .box .item .itembox .gxs .g_t .txt h3 {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.reson .box .item .itembox .gxs .g_t .txt p {
  margin-top: 0.18rem;
  color: #666;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  height: 6em;
}
.reson .box .item .itembox .gxs .g_down {
  width: 100%;
  padding-top: 0.5rem;
  border-top: 1px solid #ddd;
}
.reson .box .item .itembox .gxs .g_down .but {
  transition: all 0.4s linear;
  display: flex;
  align-items: center;
  margin-top: 0.25rem;
}
.reson .box .item .itembox .gxs .g_down .but i {
  width: 0.48rem;
  height: 0.48rem;
  background-color: none;
  border: solid 1px #014098;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  transition: all 0.4s linear;
  margin-right: 0.14rem;
}
@media (max-width: 767px) {
  .reson .box .item .itembox .gxs .g_down .but i {
    width: 0.66rem;
    height: 0.66rem;
  }
}
.reson .box .item .itembox .gxs .g_down .but i svg,
.reson .box .item .itembox .gxs .g_down .but i img {
  width: 20.83333333%;
  height: 20.83333333%;
  object-fit: contain;
}
.reson .box .item .itembox .gxs .g_down .but i svg path,
.reson .box .item .itembox .gxs .g_down .but i img path {
  fill: #014098;
}
.reson .box .item .itembox .gxs .g_down .but span {
  transition: all 0.4s;
  color: #014098;
}
@media (min-width: 1261px) {
  .reson .box .item .itembox .gxs .g_down .but span {
    opacity: 0;
  }
}
.reson .page {
  margin-top: 0.6rem;
}
/* 资源中心-详情 */
.resinfoon {
  padding: 0.6rem 0 1.6rem;
}
.resinfoon .box h1 {
  margin-bottom: 0.4rem;
}
.resinfoon .box .bbox {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
@media (max-width: 767px) {
  .resinfoon .box .bbox {
    flex-direction: column;
  }
}
.resinfoon .box .bbox .gl {
  width: 60.71428571%;
}
@media (max-width: 767px) {
  .resinfoon .box .bbox .gl {
    width: 100%;
  }
}
.resinfoon .box .bbox .gl .g_lab {
  margin-bottom: 0.4rem;
  padding-bottom: 0.26rem;
  display: flex;
  justify-content: space-between;
  border-bottom: 2px solid #eeeeee;
}
@media (max-width: 767px) {
  .resinfoon .box .bbox .gl .g_lab {
    flex-direction: column;
  }
}
.resinfoon .box .bbox .gl .g_lab .g_left {
  align-items: flex-start;
  display: flex;
}
@media (max-width: 767px) {
  .resinfoon .box .bbox .gl .g_lab .g_left {
    margin-bottom: 0.2rem;
  }
}
.resinfoon .box .bbox .gl .g_lab .g_left p {
  line-height: 1;
}
.resinfoon .box .bbox .gl .g_lab .g_left p:first-child {
  padding-right: 0.22rem;
  border-right: 1px solid #ddd;
  margin-right: 0.19rem;
}
.resinfoon .box .bbox .gl .public-content p {
  color: #333;
}
@media (max-width: 767px) {
  .resinfoon .box .bbox .gl .public-content p {
    font-size: 0.28rem !important;
  }
}
.resinfoon .box .bbox .gl .g_bf {
  margin-top: 0.85rem;
  border-top: 1px solid #ddd;
  padding: 0.22rem 0 0;
}
.resinfoon .box .bbox .gl .g_bf .g_fh {
  display: flex;
  align-items: center;
}
.resinfoon .box .bbox .gl .g_bf .g_fh:hover svg path,
.resinfoon .box .bbox .gl .g_bf .g_fh:hover img path {
  fill: #014098;
}
.resinfoon .box .bbox .gl .g_bf .g_fh:hover p {
  color: #014098;
}
.resinfoon .box .bbox .gl .g_bf .g_fh svg,
.resinfoon .box .bbox .gl .g_bf .g_fh img {
  width: 5px;
  height: auto;
  transform: rotate(180deg);
}
.resinfoon .box .bbox .gl .g_bf .g_fh svg path,
.resinfoon .box .bbox .gl .g_bf .g_fh img path {
  fill: #383838;
}
.resinfoon .box .bbox .gl .g_bf .g_fh p {
  margin-left: 0.2rem;
  color: #333;
}
.resinfoon .box .bbox .gr {
  position: sticky;
  position: -webkit-sticky;
  top: 120px;
  width: 30.57142857%;
  background: #f8f8f8;
  padding: 0.45rem 0.46rem 0.48rem;
}
@media (max-width: 767px) {
  .resinfoon .box .bbox .gr {
    width: 100%;
    margin-top: 0.8rem;
  }
}
.resinfoon .box .bbox .gr h2 {
  color: #014098;
  font-weight: bold;
}
.resinfoon .box .bbox .gr form {
  margin-top: 0.35rem;
}
.resinfoon .box .bbox .gr form .inp {
  display: flex;
  justify-content: space-between;
}
@media (max-width: 767px) {
  .resinfoon .box .bbox .gr form .inp {
    flex-direction: column;
  }
}
.resinfoon .box .bbox .gr form .inp .inp_box {
  width: 100%;
}
.resinfoon .box .bbox .gr form .inp .inp_box input::-webkit-input-placeholder {
  color: #999;
}
.resinfoon .box .bbox .gr form .inp .inp_box textarea::-webkit-input-placeholder {
  color: #999;
}
.resinfoon .box .bbox .gr form .inp .inp_box input {
  width: 100%;
  margin: 0 0 0.09rem;
  border-radius: 0.1rem;
  height: 0.54rem;
  padding-left: 0.2rem;
  display: flex;
  align-items: center;
  border: 1px solid #dfe4eb;
}
@media (max-width: 767px) {
  .resinfoon .box .bbox .gr form .inp .inp_box input {
    width: 100%;
    height: 0.8rem;
    margin-bottom: 0.3rem;
  }
}
.resinfoon .box .bbox .gr form button {
  margin-top: 0.15rem;
}
.resinfoon .box .bbox .gr form button i {
  width: 0.12rem;
  transform: rotate(0) !important;
}
@media (max-width: 767px) {
  .resinfoon .box .bbox .gr form button i {
    width: 0.18rem;
  }
}
.ins_det_fxr_box {
  display: flex;
  align-items: center;
}
.ins_det_fxr_box * {
  transition: all 0.6s;
}
.ins_det_fxr_box > p {
  margin-right: -0.1rem;
}
.ins_det_fxr_box .bshare-custom {
  display: flex;
  align-items: center;
  justify-content: center;
}
.ins_det_fxr_box .bshare-custom a {
  width: 0.22rem;
  height: 0.22rem;
  padding: 0;
  margin: 0 0 0 0.2rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.ins_det_fxr_box .bshare-custom a:hover {
  background: none;
  opacity: 1;
}
.ins_det_fxr_box .bshare-custom a:hover svg path,
.ins_det_fxr_box .bshare-custom a:hover img path {
  fill: #014098;
}
.ins_det_fxr_box .bshare-custom a::before {
  content: '' !important;
}
@media (max-width: 767px) {
  .ins_det_fxr_box .bshare-custom a {
    width: 0.4rem;
    height: 0.4rem;
  }
}
.ins_det_fxr_box .bshare-custom a svg,
.ins_det_fxr_box .bshare-custom a img {
  width: 100%;
  height: auto;
  pointer-events: none;
}
.ins_det_fxr_box .bshare-custom a svg path,
.ins_det_fxr_box .bshare-custom a img path {
  fill: #ddd;
  opacity: 1;
}
.social-share .icon-wechat .wechat-qrcode {
  top: 120% !important;
  left: 50% !important;
  transform: translateX(-50%);
}
.social-share .icon-wechat .wechat-qrcode:after {
  display: none !important;
}
.bsBox {
  box-sizing: initial;
}
@media screen and (max-width: 767px) {
  .social-share .icon-wechat .wechat-qrcode {
    left: 0% !important;
    transform: translateX(0%);
  }
}
/* 5s服务 */
.serBox .guaNav {
  display: flex;
  flex-direction: column;
  border-left: 1px solid #dddddd;
  width: 25.71428571%;
  position: sticky;
  position: -webkit-sticky;
  top: 120px;
  margin-bottom: 1rem;
  padding-right: 0.3rem;
}
@media (max-width: 767px) {
  .serBox .guaNav {
    display: none;
  }
}
.serBox .guaNav a {
  cursor: pointer;
  margin-bottom: 0.22rem;
  padding: 0 0 0.16rem 0.2rem;
  position: relative;
  transition: all 0.4s;
}
.serBox .guaNav a.on {
  color: #0059aa;
}
.serBox .guaNav a.on::after {
  height: 100%;
}
.serBox .guaNav a::after {
  content: '';
  position: absolute;
  width: 2px;
  height: 0;
  left: -1px;
  top: 0;
  background: #0059aa;
  transition: all 0.4s;
}
.serBox .guaNav a:last-child {
  padding-bottom: 0;
  margin-bottom: 0;
}
.serBox .container2 {
  padding: 1rem 0 0.9rem;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
@media (max-width: 767px) {
  .serBox .container2 {
    padding: 1rem 0 ;
  }
}
.serBox .container2 .guaBox_con {
  width: 74.28571429%;
}
@media (max-width: 767px) {
  .serBox .container2 .guaBox_con {
    width: 100%;
  }
}
.serinfotw {
  margin-bottom: 0.5rem;
  display: flex;
  justify-content: space-between;
}
@media (max-width: 767px) {
  .serinfotw {
    flex-direction: column;
  }
}
.serinfotw .item {
  position: relative;
  width: 50%;
}
@media (max-width: 767px) {
  .serinfotw .item {
    width: 100%;
  }
}
.serinfotw .item:hover .txt_box {
  background: rgba(1, 64, 152, 0.9);
}
.serinfotw .item:hover .txt_box .but i {
  margin-right: 0.14rem;
  background: #fff;
  border-color: #fff;
}
.serinfotw .item:hover .txt_box .but i svg path,
.serinfotw .item:hover .txt_box .but i img path {
  fill: #014098;
}
.serinfotw .item:hover .txt_box .but span {
  width: 4em;
  height: auto;
  opacity: 1;
}
.serinfotw .item .img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.serinfotw .item .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.serinfotw .item .txt_box {
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  position: relative;
  z-index: 10;
  color: #fff;
  padding: 0.9rem 0.4rem 0.75rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  transition: all 0.4s linear;
}
.serinfotw .item .txt_box .txt p {
  margin-top: 0.05rem;
  line-height: 1.33;
}
@media (max-width: 991px) {
  .serinfotw .item .txt_box .txt p br {
    display: none;
  }
}
.serinfotw .item .txt_box .but {
  transition: all 0.4s linear;
  display: inline-flex;
  align-items: center;
  margin-top: 0.2rem;
}
.serinfotw .item .txt_box .but i {
  width: 0.48rem;
  height: 0.48rem;
  border: solid 1px #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  transition: all 0.4s linear;
  margin-right: 0;
}
@media (max-width: 767px) {
  .serinfotw .item .txt_box .but i {
    width: 0.66rem;
    height: 0.66rem;
  }
}
.serinfotw .item .txt_box .but i svg,
.serinfotw .item .txt_box .but i img {
  width: 20.83333333%;
  height: 20.83333333%;
  object-fit: contain;
}
.serinfotw .item .txt_box .but i svg path,
.serinfotw .item .txt_box .but i img path {
  fill: #fff;
}
.serinfotw .item .txt_box .but span {
  display: inline-flex;
  overflow: hidden;
  width: 0;
  height: 0;
  transition: all 0.4s;
  color: #fff;
  white-space: nowrap;
  /* @media @min-md {
						opacity: 0;
					} */
}
/* 常见问题 */
.faq_banner .sub_banner_txt .container2 .faq_banner_box {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.faq_banner .sub_banner_txt .container2 .faq_banner_box p {
  font-weight: bold;
}
.faq_banner .sub_banner_txt .container2 .faq_banner_box form {
  margin-top: 0.3rem;
}
.faq_banner .sub_banner_txt .container2 .faq_banner_box form .search_box {
  width: 5.02rem;
  height: 0.6rem;
  background: #fff;
  border-radius: 0.1rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.faq_banner .sub_banner_txt .container2 .faq_banner_box form .search_box input {
  padding: 0 0.3rem;
  width: 100%;
  color: #333;
}
.faq_banner .sub_banner_txt .container2 .faq_banner_box form .search_box button {
  display: inline-flex;
  flex-shrink: 0;
  margin-right: 0.3rem;
  width: 0.2rem;
  height: auto;
}
.faq_banner .sub_banner_txt .container2 .faq_banner_box form .search_box button svg,
.faq_banner .sub_banner_txt .container2 .faq_banner_box form .search_box button img {
  width: 100%;
  height: auto;
}
.faq_banner .sub_banner_txt .container2 .faq_banner_box form .search_box button svg path,
.faq_banner .sub_banner_txt .container2 .faq_banner_box form .search_box button img path {
  fill: #9a9a9a;
}
.faqon {
  padding: 0.6rem 0 1.6rem;
}
.faqon .box .join_jy_box ul {
  margin-bottom: 0.5rem;
}
.faqon .box .join_jy_box ul li:nth-child(2n) .g_top {
  background-color: #fff;
}
.faqon .box .join_jy_box ul li:nth-child(2n) .g_xia {
  background-color: #fff;
}
.faqon .box .join_jy_box ul li .g_top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #f8f8f8;
  padding: 0.37rem 0.4rem 0;
  position: relative;
  cursor: pointer;
}
.faqon .box .join_jy_box ul li .g_top.on .g_top_box .g_gb .i2 {
  transform: translate(-50%, -50%) rotate(0deg);
}
.faqon .box .join_jy_box ul li .g_top .g_top_box {
  width: 100%;
  padding-bottom: 0.37rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.faqon .box .join_jy_box ul li .g_top .g_top_box .g_l {
  width: calc(100% - 0.4rem);
  display: flex;
  align-items: center;
}
.faqon .box .join_jy_box ul li .g_top .g_top_box .g_l em {
  flex-shrink: 0;
  margin-right: 0.22rem;
  width: 0.26rem;
  height: 0.26rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #014098;
  color: #fff;
  font-style: initial;
}
@media (max-width: 767px) {
  .faqon .box .join_jy_box ul li .g_top .g_top_box .g_l em {
    width: 0.38rem;
    height: 0.38rem;
  }
}
.faqon .box .join_jy_box ul li .g_top .g_top_box .g_l h3 {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.faqon .box .join_jy_box ul li .g_top .g_top_box .g_gb {
  position: relative;
  transition: 0.4s all;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 0.2rem;
  width: 0.2rem;
  flex-shrink: 0;
}
@media (max-width: 767px) {
  .faqon .box .join_jy_box ul li .g_top .g_top_box .g_gb {
    width: 16px;
  }
}
.faqon .box .join_jy_box ul li .g_top .g_top_box .g_gb i {
  width: 0.2rem;
  height: 2px;
  background: #999999;
  display: block;
  position: absolute;
  transition: all 0.4s;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media (max-width: 767px) {
  .faqon .box .join_jy_box ul li .g_top .g_top_box .g_gb i {
    width: 16px;
    height: 1px;
  }
}
.faqon .box .join_jy_box ul li .g_top .g_top_box .g_gb .i2 {
  transform: translate(-50%, -50%) rotate(90deg);
}
.faqon .box .join_jy_box ul li .g_xia {
  background-color: #f8f8f8;
  padding: 0 0.4rem 0.45rem;
  display: none;
}
.faqon .box .join_jy_box ul li .g_xia .g_xia_box {
  display: flex;
  padding-top: 0.37rem;
  border-top: 1px solid #e8e8e8;
}
.faqon .box .join_jy_box ul li .g_xia .g_xia_box .g_l {
  display: flex;
}
.faqon .box .join_jy_box ul li .g_xia .g_xia_box .g_l em {
  padding: 0.04rem;
  font-size: 12px;
  margin-right: 0.22rem;
  width: 0.26rem;
  height: 0.26rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #6c8fc1;
  color: #fff;
  font-style: initial;
}
@media (max-width: 767px) {
  .faqon .box .join_jy_box ul li .g_xia .g_xia_box .g_l em {
    width: 0.38rem;
    height: 0.38rem;
  }
}
.faqon .box .join_jy_box ul li .g_xia .g_xia_box .g_r p {
  line-height: 1.75;
  color: #555;
}
.faqon .page {
  margin-top: 0.6rem;
}
/* 新闻动态 */
.newon {
  padding: 0.6rem 0 1.6rem;
}
.newon .page {
  margin-top: 0.6rem;
}
.news_box {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -0.13rem;
}
.news_box .item {
  display: block;
  width: 33.33%;
  padding: 0 0.13rem;
  margin-bottom: 0.26rem;
}
@media (max-width: 767px) {
  .news_box .item {
    width: 100%;
    margin-bottom: 0.5rem;
  }
}
.news_box .item:hover .itembox {
  box-shadow: 0 0 0.51rem rgba(203, 211, 222, 0.55);
}
.news_box .item:hover .itembox .public-img img {
  transform: scale(1.05);
}
.news_box .item:hover .itembox .txt {
  background: #fff;
}
.news_box .item:hover .itembox .txt .g_lab::after {
  width: 100%;
}
.news_box .item .itembox {
  border-radius: 5px;
  overflow: hidden;
  display: block;
  width: 100%;
  transition: all 0.4s;
}
.news_box .item .itembox .public-img:before {
  padding-top: 53.55555556%;
}
.news_box .item .itembox .txt {
  transition: all 0.4s;
  background: #f8f8f8;
  padding: 0.3rem 0.3rem 0.34rem;
}
.news_box .item .itembox .txt .txt_t {
  margin-bottom: 0.3rem;
}
.news_box .item .itembox .txt .txt_t .g_time {
  display: flex;
  align-items: center;
  font-weight: bold;
  color: #014098;
  margin-bottom: 0.1rem;
}
.news_box .item .itembox .txt .txt_t .g_time img,
.news_box .item .itembox .txt .txt_t .g_time svg {
  width: 16px;
  height: auto;
  margin-right: 6px;
}
.news_box .item .itembox .txt .txt_t .g_time img path,
.news_box .item .itembox .txt .txt_t .g_time svg path {
  fill: #014098;
}
.news_box .item .itembox .txt .txt_t h3 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  height: 3em;
  color: #222;
}
.news_box .item .itembox .txt .g_lab {
  border-top: 1px solid #ddd;
  padding-top: 0.3rem;
  position: relative;
  display: flex;
  flex-wrap: wrap;
}
.news_box .item .itembox .txt .g_lab::after {
  content: '';
  position: absolute;
  width: 0;
  height: 1px;
  top: -1px;
  left: 0;
  background: #0059aa;
  transition: all 0.4s;
}
.news_box .item .itembox .txt .g_lab span,
.news_box .item .itembox .txt .g_lab a {
  min-width: 0.94rem;
  padding: 0 0.19rem;
  height: 0.32rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #666666;
  border-radius: 0.05rem;
  margin: 0 0.1rem 0.1rem 0;
  color: #333;
}
@media (max-width: 1580px) {
  .news_box .item .itembox .txt .g_lab span,
  .news_box .item .itembox .txt .g_lab a {
    height: 0.46rem;
  }
}
@media (max-width: 767px) {
  .news_box .item .itembox .txt .g_lab span,
  .news_box .item .itembox .txt .g_lab a {
    height: 0.6rem;
    padding: 0 0.3rem;
  }
}
/* 新闻详情 */
.newinfoon {
  padding: 0.6rem 0 1.5rem;
}
.newinfoon .box h1 {
  width: 66.42857143%;
  margin-bottom: 0.4rem;
  line-height: 1.3;
}
.newinfoon .box .bbox {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
@media (max-width: 767px) {
  .newinfoon .box .bbox {
    flex-direction: column;
  }
}
.newinfoon .box .bbox .gl {
  width: 66.42857143%;
}
@media (max-width: 767px) {
  .newinfoon .box .bbox .gl {
    width: 100%;
  }
}
.newinfoon .box .bbox .gl .g_lab {
  margin-bottom: 0.4rem;
  padding-bottom: 0.26rem;
  display: flex;
  justify-content: space-between;
  border-bottom: 2px solid #eeeeee;
}
@media (max-width: 767px) {
  .newinfoon .box .bbox .gl .g_lab {
    flex-direction: column;
  }
}
.newinfoon .box .bbox .gl .g_lab .g_left {
  align-items: flex-start;
  display: flex;
}
@media (max-width: 767px) {
  .newinfoon .box .bbox .gl .g_lab .g_left {
    margin-bottom: 0.2rem;
  }
}
.newinfoon .box .bbox .gl .g_lab .g_left p {
  line-height: 1;
}
.newinfoon .box .bbox .gl .g_lab .g_left p:first-child {
  padding-right: 0.22rem;
  border-right: 1px solid #ddd;
  margin-right: 0.19rem;
}
.newinfoon .box .bbox .gl .public-content p {
  color: #333;
}
@media (max-width: 767px) {
  .newinfoon .box .bbox .gl .public-content p {
    font-size: 0.28rem !important;
  }
}
.newinfoon .box .bbox .gl .g_pag {
  width: 100%;
  display: flex;
  justify-content: space-between;
  padding-top: 0.38rem;
  margin-top: 0.95rem;
  border-top: 1px solid #e1e1e1;
}
.newinfoon .box .bbox .gl .g_pag .fh {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.newinfoon .box .bbox .gl .g_pag .fh:hover p {
  color: #014098;
}
.newinfoon .box .bbox .gl .g_pag .fh p {
  color: #666;
}
.newinfoon .box .bbox .gl .g_pag .fh svg,
.newinfoon .box .bbox .gl .g_pag .fh img {
  width: 14px;
  height: 14px;
  margin-bottom: 0.08rem;
}
.newinfoon .box .bbox .gl .g_pag .fh svg path,
.newinfoon .box .bbox .gl .g_pag .fh img path {
  fill: #014098;
}
.newinfoon .box .bbox .gl .g_pag .pag_l,
.newinfoon .box .bbox .gl .g_pag .pag_r {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 40%;
}
@media (max-width: 767px) {
  .newinfoon .box .bbox .gl .g_pag .pag_l,
  .newinfoon .box .bbox .gl .g_pag .pag_r {
    width: 30%;
  }
}
.newinfoon .box .bbox .gl .g_pag .pag_l:hover span,
.newinfoon .box .bbox .gl .g_pag .pag_r:hover span {
  color: #014098;
}
.newinfoon .box .bbox .gl .g_pag .pag_l:hover p,
.newinfoon .box .bbox .gl .g_pag .pag_r:hover p {
  color: #014098;
}
.newinfoon .box .bbox .gl .g_pag .pag_l span,
.newinfoon .box .bbox .gl .g_pag .pag_r span {
  flex-shrink: 0;
  color: #666;
}
.newinfoon .box .bbox .gl .g_pag .pag_l p,
.newinfoon .box .bbox .gl .g_pag .pag_r p {
  width: 100%;
  color: #666;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.newinfoon .box .bbox .gl .g_pag .pag_r {
  align-items: flex-end;
  text-align: right;
}
.newinfoon .box .bbox .gr {
  position: sticky;
  position: -webkit-sticky;
  top: 120px;
  width: 22%;
}
@media (max-width: 767px) {
  .newinfoon .box .bbox .gr {
    width: 100%;
    margin-top: 0.8rem;
  }
}
.newinfoon .box .bbox .gr h3 {
  padding-bottom: 0.16rem;
  border-bottom: 1px solid #ddd;
  font-weight: bold;
}
.newinfoon .box .bbox .gr .gr_text {
  padding: 0.18rem 0 0.38rem;
}
.newinfoon .box .bbox .gr .gr_text a {
  margin-bottom: 0.1rem;
  color: #333;
  display: block;
  position: relative;
  padding-left: 20px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.newinfoon .box .bbox .gr .gr_text a:hover {
  text-decoration: underline;
}
.newinfoon .box .bbox .gr .gr_text a:after {
  content: '';
  position: absolute;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #666666;
  left: 0;
  top: 9px;
}
@media (max-width: 1580px) {
  .newinfoon .box .bbox .gr .gr_text a:after {
    top: 8px;
    width: 5px;
    height: 5px;
  }
}
.newinfoon .box .bbox .gr .gr_lab {
  border-top: 1px solid #ddd;
  padding-top: 0.2rem;
  position: relative;
  display: flex;
  flex-wrap: wrap;
}
.newinfoon .box .bbox .gr .gr_lab::after {
  content: '';
  position: absolute;
  width: 0;
  height: 1px;
  top: -1px;
  left: 0;
  background: #0059aa;
  transition: all 0.4s;
}
.newinfoon .box .bbox .gr .gr_lab span,
.newinfoon .box .bbox .gr .gr_lab a {
  min-width: 0.74rem;
  padding: 0 0.19rem;
  height: 0.32rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #666666;
  border-radius: 0.05rem;
  margin: 0 0.1rem 0.1rem 0;
  color: #333;
}
@media (max-width: 1580px) {
  .newinfoon .box .bbox .gr .gr_lab span,
  .newinfoon .box .bbox .gr .gr_lab a {
    height: 0.46rem;
  }
}
@media (max-width: 767px) {
  .newinfoon .box .bbox .gr .gr_lab span,
  .newinfoon .box .bbox .gr .gr_lab a {
    height: 0.6rem;
    padding: 0 0.3rem;
  }
}
.newinfotw {
  padding-bottom: 1.2rem;
}
.newinfotw .news_box {
  margin-top: 0.45rem;
}
.notbox404 {
  padding: 1.1rem 0 1.75rem;
}
.notbox404 .notbox404_box {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.notbox404 .notbox404_box .notbox404_p {
  margin-bottom: 0.9rem;
  line-height: 0.8;
  font-size: 4rem;
  color: #91aacb;
  opacity: 0.1;
  font-family: 'dinBold';
}
.notbox404 .notbox404_box .notbox404_a {
  text-align: center;
}
.notbox404 .notbox404_box .notbox404_a span {
  color: #014098;
}
.notbox404 .notbox404_box .notbox404_a p {
  color: #999;
  margin-bottom: 0.1rem;
}
/* 法律声明 */
.prion {
  padding-bottom: 1.6rem;
  background: #f8f8f8;
}
.prion .prion_box {
  background: #fff;
  border-radius: 0.1rem;
  margin-top: 0.38rem;
}
.g-pri {
  padding: 0.9rem 2rem 1.5rem;
}
@media (max-width: 767px) {
  .g-pri {
    padding: 0.9rem 0.4rem 1.5rem;
  }
}
.g-pri .box .tit {
  margin-bottom: 0.65rem;
  text-align: center;
}
.g-pri .box .tit h2 {
  font-weight: bold;
  margin-bottom: 0.25rem;
}
.g-pri .box .tit .g-p {
  border-bottom: 1px solid #f0f0f0;
  padding-bottom: 0.26rem;
  display: flex;
  justify-content: center;
}
.g-pri .box .tit .g-p p {
  color: #999;
  margin: 0 0.18rem;
}
.g-pri .box .public-content h3 {
  font-size: 24px;
}
@media (max-width: 767px) {
  .g-pri .box .public-content h3 {
    font-size: 18px;
  }
}
.g-pri .box .public-content .p1 {
  display: block;
  position: relative;
  padding-left: 20px;
}
.g-pri .box .public-content .p1:after {
  content: '';
  position: absolute;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: #000;
  left: 0;
  top: 12px;
}
@media (max-width: 1580px) {
  .g-pri .box .public-content .p1:after {
    top: 14px;
  }
}
.g-pri .box .public-content .g-pritxt .g-pritxt-box {
  display: flex;
  flex-direction: column;
}
@media (max-width: 767px) {
  .g-pri .box .public-content .g-pritxt .g-pritxt-box {
    flex-direction: column;
  }
}
.g-pri .box .public-content .g-pritxt .g-pritxt-box span {
  flex-shrink: 0;
  color: #222;
  display: block;
  position: relative;
  padding-left: 20px;
}
.g-pri .box .public-content .g-pritxt .g-pritxt-box span:after {
  content: '';
  position: absolute;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: #000;
  left: 0;
  top: 12px;
}
@media (max-width: 1580px) {
  .g-pri .box .public-content .g-pritxt .g-pritxt-box span:after {
    top: 14px;
  }
}
.g-pri .box .public-content .g-pritxt .g-pritxt-box ul {
  padding: 0;
}
.g-pri .box .public-content .g-pritxt .g-pritxt-box ul li {
  list-style: none;
}
/* 搜索结果页 */
.searchBox {
  background: #f8f8f8;
}
.seaon .box {
  margin-top: 0.2rem;
}
.seaon .box .pub_title2 {
  margin-bottom: 0.55rem;
}
.seaon .box .pub_title2 h2 {
  font-weight: 400;
  color: #0e2339;
}
.seaon .box form {
  margin-bottom: 1.4rem;
}
.seaon .box form .search_box {
  padding: 3px;
  width: 5.02rem;
  height: 0.6rem;
  background: #fff;
  border-radius: 0.1rem;
  display: flex;
  border: 1px solid #ddd;
  align-items: center;
  justify-content: space-between;
  margin: auto;
}
.seaon .box form .search_box input {
  padding: 0 0.3rem 0 0.27rem;
  width: 100%;
  color: #333;
}
.seaon .box form .search_box button {
  display: inline-flex;
  flex-shrink: 0;
  width: 0.52rem;
  height: 0.52rem;
  align-items: center;
  justify-content: center;
  background: #014098;
  border-radius: 0.05rem;
}
.seaon .box form .search_box button svg,
.seaon .box form .search_box button img {
  width: 34.61%;
  height: auto;
}
.seaon .box form .search_box button svg path,
.seaon .box form .search_box button img path {
  fill: #fff;
}
.seatw {
  padding-bottom: 1.6rem;
  background: #fff;
}
.seatw .seatw_nav {
  display: flex;
  justify-content: center;
  height: 0.7rem;
  border-bottom: 1px solid #eee;
  /* padding-right: 0.84rem; */
}
@media (max-width: 991px) {
  .seatw .seatw_nav {
    padding: 0;
    margin-top: 0.1rem;
  }
}
.seatw .seatw_nav a {
  color: #666;
  display: inline-flex;
  align-items: center;
  height: 100%;
  margin: 0 0.53rem;
  transition: all 0.4s;
  position: relative;
}
@media (max-width: 991px) {
  .seatw .seatw_nav a {
    margin: 0 0.2rem 0.1rem 0;
  }
}
@media (max-width: 767px) {
  .seatw .seatw_nav a {
    margin: 0 0.1rem 0.1rem 0;
    font-size: 0.24rem;
  }
}
.seatw .seatw_nav a::after {
  content: '';
  position: absolute;
  width: 0;
  height: 2px;
  left: 50%;
  bottom: -1px;
  transform: translateX(-50%);
  background: #014098;
}
.seatw .seatw_nav a.on {
  transition: all 0.4s;
  color: #014098;
}
.seatw .seatw_nav a.on::after {
  width: 100%;
}
.seatw .box {
  margin-top: 1.12rem;
}
.seatw .box .item {
  display: flex;
  margin-bottom: 0.38rem;
  border: 1px solid #ebebeb;
  border-radius: 0.1rem;
}
@media (max-width: 767px) {
  .seatw .box .item {
    flex-direction: column;
  }
}
.seatw .box .item:hover .public-img img {
  transform: scale(1.05);
}
.seatw .box .item .public-img {
  border-radius: 0.1rem;
  width: 31.85714286%;
}
@media (max-width: 991px) {
  .seatw .box .item .public-img {
    width: 42.85714286%;
  }
}
@media (max-width: 767px) {
  .seatw .box .item .public-img {
    width: 100%;
  }
}
.seatw .box .item .public-img:before {
  padding-top: 62.78026906%;
}
.seatw .box .item .g_r {
  width: 68.14285714%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 0.3rem;
}
@media (max-width: 767px) {
  .seatw .box .item .g_r {
    width: 100%;
  }
}
.seatw .box .item .g_r .txt h3 {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.seatw .box .item .g_r .txt h3 span {
  color: #014098;
}
.seatw .box .item .g_r .txt p {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  margin-top: 0.1rem;
  color: #999;
}
.seatw .box .item .g_r .sea_crumbs {
  padding-top: 0.25rem;
  border-top: 1px solid #014098;
  margin-top: 0.64rem;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.seatw .box .item .g_r .sea_crumbs p {
  display: flex;
  align-items: center;
}
.seatw .box .item .g_r .sea_crumbs p > span {
  margin-right: 0.1rem;
  color: #666;
}
@media (max-width: 767px) {
  .seatw .box .item .g_r .sea_crumbs p > span {
    font-size: 14px;
    margin-bottom: 0.05rem;
  }
}
.seatw .box .item .g_r .sea_crumbs p:last-child span {
  color: #014098;
}
.seatw .box .item .g_r .sea_crumbs p:last-child svg,
.seatw .box .item .g_r .sea_crumbs p:last-child i {
  display: none;
}
.seatw .box .item .g_r .sea_crumbs p svg,
.seatw .box .item .g_r .sea_crumbs p img {
  width: 5px;
  height: auto;
  margin-right: 0.1rem;
}
.seatw .box .item .g_r .sea_crumbs p svg path,
.seatw .box .item .g_r .sea_crumbs p img path {
  fill: #9a9a9a;
}
.seatw .box .item .g_r .sea_crumbs p i {
  font-style: initial;
  opacity: 0.7;
  color: #fff;
  margin-right: 0.12rem;
}
.seatw .page {
  margin-top: 0.78rem;
}
/* 网站地图 */
.siton {
  padding-bottom: 1.6rem;
  background: #f8f8f8;
}
.siton .prion_box {
  background: #fff;
  border-radius: 0.1rem;
  margin-top: 0.38rem;
}
.g-mapon {
  padding: 1.1rem 1rem 1.5rem;
}
@media (max-width: 767px) {
  .g-mapon {
    padding: 1.1rem 0.4rem 1.5rem;
  }
}
.g-mapon .g-tit {
  text-align: center;
}
.g-mapon .g-tit h2 {
  font-weight: bold;
  line-height: 1;
}
@media (max-width: 767px) {
  .g-mapon .g-tit h2 {
    font-size: 0.48rem;
  }
}
.g-mapon .box {
  background: #fff;
  margin-top: 0.1rem;
}
.g-mapon .box .item {
  display: flex;
  padding: 0.45rem 0 0.3rem;
  border-bottom: 1px solid #eeeeee;
  position: relative;
}
@media (max-width: 767px) {
  .g-mapon .box .item {
    flex-direction: column;
  }
}
.g-mapon .box .item a:hover {
  color: #333 !important;
  text-decoration: underline;
}
.g-mapon .box .item .g-la {
  font-weight: bold;
  width: 2rem;
  margin-bottom: 0.15rem;
  flex-shrink: 0;
  color: #231815;
}
@media (max-width: 767px) {
  .g-mapon .box .item .g-la {
    margin-bottom: 0.2rem;
    font-size: 0.32rem;
  }
}
.g-mapon .box .item .g-twa {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
.g-mapon .box .item .g-twa a {
  margin-right: 1rem;
  margin-bottom: 0.15rem;
  color: #999;
  transition: all 0.4s;
}
.g-mapon .box .item .g-twa a:last-child {
  margin-right: 0;
}
/* 公司简介 */
.int_banner {
  height: 9.7rem;
}
@media (max-width: 767px) {
  .int_banner {
    height: 7rem;
  }
}
.int_banner .sub_banner_txt .container2 .int_banner_box {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.int_banner .sub_banner_txt .container2 .int_banner_box .g_tit p {
  margin-top: 0.3rem;
  font-weight: bold;
  line-height: 1.166;
  color: #fff;
  text-transform: uppercase;
  mix-blend-mode: difference;
}
.int_banner .sub_banner_txt .container2 .int_banner_box .vid_on {
  margin-top: 0.4rem;
  cursor: pointer;
  z-index: 10;
  width: 0.8rem;
  height: 0.8rem;
  border-radius: 50%;
}
.int_banner .sub_banner_txt .container2 .int_banner_box .vid_on .vid_on_box {
  position: relative;
  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  border: 2px solid #fff;
}
.int_banner .sub_banner_txt .container2 .int_banner_box .vid_on .vid_on_box svg,
.int_banner .sub_banner_txt .container2 .int_banner_box .vid_on .vid_on_box img {
  width: 12.5%;
  height: auto;
}
.int_banner .sub_banner_txt .container2 .int_banner_box .vid_on .vid_on_box svg path,
.int_banner .sub_banner_txt .container2 .int_banner_box .vid_on .vid_on_box img path {
  fill: #fff;
}
.int_banner .sub_banner_txt .container2 .int_banner_box .vid_on i {
  animation: moveq 3s infinite linear;
  -webkit-animation: moveq 3s infinite linear;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background: #014098;
}
.inton {
  display: flex;
  justify-content: space-between;
}
@media (max-width: 991px) {
  .inton {
    flex-direction: column-reverse;
  }
}
.inton .gl {
  position: relative;
  z-index: 10;
  width: 49.6875%;
  background: #f8f8f8;
  padding: 0 0 0.8rem;
  padding-left: calc((100% - 1400px)/2);
}
@media (max-width: 1580px) {
  .inton .gl {
    padding-left: 8%;
  }
}
@media (max-width: 1260px) {
  .inton .gl {
    padding-left: 5%;
  }
}
@media (max-width: 991px) {
  .inton .gl {
    width: 100%;
    padding: 0 5% 0.6rem;
  }
}
.inton .gl .inton_t {
  padding: 1.35rem 0.8rem 1.1rem 0;
}
@media (max-width: 991px) {
  .inton .gl .inton_t {
    padding: 1.15rem 0 1.1rem 0;
  }
}
.inton .gl .inton_t h2 {
  font-weight: bold;
  line-height: 1.45;
}
.inton .gl .inton_t .g_p {
  margin-top: 0.24rem;
}
.inton .gl .inton_t .g_p .g_p_box {
  /* font-size: 19px;
					height: 27em; */
  overflow: hidden;
}
.inton .gl .inton_t .g_p .g_p_box.on {
  height: auto;
}
.inton .gl .inton_t .g_p .g_p_box p {
  color: #666;
  line-height: 1.66;
}
.inton .gl .inton_t .g_p .pub_a {
  cursor: pointer;
  margin-top: 0.44rem;
}
.inton .gl .inton_t .g_p .pub_a i {
  transform: rotate(0deg) !important;
  width: 0.12rem;
}
.inton .gl .inton_b {
  background: #fff;
  display: flex;
  justify-content: space-between;
  width: calc(100% + 1.08rem);
}
@media (max-width: 991px) {
  .inton .gl .inton_b {
    width: 100%;
  }
}
.inton .gl .inton_b .inton_b_box {
  border-right: 1px solid #ecf0f4;
  width: 50%;
  padding: 0.53rem 0.2rem 0.53rem 0.52rem;
  align-items: center;
  display: flex;
}
@media (max-width: 767px) {
  .inton .gl .inton_b .inton_b_box {
    padding: 0.53rem 0.2rem;
  }
}
.inton .gl .inton_b .inton_b_box:last-child {
  border: none;
}
.inton .gl .inton_b .inton_b_box .g_svg {
  flex-shrink: 0;
  margin-right: 0.28rem;
  width: 0.86rem;
  height: 0.86rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #014098;
  border-radius: 50%;
}
.inton .gl .inton_b .inton_b_box .g_svg svg,
.inton .gl .inton_b .inton_b_box .g_svg img {
  width: 0.26rem;
  height: auto;
}
.inton .gl .inton_b .inton_b_box .g_svg svg path,
.inton .gl .inton_b .inton_b_box .g_svg img path {
  fill: #014098;
}
.inton .gl .inton_b .inton_b_box .item {
  margin-right: 0.6rem;
}
.inton .gl .inton_b .inton_b_box .item .item_t {
  display: flex;
  align-items: center;
}
.inton .gl .inton_b .inton_b_box .item .item_t p {
  line-height: 1.2;
  font-family: 'dinBold';
  color: #014098;
}
.inton .gl .inton_b .inton_b_box .item .item_t span {
  margin-left: 0.07rem;
  font-weight: bold;
  color: #014098;
}
.inton .gl .inton_b .inton_b_box .item .item_b {
  margin-top: 0.04rem;
}
@media (max-width: 767px) {
  .inton .gl .inton_b .inton_b_box .item .item_b p {
    font-size: 0.28rem;
  }
}
.inton .gr {
  width: 50.3125%;
}
@media (max-width: 991px) {
  .inton .gr {
    width: 100%;
    height: 8rem;
  }
}
@media (max-width: 767px) {
  .inton .gr {
    height: 5.5rem;
  }
}
.inton .gr img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.inttw {
  background: url(../images/about4.jpg) no-repeat;
  background-size: cover;
  padding: 1.55rem 0 1.42rem;
}
.inttw .box {
  margin-top: 0.95rem;
}
.inttw .box .box_t {
  position: relative;
  margin-bottom: 1.4rem;
}
@media (max-width: 767px) {
  .inttw .box .box_t {
    margin-bottom: 0.6rem;
  }
}
.inttw .box .box_t .swi_item {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}
.inttw .box .box_t .swi_item.on {
  opacity: 1;
  position: relative;
}
.inttw .box .box_t .g_qie .pub_nav {
  background: none;
}
.inttw .box .box_t .g_qie .pub_nav:hover {
  background: #014098;
}
.inttw .box .box_t .g_qie .pub_prev {
  left: 0;
}
.inttw .box .box_t .g_qie .pub_next {
  right: 0;
}
.inttw .box .box_t .g_swi {
  display: flex;
  justify-content: space-between;
}
@media (max-width: 767px) {
  .inttw .box .box_t .g_swi {
    flex-direction: column;
  }
}
.inttw .box .box_t .g_swi .img {
  padding: 0 0.34rem 0 1.58rem;
  width: 50%;
}
@media (max-width: 767px) {
  .inttw .box .box_t .g_swi .img {
    width: 100%;
    padding: 0;
  }
}
.inttw .box .box_t .g_swi .img .public-img:before {
  padding-top: 65.61886051%;
}
.inttw .box .box_t .g_swi .txt {
  position: relative;
  padding: 0.88rem 1rem 0 0.43rem;
  width: 50%;
}
@media (max-width: 991px) {
  .inttw .box .box_t .g_swi .txt {
    padding: 0.88rem 0.4rem 0 0.3rem;
  }
}
@media (max-width: 767px) {
  .inttw .box .box_t .g_swi .txt {
    width: 100%;
    padding: 0.6rem 0 0.2rem;
  }
}
.inttw .box .box_t .g_swi .txt .txt_t {
  margin-bottom: 0.2rem;
}
.inttw .box .box_t .g_swi .txt .txt_t span {
  color: #014098;
  font-weight: bold;
}
.inttw .box .box_t .g_swi .txt .txt_t h3 {
  font-weight: bold;
}
.inttw .box .box_t .g_swi .txt .g_p p {
  margin-bottom: 4px;
}
.inttw .box .box_t .g_swi .txt .g_year_h {
  position: absolute;
  z-index: -1;
  left: 0.4rem;
  top: -0.1rem;
}
.inttw .box .box_t .g_swi .txt .g_year_h p {
  font-size: 2rem;
  font-family: 'dinBold';
  opacity: 0.07;
  line-height: 0.8;
  color: transparent;
  text-shadow: #014098 0 0 20px;
}
.inttw .box .box_b {
  display: flex;
  justify-content: space-between;
}
.inttw .box .box_b .swipag {
  cursor: pointer;
  transition: all 0.4s;
  width: calc(100%/6);
}
.inttw .box .box_b .swipag:last-child .swip2_pag {
  border-right: 1px solid #cdd4db;
}
.inttw .box .box_b .swipag.on {
  width: 36.28571429%;
}
@media (max-width: 767px) {
  .inttw .box .box_b .swipag.on {
    width: 21.42857143%;
  }
}
.inttw .box .box_b .swipag.on .gxs {
  display: none;
}
.inttw .box .box_b .swipag.on .gyc {
  display: block;
}
.inttw .box .box_b .swipag .gxs {
  display: block;
  border-left: 1px solid #cdd4db;
  padding: 0.13rem 0.15rem;
}
.inttw .box .box_b .swipag .gxs i {
  display: block;
  width: 100%;
  height: 1px;
  background: #cdd4db;
}
.inttw .box .box_b .swipag .gyc {
  display: none;
}
.inttw .box .box_b .swipag .gyc .swip2_pag {
  border-left: 1px solid #cdd4db;
  padding: 0.13rem 0.15rem;
  position: relative;
  display: flex;
  width: 100%;
}
.inttw .box .box_b .swipag .gyc .swip2_pag span {
  opacity: 1;
  margin: 0 0.05rem;
  width: 100%;
  height: 1px;
  background: #cdd4db;
  border-radius: 0;
  transition: all 0.4s;
  position: relative;
}
.inttw .box .box_b .swipag .gyc .swip2_pag span::after {
  position: absolute;
  content: '';
  background: #014098;
  height: 2px;
  bottom: 0;
  left: 0;
  width: 0;
}
.inttw .box .box_b .swipag .gyc .swip2_pag .swiper-pagination-bullet-active::after {
  width: 100%;
  transition: all 5s;
}
.inttw .box .box_b .swipag .g_year {
  text-align: center;
  margin-top: 0.12rem;
}
.inttw .box .box_b .swipag .g_year p {
  color: #9ea7b1;
}
@media (max-width: 767px) {
  .inttw .box .box_b .swipag .g_year p {
    font-size: 0.16rem;
    text-align: center;
  }
}
.intth .box {
  position: relative;
}
@media (max-width: 991px) {
  .intth .box {
    padding: 1rem 5% 0.2rem;
  }
}
.intth .box .img {
  position: relative;
}
@media (max-width: 991px) {
  .intth .box .img {
    display: none;
  }
}
.intth .box .img .public-img {
  /* transition: all 0.4s; */
  top: 0;
  position: absolute;
  opacity: 0;
}
.intth .box .img .public-img.on {
  position: relative;
  opacity: 1;
}
.intth .box .img .public-img:before {
  padding-top: 50.52083333%;
}
.intth .box .gnav {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  z-index: 10;
  display: flex;
}
@media (max-width: 991px) {
  .intth .box .gnav {
    position: relative;
    flex-direction: column;
  }
}
.intth .box .gnav .public-img {
  display: none;
}
@media (max-width: 991px) {
  .intth .box .gnav .public-img {
    display: block;
    width: 100%;
    height: 100%;
  }
}
@media (max-width: 767px) {
  .intth .box .gnav .public-img:before {
    padding-top: 60% !important;
  }
}
.intth .box .gnav .public-img:before {
  padding-top: 50.52083333%;
}
.intth .box .gnav .item {
  width: 20%;
  border-right: 1px solid rgba(255, 255, 255, 0.1);
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 20% 0.35rem 0;
  transition: all 0.4s;
  position: relative;
}
@media (max-width: 991px) {
  .intth .box .gnav .item {
    width: 100%;
    padding: 0;
    margin-bottom: 0.6rem;
  }
}
@media (min-width: 992px) {
  .intth .box .gnav .item.on {
    background: rgba(255, 255, 255, 0.12);
  }
  .intth .box .gnav .item.on .txt p {
    top: 0;
    opacity: 1;
  }
}
.intth .box .gnav .item .txt_box {
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media (max-width: 991px) {
  .intth .box .gnav .item .txt_box {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0 5%;
  }
}
.intth .box .gnav .item .g_svg {
  width: 0.7rem;
  height: auto;
}
.intth .box .gnav .item .g_svg svg,
.intth .box .gnav .item .g_svg img {
  width: 100%;
  height: auto;
}
.intth .box .gnav .item .txt {
  text-align: center;
  color: #fff;
}
.intth .box .gnav .item .txt h3 {
  margin-top: 0.54rem;
  line-height: 1.1;
}
@media (max-width: 767px) {
  .intth .box .gnav .item .txt h3 {
    margin-top: 0.3rem;
  }
}
.intth .box .gnav .item .txt p {
  position: relative;
  top: 0.5rem;
  opacity: 0;
  margin-top: 0.4rem;
  transition: all 0.4s;
}
@media (max-width: 991px) {
  .intth .box .gnav .item .txt p {
    opacity: 1;
    top: 0;
  }
}
@media (max-width: 767px) {
  .intth .box .gnav .item .txt p {
    font-size: 0.24rem;
    margin-top: 0.2rem;
  }
}
.intfo {
  padding: 1.35rem 0 0.9rem;
}
@media (max-width: 767px) {
  .intfo {
    padding: 0.8rem 0 1rem;
  }
}
.intfo .box {
  margin-top: 0.4rem;
}
.intfo .box img {
  margin-left: 0.3rem;
}
@media (max-width: 767px) {
  .intfo .box img {
    margin-left: 0;
  }
}
.intfi {
  overflow: hidden;
  /* background: url(../images/about7.png) no-repeat;
	background-position: bottom right;
	background-size:  auto 9.94rem; */
  padding: 0.9rem 0 2.3rem;
}
@media (max-width: 767px) {
  .intfi {
    /* background: url(../images/about7.png) no-repeat;
		background-position: bottom right;
		background-size:  auto 3.94rem; */
    padding: 0.5rem 0 1.3rem;
  }
}
.intfi .box {
  margin-top: 0.45rem;
}
.intfi .box .gnav {
  display: flex;
  justify-content: center;
}
.intfi .box .gnav .gnav_it {
  cursor: pointer;
  margin: 0 0.55rem;
  display: flex;
  align-items: center;
}
.intfi .box .gnav .gnav_it.on p {
  color: #014098;
}
.intfi .box .gnav .gnav_it.on i {
  opacity: 1;
}
.intfi .box .gnav .gnav_it p {
  transition: all 0.4s;
  color: #333;
}
.intfi .box .gnav .gnav_it i {
  transition: all 0.4s;
  opacity: 0;
  margin-left: 0.1rem;
  flex-shrink: 0;
  display: flex;
  width: 0.1rem;
  height: auto;
}
.intfi .box .gnav .gnav_it i svg,
.intfi .box .gnav .gnav_it i img {
  width: 100%;
  height: auto;
}
.intfi .box .gnav .gnav_it i svg path,
.intfi .box .gnav .gnav_it i img path {
  fill: #014098;
}
.intfi .box .intfi_box {
  margin-top: 0.58rem;
  position: relative;
}
.intfi .box .intfi_box .intfi_item {
  width: 100%;
  top: 0;
  opacity: 0;
  position: absolute;
}
.intfi .box .intfi_box .intfi_item.on {
  position: relative;
  opacity: 1;
}
.intfi .box .intfi_box .intfi_item .intfi_swi .img {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 4.62rem;
  background: #f6f7fa;
  padding: 0.88rem 0.25rem;
}
.intfi .box .intfi_box .intfi_item .intfi_swi .img img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.intfi .box .intfi_box .intfi_item .intfi_swi .txt {
  text-align: center;
  padding: 0.18rem 0 0;
}
.intfi .box .intfi_box .intfi_item .g_qie .pub_prev {
  left: -0.98rem;
}
@media (max-width: 1260px) {
  .intfi .box .intfi_box .intfi_item .g_qie .pub_prev {
    left: -0.6rem;
  }
}
.intfi .box .intfi_box .intfi_item .g_qie .pub_next {
  right: -0.98rem;
}
@media (max-width: 1260px) {
  .intfi .box .intfi_box .intfi_item .g_qie .pub_next {
    right: -0.6rem;
  }
}
.serth {
  padding: 0.45rem 0 0.6rem;
  border-top: 1px solid #eeeeee;
  display: flex;
  justify-content: space-between;
}
@media (max-width: 991px) {
  .serth {
    flex-direction: column;
  }
}
.serth .pub_title {
  width: 50%;
}
@media (max-width: 991px) {
  .serth .pub_title {
    width: 100%;
  }
}
.serth .pub_title p {
  line-height: 1.75;
}
.serth .img {
  border-radius: 0.1rem;
  overflow: hidden;
  width: 45.19230769%;
}
.serth .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media (max-width: 991px) {
  .serth .img {
    margin-top: 0.5rem;
    width: 100%;
  }
}
.serfo {
  padding: 0.45rem 0 0.5rem;
  border-top: 1px solid #eeeeee;
}
.serfo .box {
  margin-top: 0.4rem;
  display: flex;
  justify-content: space-between;
}
@media (max-width: 991px) {
  .serfo .box {
    flex-direction: column;
  }
}
.serfo .box .img {
  border-radius: 0.1rem;
  overflow: hidden;
  width: 45.19230769%;
}
@media (max-width: 991px) {
  .serfo .box .img {
    margin-bottom: 0.5rem;
    width: 100%;
  }
}
.serfo .box .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.serfo .box .txt {
  width: 50%;
}
@media (max-width: 991px) {
  .serfo .box .txt {
    width: 100%;
  }
}
.serfo .box .txt p {
  margin-bottom: 0.2rem;
  color: #666;
  line-height: 1.75;
}
/* 社会责任 */
.res_banner .sub_banner_txt .container2 .ban_l .sub_banner_p p {
  line-height: 1.12;
  margin-top: 0.2rem;
}
.respon .respon_box .respon_con {
  height: 260vh;
}
@media (max-width: 991px) {
  .respon .respon_box .respon_con {
    height: auto;
  }
}
.respon .respon_box .respon_con .respon_nr {
  position: sticky;
  position: -webkit-sticky;
  top: 0;
  height: 100vh;
  overflow: hidden;
}
@media (max-width: 991px) {
  .respon .respon_box .respon_con .respon_nr {
    height: auto;
    position: relative;
    display: flex;
    flex-direction: column-reverse;
  }
}
@media (max-width: 767px) {
  .respon .respon_box .respon_con .respon_nr {
    flex-direction: column;
  }
}
@media (max-width: 991px) {
  .respon .respon_box .respon_con .respon_nr .respon_img {
    padding: 1rem 5%;
    display: flex;
    flex-wrap: wrap;
  }
}
.respon .respon_box .respon_con .respon_nr .respon_img .img {
  position: absolute;
  border-radius: 0.1rem;
  left: 40%;
  top: 45%;
  opacity: 0;
  transform: scale(0.2);
  max-width: 3.68rem;
  max-height: 3.68rem;
  object-fit: cover;
}
@media (max-width: 991px) {
  .respon .respon_box .respon_con .respon_nr .respon_img .img {
    opacity: 1;
    transform: scale(1);
    position: initial;
    top: 0;
    left: 0;
    max-width: initial;
    max-height: initial;
    width: 48%;
    height: 3rem;
    margin: 0 1% 0.3rem;
  }
}
@media (max-width: 767px) {
  .respon .respon_box .respon_con .respon_nr .respon_img .img {
    width: 100%;
    margin: 0 0 0.4rem;
    height: 4rem;
  }
}
.respon .respon_box .respon_con .respon_nr .respon_txt {
  width: 100%;
  height: 100%;
}
@media (max-width: 991px) {
  .respon .respon_box .respon_con .respon_nr .respon_txt {
    height: auto;
  }
}
.respon .respon_box .respon_con .respon_nr .respon_txt .respon_txt1 {
  transform: scale(0.2);
  opacity: 0;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
}
@media (max-width: 991px) {
  .respon .respon_box .respon_con .respon_nr .respon_txt .respon_txt1 {
    padding: 1rem 5% 0;
    opacity: 1;
    transform: scale(1);
    height: auto;
  }
}
.respon .respon_box .respon_con .respon_nr .respon_txt .respon_txt1 .t_txt {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  color: #fff;
}
.respon .respon_box .respon_con .respon_nr .respon_txt .respon_txt1 .t_txt .g_p {
  margin: 0.2rem 0 0.22rem;
  max-width: 6.6rem;
  text-align: justify;
  text-align-last: center;
}
@media (max-width: 991px) {
  .respon .respon_box .respon_con .respon_nr .respon_txt .respon_txt1 .t_txt .g_p {
    max-width: 90%;
  }
}
.respon .respon_box .respon_con .respon_nr .respon_txt .respon_txt1 .t_txt img {
  width: 0.76rem;
  height: auto;
}
.respon .respon_box .respon_con .respon_nr .respon_txt .respon_txt1 .t_txt h2 {
  margin-top: 0.15rem;
  font-weight: bold;
}
.respon .respon_box .respon_con .respon_nr .respon_txt .respon_txt1 .pub_a:hover i {
  transform: rotate(45deg);
}
.respon .respon_box .respon_con .respon_nr .respon_txt .respon_txt1 .pub_a p {
  color: #fff;
  text-decoration: underline;
}
.respon .respon_box .respon_con .respon_nr .respon_txt .respon_txt1 .pub_a i svg path,
.respon .respon_box .respon_con .respon_nr .respon_txt .respon_txt1 .pub_a i img path {
  fill: #fff;
}
.respon .respon_box .respon_con .respon_nr .respon_txt .respon_txt2 {
  transform: scale(0.2);
  opacity: 0;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0;
  left: 0;
  color: #fff;
  text-align: center;
}
@media (max-width: 991px) {
  .respon .respon_box .respon_con .respon_nr .respon_txt .respon_txt2 {
    opacity: 1;
    transform: scale(1);
    position: relative;
    height: auto;
    margin-top: 1rem;
  }
}
.respon .respon_box .respon_con .respon_nr .respon_txt .respon_txt2 .respon_txt2_box {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.respon .respon_box .respon_con .respon_nr .respon_txt .respon_txt2 p {
  margin-top: 0.3rem;
  line-height: 1.33;
  font-weight: bold;
  color: #fff;
  /* display: initial;
							background: #dbebfa -webkit-linear-gradient(left, #fff, #fff) no-repeat 0 0;
							-webkit-text-fill-color: transparent;
							-webkit-background-clip: text;
							background-size: 0 100%; */
}
.resptw {
  margin-bottom: 1rem;
  height: 9.7rem;
  position: relative;
}
.resptw .gallery-thumbs {
  width: 100%;
  height: 100%;
}
.resptw .gallery-thumbs .resptw_tw {
  height: 100%;
  position: relative;
}
.resptw .gallery-thumbs .resptw_tw .public-img {
  height: 100%;
  width: 100%;
}
.resptw .gallery-thumbs .resptw_tw .public-img::after {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.2);
  top: 0;
  left: 0;
  z-index: 5;
}
.resptw .gallery-thumbs .resptw_tw .public-img:before {
  padding-top: 50.52083333%;
}
.resptw .gallery-thumbs .resptw_tw .txt {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  height: 100%;
  width: 100%;
}
.resptw .gallery-thumbs .resptw_tw .txt .container2 {
  height: 100%;
}
@media (max-width: 991px) {
  .resptw .gallery-thumbs .resptw_tw .txt .container2 {
    padding-bottom: 2rem;
  }
}
.resptw .gallery-thumbs .resptw_tw .txt .container2 .txt_box {
  width: 50%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  color: #fff;
}
@media (max-width: 991px) {
  .resptw .gallery-thumbs .resptw_tw .txt .container2 .txt_box {
    width: 60%;
  }
}
.resptw .gallery-thumbs .resptw_tw .txt .container2 .txt_box span {
  margin-bottom: 0.35rem;
}
.resptw .gallery-thumbs .resptw_tw .txt .container2 .txt_box h3 {
  font-weight: bold;
  line-height: 1.25;
  margin-bottom: 0.2rem;
}
@media (max-width: 991px) {
  .resptw .gallery-thumbs .resptw_tw .txt .container2 .txt_box h3 br {
    display: none;
  }
}
@media (max-width: 991px) {
  .resptw .gallery-thumbs .resptw_tw .txt .container2 .txt_box p br {
    display: none;
  }
}
.resptw .gallery-top {
  position: absolute;
  bottom: 0.88rem;
  left: 0;
  z-index: 100;
  width: 100%;
}
.resptw .gallery-top::after {
  content: '';
  position: absolute;
  width: 100%;
  height: 2px;
  background: rgba(255, 255, 255, 0.2);
  top: 0.14rem;
  left: 0;
}
.resptw .gallery-top .swiper-slide-thumb-active .gallery_box .g_t {
  border: 1px solid #fff;
}
.resptw .gallery-top .swiper-slide-thumb-active .gallery_box .g_txt p {
  opacity: 1;
}
.resptw .gallery-top .gallery_box {
  display: flex;
  flex-direction: column;
  align-items: center;
  cursor: pointer;
  padding: 0 5%;
}
.resptw .gallery-top .gallery_box .g_t {
  width: 0.3rem;
  height: 0.3rem;
  border-radius: 50%;
  border: 1px solid transparent;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.4s;
}
.resptw .gallery-top .gallery_box .g_t i {
  width: 0.08rem;
  height: 0.08rem;
  background: #fff;
  border-radius: 50%;
}
.resptw .gallery-top .gallery_box .g_txt {
  margin-top: 0.2rem;
}
@media (max-width: 767px) {
  .resptw .gallery-top .gallery_box .g_txt {
    display: none;
  }
}
.resptw .gallery-top .gallery_box .g_txt p {
  text-align: center;
  color: #fff;
  opacity: 0.5;
  transition: all 0.4s;
}
/* 导航 */
.hadbox-sec1 .f_navbox li.on2 {
  position: initial;
}
/* 关于我们导航 */
.abo_nav {
  border-top: 1px solid #eee;
  position: absolute;
  width: 100%;
  top: 100%;
  left: 0;
  color: #333;
  line-height: 1.5;
  background: #fff;
  display: none;
}
.abo_nav .abo_nav_box {
  display: flex;
  justify-content: space-between;
}
.abo_nav .gl {
  background: #fff;
  width: 50%;
  padding: 0.5rem 0.6rem 0.6rem 0;
  padding-left: calc((100% - 1600px)/2);
}
@media (max-width: 1580px) {
  .abo_nav .gl {
    padding-left: 8%;
  }
}
@media (max-width: 1260px) {
  .abo_nav .gl {
    padding-left: 5%;
  }
}
.abo_nav .gl .g_tit {
  padding-bottom: 0.16rem;
  border-bottom: 1px solid #eee;
  color: #666;
  margin-bottom: 0.17rem;
}
.abo_nav .gl .abo_nav_al {
  margin-bottom: 0.74rem;
  display: flex;
}
.abo_nav .gl .abo_nav_al .al_item {
  width: 100%;
  margin-right: 0.4rem;
}
.abo_nav .gl .abo_nav_al .al_item:last-child {
  margin-right: 0;
}
.abo_nav .gl .abo_nav_al .al_item .g_a {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.abo_nav .gl .abo_nav_al .al_item .g_a a {
  transition: all 0.4s;
  margin-bottom: 0.15rem;
  font-weight: bold;
}
.abo_nav .gl .abo_nav_al .al_item .g_a a:hover {
  color: #014098;
  text-decoration: underline;
}
.abo_nav .gl .abo_nav_b .abo_nav_b_tw {
  display: flex;
}
.abo_nav .gl .abo_nav_b .abo_nav_b_tw .public-img {
  margin-right: 0.3rem;
  flex-shrink: 0;
  border-radius: 0.1rem;
  width: 42.83783784%;
}
.abo_nav .gl .abo_nav_b .abo_nav_b_tw .public-img:before {
  padding-top: 64.66876972%;
}
.abo_nav .gl .abo_nav_b .abo_nav_b_tw .public-img:hover img {
  transform: scale(1.05);
}
.abo_nav .gl .abo_nav_b .abo_nav_b_tw .g_a {
  padding-top: 0.06rem;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
}
.abo_nav .gl .abo_nav_b .abo_nav_b_tw .g_a a {
  transition: all 0.4s;
  font-weight: bold;
  margin-bottom: 0.15rem;
}
.abo_nav .gl .abo_nav_b .abo_nav_b_tw .g_a a:hover {
  color: #014098;
  text-decoration: underline;
}
.abo_nav .gr {
  background: #f8f8f8;
  width: 50%;
  padding: 0.5rem 0 0.6rem 0.5rem;
  padding-right: calc((100% - 1600px)/2);
}
@media (max-width: 1580px) {
  .abo_nav .gr {
    padding-right: 8%;
  }
}
@media (max-width: 1260px) {
  .abo_nav .gr {
    padding-right: 5%;
  }
}
.abo_nav .gr .g_tit {
  padding-bottom: 0.2rem;
  color: #666;
}
.abo_nav .gr .gr_ys {
  margin-bottom: 0.24rem;
}
.abo_nav .gr .gr_ys .gr_ys_box {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.abo_nav .gr .gr_ys .gr_ys_box .gr_ys_item {
  display: flex;
  margin-bottom: 0.38rem;
  width: 40%;
}
.abo_nav .gr .gr_ys .gr_ys_box .gr_ys_item:nth-child(3n) {
  width: 20%;
}
.abo_nav .gr .gr_ys .gr_ys_box .gr_ys_item .g_svg {
  flex-shrink: 0;
  margin-right: 0.16rem;
  width: 0.44rem;
  height: 0.44rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #014098;
  border-radius: 50%;
}
.abo_nav .gr .gr_ys .gr_ys_box .gr_ys_item .g_svg svg,
.abo_nav .gr .gr_ys .gr_ys_box .gr_ys_item .g_svg img {
  width: 0.2rem;
  height: auto;
}
.abo_nav .gr .gr_ys .gr_ys_box .gr_ys_item .g_svg svg path,
.abo_nav .gr .gr_ys .gr_ys_box .gr_ys_item .g_svg img path {
  fill: #014098;
}
.abo_nav .gr .gr_ys .gr_ys_box .gr_ys_item .txt h4 {
  font-weight: bold;
}
.abo_nav .gr .gr_ys .gr_ys_box .gr_ys_item .txt p {
  margin-top: 0.05rem;
  font-size: 12px;
}
.abo_nav .gr .gr_num {
  margin-bottom: 0.58rem;
}
.abo_nav .gr .gr_num .gr_num_box {
  display: flex;
  justify-content: space-between;
}
.abo_nav .gr .gr_num .gr_num_box .item {
  border-right: 1px solid #eee;
  padding: 0 0.5rem 0 0.4rem;
}
.abo_nav .gr .gr_num .gr_num_box .item:first-child {
  padding-left: 0;
}
.abo_nav .gr .gr_num .gr_num_box .item:last-child {
  border: none;
  padding-right: 0;
}
.abo_nav .gr .gr_num .gr_num_box .item .item_t {
  display: flex;
}
.abo_nav .gr .gr_num .gr_num_box .item .item_t p {
  line-height: 1.2;
  font-family: 'dinBold';
  color: #014098;
}
.abo_nav .gr .gr_num .gr_num_box .item .item_t span {
  margin-top: 0.05rem;
  margin-left: 0.07rem;
  font-weight: bold;
  color: #014098;
}
.abo_nav .gr .gr_num .gr_num_box .item .item_b {
  margin-top: 0.04rem;
}
@media (max-width: 767px) {
  .abo_nav .gr .gr_num .gr_num_box .item .item_b p {
    font-size: 0.28rem;
  }
}
.abo_nav .gr .gr_tel {
  border-top: 1px solid #eee;
  padding-top: 0.62rem;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}
.abo_nav .gr .gr_tel .gr_tel_l .g_t {
  position: relative;
}
.abo_nav .gr .gr_tel .gr_tel_l .g_t p {
  position: relative;
  z-index: 10;
  color: #666;
}
.abo_nav .gr .gr_tel .gr_tel_l .g_t span {
  opacity: 0.7;
  bottom: 0;
  left: -0.1rem;
  line-height: 1;
  position: absolute;
  font-size: 0.58rem;
  font-family: 'dinBold';
  white-space: nowrap;
  -webkit-text-stroke: 1px #ebeff3;
  color: transparent;
  transition-timing-function: cubic-bezier(0.45, 0, 0.55, 1);
}
.abo_nav .gr .gr_tel .gr_tel_l .g_tel {
  display: flex;
  align-items: center;
}
.abo_nav .gr .gr_tel .gr_tel_l .g_tel p {
  line-height: 1;
  font-family: 'dinBold';
}
.abo_nav .gr .gr_tel .gr_tel_l .g_tel .g_svg {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 0.3rem;
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  background: #014098;
}
.abo_nav .gr .gr_tel .gr_tel_l .g_tel .g_svg svg,
.abo_nav .gr .gr_tel .gr_tel_l .g_tel .g_svg img {
  width: auto;
  height: 48%;
}
.abo_nav .gr .gr_tel .gr_tel_l .g_tel .g_svg svg path,
.abo_nav .gr .gr_tel .gr_tel_l .g_tel .g_svg img path {
  fill: #fff;
}
/* 产品中心导航 */
.pro_nav {
  position: absolute;
  width: 100%;
  top: 100%;
  left: 0;
  color: #333;
  line-height: 1.5;
  display: none;
}
.pro_nav .pro_nav_box {
  margin: auto;
  width: 12.7rem;
  display: flex;
  overflow: hidden;
  border-radius: 0 0 0.1rem 0.1rem;
  border-top: 1px solid #eee;
}
.pro_nav .pro_nav_box .gl {
  background: #fff;
  width: 23.07086614%;
  display: flex;
  flex-direction: column;
  padding: 0.4rem;
}
.pro_nav .pro_nav_box .gl a {
  cursor: pointer;
  margin-bottom: 0.04rem;
  display: flex;
  align-items: center;
  border-radius: 0.05rem;
  padding: 0 0.2rem;
  height: 0.5rem;
  transition: all 0.4s;
}
.pro_nav .pro_nav_box .gl a.on {
  color: #014098;
  background: #e5ecf4;
}
.pro_nav .pro_nav_box .gr {
  background: #f8f8f8;
  padding: 0.4rem 0.4rem 0.6rem;
  width: 76.92913386%;
  max-height: 87vh;
  overflow: auto;
}
.pro_nav .pro_nav_box .gr .item {
  display: none;
}
.pro_nav .pro_nav_box .gr .item:first-child {
  display: block;
}
.pro_nav .pro_nav_box .gr .item .item_box {
  display: flex;
  justify-content: space-between;
  background: #fff;
  padding: 0.1rem;
  border-radius: 0.1rem;
}
.pro_nav .pro_nav_box .gr .item:hover .public-img img {
  transform: scale(1.05);
}
.pro_nav .pro_nav_box .gr .item:hover i svg,
.pro_nav .pro_nav_box .gr .item:hover i img {
  transform: rotate(45deg);
}
.pro_nav .pro_nav_box .gr .item .public-img {
  width: 53.77358491%;
  border-radius: 0.05rem;
}
.pro_nav .pro_nav_box .gr .item .public-img:before {
  padding-top: 82.23684211%;
}
.pro_nav .pro_nav_box .gr .item .txt {
  padding: 0 0.39rem 0 0.26rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 46.22641509%;
}
.pro_nav .pro_nav_box .gr .item .txt .txt_box {
  margin-bottom: 0.45rem;
}
.pro_nav .pro_nav_box .gr .item .txt .txt_box h3 {
  font-weight: bold;
  color: #333;
}
.pro_nav .pro_nav_box .gr .item .txt .txt_box p {
  margin-top: 0.1rem;
  color: #666;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 6;
  height: 9em;
}
.pro_nav .pro_nav_box .gr .item .txt .but {
  transition: all 0.4s linear;
  display: inline-flex;
  align-items: center;
  padding-top: 0.25rem;
  border-top: 1px solid #eee;
  width: 100%;
}
.pro_nav .pro_nav_box .gr .item .txt .but i {
  width: 0.48rem;
  height: 0.48rem;
  border: solid 1px transparent;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  transition: all 0.4s linear;
  margin-right: 0;
  background: #014098;
}
@media (max-width: 767px) {
  .pro_nav .pro_nav_box .gr .item .txt .but i {
    width: 0.66rem;
    height: 0.66rem;
  }
}
.pro_nav .pro_nav_box .gr .item .txt .but i svg,
.pro_nav .pro_nav_box .gr .item .txt .but i img {
  transition: all 0.4s linear;
  width: 20.83333333%;
  height: 20.83333333%;
  object-fit: contain;
}
.pro_nav .pro_nav_box .gr .item .txt .but i svg path,
.pro_nav .pro_nav_box .gr .item .txt .but i img path {
  fill: #fff;
}
.pro_nav .pro_nav_box .gr .item .txt .but span {
  display: inline-flex;
  overflow: hidden;
  transition: all 0.4s;
  margin-left: 0.12rem;
  color: #014098;
  white-space: nowrap;
  /* @media @min-md {
								opacity: 0;
							} */
}
.case_nav {
  position: absolute;
  width: 100%;
  top: 100%;
  left: 0;
  z-index: 10;
  color: #333;
  line-height: 1.5;
  /* display: none; */
  opacity: 0;
  pointer-events: none;
}
.case_nav .case_nav_box {
  margin: auto;
  width: 12.34rem;
  display: flex;
  overflow: hidden;
  border-radius: 0 0 0.1rem 0.1rem;
  border-top: 1px solid #eee;
}
.case_nav .case_nav_box .gl {
  background: #fff;
  width: 43.273906%;
  display: flex;
  flex-wrap: wrap;
  padding: 0.4rem;
}
.case_nav .case_nav_box .gl a {
  width: calc(50% - 0.12rem);
  margin-right: 0.24rem;
  cursor: pointer;
  margin-bottom: 0.04rem;
  display: flex;
  align-items: center;
  border-radius: 0.05rem;
  padding: 0 0.2rem;
  height: 0.5rem;
  transition: all 0.4s;
}
.case_nav .case_nav_box .gl a:hover {
  color: #014098;
  background: #e5ecf4;
}
.case_nav .case_nav_box .gl a:nth-child(2n) {
  margin-right: 0;
}
.case_nav .case_nav_box .gr {
  background: #f8f8f8 url(../images/nav_img3.png) no-repeat;
  background-position: bottom center;
  padding-bottom: 0.4rem;
  width: 56.726094%;
}
.case_nav .case_nav_box .gr .gr_box {
  padding: 0.4rem 0.4rem 0;
}
.case_nav .case_nav_box .gr .gr_box .txt span {
  color: #666;
}
.case_nav .case_nav_box .gr .gr_box .txt p {
  font-weight: bold;
  margin-top: 0.1rem;
}
.case_nav .case_nav_box .gr .gr_box .but {
  transition: all 0.4s linear;
  display: inline-flex;
  align-items: center;
  padding-top: 0.45rem;
  margin-bottom: 0.6rem;
  width: 100%;
}
.case_nav .case_nav_box .gr .gr_box .but i {
  width: 0.48rem;
  height: 0.48rem;
  border: solid 1px transparent;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  transition: all 0.4s linear;
  margin-right: 0;
  background: #014098;
}
@media (max-width: 767px) {
  .case_nav .case_nav_box .gr .gr_box .but i {
    width: 0.66rem;
    height: 0.66rem;
  }
}
.case_nav .case_nav_box .gr .gr_box .but i svg,
.case_nav .case_nav_box .gr .gr_box .but i img {
  transition: all 0.4s linear;
  width: 20.83333333%;
  height: 20.83333333%;
  object-fit: contain;
}
.case_nav .case_nav_box .gr .gr_box .but i svg path,
.case_nav .case_nav_box .gr .gr_box .but i img path {
  fill: #fff;
}
.case_nav .case_nav_box .gr .gr_box .but span {
  display: inline-flex;
  overflow: hidden;
  transition: all 0.4s;
  margin-left: 0.12rem;
  color: #014098;
  white-space: nowrap;
  /* @media @min-md {
							opacity: 0;
						} */
}
.case_nav .case_nav_box .gr .lb_box {
  position: relative;
}
.case_nav .case_nav_box .gr .lb_box .bj1 {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%) rotate(180deg);
  width: 1rem;
  height: 0.6rem;
  pointer-events: none;
  z-index: 10;
  background: linear-gradient(270deg, #f8f8f8 20.45%, hsla(0, 0%, 100%, 0));
}
@media (max-width: 1260px) {
  .case_nav .case_nav_box .gr .lb_box .bj1 {
    width: 7rem;
    height: 3.3rem;
  }
}
@media (max-width: 767px) {
  .case_nav .case_nav_box .gr .lb_box .bj1 {
    width: 1rem;
  }
}
.case_nav .case_nav_box .gr .lb_box .bj2 {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 1rem;
  height: 0.6rem;
  pointer-events: none;
  z-index: 10;
  background: linear-gradient(270deg, #f8f8f8 20.45%, hsla(0, 0%, 100%, 0));
}
@media (max-width: 1260px) {
  .case_nav .case_nav_box .gr .lb_box .bj2 {
    width: 4rem;
    height: 3.3rem;
  }
}
@media (max-width: 767px) {
  .case_nav .case_nav_box .gr .lb_box .bj2 {
    width: 1rem;
  }
}
.case_nav .case_nav_box .gr .lb_box .item {
  display: flex;
}
.case_nav .case_nav_box .gr .lb_box .item .img {
  background: #fff;
  width: 120px;
  height: 45px;
  border-radius: 5px;
  display: inline-block;
  margin-right: 0.2rem;
}
.case_nav .case_nav_box .gr .lb_box .item .img img {
  max-width: 100% !important;
}
.hadbox-sec1 .f_navbox li > ul {
  width: auto;
  border-top: 1px solid #efefef;
  background: #fff;
  border-radius: 0 0 0.1rem 0.1rem;
  padding: 0.1rem;
}
.hadbox-sec1 .f_navbox li > ul li {
  padding: 0 ;
}
.hadbox-sec1 .f_navbox li > ul li a {
  border-radius: 5px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 1.5;
  color: #333;
  opacity: 1;
  font-size: 18px;
  height: 0.5rem;
  min-width: 1.8rem;
  padding: 0 0.2rem;
  transition: all 0.4s;
}
.hadbox-sec1 .f_navbox li > ul li a:hover {
  color: #014098;
  background: #e5ecf4;
}
/* 顶部广告 */
.h_adv {
  background: #014098;
  display: none;
  height: 45px;
}
.h_adv .h_adv_con {
  width: 100%;
  height: 100%;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.h_adv .h_adv_box {
  position: relative;
  max-width: 80%;
}
@media (max-width: 767px) {
  .h_adv .h_adv_box {
    display: flex;
    align-items: center;
  }
}
.h_adv .h_adv_box .h_adv_txt {
  display: flex;
  align-items: center;
}
@media (max-width: 767px) {
  .h_adv .h_adv_box .h_adv_txt {
    width: 70%;
  }
}
.h_adv .h_adv_box .h_adv_txt i {
  flex-shrink: 0;
  margin-right: 0.15rem;
  display: flex;
  align-items: center;
}
.h_adv .h_adv_box .h_adv_txt i svg,
.h_adv .h_adv_box .h_adv_txt i img {
  width: 18px;
}
@media (max-width: 767px) {
  .h_adv .h_adv_box .h_adv_txt i svg,
  .h_adv .h_adv_box .h_adv_txt i img {
    width: 12px;
  }
}
.h_adv .h_adv_box .h_adv_txt i svg path,
.h_adv .h_adv_box .h_adv_txt i img path {
  fill: #fff;
}
.h_adv .h_adv_box .h_adv_txt p {
  color: #fff;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
@media (max-width: 767px) {
  .h_adv .h_adv_box .h_adv_txt p {
    font-size: 12px;
  }
}
.h_adv .h_adv_box .pub_a {
  cursor: pointer;
  position: absolute;
  right: -1.95rem;
  top: 50%;
  transform: translateY(-50%);
}
@media (max-width: 767px) {
  .h_adv .h_adv_box .pub_a {
    position: initial;
    right: 0;
    transform: translateY(0%);
  }
}
.h_adv .h_adv_box .pub_a p {
  color: #fff;
}
@media (max-width: 767px) {
  .h_adv .h_adv_box .pub_a p {
    font-size: 12px;
  }
}
.h_adv .h_adv_box .pub_a i svg path,
.h_adv .h_adv_box .pub_a i img path {
  fill: #fff;
}
.h_adv .g_del {
  cursor: pointer;
  position: absolute;
  right: 0.4rem;
  top: 50%;
  transform: translateY(-50%);
}
.h_adv .g_del svg,
.h_adv .g_del img {
  width: 10px;
}
.h_adv .g_del svg path,
.h_adv .g_del img path {
  fill: #fff;
}
/* 指南手册弹窗 */
.curtain1 {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10000;
  display: none;
}
.curtain1.on {
  display: none !important;
}
@media (max-width: 767px) {
  .curtain1 {
    display: none !important;
  }
}
.curtain1 .mask {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
  z-index: 1000;
  position: absolute;
  top: 0;
  left: 0;
}
.curtain1 .curtain_box {
  position: absolute;
  max-width: 90%;
  max-height: 90%;
  left: 50%;
  top: 50%;
  z-index: 10000;
  transform: translate(-50%, -50%);
}
@media (max-width: 767px) {
  .curtain1 .curtain_box {
    width: 90%;
  }
}
.pop_manual {
  width: 550px;
  height: 307px;
  z-index: 500;
  filter: drop-shadow(0 0 0.2rem rgba(0, 0, 0, 0.05));
}
.pop_manual .g_del {
  cursor: pointer;
  position: absolute;
  right: -0.32rem;
  top: 0.18rem;
  width: 10px;
}
.pop_manual .g_del svg,
.pop_manual .g_del img {
  width: 100%;
  height: auto;
}
.pop_manual .g_del svg path,
.pop_manual .g_del img path {
  fill: #fff;
}
.pop_manual .imgbj {
  width: 100%;
  height: 100%;
}
.pop_manual .box {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 53.45%;
  padding: 0.35rem 0 0.18rem 0.28rem;
  position: absolute;
  top: 0;
  left: 0;
}
.pop_manual .box .txt {
  margin-bottom: 0.15rem;
}
@media (max-width: 1580px) {
  .pop_manual .box .txt {
    margin-bottom: 0.25rem;
  }
}
.pop_manual .box .txt span {
  font-size: 12px;
  color: #666;
}
.pop_manual .box .txt h2 {
  font-weight: bold;
  margin: 0.02rem 0 0.07rem;
}
@media (max-width: 1580px) {
  .pop_manual .box .txt h2 {
    margin: 0.1rem 0 0.15rem;
  }
}
.pop_manual .box .txt p {
  line-height: 1.8;
  color: #666;
}
.pop_manual .box .g_a {
  margin-bottom: 0.15rem;
  display: flex;
  align-items: center;
}
.pop_manual .box .g_a .g_r {
  margin-left: 0.2rem;
}
.pop_manual .box .g_a .g_r p {
  color: #666;
}
.pop_manual .box .g_a .g_r p span {
  color: #014098;
}
.pop_manual .box .b_lab {
  font-size: 12px;
  color: #999;
}
/* 最新公告弹窗 */
.pop_notice {
  width: 460px;
  height: auto;
  position: fixed;
  bottom: 0.5rem;
  left: 0.5rem;
  z-index: 500;
  border-radius: 0.1rem;
  background: #fff;
  box-shadow: 0 0 0.2rem rgba(0, 0, 0, 0.05);
  display: none;
}
@media (max-width: 1260px) {
  .pop_notice {
    width: 420px;
  }
}
@media (max-width: 767px) {
  .pop_notice {
    display: none;
  }
}
.pop_notice .g_del {
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  right: 0;
  top: 0;
  width: 33px;
  height: 31px;
  border-radius: 0 5px 0  5px;
  background: #014098;
}
.pop_notice .g_del svg,
.pop_notice .g_del img {
  width: 33.33%;
  height: auto;
}
.pop_notice .g_del svg path,
.pop_notice .g_del img path {
  fill: #fff;
}
.pop_notice .imgbj {
  width: 100%;
  height: 100%;
}
.pop_notice .box {
  display: flex;
  justify-content: space-between;
  padding: 0.25rem 0.25rem 0.31rem 0.28rem;
}
.pop_notice .box .gl .txt {
  margin-bottom: 0.32rem;
}
.pop_notice .box .gl .txt span {
  color: #014098;
}
.pop_notice .box .gl .txt h2 {
  font-weight: bold;
  margin: 0.1rem 0 0;
  line-height: 1.25;
}
.pop_notice .box .gl .txt p {
  line-height: 1.8;
  color: #666;
}
.pop_notice .box .gl .but {
  transition: all 0.4s linear;
  display: inline-flex;
  align-items: center;
  width: 100%;
}
.pop_notice .box .gl .but:hover i {
  transform: rotate(45deg);
}
.pop_notice .box .gl .but i {
  width: 0.48rem;
  height: 0.48rem;
  border: solid 1px transparent;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  transition: all 0.4s linear;
  margin-right: 0;
  background: #014098;
}
@media (max-width: 767px) {
  .pop_notice .box .gl .but i {
    width: 0.66rem;
    height: 0.66rem;
  }
}
.pop_notice .box .gl .but i svg,
.pop_notice .box .gl .but i img {
  transition: all 0.4s linear;
  width: 20.83333333%;
  height: 20.83333333%;
  object-fit: contain;
}
.pop_notice .box .gl .but i svg path,
.pop_notice .box .gl .but i img path {
  fill: #fff;
}
.pop_notice .box .gl .but span {
  display: inline-flex;
  overflow: hidden;
  transition: all 0.4s;
  margin-left: 0.12rem;
  color: #014098;
  white-space: nowrap;
  /* @media @min-md {
						opacity: 0;
					} */
}
.pop_notice .box .gr {
  width: 120px;
  flex-shrink: 0;
  margin-left: 0.2rem;
}
.pop_notice .box .gr img {
  width: 100%;
  height: auto;
}
/* 底部活动弹窗 */
.pop_activity {
  width: 10rem;
  height: auto;
  position: fixed;
  bottom: 0.4rem;
  left: 50%;
  transform: translateX(-50%);
  z-index: 500;
  border-radius: 0.1rem;
  background: #fff;
  box-shadow: 0 0 0.2rem rgba(0, 0, 0, 0.05);
  display: none;
}
.pop_activity.on {
  display: none !important;
}
@media (max-width: 767px) {
  .pop_activity {
    display: none !important;
  }
}
.pop_activity .g_del {
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  right: 0;
  top: 0;
  width: 33px;
  height: 31px;
  border-radius: 0 5px 0  5px;
  background: #014098;
}
.pop_activity .g_del svg,
.pop_activity .g_del img {
  width: 33.33%;
  height: auto;
}
.pop_activity .g_del svg path,
.pop_activity .g_del img path {
  fill: #fff;
}
.pop_activity .box {
  padding: 5px;
}
.pop_activity .box .iten {
  align-items: center;
  display: flex;
}
.pop_activity .box .gl .public-img {
  border-radius: 5px;
  width: 1.74rem;
}
.pop_activity .box .gl .public-img:before {
  padding-top: 40.22988506%;
}
.pop_activity .box .gr {
  margin-left: 0.94rem;
}
.pop_activity .box .gr .txt h2 {
  font-weight: bold;
}
.pop_activity .box .gr .txt h2 span {
  color: #014098;
}
/* 右侧浮窗 */
.fixendgt {
  position: fixed;
  bottom: 0.4rem;
  right: 0.2rem;
  z-index: 999;
  display: none;
}
.fixendgt #c-go-top {
  position: relative;
  bottom: 0;
  right: 0;
  width: 60px;
  height: 60px;
  border-radius: 0.05rem;
  box-shadow: 0 0 0.2rem rgba(0, 0, 0, 0.05);
}
@media (max-width: 1580px) {
  .fixendgt #c-go-top {
    width: 40px;
    height: 40px;
  }
}
.fixendgt #c-go-top img,
.fixendgt #c-go-top svg {
  transform: rotate(0deg);
  width: 43.33%;
  height: 43.33%;
}
.fixendgt #c-go-top img path,
.fixendgt #c-go-top svg path {
  fill: #fff;
  transition: all 0.4s;
}
.fixendgt .f_item {
  margin-bottom: 5px;
  position: relative;
}
.fixendgt .f_item:nth-child(2) .f_tit img,
.fixendgt .f_item:nth-child(2) .f_tit svg {
  width: 41%;
  height: 41%;
}
.fixendgt .f_item .f_tit {
  background-color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 60px;
  height: 60px;
  border-radius: 0.05rem;
  transition: all 0.4s;
  box-shadow: 0 0 0.2rem rgba(0, 0, 0, 0.05);
}
@media (max-width: 1580px) {
  .fixendgt .f_item .f_tit {
    width: 40px;
    height: 40px;
  }
}
.fixendgt .f_item .f_tit img,
.fixendgt .f_item .f_tit svg {
  width: 43.33%;
  height: 43.33%;
}
.fixendgt .f_item .f_tit img path,
.fixendgt .f_item .f_tit svg path {
  fill: #014098;
  transition: all 0.4s;
}
.fixendgt .f_item .f_telhover {
  position: absolute;
  right: 100%;
  margin-right: 0.3rem;
  height: 100%;
  width: 1.8rem;
  justify-content: center;
  text-align: center;
  padding: 0.2rem 0.3rem;
  top: 0;
  display: none;
  align-items: center;
  background-color: #ffffff;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
@media (max-width: 1900px) {
  .fixendgt .f_item .f_telhover {
    width: 2.4rem;
  }
}
@media (max-width: 767px) {
  .fixendgt .f_item .f_telhover {
    width: 4rem;
  }
}
.fixendgt .f_item:hover .f_tit {
  background-color: #014098;
}
.fixendgt .f_item:hover .f_tit svg path {
  fill: #ffffff;
}
.fixendgt .f_item:hover .f_telhover {
  display: flex;
}
.hadbox-sec3 {
  top: 100%;
  /* display: block; */
}
.hadbox-sec3 .container {
  padding: 0.45rem 0 1.1rem;
}
.hadbox-sec3 .container .f_cont {
  max-width: 800px;
}
.hadbox-sec3 .container .f_cont form {
  margin-bottom: 0.23rem;
  border-bottom: 1px solid #888;
  padding-bottom: 0;
}
.hadbox-sec3 .container .f_cont form input {
  padding: 0 0 0.14rem;
}
.hadbox-sec3 .container .f_cont form input::placeholder {
  color: #ddd;
}
.hadbox-sec3 .container .f_cont form button {
  width: auto !important;
  display: flex;
  align-items: center;
}
.hadbox-sec3 .container .f_cont form button svg,
.hadbox-sec3 .container .f_cont form button img {
  width: 18px !important;
  height: auto !important;
}
.hadbox-sec3 .container .f_cont form button svg path,
.hadbox-sec3 .container .f_cont form button img path {
  fill: #989898 !important;
}
.hadbox-sec3 .container .f_cont .f_jut .name {
  padding-right: 0;
}
.hadbox-sec3 .container .f_cont .f_jut .f_list .li {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 1.1rem;
  margin-right: 0.1rem;
  background: #f8f8f8;
  border: 1px solid #efefef;
  border-radius: 0.05rem;
}
.hadbox-sec3 .container .f_cont .f_jut .f_list .li:hover {
  background: #e5eefa;
  border-color: #014098;
}
.hadbox-sec3 .container .f_cont .f_jut .f_list .li:hover span {
  color: #014098;
}
.hadbox-sec3 .container .f_cont .f_jut .f_list .li span {
  transition: all 0.4s;
  color: #999;
}
.respon .respon_box .respon_con {
  height: 200vh;
}
@media (max-width: 767px) {
  .respon .respon_box .respon_con {
    height: auto;
  }
}
.respon .respon_box .respon_con .respon_nr .respon_txt .respon_txt1 .t_txt .g_p {
  max-width: 8.6rem;
}
.respon .respon_box .respon_con .respon_nr .respon_txt .respon_txt1 {
  padding-bottom: 3.2rem;
}
@media (max-width: 767px) {
  .respon .respon_box .respon_con .respon_nr .respon_txt .respon_txt1 {
    padding-bottom: 0.2rem;
  }
}
.respon .respon_box .respon_con .respon_nr .respon_txt .respon_txt2 {
  padding-bottom: 3.2rem;
}
@media (max-width: 767px) {
  .respon .respon_box .respon_con .respon_nr .respon_txt .respon_txt2 {
    padding-bottom: 0.2rem;
    margin-bottom: 0.5rem;
  }
}
.respon .respon_box .respon_con .respon_nr .respon_gd {
  position: absolute;
  bottom: 1.08rem;
  left: 0;
  width: 100%;
}
@media (max-width: 767px) {
  .respon .respon_box .respon_con .respon_nr .respon_gd {
    position: initial;
    margin-bottom: 0.5rem;
  }
}
.respon .respon_box .respon_con .respon_nr .respon_gd .respon_gd_box {
  position: relative;
}
.respon .respon_box .respon_con .respon_nr .respon_gd .respon_gd_box .item {
  display: flex;
}
.respon .respon_box .respon_con .respon_nr .respon_gd .respon_gd_box .item .img {
  overflow: hidden;
  border-radius: 0.1rem;
  width: 384px;
  height: 225px;
  display: inline-block;
  margin-right: 0.12rem;
}
.respon .respon_box .respon_con .respon_nr .respon_gd .respon_gd_box .item .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.public-content {
  overflow: hidden;
}
/* 标签页 */
.tag_t {
  background: #f7f9ff;
  padding: 0.4rem 0 0.45rem;
  margin-bottom: 0.8rem;
}
.tag_t .container h2 {
  font-size: 0.3rem;
  font-weight: bold;
  margin-bottom: 0.08rem;
}
@media (max-width: 767px) {
  .tag_t .container h2 {
    font-size: 0.36rem;
  }
}
.tag_t .container p {
  font-weight: bold;
  color: #666;
}
.artList {
  margin-bottom: 1.55rem;
}
@media (max-width: 767px) {
  .artList {
    margin-bottom: 1rem;
  }
}
.artList .container h2 {
  font-size: 0.36rem;
  font-weight: bold;
  margin-bottom: 0.48rem;
}
@media (max-width: 767px) {
  .artList .container h2 {
    font-size: 0.4rem;
  }
}
.artList .container .box {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
@media (max-width: 991px) {
  .artList .container .box {
    flex-direction: column;
  }
}
.artList .container .box .left {
  width: 68.57%;
}
@media (max-width: 991px) {
  .artList .container .box .left {
    width: 100%;
    margin-bottom: 0.4rem;
  }
}
.artList .container .box .left .artList_box {
  margin-bottom: 0.4rem;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
.artList .container .box .left .artList_box:hover .txt h3 {
  color: #577eff;
}
.artList .container .box .left .artList_box:hover .public-img img {
  transform: scale(1.05);
}
@media (max-width: 767px) {
  .artList .container .box .left .artList_box {
    flex-direction: column;
    margin-bottom: 0.6rem;
  }
}
.artList .container .box .left .artList_box .img {
  border-radius: 10px;
  margin-right: 0.38rem;
  flex-shrink: 0;
  width: 3.5rem;
}
@media (max-width: 767px) {
  .artList .container .box .left .artList_box .img {
    width: 100%;
    margin-bottom: 0.4rem;
  }
}
.artList .container .box .left .artList_box .img:before {
  padding-top: 67.14%;
}
.artList .container .box .left .artList_box .txt {
  width: 100%;
  padding-bottom: 0.3rem;
  border-bottom: 1px solid #dddddd;
}
@media (max-width: 767px) {
  .artList .container .box .left .artList_box .txt {
    padding-bottom: 0.3rem;
  }
}
.artList .container .box .left .artList_box .txt h3 {
  font-weight: bold;
  line-height: 1.25;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  margin-bottom: 0.2rem;
  transition: all 0.3s;
  color: #333;
}
.artList .container .box .left .artList_box .txt .lab_m {
  display: flex;
  flex-wrap: wrap;
}
.artList .container .box .left .artList_box .txt .lab_m a,
.artList .container .box .left .artList_box .txt .lab_m p {
  color: #333;
  background: #eef2ff;
  padding: 3px 8px;
  border-radius: 0.05rem;
  margin: 0 0.08rem 0.08rem 0;
}
.artList .container .box .left .artList_box .txt > p {
  line-height: 1.9;
  color: #666;
  margin-bottom: 0.1rem;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
@media (max-width: 767px) {
  .artList .container .box .left .artList_box .txt > p {
    line-height: 1.5;
  }
}
.artList .container .box .left .artList_box .txt .time {
  color: #999;
}
.artList .container .box .left .artList_box .txt .time span {
  margin-right: 0.1rem;
}
.artList .container .box .right {
  width: 25%;
}
@media (max-width: 991px) {
  .artList .container .box .right {
    width: 100%;
  }
}
.artList .container .box .right .r_tj {
  background: #fbfcff;
  border-radius: 5px;
  margin-bottom: 0.2rem;
  padding: 0.26rem 0.3rem 0.05rem;
}
.artList .container .box .right .r_tj h3 {
  font-weight: bold;
  margin-bottom: 0.3rem;
}
.artList .container .box .right .r_tj .r_tj_box .r_tj_list {
  margin-bottom: 0.25rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.artList .container .box .right .r_tj .r_tj_box .r_tj_list img {
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 0.1rem;
  flex-shrink: 0;
  margin-right: 0.2rem;
}
.artList .container .box .right .r_tj .r_tj_box .r_tj_list:hover .txt p {
  color: #577eff;
}
.artList .container .box .right .r_tj .r_tj_box .r_tj_list:hover .txt a {
  color: #577eff;
}
.artList .container .box .right .r_tj .r_tj_box .r_tj_list:hover .public-img img {
  transform: scale(1.05);
}
@media (max-width: 991px) {
  .artList .container .box .right .r_tj .r_tj_box .r_tj_list img {
    width: 0.65rem;
    height: 0.65rem;
  }
}
@media (max-width: 767px) {
  .artList .container .box .right .r_tj .r_tj_box .r_tj_list img {
    width: 0.8rem;
    height: 0.8rem;
  }
}
.artList .container .box .right .r_tj .r_tj_box .r_tj_list .txt {
  width: 100%;
}
.artList .container .box .right .r_tj .r_tj_box .r_tj_list .txt h4 {
  font-weight: bold;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  margin-bottom: 0.05rem;
}
.artList .container .box .right .r_tj .r_tj_box .r_tj_list .txt p {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  font-size: 12px;
  color: #999;
  transition: all 0.4s;
}
.artList .container .box .right .r_hot .r_tj_box .r_tj_list {
  margin-bottom: 0.35rem;
}
.artList .container .box .right .r_hot .r_tj_box .r_tj_list .img {
  flex-shrink: 0;
  height: auto;
  margin-right: 0.2rem;
  width: 1.04rem;
  border-radius: 0.1rem;
}
.artList .container .box .right .r_hot .r_tj_box .r_tj_list .img:before {
  padding-top: 73.07%;
}
@media (max-width: 767px) {
  .artList .container .box .right .r_hot .r_tj_box .r_tj_list .img {
    width: 2rem;
  }
}
.artList .container .box .right .r_hot .r_tj_box .r_tj_list .img img {
  width: 100%;
  height: 100%;
  border-radius: 0;
  margin-right: 0;
}
.artList .container .box .right .r_hot .r_tj_box .r_tj_list .txt {
  display: flex;
  align-items: center;
}
.artList .container .box .right .r_hot .r_tj_box .r_tj_list .txt p {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  white-space: initial;
  font-size: 14px;
  color: #333;
}
.inf_rbq {
  margin-bottom: 0.2rem;
  display: flex;
  flex-wrap: wrap;
}
.inf_rbq a,
.inf_rbq p {
  transition: all 0.4s;
  background: #f7f9ff;
  text-align: center;
  padding: 3px 8px;
  border-radius: 0.05rem;
  margin: 0 0.08rem 0.08rem 0;
  color: #666;
  font-weight: bold;
  min-width: 65px;
  border: 1px solid #c5c7cb;
}
.inf_rbq a:hover {
  border-color: #577eff;
  color: #577eff;
}
.inf_rbq p:hover {
  border-color: #577eff;
  color: #577eff;
}
.artList .container .box .right .r_tj2 {
  padding: 0.26rem 0.22rem 0.05rem;
}