/* banner样式 */

.xfor_5G_banner {
  background: url('../../include/images/xfor5G_banner.jpg') no-repeat;
  max-height: 1008px;
}

.xfor_5G_banner .container {
  top: 30%;
}
.layout_one,.layout_two,.layout_two_right,.layout_two_left {
  overflow: hidden !important;
}
.layout_one:hover .bg_content,
.layout_two:hover .bg_content  {
  transform: scale(1.05);
}



.pc_visible{
  display:block
}
.mobile_visible{
  display: none;
}

.xfor_5G_banner .container .font-16 {
  color: rgba(255, 255, 255, 0.7);
  line-height: 24px;
}

/* 主体内容区样式 */
.layout_container {
  background: #1f2431;
  margin-bottom: -1px;
}

.main_container {
  margin: 0 auto;
  padding-bottom: 120px;
  max-width: 1200px;
  margin-top: -508px;
}

.show_image {
  display: block;
}

/* 布局一样式 */
.layout_one {
  color: #fff;
  width: 100%;
  height: 460px;
  position: relative;
}

.layout_one>.bg_content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: all .3s ease;
}

.layout_one .layout_one_content {
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.relaze_more {
  display:inline-block;
  vertical-align: middle;
  padding-right: 6px;
}
.relaze_more_a .pc_img {
  display:inline-block;
  vertical-align: middle;
  margin-bottom: 2px;
  margin-left: 6px;
}

.layout_one .layout_one_content p {
  margin: 12px auto 24px;
  max-width: 664px;
  width: 100%;
  color: rgba(255, 255, 255, 0.7);
}

.layout_one .layout_one_content {
  display: block;
}

.layout_one .layout_one_content a,
.layout_two .layout_two_left .layout_two_content a,
.layout_two .layout_two_right .layout_two_content a{
  color: #fff;
  background: #147bd1;
  width: 104px;
  height:36px;
  display: inline-block;
  line-height: 36px;
}
.layout_two .layout_two_left .layout_two_content a,
.layout_two .layout_two_right .layout_two_content a {
  line-height: 34px;
}
/* 布局二样式 */
.layout_two {
  height: 460px;
}

.layout_two .layout_two_left {
  float: left;
  height: 100%;
  position: relative;
}

.layout_two .layout_two_right {
  float: right;
  height: 100%;
  position: relative;
}

.layout_two .layout_two_left .bg_content,
.layout_two .layout_two_right .bg_content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: all .3s ease;
}

.layout_two .layout_two_left .layout_two_content,
.layout_two .layout_two_right .layout_two_content {
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #fff;
  float: left;
}

.layout_two .layout_two_content h5 {
  max-width: 440px;
  margin: 0 auto;
}

.layout_two .layout_two_content p {
  margin: 12px auto 24px;
  max-width: 440px;
  width: 100%;
  color: rgba(255, 255, 255, 0.7);
}

.layout_two .layout_two_content>div {
  max-width: 440px;
  margin: 0 auto;
}

.layout_two .layout_two_left .layout_two_content a,
.layout_two .layout_two_right .layout_two_content a {
  background: none;
  color: #fff;
  float: left;
  border: 1px solid rgba(255, 255, 255, 0.6);
}

.layout_two .layout_two_left .layout_two_content a img,
.layout_two .layout_two_right .layout_two_content a img {
  width: 8px;
  height: 12px;
  position: static;
}

.mb-80 {
  margin-bottom: 80px;
}



/* 公司动态 */
.event {
  padding: 58px 0;
  width: 100%;
  background: #191d24;
}

.index_title {
  overflow: hidden;
}

.index_title h5 {
  line-height: 45px;
  text-align: center;
  color: rgba(0, 0, 0, 0.85);
}

.index_title h5 a {
  color: #fff;
}

.index_title .event_more span {
  color: rgba(255, 255, 255, 1)
}

.index_title .event_more:hover span {
  color: rgba(255, 255, 255, 1) !important;
}


.event_more {
  line-height: 45px;
  float: right;

}
.event_more {
  line-height: 45px;
  float: right;
  color: rgba(255, 255, 255, 0.7) !important;
}

.event_more:hover {
  color: rgba(255, 255, 255, 1) !important;
}
.index_title .event_more span,
.event .card_text,
.event .card_assist {
  color: rgba(255, 255, 255, 0.7) !important;
}

.event .card_title,
.event .card_text,
.event .card_assist {
  color: #fff;
}


