@import url(index.css);
.section {
  width: 100%;
  overflow: hidden;
  position: relative;
  max-width: 1024px;
  margin: 10px auto;
}
.section .sec-left {
  width: 185px;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  background-color: #fff;
}
.section .sec-left .news-icon {
  display: inline-block;
  background: url(../images/news-icon.png) 0 0 no-repeat;
  background-size: 66px 85px;
  vertical-align: middle;
  margin-right: 10px;
}
.section .sec-left .icon-1 {
  width: 20px;
  height: 20px;
}
.section .sec-left .icon-2 {
  width: 23px;
  height: 23px;
}
.section .sec-left .icon-3 {
  width: 20px;
  height: 28px;
}
.section .sec-left .f-span .icon-1 {
  background-position: 0 0px;
}
.section .sec-left .f-span .icon-2 {
  background-position: 0px -27px;
}
.section .sec-left .f-span .icon-3 {
  background-position: 3px -56px;
}
.section .sec-left .f-span.active {
  color: #0e64ff;
}
.section .sec-left .f-span.active .icon-1 {
  background-position: -44px 0px;
}
.section .sec-left .f-span.active .icon-2 {
  background-position: -44px -27px;
}
.section .sec-left .f-span.active .icon-3 {
  background-position: -41px -56px;
}
.section .sec-left .f-ul {
  padding-top: 64px;
}
.section .sec-left .f-ul .f-li {
  padding-bottom: 46px;
  text-align: center;
}
.section .sec-left .f-ul .f-li .f-span {
  cursor: pointer;
}
.section .sec-right .r-top {
  background: url(../images/news-banner.jpg) no-repeat 0 0 transparent;
  width: 829px;
  height: 353px;
}
.section .sec-right .r-ul {
  margin-top: 10px;
  background-color: #fff;
}
.section .sec-right .r-ul li {
  padding: 30px 32px 0;
  cursor: pointer;
}
.section .sec-right .r-ul li .li-content {
  width: 100%;
  border-bottom: 1px solid #e5e5e5;
  padding: 0 0 30px;
  position: relative;
}
.section .sec-right .r-ul li .li-content .li-text {
  padding-left: 183px;
}
.section .sec-right .r-ul li .li-content .li-text .h3 {
  font-size: 16px;
  margin-bottom: 16px;
}
.section .sec-right .r-ul li .li-content .li-text .p1 {
  font-size: 12px;
  padding-bottom: 6px;
  border-bottom: 1px solid #e5e5e5;
}
.section .sec-right .r-ul li .li-content .li-text .p2 {
  font-size: 14px;
  line-height: 27px;
}
.section .sec-right .r-ul li .li-content .li-img {
  width: 144px;
  height: 70px;
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -50px;
}
.section .sec-right .r-ul li:last-child .li-content {
  border-bottom: none;
}
.section .sec-right .r-detials {
  padding: 35px;
  background-color: #fff;
  min-height: 300px;
  line-height: 22px;
}
.section .sec-right .r-detials h1 {
  font-size: 17px;
  height: 1em;
  line-height: 1em;
  padding-bottom: 8px;
  width: 100%;
  border-bottom: 1px solid #e5e5e5;
}
.section .sec-right .r-detials .det-time {
  font-size: 12px;
  margin-top: 7px;
  margin-bottom: 13px;
}
.section .sec-right .r-detials .det-img {
  width: 100%;
  margin-bottom: 25px;
}
.section .sec-right-col {
  margin-left: 195px;
}