@font-face {
  font-family: '方正楷体';
  src: url('../fonts/方正行楷简体.ttf');
}

html,
body {
  width: 100%;
  height: 100%;
}

/*html { -webkit-text-size-adjust: none; }*/

.top {
  height: 58px;
  align-items: center;
  display: flex;
  z-index: 1030;
  position: fixed;
  top: 0;
  width: 100%;
  background-color: #1E2430;
}

.menu {
  justify-content: space-around;
  display: flex;

}

.menu_lable {
  font-size: 1.2vw;
  font-family: "微软雅黑";
  font-weight: bold;
  color: white;
}


a:hover {
  text-decoration: none;
}

a:visited {
  text-decoration: none;
}

a:active {
  text-decoration: none;
}

a {
  text-decoration: none;
}

/* .menu_lable:hover {
	border-bottom: 1px #999 solid;
} */

.label1 {
  font-size: 27px;
  font-weight: 600;
  /* font-size: 1.9vw; */
  font-family: "微软雅黑";
  color: #1b1b1b;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}

.h_item {
  width: 100%;
  display: flex;
  flex-direction: column;
  color: white;
  align-content: center;
  margin-top: 30px;
}

.one-label {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.two-label {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

.hx_label1 {
  position: absolute;
  display: flex;
  font-size: 1.9vw;
  font-family: "微软雅黑";
  color: white;
  text-align: center;
  width: 100%;
}

.label2 {
  font-size: 14px;
  font-family: "微软雅黑";
  color: #434343;
  text-align: center;
  width: 100%;
}

.table {
  width: 100%;
  height: 70%;
  margin-top: 5%;
}

.table-left {
  height: 100%;
  width: 20%;
  float: left;
  background-color: white;
}

.table-right {
  float: left;
  display: flex;
  position: relative;
  border-right: 2px solid white;
  width: 32%;
  height: 150%;
  margin-top: 10px;
  margin-left: 1.3%;
  text-align: center;
  justify-content: center;
  background-color: #F5F5F5;
}

.table-right div.t-label1,
.table-right div.t-label2 {
  color: #000000;
}

.table-cell {
  height: 33.33333%;
  width: 100%;
  float: left;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 0 15px;
}

.table-cell:hover,
.table-cell3:hover {
  background-color: #000000;
  color: white;
}

.table-cell:hover div,
.table-cell3:hover div {
  color: white;
}

.table-cell:hover div.img {
  background: url(../img/huojia2.png) center center no-repeat;
}

.table-cell3:hover div.img2 {
  background: url(../img/ketang2.png) center center no-repeat;
}

.table-cell3:hover div.img3 {
  background: url(../img/zhibo2.png) center center no-repeat;
}

.table-cell3:hover div.img4 {
  background: url(../img/kuangshan2.png) center center no-repeat;
}

.table-cell3:hover div.img5 {
  background: url(../img/xiezuo2.png) center center no-repeat;
}

.table-cell3:hover div.img6 {
  background: url(../img/peixun2.png) center center no-repeat;
}

.table-cell3:hover div.img7 {
  background: url(../img/menzhen2.png) center center no-repeat;
}

.table-cell3:hover div.img8 {
  background: url(../img/shiyi2.png) center center no-repeat;
}

.table-cell3:hover div.img9 {
  background: url(../img/jiance2.png) center center no-repeat;
}

.table-cell3:hover div.img9 {
  background: url(../img/jiance2.png) center center no-repeat;
}

.img-s {
  height: 40%;
  width: 100%;
  text-align: center;
}

.img {
  background: url(../img/huojia.png) center center no-repeat;
  background-size: contain;
}

.img2 {
  background: url(../img/ketang.png) center center no-repeat;
  background-size: contain;
}

.img3 {
  background: url(../img/zhibo.png) center center no-repeat;
  background-size: contain;
}

.img4 {
  background: url(../img/kuangshan.png) center center no-repeat;
  background-size: contain;
}

.img5 {
  background: url(../img/xiezuo.png) center center no-repeat;
  background-size: contain;
}

.img6 {
  background: url(../img/peixun.png) center center no-repeat;
  background-size: contain;
}

.img7 {
  background: url(../img/menzhen.png) center center no-repeat;
  background-size: contain;
}

.img8 {
  background: url(../img/shiyi.png) center center no-repeat;
  background-size: contain;
}

.img9 {
  background: url(../img/jiance.png) center center no-repeat;
  background-size: contain;
}

.table-cell2 {
  width: 100%;
  float: left;
  /*display: flex;*/
  /*text-align: justify;*/
  padding: 0 15px;
  background-color: white;
  text-align: left;
  cursor: move;
  min-height: 100px;
  position: relative;
  vertical-align: top;
  display: inline-block;
}

.table-cell3 {
  background-color: #BABABA;
  height: 134px;
  width: 100%;
  float: left;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: justify;
}

.table-cell4 {
  background-color: #E5E5E5;
  height: 66.6666%;
  width: 100%;
  float: left;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: justify;
}

.t-label1 {
  font-size: 1vw;
  font-family: "微软雅黑";
  color: #1b1b1b;
  text-align: center;
  font-weight: bold;
  padding-top: 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.t-label2 {
  text-align: left;
  width: 100%;
  font-size: 0.7vw;
  font-family: "微软雅黑";
  color: #757575;
  /*padding: 3% 10px;*/
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

.t-label5 {
  font-size: 0.7vw;
  font-family: "微软雅黑";
  color: #757575;
  height: 85%;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;
  overflow: hidden;
}

.t-label6 {
  font-size: 0.8vw;
  font-family: '微软雅黑';
  color: #b90109;
  font-weight: bold;
  width: 100%;
  text-align: center;
}

.t-label3 {
  font-size: 0.8vw;
  font-family: '微软雅黑';
  color: #b90109;
  font-weight: bold;
  width: 100%;
  /*height: 15%;*/
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.t-label4 {
  font-size: 0.6vw;
  font-family: '微软雅黑';
  color: #ABABAB;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

.hx-item {
  height: 100%;
  width: 33.33333%;
  float: left;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: justify;
  padding: 0 6%;
}

.hx-label1 {
  margin-top: 4%;
  color: white;
  font-size: 20px;
  font-weight: 600;
  font-family: '微软雅黑';
  text-align: center;
}

.hx-label2 {
  margin-top: 4%;
  color: white;
  font-size: 13px;
  font-family: '微软雅黑';
}

.industry {
  width: 90%;
  display: flex;
  align-items: flex-end;
  justify-content: space-around;
  border-bottom: 2px solid #E4E4E4;
  font-size: 14px;
  font-family: '微软雅黑';
  color: #1b1b1b;
  font-weight: bold;
  padding: 0 12%;
}

.content {
  width: 100%;
  height: 80%;
  margin-top: 2%;
  display: flex;
  justify-content: space-between;
}

.case {
  float: left;
  height: 100%;
  width: 32%;
  line-height: 25px;
}

.focus {
  border-bottom: 2px solid #F58D8F;
}

.item {
  width: 100%;
  height: 100%;
}

.end-label {
  color: white;
  font-size: 0.8vw;
  font-family: '微软雅黑';
}

.us-end-icon {
  width: 30%;
  float: left;
  display: flex;
  align-items: center;
  justify-content: center;
}

.all-center {
  display: flex;
  ;
  justify-content: center;
  align-items: center;
}

* {
  padding: 0px;
  margin: 0px;
}

#flash {
  width: 100%;
  height: 100%;
  position: relative;
  float: left;
}

#flash #play {
  width: 100%;
  height: 100%;
  list-style: none;
  float: left;
}

#flash #play li {
  display: none;
  float: left;
  top: 0px;
  left: 0px;
  width: 100%;
}

#flash #play li img {
  float: left;
  width: 100%;
  max-height: 937px;
}

#button {
  position: absolute;
  bottom: 5%;
  left: 45%;
  list-style: none;
  width: 15%;
}

#button li {
  margin-left: 10%;
  float: left;
}

#button li div {
  width: 6px;
  height: 6px;
  background: #DDDDDD;
  border-radius: 6px;
  cursor: pointer;
}

#prev {
  position: absolute;
  top: 45%;
  left: 10px;
  z-index: 1000;
  text-align: left;
}

#next {
  position: absolute;
  top: 45%;
  right: 10px;
  z-index: 1000;
  text-align: right;
}