/* 媒体查询节点/媒體査詢節點 */
@media screen and (min-width: 1200px) {
  .banner_title-60 {
    font-size: 60px;
    line-height: 60px;
  }

  .xfor_5G_banner .container {
    top: 26%;
  }
  .event{
    margin-bottom: -1px;
  }

  .last-dateDB{
    height: 524px !important;
  }
  
  .layout_two_left, .layout_two_right, .layout_one{
    overflow: hidden
  }
  .layout_two:hover img, .layout_one:hover img{
    transform: scale(1.1);
  }
  .layout_two img, .layout_one img {
    transition: all .5s ease;
  }

  .banner_content h5 {
    margin-top: 12px !important;
  }

  .xfor_5G_banner {
    height: 1008px !important;
  }
}  


@media screen and (min-width: 1025px) and (max-width: 1199px) {
  .banner_title-60{
    font-size: 56px;
    line-height: 56px;
  }

  .event{
    margin-bottom: -1px;
  }

  .layout_one .layout_one_content p{
    max-width: 560px;
  }

  .xfor_5G_banner {
    height: 544px !important;
    background-position-y: 10% !important;
  }

  .xfor_5G_banner .container {
    top: 37%;
}

  .xfor_5G_banner .container .font-40 {
    line-height: 32px;
  }

  .xfor_5G_banner .container .font-16 {
    line-height: 24px;
  }

  .layout_container {
    /* padding: 0 39px; */
  }

  .main_container {
    width: 90vw;
    margin: -150px auto 0;
  }

  .layout_one {
    height: 420px;
  }

  .layout_one .layout_one_content p {
    max-width: 460px;
  }

  .layout_one .layout_one_content div span,
  .layout_two .layout_two_content div span {
    /* line-height: 36px; */
    /* display: block; */
  }

  .layout_one .layout_one_content div span img,
  .layout_two .layout_two_content div span img {
    /* line-height: 36px; */
    display: inline-block;
  }

  .layout_one .font-40 {
    line-height: 28px;
  }

  .layout_two {
    height: 420px;
  }
  .last-dateDB{
    height: 484px !important;
  }

  .layout_two .layout_two_content {
    padding: 0 56px;
  }

  .layout_two .layout_two_content .font-32 {
    line-height: 28px;
  }

  .mb-80 {
    margin-bottom: 40px;
  }
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
  .banner_title-60{
    font-size: 48px;
    line-height: 48px;
  }

  .event{
    margin-bottom: -1px;
  }

  .xfor_5G_banner .container {
    top: 36%;
}

  .xfor_5G_banner {
    background-position-y: 10% !important;
  }

  .xfor_5G_banner {
    height: 480px !important;
  }

  .xfor_5G_banner .container .font-40 {
    line-height: 32px;
  }

  .xfor_5G_banner .container .font-40 {
    top: 34%;
  }

  .xfor_5G_banner .container .font-16 {
    line-height: 24px;
  }

  .layout_container {
    /* padding: 0 39px; */
  }

  .main_container {
    width: 90vw;
    margin: -150px auto 0;
    padding-bottom: 80px;
  }

  .layout_one {
    height: 384px;
  }

  .layout_one .layout_one_content p {
    max-width: 460px;
  }

  .layout_one .layout_one_content div span,
  .layout_two .layout_two_content div span {
    /* line-height: 36px; */
    /* display: block; */
  }

  .layout_one .layout_one_content div span img,
  .layout_two .layout_two_content div span img {
    /* line-height: 36px; */
    display: inline-block;
  }

  .layout_one .font-40 {
    line-height: 28px;
  }


  .layout_two {
    height: 384px;
  }
  .last-dateDB{
    height: 448px !important;
  }

  .layout_two .layout_two_content {
    padding: 0 40px;
  }

  .layout_two .layout_two_content .font-32 {
    line-height: 28px;
  }

  .mb-80 {
    margin-bottom: 40px;
  }
}

