.content_box {
  position: relative;
  overflow: hidden;
}
.content_box .header {
  overflow: hidden;
  background: url(../images/header/3.png);
  width: 19.2rem;
  height: 5rem;
  position: relative;
  z-index: 2;
}
.content_box .header .liuguang {
  top: 2.5rem;
  left: 7.8rem;
  height: 1.25rem;
  width: 0.25rem;
  background-color: rgba(255, 255, 255, 0.1);
  position: absolute;
  z-index: 999;
  display: inline-block;
  padding: 5px 20px;
  color: #333;
  transform: skew(-40deg);
  /* 定义沿着 X 和 Y 轴的 2D 倾斜转换*/
  animation: sun 1.2s infinite;
}
@keyframes sun {
  100% {
    left: 14.5rem;
  }
}
.content_box .header .left img:nth-child(1) {
  width: 9.79rem;
  position: absolute;
  top: 1.73rem;
}
.content_box .header .left img:nth-child(3) {
  width: 6.18rem;
  position: absolute;
  top: 0.07rem;
  left: 1.7rem;
}
.content_box .header .center div img:nth-child(1) {
  width: 4.96rem;
  position: absolute;
  left: 9.51rem;
  top: 2.21rem;
}
.content_box .header .center div img:nth-child(2) {
  width: 2.77rem;
  position: absolute;
  left: 7.08rem;
  top: 2.19rem;
}
.content_box .header .center img:nth-child(1) {
  width: 6.43rem;
  position: absolute;
  left: 8.6rem;
  top: 2.51rem;
}
.content_box .header .center img:nth-child(2) {
  width: 0.44rem;
  position: absolute;
  left: 14.95rem;
  top: 2.51rem;
}
.content_box .header .center img:nth-child(3) {
  width: 0.44rem;
  position: absolute;
  left: 15.3rem;
  top: 2.51rem;
}
.content_box .header .center img:nth-child(4) {
  width: 6.73rem;
  position: absolute;
  left: 8.03rem;
  top: 1.36rem;
}
.content_box .header .center img:nth-child(5) {
  width: 5.8rem;
  position: absolute;
  left: 8.9rem;
  top: 4.1rem;
}
.content_box .header .right img:nth-child(1) {
  width: 6.74rem;
  position: absolute;
  top: 1.8rem;
  left: 12.69rem;
  opacity: 0.3;
}







.header-a{
	width:100%;
	position: fixed;
	left:0;
	top: 0;
	z-index:999999;
	background:#fff;
    font-size: 16px;
}
.header-a .logo{
	height: 70px;
	float: left;
	display: flex;
	align-items: center;
}

.header-navbar>ul>li{
	float: left;
	width:124px;
	text-align: center;
	position: relative;
	padding:25px 0 20px;
    font-size: 16px;
}
.header-navbar>ul>li>a{
	display: block;
	text-align: center;
	line-height:26px;
	color:#333333;
    font-size: 16px;
}
.header-navbar>ul>li+li>a{
	border-left:1px solid #dcdcdc;
    font-size: 16px;
}
.header-navbar>ul>li.active>a{
	font-weight: bold;
	color:#0691ff;
}
.header-navbar>ul>li:hover>a{
	font-weight: bold;
	color:#0691ff;
}
.navslide-xla{
	width:100%;
	background:#fff;
	z-index:999;
	position: absolute;
	left:0;
	top:100%;
	padding:16px 0;
	display: none;
}
.navslide-xla ul li{
	padding:4px 0;
	color:#333333;
}
.navslide-xla ul li a{
	display: inline-block;
	line-height:34px;
	color:#333333;
	padding:0 8px;
}
.navslide-xla ul li:hover{
	background:#e1f2ff;
}
.navslide-xla ul li a:hover{
	color:#5dacff;
}
.header-a .phone{ position: relative; padding-left: 54px; margin-top:15px; color: #999; line-height: 23px}
.header-a .phone::before{ position: absolute; top: 50%; left: 0; width: 38px; height: 38px; margin-top: -21px; background: url(../images/hf-icon.png) no-repeat; content: ""}
.header-a .phone span{ display: block; font-size: 24px; color: #999}
.header-a .phone p{ height: 23px; font-size: 14px; text-align: justify}
.header-a .phone p::after{ display: inline-block; width: 100%; height: 0; content: ""}
.flex{
	display: flex;
}
.flex-c{
	display: flex;
    justify-content: center;
    align-items: center;
}
.flex-Lc{
	display: flex;
    align-items: center;
}
.flex-Lt{
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-moz-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
.flex-L{
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-moz-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
.flex-Lend{
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: flex-end;
	-webkit-align-items: flex-end;
	-moz-box-align: flex-end;
	-ms-flex-align: flex-end;
	align-items: flex-end;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-moz-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.flex-end{
	display: flex;
	justify-content: center;
	align-items: flex-end;
}
.flex-tb{
	 display: flex;
  flex-direction: column;
  justify-content: space-between;
}
/* .inner{
   width:1214px;
    margin:0 auto;
    display: flex;
    align-items: center;
} */

.clear:after {
	display: block;
	content: "";
	clear: both;
	height: 0;
	overflow: hidden;
}

.fc {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	display: flex;
	align-items: -webkit-center;
	align-items: -moz-center;
	align-items: center;
}
.fl {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	display: flex;
}
.fb {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	display: flex;
	align-items: -webkit-center;
	align-items: -moz-center;
	align-items: center;
	justify-content: space-between;
	justify-content: -moz-space-between;
	justify-content: -webkit-space-between;
}