body {
  margin: 0;
  padding: 0;
  font-family: "Roboto", sans-serif;
}

#content {
  width: 1920px;
  height: 969px;
  display: flex;
}

#left
{
  width: 410px;
  height: 100%;
}

#l_1
{
  width: 100%;
  height: 115px;
  background-image: url(../images/1980/l_1.jpg);
}
#l_2
{
  width: 100%;
  height: 230px;
  background-image: url(../images/1980/l_2.jpg);
}
#l_3
{
  width: 100%;
  height: 282px;
  background-image: url(../images/1980/l_3.jpg);
}
#l_4
{
  width: 100%;
  height: 271px;
  background-image: url(../images/1980/l_4.jpg);
}
#l_5
{
  width: 100%;
  height: 71px;
  background-image: url(../images/1980/l_5.jpg);
}

.hot{
  width: 100%;
  height: 100%;
}

#right {
  width: 1510px;
  height: 100%;
}

#top {
  width: 100%;
  height: 195px;
  background-image: url(../images/1980/r_top.jpg); 
}
#mid {
  width: 100%;
  height: 703px; 
  display: flex; 
}

#footer{
  width: 100%;
  height: 71px;
  background-image: url(../images/1980/r_footer.jpg); 
}

.prev{
  width: 202px;
  height: 100%;
  background-image: url(../images/1980/r_content_1.jpg);
  position:relative;
}
.prev img{
  position:absolute;
  bottom:45%;
  right:10px;
  margin-right:0px;
  border:0;
}

.next{
  width: 201px;
  height: 100%;
  background-image: url(../images/1980/r_content_3.jpg);
  position:relative;
}
.next img{
  position:absolute;
  bottom:45%;
  left:0px;
  margin-left:0px;
  border:0;
}

.imageshow {
  border: 0px;
  width: 100%;
  height: 100%;
  
}
.wrap_text0 {
  width: 1107px;
  height: 703px;
  background-image: url(../images/1980/r_content_2.jpg);
}

.wrap_text0 h1{
  width: 100%;
  text-align: center;
  font-size: 36px;
}
.wrap_text0 p{
  width: 100%;
  text-align: left;
  font-size: 24px;
  line-height: 38px;
  text-indent: 2em;
}
.wrap_text {
  width: 1107px;
  height: 703px;
  background-image: url(../images/1980/r_content_2.jpg);
}

.wrap_text h1{
  width: 100%;
  text-align: center;
  font-size: 36px;
}
.wrap_text p{
  width: 100%;
  text-align: left;
  font-size: 24px;
  line-height: 58px;
  text-indent: 2em;
}

.wrap_text2 {
  width: 1107px;
  height: 703px;
  background-image: url(../images/1980/r_content_2.jpg);
}

.wrap_text2 h1{
  width: 100%;
  text-align: center;
  font-size: 36px;
}
.wrap_text2 p{
  width: 100%;
  text-align: left;
  font-size: 20px;
  line-height: 36px;
  text-indent: 2em;
}

.wrap {
  /* 展示区域样式 */
  width: 1107px;
  height: 703px;
  display: flex;
  overflow: hidden;
  position: relative;
  background-image: url(../images/1980/r_content_2.jpg);
}

.swipe {
  width: 25000px;
  display: flex;
  position: absolute;
  left: 0;
  /* 给图片变化添加过渡效果，时间不能超过定时器一次的时间，否则会冲突 */
  transition: .8s;
}

/* 被轮播的子元素样式 */
.box {
  width: 1107px;
  min-width:  1107px;
  height: 703px;
  min-height: 703px;
  color: #fff;
  font-size: 14px;
}

.quarter-div {
  width: 530px;
  height: 330px;
  float: left;
  margin: 10px;
  background-color: #666666;
}

.quarter-div img {
  width: 530px;
  height: 260px;
}

.quarter-div p {
  margin: 0;
  font-size: 12px;
  padding-left: 10px;
  padding-right: 10px;
}