@media screen and (min-width: 320px) and (max-width: 767px) {
  .layout_two .layout_two_right .bg_content {
    display: none !important;
  }
  body .xfor_5G_banner {
    height: 320px !important;
    background-size: 100% 100%;
    background-position-x: 30% !important;
  }
  .event_more img {
    width: 8px;
    height: 12px;
    margin-left: 6px;
    margin-bottom: 2px;
  }
  .layout_two .layout_two_content h5 {
    margin: 0 0 4px 0;
    text-align: left;
  }
  .event{
    margin-bottom: -1px;
  }

  .pc_visible{
    display:none
  }
  .mobile_visible{
    display: block;
  }
  
  .layout_two .layout_two_right{
    height: auto;
  }

  .layout_two .layout_two_left .layout_two_content a,
  .layout_two .layout_two_right .layout_two_content a,
  .layout_one_content a {
    padding: 0 !important;
    color: #fff !important;
  }

  .relaze_box {
    margin-top: 8px !important;
  }
  .layout_two_content 

  .relaze_more_a {
    margin-top: 8px;
  }

  .xfor_5G_banner .container {
    margin: 0 auto;
    position: relative;
    top: 96px !important;
    transform: translateY(0%);
  }

  .xfor_5G_banner .container .text-center {
    text-align: left;
  }

  .xfor_5G_banner .container .font-40 {
    line-height: 28px;
    margin: 0 auto 6px !important;
  }

  .xfor_5G_banner .container .font-16 {
    line-height: 24px;
  }

  .layout_container {
    background: #1F2431;
  }

  .main_container {
    width: 90vw;
    margin: 0 auto;
    margin-bottom: 0;
    padding-bottom: 0;
    margin-top: -80px;
  }

  .show_image {
    display: none;
  }

  .relaze_more_a a {
    padding: 0;
  }

  .layout_one {
    /* height: 262px; */
    height: 100% !important;
  }

  .layout_one .bg_content {
    height: 224px !important;
    display: block;
    position: static;
    top: 0;
    left: 0;
  }

  .layout_one_content h5,
  .layout_two_content h5 {
    font-size: 20px !important;
    line-height: 28px !important;
    margin-bottom: 4px;
  }

  .layout_one .layout_one_content p,
  .layout_two .layout_two_content p {
    line-height: 22px;
  }

  .layout_one .layout_one_content,
  .layout_two .layout_two_right .layout_two_content {
    position: static !important;
    top: 0;
    left: 0;
    transform: none;
    width: 100%;
    margin-top: 16px !important;
  }

  .layout_one .layout_one_content a {
    background: transparent;
  }

  .layout_two .layout_two_left .layout_two_content a,
  .layout_two .layout_two_right .layout_two_content a {
    line-height: 22px;
  }

  .layout_one .layout_one_content p,
  .layout_two .layout_two_content p {
    /* margin: 8px 0 !important; */
  }

  .layout_one .text-center,
  .layout_two .text-center {
    text-align: left;
  }

  .layout_one .font-16,
  .layout_two .layout_two_content .font-16 {
    /* color: rgba(255, 255, 255, 0.7) !important; */
    text-align: left;
    margin: 0;
  }

  .layout_one .font-40,
  .layout_two .layout_two_content .font-32 {
    color: #fff !important;
  }

  .layout_one div.text-center,
  .layout_two div.text-center {
    margin-top: 8px !important;
  }

  .layout_one,
  .layout_two {
    padding-bottom: 40px;
  }

  .layout_one .text-center a,
  .layout_two .text-center a {
    margin: 0;
    line-height: 22px;
  }

  .layout_one .layout_one_content p {
    margin: 0;
  }



  .layout_two {
    height: 100%;
  }

  .layout_two .bg_content {
    height: 240px;
    display: block;
  }

  .layout_two .layout_two_left {
    height: 224px;
  }

  .layout_two .layout_two_right .layout_two_content a,
  .layout_two .layout_two_left .layout_two_content a {
    border: none;
  }

  .layout_two .layout_two_right .bg_content {
    height: 240px !important;
    position: static;
  }

  .layout_two .layout_two_left.h-152 {
    height: 152px !important;
    margin-top: 258px;
  }

  .layout_two .layout_two_right.top-to-down {
    margin-top: -400px;
  }

  .layout_two.mb-80 {
    margin-bottom: 0;
  }

  .layout_one .text-center span,
  .layout_two .text-center span {
    color: #fff;
  }

  .layout_two .layout_two_content>div {
    margin: 0;
  }

  .layout_two .layout_two_content p {
    max-width: 100% !important;
  }

  .layout_one .pc_img,
  .layout_two .pc_img {
    display: inline !important;
  }

  .layout_two .show_image {
    display: none !important;

  }
  .layout_one .layout_one_content a, .layout_two .layout_two_left .layout_two_content a, .layout_two .layout_two_right .layout_two_content a {
    height: auto;
  }
}


/* 企业动态媒体查询 */
@media screen and (min-width: 768px) {
  .event {
    padding: 87px 0;
  }
}

@media screen and (min-width: 992px) {
  .event {
    padding: 101px 0;
  }
}

@media screen and (min-width: 1200px) {
  .event {
    padding: 100px 0 109px;
  }
}