html,
body {
  margin: 0;
  padding: 0;
  margin: auto;
  /* height: 100%; */
}
.main-content .home-nav {
  position: fixed;
  top: 0;
  z-index: 1000;
  width: 100%;
  height: 100px;
}
.main-content .home-nav .logo {
  width: 120px;
  position: relative;
  top: 20px;
  left: 80px;
}
.main-content .home-nav .logo img {
  width: 100%;
}

.main-content .home-nav .nav-btns {
  height: 60px;
  position: absolute;
  top: 0;
  right: 120px;
}
.main-content .home-nav .nav-btns .nav-btn {
  float: left;
  width: 100px;
  height: 80px;
  cursor: pointer;
  text-align: center;
  margin-right: 40px;
  line-height: 80px;
  border-radius: 5px;
  color: #555;
}
.main-content .home-nav .nav-btns .nav-btn:hover {
  background-color: #ddd6;
}

.nav-btns a{
  text-decoration: none;
  color: #555;
}
.nav-btns .active a{color: #F29FBB}
.nav-btns .active a.home_a{color: #fff}

.home-video {
  /* position: absolute; */
  /* display: block; */
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.slogan {
  position: relative;
  z-index: 1000;
  top: 100px;
  width: 500px;
  left: 40px;
}
.slogan img {
  width: 100%;
}

.slogan2 {
  position: absolute;
  z-index: 1000;
  bottom: 200px;
  width: 1000px;
  left: 40px;
}
.slogan2 img {
  width: 100%;
}

.home-video video {
  width: 100%;
}
.home-content {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
}
.product-content {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
}

.product-list {
  margin-top: 140px;
  width: 30%;
  float: right;
  padding-right: 50px;
  position: absolute;
  right: 0;
  bottom: 0;
  top: 0;
}
.product-bg {
  margin-top: 140px;
  width: 60%;
  float: left;
}
.product-bg img {
  width: 100%;
}

.product-list .p1 {
  width: 70%;
  float: right;
}

.product-list .p1 img {
  width: 100%;
}

.pd-item {
  float: right;
  width: 26%;
}
.pd-item img{
  width: 100%;
}

.pd-list {
    position: relative;
    bottom: 0;
    clear: both;
}
.fp-overflow{height: 100%; top: 72px;}
.join_body{
  width: 100%;
  height: 100%;
  background: url("/static/img/about-right.png") no-repeat top right;
  background-size: 199px 360px;
}
.join_left{
  float: left;
  width: 54%;
  background: url("/static/img/left_bg.png") no-repeat;
  background-size: 237px 693px;
  position: relative;
  top: 120px;
}
.join_img{
  margin-left: 120px;height: 60px;
}
.zhaopin {
  width: 30%;
  aspect-ratio:266/84;
  clear: both;
  position: relative;
  left: 66%;
  background: url("/static/img/zhaopin_bg.png") no-repeat;
  background-size: 100% 100%;
}
.zhaopin:hover{
  background: url("/static/img/zhaopin_hover_bg2.png") no-repeat left top  ,url("/static/img/zhaopin_hover_bg.png") no-repeat left top ;
  background-size: auto 100%;
}
.shezhao{
  bottom: 208px;
}
.xiaozhao{
  bottom: 188px;
}
.shezhao_zh, .xiaozhao_zh{
  font-size: 24px;
  color: #fff;
}
.shezhao_en, .xiaozhao_en{
  font-size: 12px;
  color: #fff;
}
.join_right{
  float: right;
  width: 46%;
  position: relative;
  top: 120px;
}
.join_right_title{
  margin-bottom: 20px;
}
.join_right ul{
  list-style-type: none;
  margin-top: 60px;
}
.join_right_li{
  width: 580px;
  height: 114px;
  margin-bottom: 2px;
  background-size: 580px 114px;
  cursor: pointer;
}
.join_right_li_v2{
  width: auto;
  height: 100px;
  margin-bottom: 2px;
  padding-top: 16px;
  background-size: 100%;
  cursor: pointer;
}
.join_right_li1{
  background: url("/static/img/join_right_li1.png") no-repeat top left;background-size: 100%;
}
.join_right_li2{
  background: url("/static/img/join_right_li2.png") no-repeat top left;background-size: 100%;
}
.join_right_li3{
  background: url("/static/img/join_right_li3.png") no-repeat top left;background-size: 100%;
}
.join_right_li4{
  background: url("/static/img/join_right_li4.png") no-repeat top left;background-size: 100%;
}
.join_right,.join_right_li_v2 p{
  margin-left: 40px;
  margin-bottom: 0rem;
}
.join_right,.join_right_li_v2 .li_title{
  font-size: 16px;
  margin-bottom: 14px;
}
.join_right,.join_right_li_v2 .li_content{
  font-size: 14px;
  color: #555;
}
.li_content span{
  display: inline-block;
  height: 20px;
  padding-left: 20px;
  line-height: 20px;
}
.weizhi{
  background: url("/static/img/weizhi.png") no-repeat;
  background-size: auto 100%;
}
.lianxi1{

  background: url("/static/img/lianxi1.png") no-repeat;
  background-size: auto 100%;
}
.lianxi2{
  background: url("/static/img/lianxi2.png") no-repeat;
  background-size: auto 100%;
}
.lianxi3{
  background: url("/static/img/lianxi3.png") no-repeat;
  background-size: auto 100%;
}
.footer{
  position: relative;
  width: 100%;
  height: 280px;
  background-color: #000;
}
.footer_logo{
  width: 230px;
  height: 64px;
  position: relative;
  top: 108px;
  left: 240px;
}
.footer_content{
  width: 672px;
  min-height: 150px;
  position: relative;
  left: 679px;
  color: #fff;
  padding-top: 30px;
}
.footer_content a{
  text-decoration: none;
  color: #fff;
}
.footer_content a:hover{
  color: #2a56ce;
}


/**了解我们**/
#about_body{
  position: absolute;
  left: 500px;
  top: 150px;
  width: 920px;
}
#about_body_nav{
  width: auto;
}
#about_body_nav li{
  float: left;
  list-style-type: none;
  width: 130px;
  height: 28px;
  text-align: center;
  line-height: 28px;
  font-size: 16px;
  color: #999999;
}
#about_body_nav span{
  float: right;
  display: block;
  margin-top: 6px;
  height: 16px;
  border-right: 1px solid #999999;
}
#about_body_nav li:hover{
  background-color: #FB7299;
  color: #fff;
  cursor: pointer;
}
#about_body_nav li:hover span{
  border-color: #FB7299;
}
.about_body_nav_hover{
  background-color: #FB7299;
  color: #fff;
  border-color: #FB7299;
}
.guanyv_tab_div{
  max-height: 100%;
}
#guanyv_info{
  width: 100%;
  clear: both;
  display:block;
}
#fazhan_info{
  width: 100%;
  clear: both;
  display: none;
}
#tuandui_info{
  width: 100%;
  clear: both;
  display: none;
}
#rongyv_info{
  width: 100%;
  clear: both;
  display: none;
}
.container .col{
  width: 196px;
  height: 127px;
  margin-top: 100px;
}
#rongyv_ul{
  width: 162px;
  height: 400px;
  list-style-type: none;
  color: #999;
  float: right;
  margin-top: 80px;
}
#rongyv_ul li {
  border-left: 1px solid #999999;
  height: 20px;
  padding-left: 27px;
}
.rongyv_li{
  cursor: pointer;
}
.rongyv_li1{
  display: none;
}
.rongyv_li2{
  border-color: #FB7299;
  color: #FB7299;
}
.rongyv_li_box{
  padding-top: 50px;
  height: 550px;
}
.rongyv_li1_box, .rongyv_li3_box{
  display: none;
}
.rongyv_li3_box img{
  width: 480px;height: auto;
}
.about-intro__vision-title{
    font-size: 20px;
    font-weight: bold;
    color: #242933;
    margin-bottom:18px;
}
.about-yuanjing{
  width: 100%;
}
.it_team_box img{
  height: 100%;
}
/**发展历程**/
.timeline-list{
  display: inline-block;
}
.swiper .swiper-button-next::after,
.swiper .swiper-button-prev::after {
  display: none;
}
.swiper-button-next {
  background: url('/static/img/swiper-button-next.png') no-repeat center;
  background-size: 27px
}
.swiper-button-prev {
  background: url('/static/img/swiper-button-prev.png') no-repeat center;
  background-size: 27px
}
.swiper-box-1{
  height:100%;
  width:14%;
  float:left;
  display: flex;
  align-items: center;
  justify-content: center;
  background: url('/static/img/jiantou2.png') no-repeat center;
  background-size: 100%;
}
.swiper-box-2{
  height:100%;
  width:14%;
  float:left;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #333333;
  font-size: 26px;
  font-weight: bolder;
}
.swiper-box-3{
  height:100%;
  width:14%;
  float:left;
  display: flex;
  align-items: center;
  justify-content: center;
  background: url('/static/img/jiantou1.png') no-repeat center;
  background-size: 100%;
}
.swiper-box-4{
  height:72px;
  width:72px;
  float:left;
}
.swiper-box-4 img{
  width:100%;
}
.event-item__info-label{
  text-align: center;margin-top: 10px;color: #333333;
}
.about-history-title{
  font-size: 20px;
  font-weight: bold;
  color: #333;
}
.about-history-title b {
  margin-left: 48px;
  display: block;
  font-size: 9px;
  font-weight: normal;
  color: #999;
}
.about-intro__vision-title b {
  margin-left: 48px;
  display: block;
  font-size: 9px;
  font-weight: normal;
  color: #999;
}
.font-color-6AB1FF{
  font-weight: bolder;
  color: #6AB1FF;
}

