@import url("/iconfont/iconfont.css");
@import url("public.css");
.whmax {
  width: 100%;
  height: 100%;
}
/*公共部分-begin*********/
body {
  background: #f4f4f4;
  min-width: 1200px;
  scroll-behavior: smooth;
}
html {
  scroll-behavior: smooth;
}
.ind_title {
  width: 100%;
  position: relative;
  z-index: 6;
}
.ind_title .ind_title_main {
  width: 100%;
}
.ind_title .ind_title_main h2 {
  font-size: 36px;
  color: #333;
  margin-bottom: 15px;
  text-align: center;
}
.ind_title .ind_title_main p {
  color: #666;
  font-size: 16px;
  text-align: center;
}
.ind_title_w {
  width: 100%;
  position: relative;
  z-index: 6;
}
.ind_title_w .ind_title_main {
  width: 100%;
}
.ind_title_w .ind_title_main h2 {
  font-size: 36px;
  color: #fff;
  margin-bottom: 15px;
  text-align: center;
}
.ind_title_w .ind_title_main p {
  color: #fff;
  font-size: 16px;
  text-align: center;
}
.pc_header {
  height: 90px;
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  background: rgba(255, 255, 255, 0);
  z-index: 99;
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
  padding: 0 30px;
  transition: 0.2s all ease-in;
  min-width: 1200px;
}
.pc_header .pc_header_main {
  max-width: 1600px;
  width: 100%;
  margin: 0 auto;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.pc_header .header_logo {
  width: 160px;
  margin-right: 100px;
  flex-shrink: 0;
}
.pc_header .header_logo h1 {
  width: 100%;
  height: auto;
}
.pc_header .header_logo h1:last-child {
  display: none;
}
.pc_header .pc_header_body {
  max-width: 600px;
  width: 100%;
  display: flex;
  align-items: center;
  height: 100%;
}
.pc_header .pc_header_body .header_a {
  width: 100%;
  position: relative;
  height: 100%;
  margin-right: 50px;
}
.pc_header .pc_header_body ul {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex: 1;
  height: 100%;
  position: relative;
  overflow: hidden;
}
.pc_header .pc_header_body .header_line {
  display: block;
  height: 3px;
  background: #01C281;
  width: 64px;
  position: absolute;
  bottom: -1px;
  left: 0;
  border-radius: 3px;
  transition: 0.2s all ease-in;
}
.pc_header .pc_header_body li {
  height: 100%;
}
.pc_header .pc_header_body li a {
  color: #fff;
  font-size: 16px;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.2s all ease-in;
}
.pc_header .pc_header_body li:hover a {
  transform: translateY(-3px);
}
.pc_header.curr {
  background: #fff;
  height: 70px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
}
.pc_header.curr .pc_header_main a h1:first-child {
  display: none;
}
.pc_header.curr .pc_header_main a h1:last-child {
  display: block;
}
.pc_header.curr .pc_header_body li a {
  color: #333;
}
.pc_header.curr .pc_header_body li:hover a {
  color: #01C281;
}
.pc_header.curr .pc_header_body .header_line {
  background: #01C281;
}
.pc_header.curr .pc_header_body .pc_header_moblie i {
  color: #01C281;
}
.pc_header.curr .pc_header_body .pc_header_moblie p {
  color: #333;
}
.page_banner {
  background: url(../../page/images/banner.jpg) no-repeat;
  width: 100%;
  height: 532px;
  background-size: cover;
  padding: 100px 30px 0 30px;
  display: flex;
  align-items: center;
}
.page_banner .page_banner_main {
  max-width: 1200px;
  width: 100%;
  margin: 0 auto;
  margin-top: -50px;
}
.page_banner .page_banner_main > p {
  font-size: 22px;
  color: #fff;
  margin: 34px 0 45px 0;
}
.page_banner h2 {
  font-size: 50px;
  font-weight: bold;
  color: #fff;
}
.page_banner .mbom {
  display: flex;
  align-items: center;
}
.page_banner a {
  transition: 0.2s all ease-in;
  display: flex;
  align-items: center;
  margin-right: 20px;
  font-size: 16px;
  color: #fff;
  padding: 12px 20px;
  border: 1px solid #fff;
}
.page_banner a img {
  margin-right: 10px;
}
.page_banner a:hover {
  transform: translateY(-3px);
}
.aboutus03 {
  width: 100%;
  padding: 60px 30px 20px 30px;
}
.aboutus03 .aboutus03_main {
  max-width: 1200px;
  width: 100%;
  margin: 0 auto;
  padding-top: 60px;
}
.aboutus03 .mitem {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  margin-bottom: 80px;
}
.aboutus03 .mitem .yuan_bg {
  width: 55px;
  height: 55px;
  border-radius: 50%;
  background: #E5F5F1;
  position: absolute;
  top: 25px;
  left: 10px;
}
.aboutus03 .mitem .mright {
  position: relative;
  z-index: 15;
  width: 46.6%;
}
.aboutus03 .mitem .mright .mimg {
  width: 100%;
  overflow: hidden;
  height: 373px;
}
.aboutus03 .mitem .mright img {
  transition: 0.5s all ease-in;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.aboutus03 .mitem .mright img:hover {
  transform: scale(1.05);
}
.aboutus03 .mitem .mleft {
  position: relative;
  z-index: 15;
  padding: 30px;
  width: 53%;
}
.aboutus03 .mitem .mleft p {
  font-size: 14px;
  color: #666;
  line-height: 28px;
}
.aboutus03 .mitem .mleft .minfo {
  margin-bottom: 50px;
}
.aboutus03 .mitem .mleft ul {
  display: flex;
  align-items: center;
  justify-content: space-around;
}
.aboutus03 .mitem .mleft ul li {
  display: flex;
  align-items: center;
  flex-direction: column;
  transition: 0.2s all ease-in;
}
.aboutus03 .mitem .mleft ul li img {
  width: 47px;
  margin-bottom: 10px;
  transition: 0.3s all ease-in;
}
.aboutus03 .mitem .mleft ul li span {
  color: #666;
  font-size: 14px;
}
.aboutus03 .mitem .mleft ul li:hover {
  transform: translateY(-3px);
}
.aboutus03 .mitem .mleft ul li:hover img {
  transform: rotateY(180deg);
}
.aboutus03 .mitem:nth-child(2) {
  flex-direction: row-reverse;
}
.aboutus03 .mitem:nth-child(2) .yuan_bg {
  left: auto;
  right: 10px;
}
.aboutus03 .mitem:nth-child(2) .mleft h4 {
  font-size: 50px;
  font-weight: bold;
  color: rgba(245, 69, 16, 0.2);
  text-transform: uppercase;
}
.xhsafe {
  background: #fff;
  padding: 80px 30px 30px 30px;
  position: relative;
  overflow: hidden;
}
.xhsafe .xhsafe_main {
  max-width: 1200px;
  width: 100%;
  margin: 0 auto;
  position: relative;
  margin-top: 56px;
}
.xhsafe ul {
  width: 100%;
  display: flex;
}
.xhsafe li {
  width: 25%;
  padding: 10px;
}
.xhsafe a {
  display: block;
  transition: 0.2s all ease-in;
}
.xhsafe a .mimg {
  overflow: hidden;
  width: 100%;
  height: 386px;
}
.xhsafe a .mimg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: 0.2s all ease-in;
}
.xhsafe a .mimg img:hover {
  transform: scale(1.1);
}
.xhsafe a .mmain {
  padding: 20px 0;
}
.xhsafe a .mmain h4 {
  font-size: 20px;
  color: #333;
  font-weight: bold;
  transition: 0.2s all ease-in;
}
.xhsafe a .mmain p {
  font-size: 14px;
  color: #666;
  margin: 20px 0 25px 0;
  height: 38px;
}
.xhsafe a .mmain dl {
  display: flex;
  align-items: center;
}
.xhsafe a .mmain dd {
  display: flex;
  align-items: center;
  font-size: 12px;
  color: #999;
  margin-right: 15px;
  white-space: nowrap;
}
.xhsafe a .mmain i {
  display: block;
  margin-right: 5px;
  background: linear-gradient(180deg, #FD8E52 0%, #FD582A 100%);
  width: 2px;
  height: 14px;
}
.xhsafe a:hover {
  transform: translateY(-5px);
}
.xhsafe a:hover .mmain h4 {
  background-image: linear-gradient(180deg, #FD8E52 0%, #FD582A 100%);
  -webkit-background-clip: text;
  color: transparent;
}
.contact_page {
  width: 100%;
  padding: 80px 30px;
  background: #fff;
}
.contact_page .contact_page_main {
  max-width: 1200px;
  width: 100%;
  margin: 0 auto;
  display: flex;
  align-items: center;
  flex-direction: column;
}
.contact_page h2 {
  font-size: 30px;
  font-weight: bold;
  color: #333;
}
.contact_page span {
  width: 152px;
  height: 7px;
  background: #01C281;
  margin: 8px 0 37px 0;
}
.contact_page .mfont {
  font-size: 14px;
  color: #666;
}
.contact_page .mfont p {
  padding: 3px 0;
  text-align: center;
}
.contact_page ul {
  width: 100%;
  max-width: 900px;
  margin-top: 50px;
  padding-left: 25px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.contact_page ul li {
  display: flex;
  align-items: center;
  flex-direction: column;
  transition: 0.2s all ease-in;
}
.contact_page ul li i {
  font-size: 30px;
  color: #333;
  transition: 0.2s all ease-in;
}
.contact_page ul li p {
  text-align: center;
  font-size: 14px;
  color: #666;
  margin-top: 15px;
  transition: 0.2s all ease-in;
}
.contact_page ul li:hover {
  transform: translateY(-4px);
}
.contact_page ul li:hover i {
  color: #01C281;
}
.contact_page ul li:hover p {
  color: #01C281;
}
.footer_icp {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 15px;
}
.footer_icp p {
  color: #7a7a7a;
}
.footer_icp a {
  display: flex;
  align-items: center;
  margin-right: 15px;
  color: #7a7a7a;
}
.footer_icp a:last-child {
  margin-right: 0;
}
.footer_icp img {
  margin-right: 5px;
}