.banner {
  position: relative;
  width: 100%;
  height: 2.44rem;
  padding-top: 1.54rem;
}
.banner .title,.banner .line_img ,.banner .title_ES{
  margin-top: .7rem;
  opacity: 0;
}
.banner img {
  width: 100%;
}
.banner .title {
  position: absolute;
  top: 2.38rem;
  width: 100%;
  text-align: center;
  font-size: .48rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #FFFFFF;
} 

.banner .line {
  position: absolute;
  top: 3.826667rem;
  left: 50%;
  transform: translateX(-50%);
  width: 1.6rem;
  height: .053333rem;
  background: linear-gradient(-90deg, #FFFFFF, #2462C5);
  border-radius: 1px;
}

.banner .title_ES {
  position: absolute;
  top: 4rem;
  width: 100%;
  text-align: center;
  font-size: .48rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #FFFFFF;
}
.line_img{
  height: 0.05rem;
  position: absolute;
  top: 3.46rem;
  left: 4.2rem;
}

.little_title {
  width: 100%;
  height: 1.2rem;
  border-bottom: .013333rem solid #DDDDDD;
  line-height: 1.2rem;
  margin-top: 3.1rem;
  z-index: 100;
}


.little_title ul {
  display: flex;
  justify-content: space-around;
}

.little_title ul .active {
  position: relative;
}

.little_title ul .active a {
  
  color: #2967CC;
}

.little_title ul .active::after {
  content: '';
  display: inline-block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 1.48rem;
  height: 0.05rem;
  background: #2967CC;
  border-radius: .05rem;
}

.little_title li a {
  display: inline-block;
  height: 1.2rem;
  font-size: 0.37rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #333333;
  text-decoration: none;
}

/* 使命与远景 */
.mission {
  margin-top: .533333rem;
}

.mission h1 {
  text-align: center;
  font-size: .426667rem;
  font-family: PingFang SC;
  font-weight:bold;
  color: #333333;
  margin-bottom: .44rem;
}

.mission .misson_box {
  position: relative;
  width: 100%;
  height: 3.866667rem;
  background: url('../image/image/mission_img.png') no-repeat;
  background-size: 100% 100%;
}

.mission .misson_box .left，
.mission .misson_box .right {
  height: 3.866667rem;
}

.mission .misson_box .left img{
  position: absolute;
  left: 0;
  top: 0;
  width: 5.706667rem;
  height: 3.866667rem;
}

.mission .misson_box .right img{
  position: absolute;
  top: 0;
  right: 0;
  width: 5.706667rem;
  height: 3.866667rem;
}

.mission .misson_box .left .textbox {
  position: absolute;
  top: .666667rem;
  left: 0;
  text-align: center;
  width: 5.706667rem;
}


.mission .misson_box .right .textbox {
  position: absolute;
  top: .666667rem;
  right: 0;
  text-align: center;
  width: 5.706667rem;
}

/* 变色 */
.changef{
  color:#fff;
}
.change3{
  color:#333;
}
.linef{
  background: #fff;
}
.line3{
  background: #333;
}
/* .mission_mask1{
  background: url(../image/image/mission_mask1.png);
  width: 5.706667rem;
  height: 3.866667rem;
  position: absolute;
  top: 2rem;
}
.mission_mask2{
  background: url(../image/);
  width: 5.706667rem;
  height: 3.866667rem;
  margin-right: 3rem;
} */
.mission .misson_box .left .textbox .title{
  font-size: .4rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #FFFFFF;
}

.mission .misson_box .right .textbox .title {
  color: #333333;
  font-size: .4rem;
}

.mission .misson_box .right .textbox .line ,
.mission .misson_box .left .textbox .line {
  margin: .2rem auto;
  width: .76rem;
  height: .04rem;
  background: #FFFFFF;
}

.mission .misson_box .right .textbox .line {
  background: #333333;
}

.mission .misson_box .right .textbox .body ,
.mission .misson_box .left .textbox .body {
  font-size: .346667rem;
  font-family: PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: .64rem;
}
.font-color{
  color:#fff
}

.mission .misson_box .right .textbox .body  {
  color: #333333;
}
/* /使命与愿景的过渡 */ */
.mission_mask1_active {
  background: url("../image/right_h.png") 100% 100%;
}
.mission_mask1_color {
  color: rgb(248, 248, 248) !important;
}
.mission_mask1_bg {
  background: rgb(253, 253, 253) !important;
}
/* 右 */
.mission_mask1_color1 {
  color: #333 !important;
}
.mission_mask1_bg1 {
  background: #333 !important;
}

.mission_mask2_actvie {
  background: url("../image/left_h.png") 100% 100%;
  /* clear: #333; */
}

.textbox:hover .mask2_title ,
.textbox:hover .mask2_txt {
  color: #fff;
}
.textbox:hover .mask2_line{
  background: #fff;
}
.textbox:hover + .aa > .mask1_title,
.textbox:hover + .aa > .mask1_txt {
  color: #333 !important;
}
.textbox:hover + .aa > .mask1_line{
  background: #333 !important;
}


/*  华农智联简介 */
.com_intr h1{
  margin: .533333rem 0 .426667rem 0;
  text-align: center;
  font-size: .426667rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #333333;
}

.com_body {
  width: 100%;
  background-color: #fff;
}

.com_body .com_title {
  width: 100%;
  height: 4.266667rem;
  line-height: 4.266667rem;
  text-align: center;
  background: url('../image/intro.png') no-repeat;
  background-size: 100% 100%;
}
.com_title .bw{
  font-size: 0.32rem;
font-family: Microsoft YaHei;
font-weight: 400;
position: absolute;
top: 15rem;
color: #3A68B4;

}
.com_body .com_title>h1 {
  width: 7.81rem;
  height: 0.37rem;
  font-size: 0.37rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #FFFFFF;
  margin-left:1.08rem ;
  /* position: absolute;
top: 14.98rem; */

}


.com_body .com_textbox {
  padding: .386667rem .32rem;
}
.com_body .com_textbox p {
  text-indent: 2em;
  font-size: .37rem;
  font-family: PingFang SC;
  /* font-weight: 400; */
  color: #666666;
  line-height: .64rem;
}

/*  合作伙伴 */
.partnerShip h1{
  margin: 0 .52rem 0 .426667rem;
  text-align: center;
  font-size: .426667rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #333333;
}

.partner_body {
  width: 100%;
  height: 5.563333rem;
  margin: .533333rem 0;
  background: url('../image/partner.png') no-repeat;
  background-size: 100% 100%;
}
.partn1_body img{
  width:1.67rem ;
  height: 1.92rem;
}

.contact_us h1 {
  margin: 0 .52rem 0 .426667rem;
  text-align: center;
  font-size: .426667rem;
  font-family: Microsoft YaHei;
  font-weight: bold;
  color: #333333;
}

.contact_body {
  padding: 0 .32rem;
}

.contact_item {
  float: left;
  margin-bottom: .32rem;
  width: 4.52rem;
  text-align: center;
  height: 3.306667rem;
  border: 1px solid #DDDDDD;
}
.contact_item p{
  line-height: .5rem;
}

.contact_item:nth-child(2n+1) {
  margin-right: .32rem;
}

.contact_item .img {
  margin: .36667rem auto;
  width: 1.066667rem;
  height: 1.066667rem;

  border: 1px dashed transparent;
  /* background: linear-gradient(white,white) padding-box,
  repeating-linear-gradient(-45deg,#ccc 0, #ccc 0.15em,white 0,white 0.35em) */
}

.contact_item .img img {
  width: 100%;

}

.com_addr h1{
  /* margin: .266667rem  .413333rem; */
  text-align: center;
  font-size: .426667rem;
  font-family: Microsoft YaHei;
  font-weight: bold;
  color: #333333;
  margin-top: 2rem !important;
}

.com_addrbody {
  padding: 0 .32rem;
}

.com_addr_item {
  margin-bottom: .32rem;
  padding: .32rem .21rem;
  width: 9.36rem;
  height: 1.71rem;
  border: 1px solid#DDDDDD;
  margin-left: .3rem;
}
.com_active{
  margin-bottom: .32rem;
  padding: .32rem .21rem;
  width: 9.36rem;
  height: 1.71rem;
  border: unset;
  margin-left: .3rem;
  /* -webkit-box-shadow: #666 0px 0px 10px;
   -moz-box-shadow: #666 0px 0px 10px; */
   box-shadow:  0px 0px 10px rgba(102, 102, 102, 0.3);
   background: #feffff;

  
}

.com_addr_item .img_box{
  float: left;
  margin-right: .35rem;
  width: 1.07rem;
  height: 1.07rem;
  border-radius: .11rem;
}

.com_addr_item .img_box img {
  width: 100%;
}

.com_addr_item .text_box {
  height: 1.07rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.com_addr_item .text_box h2 {
  font-size: .4rem;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #333333;
}

.com_addr_item .text_box p {
  /* font-size: .373333rem; */
  font-family: PingFang SC;
  /* font-weight: 500; */
  color: #999999;
}

.com_addrbody #map {
  width: 9.36rem;
  height: 4.03rem;
  background-color: #fff;
}


/* 地图 */
.add_GPS{
  width: 9.36rem;
  height: 4.03rem;
}
.maptexted {
  background: #2967cc;
  color: #fff;
  position: relative;
}
.maptexted .msg-derect {
  position: absolute;
  bottom: -7px;
  left: 0;
  right: 0;
  width: 0px;
  height: 0px;
  border-width: 10px;
  border-style: solid;
  border-color: red transparent transparent transparent;
}

/* 合作伙伴 */
.one_floor{
  position: absolute;
  left: 4%;
  top: 28.6rem;
  float: left;
}
.two_floor{
  position: absolute;
  /* left: 12%; */
  margin-left: 1.45rem;
  top: 29.6rem;
  float: left;
}
.three_floor{
  position: absolute;
  /* left: 12%; */
  left: 4%;
  top: 30.6rem;
  float: left;
}
.four_floor{
  position: absolute;
  /* left: 12%; */
  left: 14.3%;
  top: 31.6rem;
  float: left;
}
.bengbu{
  position: relative;
  width: 1.9rem;
  height: 1.8rem;
  background: url("../image/bengbu.png") no-repeat;
  background-size: 100% 100%;
  float: left;
  margin-right: .2rem;
  text-align: center;
  display: flex;
  align-items: center;
  line-height: .37rem;
}
.hengchang{
  position: relative;
  width: 1.9rem;
  height: 1.8rem;
  background: url("../image/hengchang.png") no-repeat;
  background-size: 100% 100%;
  float: left;
  margin-right: .2rem;
  text-align: center;
  display: flex;
  align-items: center;
  line-height: .37rem;
}
.hongqi{
  position: relative;
  width: 1.9rem;
  height: 1.8rem;
  background: url("../image/hongqi.png") no-repeat;
  background-size: 100% 100%;
  float: left;
  margin-right: .2rem;
  text-align: center;
  display: flex;
  align-items: center;
  line-height: .37rem;
}
.huayi{
  position: relative;
  width: 1.9rem;
  height: 1.8rem;
  background: url("../image/huayi.png") no-repeat;
  background-size: 100% 100%;
  float: left;
  margin-right: .2rem;
  text-align: center;
  display: flex;
  align-items: center;
  line-height: .37rem;
}
.jinhong{
  position: relative;
  width: 1.9rem;
  height: 1.8rem;
  background: url("../image/jinhong1.png") no-repeat;
  background-size: 100% 100%;
  float: left;
  margin-right: .2rem;
  text-align: center;
  display: flex;
  align-items: center;
  line-height: .37rem;
}
.longsheng{
  position: relative;
  width: 1.9rem;
  height: 1.8rem;
  background: url("../image/longsheng.png") no-repeat;
  background-size: 100% 100%;
  float: left;
  margin-right: .2rem;
  text-align: center;
  display: flex;
  align-items: center;
  line-height: .37rem;
}
.fangzheng{
  position: relative;
  width: 1.9rem;
  height: 1.8rem;
  background: url("../image/fangzheng.png") no-repeat;
  background-size: 100% 100%;
  float: left;
  margin-right: .2rem;
  text-align: center;
  display: flex;
  align-items: center;
  line-height: .37rem;
}
.shanli{
  position: relative;
  width: 1.9rem;
  height: 1.8rem;
  background: url("../image/shanli.png") no-repeat;
  background-size: 100% 100%;
  float: left;
  margin-right: .2rem;
  text-align: center;
  display: flex;
  align-items: center;
  line-height: .37rem;
}
.xingye{
  position: relative;
  width: 1.9rem;
  height: 1.8rem;
  background: url("../image/xingye.png") no-repeat;
  background-size: 100% 100%;
  float: left;
  margin-right: .2rem;
  text-align: center;
  display: flex;
  align-items: center;
  line-height: .37rem;
}
.bg_pic{
  position: relative;
  width: 1.9rem;
  height: 1.8rem;
  background: url("../image/compony.png") no-repeat;
  background-size: 100% 100%;
  float: left;
  margin-right: .2rem;
  text-align: center;
  display: flex;
  align-items: center;
  line-height: .37rem;
  
}
.bg_pic div{
  width: 2rem;
  position: absolute;
  top: 30%;
  /* left: 5%; */
}
.bg_pic p{
  font-weight: bold;
  font-size: .24rem !important;
  color: #004c98;
  margin:0.3rem auto;
  line-height: .3rem;
}
/* .two_floor .bg_pic img{
  width: 1rem;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50% , -50%);
} */
.bg_pic img{
  width: 1.4rem;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50% , -50%);
}
.pic{
  width: 1.4rem;
    position: absolute;
    left: 1.45rem;
    top: 29.1rem;
  
  /* height: 1rem; */
}
.pic1{
  width: 1.25rem;
  position: absolute;
  left: 3.35rem;
  top:28.9rem;
}
.pic2{
  width: 1.14rem;
  position: absolute;
  left: 5.26rem;
  top: 28.85rem;
}
.pic3{
  width: 1.4rem;
  position: absolute;
  left: 6.99rem;
  top: 29.2rem;
}
.pic4{
  width: .8rem;
  position: absolute;
  left: .85rem;
  top: 30.42rem;
}
.pic5{
  width: 1.16rem;
  position: absolute;
  left: 2.53rem;
  top: 30.4rem;
}
.pic6{
  width: 1.2rem;
  position: absolute;
  left: 4.35rem;
  top: 30.43rem;
}
.pic7{
  width: 1.5rem;
  position: absolute;
  left: 6.06rem;
  top: 30.68rem;
}
.pic8{
  width: 1.03rem;
  position: absolute;
  left: 8.1rem;
  top: 30.54rem;
}
.partner_body .txt{
  color: #004c98;
  font-size: .24rem !important;
  position: absolute;
  left: 1.45rem;
  top: 32.3rem;
  text-align: center;
  font-weight: bold;
}
.partner_body .txt1{
  color: #004c98;
  font-size: .24rem !important;
  position: absolute;
  left:3.51rem;
  top: 32.1rem;
  text-align: center;
  font-weight: bold;
}
.partner_body .txt2{
  color: #004c98;
  font-size: .24rem !important;
  position: absolute;
  left:5.11rem;
  top: 32.1rem;
  text-align: center;
  font-weight: bold;
}
.partner_body .txt3{
  color: #004c98;
  font-size: .24rem !important;
  position: absolute;
  left: 7.21rem;
  top: 32.1rem;
  text-align: center;
  font-weight: bold;
}

/* 内容自升 */
.banner .title,.banner .line_img ,.banner .title_ES{
  margin-top: .7rem;
  opacity: 0;
}
.nav2,.nav3,.nav4,.nav5{
  margin-top: .7rem;
  opacity: 0;
}