/*
 * @Description: 产业结构详情css
 * @Version: 2.0
 * @Date: 2020-05-15 16:02:24
 * @LastEditors: *
 * @LastEditTime: 2020-06-30 11:58:27
 */

* {
  margin: 0px;
  padding: 0px;
  /* font-size: 15px; */
}

a {
  text-decoration: none;
}

a:hover,
a:focus {
  /* color: #666666; */
  text-decoration: none;
}

@font-face {
  font-family: MyFontName;
  src: url()
}

@font-face {
  font-family: YouSheTitleName;
  src: url()
}

@font-face {
  font-family: 'iconfont';
  src: url('');
  src: url('') format('embedded-opentype'),
    url('') format('woff2'),
    url('') format('woff'),
    url('') format('truetype'),
    url('') format('svg');
}

.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

body {
  font-family: MyFontName;
}

/* 新闻中心背景图 */
/* .new-center {
  position: relative;
  width: 100%;
  height: 600px;
  top: 80px;
  min-width: 1200px;
} */

.new-center img {
  /* position: absolute;
  width: 100%; */
  /* height: 600px; */
}

/* content */
.content {
  min-width: 1200px;
  /* width: 1300px;
  margin: 0 auto; */
  margin-bottom: 60px;
  margin-top: -1px;
}

/* 新闻中心列表内容 */
.center-list {
  /* padding-top: 50px; */
  width: 100%;
  display: none;
  margin-top: 65px;
  overflow: hidden;
  position: relative;
  padding-bottom: 20px;
  margin-top: 70px;
  width: 1400px;
  margin: 0 auto;
  margin-top: 50px;
}

.center-list-background {
  display: none;
}

/* 高端装备制造业务 */
.industrialSru-desc {
  font-size: 16px;
  color: #666666;
  line-height: 30px;
}

.industrialSru-desc p{
  font-size: 16px !important;
  color: #666666 !important;
  line-height: 30px !important;
}

.industrialSru-desc span{
  font-size: 16px !important;
  color: #666666 !important;
  line-height: 30px !important;
}

.industrialSru-stake-company {
  margin-top: 38px;
}

.stake-company-title {
  font-size: 24px;
  color: #223343;
  border-bottom: 5px solid #0054A7;
  width: 180px;
  margin-bottom: 45px;
  padding-bottom: 6px;
}

.stake-company-list {
  position: relative;
  overflow: hidden;
}

.company-list-span {
  width: 210px;
  float: left;
  height: 315px;
  position: relative;
  margin-bottom: 40px;
  margin-right: 87px;
  cursor: pointer;
}

.company-list-span:nth-child(5n) {
  float: right;
  margin-right: 0px;
}

.list-span-icon {
  height: 210px;
  position: relative;
  overflow: hidden;
  border-radius: 110px;
}

.list-span-icon img {
  /* width: 100%;
  height: 100%;
  border-radius: 105px; */
  margin-left: -70px;
}

.nocursor{
  cursor: default;
}

.span-icon-mongolia {
  transition: background-color .5s linear;
  -moz-transition: background-color .5s linear;
  -webkit-transition: background-color .5s linear;
  -o-transition: background-color .5s linear;
  visibility: hidden;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  border-radius: 105px;
}
.list-span-name {
  margin-top: 15px;
  text-align: center;
  font-size: 18px;
  color: #223343;
}

/* 多媒体与智慧照明业务 */
.dmtzh-introduce-span {
  position: relative;
    overflow: hidden;
}
.introduce-img {
  /* cursor: pointer; */
  width: 628px;
  height: 353px;
  float: left;
  overflow: hidden;
}
.introduce-img img:hover {
  transform: scale(1);
}
.introduce-img-odd {
  float: right;
}
.introduce-img img {
  transform: scale(1.1);
  width: 100%;
  transition: transform .2s linear;
  -moz-transition: transform .2s linear;
  -webkit-transition: transform .2s linear;
  -o-transition: transform .2s linear;
  height: 100%;
}
.introduce-text {
  float: right;
  background: #F9FAFC;
  width: 771px;
  padding: 6% 72px;
  height: 353px;
  line-height: 30px;
  color: #666666;
  font-size: 16px;
}
.introduce-text-odd {
  background: #F2F4F8;
    float: left;
}

/* 弹出层 */
.company-mask-info {
  display: none;
}
.company-mask {
  display: none;
  position: fixed;
  width: 100vw;
  height: 100vh;
  background: rgba(0,0,0,.3);
  z-index: 999;
  top: 0;
  left: 0;
}
.show-desc-info {
  display: block;
}
.mask-body {
  animation:mask_show .2s ease-out both;
  -webkit-animation:mask_show .2s ease-out both; /* Safari 和 Chrome */
  width: 1120px;
  height: 560px;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}
@keyframes mask_show
{
  from {top:-100px;}
  to {top:0px;}
}
.mask-body-header {
  background: #0054A8;
  width: 100%;
  line-height: 80px;
  height: 80px;
  color: #ffffff;
  overflow: hidden;
}
.company-title {
  color: #FFFFFF;
  float: left;
  font-size: 18px;
  margin-left: 30px;
}
.header-close {
  float: right;
  margin-right: 30px;
  cursor: pointer;
}
.header-close span {
  font-size: 18px;
}
.mask-body-content {
  background: #ffffff;
  /* height: 480px; */
  overflow: hidden;
  padding: 40px 50px;
}
.body-content-icon {
  width: 350px;
  height: 230px;
  float: left;
  background: #D8D8D8;
}
.body-content-icon img {
  width: 100%;
  height: 100%;
}
.body-content-info {
  width: 60%;
  float: left;
  position: relative;
  height: 230px;
  margin-left: 37px;
}
.body-content-info a {
  color: #666B75;
}
.clear-both {
  clear: both;
}
.content-info-header {
  color: #223343;
  font-size: 24px;
  margin-bottom: 15px;
}
.content-info-desc {
  font-size: 18px;
  width: 100%;
  color: #223343;
}
.cotent-info-href {
  border-radius: 3px;
  position: absolute;
  bottom: 20px;
  font-size: 16px;
  width: 160px;
  cursor: pointer;
  height: 50px;
  border: 1px solid #E8E8E8;
  line-height: 50px;
  text-align: center;
  transition: background-color .5s linear;
  -moz-transition: background-color .5s linear;
  -webkit-transition: background-color .5s linear;
  -o-transition: background-color .5s linear;
}
.cotent-info-href:hover {
  background: #0054A7;
  color: #FFFFFF;
}
.cotent-info-href span {
  margin-right: 10px;
  font-size: 18px;
}
.cotent-info-href-product {
  margin-left: 170px;
}
.body-content-text {
  margin-top: 30px;
  line-height: 30px;
  font-size: 16px;
}
/* 整体布局响应式小于1400px */
@media screen and (max-width: 1400px) {
  .center-list {
    width: 1200px;
  }
  .company-list-span {
    margin-right: 37px;
    height: 300px;
  }
  .mask-body {
    width: 920px;
    height: 500px;
  }
  .introduce-img {
    width: 528px;
  }
  .introduce-text {
    width: 671px;
    /* padding: 115px 39px; */
    padding: 6% 39px;
  }
  .body-content-info {
    width: 50%;
  }
}