/**通用背景**/
.body_bg{
  background: url("/static/img/body_bg.png");
}
.body_bg2{
  background: url("/static/img/body_bg2.png");
  margin-top: 80px;height:calc(100vh - 80px);
}
.section_body{
  width: 100%;
  margin-top: 40px;
  height:calc(100vh - 40px);
  background: url("/static/img/body_bg.png");text-align: left;
  position: relative;
}
.section_body_left_bg{
  position: relative;
  top: calc(100vh - 40px - 693px);
  height: 693px;
  width: 237px;
  background: url("/static/img/left_bg.png") no-repeat;
  background-size: 237px 693px;
}
.body_left_bg{
  background: url("/static/img/left_bg.png") no-repeat bottom left;
  background-size: 213px 623px;
}
.section_body_right_bg{
  position: absolute ;
  right: 0px;
  top: 23px;
  height: 360px;
  width: 199px;
  background: url("/static/img/about-right.png") no-repeat bottom left;
  background-size: 199px 360px;
}
.body_right_bg{
  background: url("/static/img/about-right.png") no-repeat top right;
  background-size: 199px 360px;
}
.section_body_mouse_roll{
  position: fixed ;z-index: 99999;
  right: 60px;
  bottom: 60px;
  height: 147px;
  width: 16px;
  background: url("/static/img/mouse_roll.png") no-repeat;
  background-size: 100% 100%;
  display:none;
}