/*base style*/
html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
figure,
footer,
header,
menu,
nav,
section,
time,
mark,
audio,
video,
details,
summary {
  margin: 0;
  padding: 0;
}

body {
  font-family: "\5FAE\8F6F\96C5\9ED1", "Microsoft Yahei", "Arial";
  color: #333;
  background-color: #fff;
  font-size: 15px;
  background-attachment: fixed;
  overflow-x: hidden;
}

a {
  color: #06f;
  text-decoration: none;
}

a:hover {
  color: #f60;
  text-decoration: none;
}

img {
  border: none;
  vertical-align: middle;
  max-width: 100%;
}

i,
em {
  font-style: normal;
}

li {
  list-style-type: none;
}

textarea {
  resize: vertical;
}

input,
select,
textarea {
  font-family: "\5FAE\8F6F\96C5\9ED1", "Microsoft Yahei", "Arial";
  background-color: #fff;
  margin: 0;
  padding: 0;
  outline: none;
}

area {
  outline: none;
}

button:focus {
  outline: 0;
}

/*global style*/
.g-fl {
  float: left;
}

.g-fr {
  float: right;
}

.g-c {
  zoom: 1;
}

.g-c:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
}

.g-w {
  max-width: 1200px;
  min-width: 980px;
  width: 96%;
  margin-left: auto;
  margin-right: auto;
}

.g-hide {
  display: none !important;
}


body {
  padding-bottom: constant(safe-area-inset-bottom);
  padding-bottom: env(safe-area-inset-bottom);
}



.global_head {
  display: flex;
  padding: 0.06rem 3%;
  justify-content: space-between;
}

.global_head .lf_logo {
  display: flex;
  margin: auto 0;
}

.global_head .lf_logo img {
  display: block;
  width: 1.2rem;
  height: 0.3rem;

}

.global_head .rf_icon {
  display: flex;
  margin: auto 0;
}

.global_head .rf_icon img {
  width: 0.3rem;
  height: 0.3rem;
}



/* 公共底部 */
.footerbox {
  /* padding-top: 0.1rem; */
  background-color: #0D1D31;
}

.footer_container {
  width: 100%;
  display: flex;
  flex-direction: column;

}

.footer_container .content_img {
  width: 100%;
  position: relative;
}

.footer_container .content_img img {
  width: 100%;
  display: block;
}

.footer_container .content_img .footer_navboa {
  position: absolute;
  width: 100%;
  top: 0;
  height: 100%;
  display: flex;
}

.footer_container .content_img .footer_navboa .center_info {
  margin: auto;
  width: 100%;
  display: flex;
  flex-direction: column;
}

.footer_container .content_img .footer_navboa .center_info .back_title {
  font-size: 0.24rem;
  padding: 0 5%;
  color: #fff;
  text-align: center;
  letter-spacing: 0.18rem;
  position: relative;
  margin: auto;
}

.footer_container .content_img .footer_navboa .center_info .back_title::after {
  position: absolute;
  bottom: -0.2rem;
  content: " ";
  display: block;
  width: 30%;
  height: 0.01rem;
  background-color: #fff;
}

.footer_container .content_img .footer_navboa .center_info .back_desc {
  padding: 0 5%;
  color: rgba(255, 255, 255, 0.7);
  margin-top: 0.4rem;
  letter-spacing: 0rem;
  font-size: 0.14rem;
}

.footer_container .content_img .footer_navboa .center_info a {
  margin: auto;
  color: #fff;
  font-size: 0.14rem;
  border-radius: 0.02rem;
  margin-top: 0.26rem;
  padding: 0.06rem 0.16rem;
  border: 0.01rem solid #fff;
}

.message_container {
  width: 100%;
  position: relative;
}

.message_container .back_imgdot {
  position: absolute;
  top: 0;
  width: 100%;
}

.message_container .back_imgdot img {
  width: 100%;
}

.message_container .mest_contebox {

  position: relative;
  display: flex;
  flex-direction: column;
}

.message_container .mest_contebox .icon_mestbox {
  display: flex;
  flex-wrap: wrap;
}

.message_container .mest_contebox .icon_mestbox .list_icon {
  display: flex;
  width: 50%;
  padding: 0.3rem 0;
  flex-direction: column;
}

.message_container .mest_contebox .icon_mestbox .list_icon img {
  width: 0.35rem;
  margin: auto;
}

.message_container .mest_contebox .icon_mestbox .list_icon p {
  margin: 0.06rem auto 0;
  font-size: 0.13rem;
  color: #fff;
}

.message_container .mest_contebox .company_descbox {
  padding: 0.2rem 3%;
}

.message_container .mest_contebox .company_descbox .logo {
  display: flex;
  padding: 0.12rem 0;
}

.message_container .mest_contebox .company_descbox .logo img {
  width: 1.3rem;
}

.message_container .mest_contebox .company_descbox .desc_detail {
  color: rgba(255, 255, 255, 0.5);
  line-height: 0.3rem;
  font-size: 0.14rem;
}

.message_container .mest_contebox .contact_boxfooter {
  padding: 0.2rem 3%;
  display: flex;
  flex-direction: column;
}

.message_container .mest_contebox .contact_boxfooter .contact_title {
  font-size: 0.22rem;
  color: #fff;
  padding-bottom: 0.1rem;
}

.message_container .mest_contebox .contact_boxfooter .deti_text {
  line-height: 0.3rem;
  color: rgba(255, 255, 255, 0.5);
  font-size: 0.14rem;
}

.message_container .mest_contebox .focus_box {
  padding: 0.2rem 3%;
  display: flex;
  flex-direction: column;
}

.message_container .mest_contebox .focus_box .focus_title {
  font-size: 0.22rem;
  color: #fff;
  padding-bottom: 0.1rem;
}

.message_container .mest_contebox .focus_box .codebox {
  width: 35%;

}

.message_container .mest_contebox .focus_box .codebox img {
  width: 100%;
}

.message_container .mest_contebox .focus_box .codebox P {
  text-align: center;
  color: rgba(255, 255, 255, 0.5);
  font-size: 0.12rem;
  letter-spacing: 0.1rem;
}

.bottom_infocont {
  width: 100%;
  display: flex;
  padding: 0.25rem 0;
  flex-direction: column;
}

.bottom_infocont .size_text {
  font-size: 0.12rem;
  color: rgba(255, 255, 255, 0.5);
  text-align: center;
  width: 70%;
  margin: auto;
}

.bottom_infocont .bei_casenum {
  font-size: 0.14rem;
  color: rgba(255, 255, 255, 0.5);
  text-align: center;
  margin: 0.3rem auto 0;
}