/*
    公共样式
*/
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
body {
  background-color: #fff;
}
a {
  text-decoration: none;
}
input {
  outline: none;
}
ul li {
  list-style: none;
}
body {
  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
  font-size: 14px;
  color: #000;
  margin: 0;
  padding: 0;
}
.swiper-container {
  position: relative;
  width: 100%;
  height: 100%;
}
.swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.headerFather {
  width: 100%;
  background-color: #fff;
  margin-bottom: 30px;
}
.headerFather .header {
  width: 1200px;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
}

.tougaobtn{
  width: 100px;
  text-align: center;
  display: inline-block ;
  position: absolute;
  box-sizing: border-box;
  height: 30px;
  line-height: 30px;
  padding: 0 10px;
  border-radius: 5px;
  top: 40px;
  right: 180px;
  z-index: 99;
  font-size: 14px;
  color: #ffffff !important;
  cursor: pointer;
  background-color: #53d5e5;
}


.headerFather .header .logo {
  margin-top: 30px;
  float: left;
}
.headerFather .header .logo img {
  float: left;
  /*width: 221px;*/
  /*height: 71px;*/
}
.headerFather .header .search {
  float: left;
  box-sizing: border-box;
  margin-left: 200px;
}
.headerFather .header .search #input {
  float: left;
  margin-top: 40px;
  margin-bottom: 24px;
  width: 343px;
  height: 40px;
  border: solid 1px #e9e9e9;
  border-right: none;
  background-color: #f2f3f3;
  padding-left: 20px;
  color: #999;
  font-size: 16px;
}
.headerFather .header .search #search {
  float: left;
  margin-top: 40px;
  width: 80px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  border: solid 1px #e9e9e9;
  background-color: #e9e9e9;
  color: #999;
  font-size: 16px;
  cursor: pointer;
}
.headerFather .header .right {
  margin-top: 70px;
  float: right;
}
.headerFather .header .right span {
  color: #666;
  font-size: 14px;
  cursor: pointer;
}
.headerFather .header .right i {
  display: inline-block;
  margin: 0 5px;
  margin-top: 13px;
  width: 1px;
  height: 11px;
  background-color: #666;
}
.headerFather .header .right span:hover {
  color: #53d5e5;
}
.navFather {
  width: 100%;
  height: 48px;
  background-color: #53d5e5;
}
.navFather .navs {
  width: 1200px;
  margin: 0 auto;
  display: flex;
}
.navFather .navs a {
  width: 120px;
  height: 48px;
  line-height: 48px;
  text-align: center;
  font-size: 16px;
  color: #fff;
}
.navFather .navs a:hover {
  background-color: #00afc4;
}
.navFather .navs .current {
  background-color: #00afc4;
}
.footerFather {
  width: 100%;
  height: 63px;
  line-height: 63px;
  background-color: #faf8f8;
}
.footerFather .footer {
  width: 1200px;
  margin: 0 auto;
}
.footerFather .footer .indexFooter {
  border-top: 1px solid transparent;
}
.footerFather .footer .indexFooter > div {
  text-align: center;
}
.footerFather .footer .indexFooter > div > a {
  font-size: 16px;
  color: #7a8080;
}
.footerFather .footer .indexFooter > div > i {
  display: inline-block;
  width: 1px;
  height: 13px;
  background-color: #7a8080;
}
.footerFather .footer .indexFooter > p {
  margin-top: 17px;
  font-size: 16px;
  height: 18px;
  text-align: center;
  color: #7a8080;
}
.footerFather .footer .infoFooter {
  height: 63px;
  line-height: 63px;
  font-size: 14px;
}
.footerFather .footer .infoFooter a {
  font-size: 14px;
  display: inline-block;
  color: #7a8080;
}
.footerFather .footer .infoFooter a:hover {
  color: #53d5e5;
}
.footerFather .footer .infoFooter i {
  display: inline-block;
  width: 1px;
  height: 13px;
  background-color: #7a8080;
}
.footerFather .footer .infoFooter span {
  float: right;
  color: #7a8080;
  font-size: 14px;
}
.crumbs {
  margin-top: 30px;
  width: 100%;
  overflow: hidden;
  color: #999999;
  font-size: 14px;
}
.crumbs a {
  float: left;
  color: #999999;
  font-size: 14px;
}
.crumbs span {
  float: left;
  color: #999999;
  font-size: 18px;
  margin: 0 10px;
}
.crumbs h1 {
  float: left;
  font-size: 14px;
  color: #999999;
  font-weight: 400;
  cursor: pointer;
}
.crumbs h2 {
  float: left;
  font-size: 14px;
  font-weight: 400;
  color: #999999;
}
.crumbs a:hover {
  color: #53d5e5;
}
.topIndex {
  width: 100%;
  height: 70px;
  border-bottom: 1px solid #e1e7e7;
  overflow: hidden;
}
.topIndex .left {
  float: left;
}
.topIndex .left img {
  float: left;
  width: 68px;
  height: 55px;
}
.topIndex .left p {
  float: left;
  margin-left: 10px;
  width: 120px;
}
.topIndex .left p span:nth-of-type(1) {
  display: block;
  width: 100%;
  height: 40px;
  overflow: hidden;
  font-size: 30px;
  color: #53d5e5;
}
.topIndex .left p span:nth-of-type(2) {
  display: inline-block;
  width: 300px;
  font-size: 18px;
  color: #4b4d4d;
}
.topIndex .right {
  margin-top: 33px;
  float: right;
  display: flex;
}
.topIndex .right a {
  padding: 0 15px;
  text-align: center;
  padding-bottom: 10px;
  color: #999;
  font-size: 18px;
}
.topIndex .right a:hover {
  color: #53d5e5;
  border-bottom: 2px solid #53d5e5;
}
.topIndex .right .current {
  color: #53d5e5;
  border-bottom: 2px solid #53d5e5;
}
.listContent {
  width: 780px;
  margin-top: 4px;
  background-color: #fff;
  box-sizing: border-box;
}
.listContent li {
  width: 100%;
  padding-top: 24px;
  padding-bottom: 20px;
  border-bottom: 1px solid #f2f3f4;
  overflow: hidden;
}
.listContent li .left1 {
  display: table-cell;
  width: 188px;
  height: 154px;
  overflow: hidden;
}
.listContent li .left1 img {
  display: block;
  width: 188px;
  height: 154px;
  padding-right: 24px;
  transition: transform 1s;
  overflow: hidden;
}
.listContent li .left1 img:hover {
  transform: scale(1.1);
}
.listContent li .right1 {
  display: table-cell;
  vertical-align: top;
  width: 750px;
}
.listContent li .right1 .title {
  color: #333;
  font-size: 24px;
  font-weight: 500;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}
.listContent li .right1 .title:hover {
  color: #53d5e5;
}
.listContent li .right1 .content {
  margin-top: 20px;
  color: #999;
  font-size: 14px;
  min-height: 63px;
  line-height: 24px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}
.listContent li .right1 .content:hover {
  color: #53d5e5;
}
.listContent li .right1 .bottom {
  margin-top: 7px;
  font-size: 14px;
  color: #999;
}
.listContent li .right1 .bottom .time {
  float: right;
}
.listContent li .right1 .bottom .tag {
  float: left;
  color: #999;
  height: 24px;
  line-height: 24px;
  padding: 0 17px;
  background-color: #fef9fa;
  margin-right: 5px;
}
.listContent li .right1 .bottom i {
  float: left;
  width: 1px;
  height: 14px;
  background-color: #999;
  margin: 0 10px;
  margin-top: 3px;
}
.listContent li .right1 .bottom .tag:hover {
  color: #fff;
  background-color: #53d5e5;
}
.listContent li:nth-last-of-type(1) {
  border: none;
}

.colspanIndex {
  width: 1200px;
  margin: 0 auto;
}
.colspanIndex .main1 {
  margin-top: 32px;
  width: 100%;
  display: flex;
}
.colspanIndex .main1 .left {
  width: 792px;
}
.colspanIndex .main1 .left .banner {
  width: 100%;
  height: 396px;
}
.colspanIndex .main1 .left .banner a {
  position: relative;
  width: 100%;
  height: 100%;
}
.colspanIndex .main1 .left .banner a p {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 48px;
  line-height: 48px;
  padding: 0 24px;
  background-color: #000;
  opacity: 0.4;
  font-size: 18px;
  color: #fff;
  text-align: left;
}
.colspanIndex .main1 .left .banner .swiper-pagination-bullets {
  padding-right: 24px;
  text-align: right;
  bottom: 15px;
}
.colspanIndex .main1 .left .banner .swiper-pagination-bullet {
  width: 12px;
  height: 12px;
}
.colspanIndex .main1 .left .banner .swiper-pagination-bullet-active {
  background: #53d5e5;
}
.colspanIndex .main1 .left .bottomList {
  width: 792px;
  list-style: none;
}
.colspanIndex .main1 .left .bottomList li {
  padding-top: 20px;
  border-bottom: 1px dashed #f2f3f4;
}
.colspanIndex .main1 .left .bottomList li .left1 {
  width: 216px;
  height: 120px;
}
.colspanIndex .main1 .left .bottomList li img {
  width: 216px;
  height: 120px;
}
.colspanIndex .main1 .left .bottomList li .title {
  font-size: 18px;
}
.colspanIndex .main1 .left .bottomList li .content {
  margin-top: 16px;
  -webkit-line-clamp: 2;
  min-height: 40px;
}
.colspanIndex .main1 .left .bottomList li .bottom {
  margin-top: 16px;
}
.colspanIndex .main1 .left .bottomList li .bottom img {
  margin-top: 5px;
  float: left;
  width: 11px;
  height: 11px;
}
.colspanIndex .main1 .left .bottomList li .bottom a {
  color: #666;
  font-size: 12px;
  background-color: #fff;
  padding: 0 10px;
  margin: 0;
}
.colspanIndex .main1 .left .bottomList li .bottom .new_add_time{
  color: #999;
  font-size: 12px;
  background-color: #fff;
  margin: 0;
  float: right;
  height: 24px;
  line-height: 24px;
}
.colspanIndex .main1 .left .bottomList li .bottom a:hover {
  color: #53d5e5;
}
.colspanIndex .main1 .right {
  margin-left: 24px;
  width: 384px;
  height: 396px;
  border: 8px solid #defbff;
  overflow: hidden;
}
.colspanIndex .main1 .right ul {
  width: 100%;
  padding: 0px 11px;
}
.colspanIndex .main1 .right ul li {
  margin-top: 18px;
  width: 100%;
  overflow: hidden;
}
.colspanIndex .main1 .right ul li .title {
  color: #333;
  font-size: 22px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: 700;
}
.colspanIndex .main1 .right ul li .title:hover {
  color: #53d5e5;
}
.colspanIndex .main1 .right ul li .content {
  margin-top: 18px;
  font-size: 16px;
  color: #999;
  line-height: 30px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}
.colspanIndex .main1 .right ul li .content:hover {
  color: #53d5e5;
}
.colspanIndex .main1 .right ul li i {
  margin-top: 10px;
  float: left;
  width: 8px;
  height: 8px;
  background-color: #53d5e5;
}
.colspanIndex .main1 .right ul li .titles {
  float: left;
  margin-left: 8px;
  width: 94%;
  color: #333;
  font-size: 18px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.colspanIndex .main1 .right ul li .titles:hover {
  color: #53d5e5;
}
.colspanIndex .main1 .right ul li:nth-of-type(2) {
  border-bottom: 1px dashed #e9e9e9;
}
.colspanIndex .main1 .right ul li:nth-of-type(2) .content {
  margin-bottom: 24px;
}
.colspanIndex .main2 {
  width: 100%;
  display: flex;
}
.colspanIndex .main2 .top {
  margin-top: 38px;
  margin-bottom: 20px;
}
.colspanIndex .main2 .top p {
  display: inline-block;
}
.colspanIndex .main2 .top p:nth-of-type(1) {
  color: #333;
  font-size: 22px;
    font-weight: 700;
}
.colspanIndex .main2 .top p:nth-of-type(2) {
  color: #999;
  font-size: 18px;
}
.colspanIndex .main2 .top span {
  display: inline-block;
  font-size: 22px;
  color: #333;
  font-weight: 700;
}
.colspanIndex .main2 .left {
  width: 384px;
}
.colspanIndex .main2 .left .oneList {
  position: relative;
  background-color: #f4fdff;
  width: 100%;
  height: 160px;
  padding: 20px 24px;
}
.colspanIndex .main2 .left .oneList span {
  position: absolute;
  left: 0;
  top: 0;
  height: 32px;
  line-height: 32px;
  padding: 0 7px;
  background-color: #53d5e5;
  color: #fff;
}
.colspanIndex .main2 .left .oneList .left {
  width: 120px;
  display: table-cell;
}
.colspanIndex .main2 .left .oneList .left a {
  display: block;
  width: 145px;
  height: 120px;
}
.colspanIndex .main2 .left .oneList .left a img {
  display: block;
  width: 100%;
  height: 100%;
  padding-right: 25px;
}
.colspanIndex .main2 .left .oneList .right {
  display: table-cell;
  vertical-align: top;
}
.colspanIndex .main2 .left .oneList .right .title {
  display: block;
  width: 100%;
  color: #00afc4;
  font-size: 18px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}
.colspanIndex .main2 .left .oneList .right .content {
  display: block;
  margin-top: 16px;
  font-size: 14px;
  color: #93a6aa;
  line-height: 24px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}
.colspanIndex .main2 .left .list {
  width: 100%;
  height: 120px;
  background-color: #e8fbff;
  position: relative;
  padding: 20px;
}
.colspanIndex .main2 .left .list span {
  position: absolute;
  left: 0;
  top: 20px;
  width: 28px;
  height: 28px;
  text-align: center;
  line-height: 28px;
  background-color: #53d5e5;
  color: #fff;
}
.colspanIndex .main2 .left .list .title {
  display: block;
  padding-left: 20px;
  font-size: 18px;
  color: #00afc4;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}
.colspanIndex .main2 .left .list .content {
  display: block;
  padding-left: 20px;
  margin-top: 16px;
  font-size: 14px;
  color: #93a6aa;
  line-height: 24px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.colspanIndex .main2 .center {
  margin-left: 24px;
  width: 384px;
}
.colspanIndex .main2 .center .list {
  width: 100%;
}
.colspanIndex .main2 .center .list .tops {
  width: 100%;
  height: 32px;
  line-height: 32px;
  overflow: hidden;
}
.colspanIndex .main2 .center .list .tops .tag {
  max-width: 30%;
  float: left;
  height: 32px;
  line-height: 32px;
  padding: 0 8px;
  background-color: #53d5e5;
  color: #fff;
  font-size: 14px;
}
.colspanIndex .main2 .center .list .tops .tag:hover{
  background-color: #00afc4;
}
.colspanIndex .main2 .center .list .tops .tag a{
  color: #fff;
  font-size: 14px;
}
.colspanIndex .main2 .center .list .tops .title {
  max-width: 60%;
  float: left;
  margin-left: 18px;
  color: #333;
  font-size: 20px;
  overflow: hidden;
  height: 32px;
  line-height: 32px;
}
.colspanIndex .main2 .center .list .tops .title a{
  color: #333;
  font-size: 20px;
}
.colspanIndex .main2 .center .list .tops .title a:hover{
  color: #53d5e5;
}
.colspanIndex .main2 .center .list .info {
  margin-top: 10px;
  margin-bottom: 10px;
  width: 100%;
}
.colspanIndex .main2 .center .list .info .left2 {
  display: block;
  width: 130px;
  height: 120px;
  display: table-cell;
}
.colspanIndex .main2 .center .list .info .left2 img {
  display: block;
  width: 100%;
  height: 100%;
  padding-right: 10px;
}
.colspanIndex .main2 .center .list .info .right2 {
  display: table-cell;
  vertical-align: top;
}

.colspanIndex .main2 .center .list .info .right2 .tab_ssm {
    /*margin-top: 10px;*/
}

.colspanIndex .main2 .center .list .info .right2 a:hover {
  color: #53d5e5;
}
.colspanIndex .main2 .center .list .info .right2 .right2_title{
  display: block;
  width: 100%;
  height: 30px;
  font-size: 18px;
  color: #333;
  line-height: 30px;
  overflow: hidden;
}
.colspanIndex .main2 .center .list .info .right2 .right2_summary{
  display: block;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  /* autoprefixer: off */
  -webkit-box-orient: vertical;
  autoprefixer: on;
  -webkit-line-clamp: 2;
  font-size: 14px;
  color: #93a6aa;
  line-height: 24px;
}
.tab_ssm {

}
.tab_ssm a{
  display: inline-block;
  max-width: 60%;
  height: 50px;
  line-height: 50px;
  overflow: hidden;
  font-size: 12px;
  color: #666666;
}
.tab_ssm span{
  display: inline-block;
  max-width: 30%;
  height: 50px;
  float: right;
  line-height: 50px;
  overflow: hidden;
  font-size: 12px;
  color: #999;
}
.colspanIndex .main2 .right {
  margin-left: 24px;
  width: 382px;
  height: 520px;
}
.colspanIndex .main2 .right .info {
  width: 100%;
  height: 100%;
  border: 1px solid #e9e9e9;
}
.colspanIndex .main2 .right .info .boxs {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
.colspanIndex .main2 .right .info .boxs a {
  width: 95px;
  height: 96px;
  text-align: center;
  border-bottom: 1px solid #e9e9e9;
  border-right: 1px solid #e9e9e9;
}
.colspanIndex .main2 .right .info .boxs a img {
  margin: 0 auto;
  margin-top: 20px;
  display: block;
  width: 36px;
  height: 36px;
  transition: transform 1s;
}
.colspanIndex .main2 .right .info .boxs a span {
  margin-top: 12px;
  display: block;
  color: #666666;
  font-size: 14px;
}
.colspanIndex .main2 .right .info .boxs a:nth-of-type(4n) {
  border-right: none;
}
.colspanIndex .main2 .right .info .boxs a:hover img {
  transform: scale(1.1);
}
.colspanIndex .main2 .right .info .boxs a:hover span {
  color: #53d5e5;
}
.colspanIndex .main2 .right .info .rightList {
  margin-top: 20px;
  width: 100%;
  padding: 0 20px;
}
.colspanIndex .main2 .right .info .rightList .title {
  width: 100%;
  overflow: hidden;
}
.colspanIndex .main2 .right .info .rightList .title i {
  float: left;
  margin-top: 3px;
  width: 4px;
  height: 20px;
  background-color: #53d5e5;
}
.colspanIndex .main2 .right .info .rightList .title span {
  float: left;
  margin-left: 16px;
  font-size: 18px;
  color: #333;
}
.colspanIndex .main2 .right .info .rightList .list {
  width: 100%;
  font-size: 16px;
  height: 142px;
  overflow: hidden;
  line-height: 36px;
}
.colspanIndex .main2 .right .info .rightList .list a {
  color: #666666;
  margin-right: 10px;
}
.colspanIndex .main2 .right .info .rightList .list a:hover{
  color: #53d5e5;
}
.colspanIndex .main2 .right .info .rightList .bottom {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
.colspanIndex .main2 .right .info .rightList .bottom a {
  width: 72px;
  height: 72px;
  text-align: center;
  margin: 20px 16px 0 0;
}
.colspanIndex .main2 .right .info .rightList .bottom a img {
  margin: 0 auto;
  display: block;
  transition: transform 1s;
}
.colspanIndex .main2 .right .info .rightList .bottom a span {
  display: block;
  color: #666666;
  font-size: 14px;
}
.colspanIndex .main2 .right .info .rightList .bottom a:nth-of-type(4) {
  margin-right: 0;
}
.colspanIndex .main2 .right .info .rightList .bottom a:hover img {
  transform: scale(1.1);
}
.colspanIndex .main2 .right .info .rightList .bottom a:hover span {
  color: #53d5e5;
}
.colspanIndex .main3 {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
.colspanIndex .main3 .list {
  margin-top: 20px;
  width: 384px;
  height: 455px;
  margin-right: 24px;
  overflow: hidden;
}
.colspanIndex .main3 .list .top {
  width: 100%;
  height: 60px;
  line-height: 60px;
  border-bottom: 1px solid #53d5e5;
}
.colspanIndex .main3 .list .top span {
  font-size: 20px;
  color: #00afc4;
  padding-bottom: 17px;
  border-bottom: 2px solid #00afc4;
}
.colspanIndex .main3 .list .top span a{
	  color: #00afc4;
}

.colspanIndex .main3 .list .mainHeader {
  width: 100%;
  list-style: none;
}
.colspanIndex .main3 .list .mainHeader .left1 {
  width: 192px;
  height: 100px;
}
.colspanIndex .main3 .list .mainHeader .left1 img {
  width: 192px;
  height: 100px;
  padding-right: 12px;
}
.colspanIndex .main3 .list .mainHeader .right1 {
  width: 100%;
}
.colspanIndex .main3 .list .mainHeader .right1 .title {
  color: #333333;
  font-size: 16px;
  line-height: 27px;
  -webkit-line-clamp: 2;
  min-height: 54px;
}
.colspanIndex .main3 .list .mainHeader .right1 .title:hover {
  color: #53d5e5;
}
.colspanIndex .main3 .list .mainHeader .right1 .bottom {
  margin-top: 26px;
}
.colspanIndex .main3 .list .mainHeader .right1 .bottom .tag {
  background-color: #fff;
  padding: 0;
  max-width: 50%;
  height: 30px;
  line-height: 30px;
  overflow: hidden;
}
.colspanIndex .main3 .list .mainHeader .right1 .bottom .tag:hover {
  color: #53d5e5;
}
.colspanIndex .main3 .list .mainHeader .right1 .bottom .new_add_time{
  float: right;
  color: #999;
  height: 30px;
  line-height: 30px;
  margin-right: 5px;
  overflow: hidden;
}
.colspanIndex .main3 .list .mainContent {
  width: 100%;
}
.colspanIndex .main3 .list .mainContent a {
  display: block;
  font-size: 16px;
  color: #333333;
  width: 100%;
  height: 33px;
  line-height: 33px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.colspanIndex .main3 .list .mainContent a:hover {
  color: #53d5e5;
}
.colspanIndex .main3 .list:nth-of-type(3n) {
  margin-right: 0;
}
.colspanIndex .friendLink {
  margin-top: 40px;
  width: 100%;
}
.colspanIndex .friendLink p {
  font-weight: 700;
  font-size: 14px;
  color: #00afc4;
  padding-bottom: 17px;
  border-bottom: 2px solid #00afc4;
  height: 60px;
  line-height: 60px;
  border-bottom: 1px solid #53d5e5;
}
.colspanIndex .friendLink p span {
  color: #00afc4;
  padding-bottom: 19px;
  border-bottom: 2px solid #00afc4;
}
.colspanIndex .friendLink .links {
  margin-top: 20px;
  width: 100%;
}
.colspanIndex .friendLink .links a {
  margin-bottom: 20px;
  display: inline-block;
  font-size: 14px;
  color: #666;
  margin-right: 30px;
}
.colspanIndex .friendLink .links a:hover {
  color: #53d5e5;
}
.colspanList {
  width: 1200px;
  margin: 0 auto;
}
.colspanList .listMain {
  width: 100%;
  display: flex;
}
.colspanList .listMain .listContent {
  width: 864px;
  margin-top: 4px;
  background-color: #fff;
  box-sizing: border-box;
}
.colspanList .listMain .listContent li {
  width: 100%;
  padding-top: 24px;
  padding-bottom: 20px;
  border-bottom: 1px solid #f2f3f4;
  overflow: hidden;
}
.colspanList .listMain .listContent li .left1 {
  display: table-cell;
  width: 240px;
  height: 120px;
  overflow: hidden;
}
.colspanList .listMain .listContent li .left1 img {
  display: block;
  width: 192px;
  height: 100px;
  padding-right: 24px;
  transition: transform 1s;
  overflow: hidden;
}
.colspanList .listMain .listContent li .left1 img:hover {
  transform: scale(1.1);
}
.colspanList .listMain .listContent li .right1 {
  display: table-cell;
  vertical-align: top;
  width: 100%;
}
.colspanList .listMain .listContent li .right1 .title {
  color: #333;
  font-size: 18px;
  font-weight: 500;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}
.colspanList .listMain .listContent li .right1 .title:hover {
  color: #53d5e5;
}
.colspanList .listMain .listContent li .right1 .content {
  margin-top: 10px;
  color: #999;
  font-size: 14px;
  min-height: 42px;
  line-height: 24px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.colspanList .listMain .listContent li .right1 .content:hover {
  color: #53d5e5;
}
.colspanList .listMain .listContent li .right1 .bottom {
  margin-top: 17px;
  font-size: 14px;
  color: #999;
  overflow: hidden;
}
.colspanList .listMain .listContent li .right1 .bottom .time {
  float: right;
  height: 24px;
  line-height: 24px;
}
.colspanList .listMain .listContent li .right1 .bottom .tag {
  float: left;
  color: #999;
  height: 24px;
  line-height: 24px;
  padding: 0 17px;
  background-color: #fef9fa;
  margin-right: 5px;
}
.colspanList .listMain .listContent li .right1 .bottom i {
  float: left;
  width: 1px;
  height: 14px;
  background-color: #999;
  margin: 0 10px;
  margin-top: 3px;
}
.colspanList .listMain .listContent li .right1 .bottom .tag:hover {
  color: #fff;
  background-color: #53d5e5;
}
.colspanList .listMain .listContent li:nth-last-of-type(1) {
  border: none;
}
.colspanList .listMain .listContent .page {
    width: 864px;
  margin-top: 50px;
  display: inline-block;
  padding-bottom: 50px;
    text-align: center;
}
.colspanList .listMain .listContent .page div {
  display: inline-block;
  height: 38px;
  line-height: 38px;
  text-align: center;
  cursor: pointer;
    padding: 0 10px;
}
.colspanList .listMain .listContent .page div a {
  color: #333;
  font-size: 16px;
}
.colspanList .listMain .listContent .page .prev {
  background-color: #f6f6f6;
  border: 1px solid #e3e3e3;
}
.colspanList .listMain .listContent .page .next {
  background-color: #f6f6f6;
  border: 1px solid #e3e3e3;
}
.colspanList .listMain .listContent .page .frist {
  background-color: #f6f6f6;
  border: 1px solid #e3e3e3;
}
.colspanList .listMain .listContent .page .last {
  background-color: #f6f6f6;
  border: 1px solid #e3e3e3;
}
.colspanList .listMain .listContent .page .num {

}
.colspanList .listMain .listContent .page .num a {
  display: inline-block;
  width: 38px;
  height: 38px;
  background-color: #f6f6f6;
  margin-left: 6px;
  border: 1px solid #e3e3e3;
}
.colspanList .listMain .listContent .page .num a:hover {
  background-color: #53d5e5;
  color: #fff;
  border: 1px solid #53d5e5;
}
.colspanList .listMain .listContent .page .num .current {
  background-color: #53d5e5;
  color: #fff;
  border: 1px solid #53d5e5;
}

.colspanList .listMain .listRight {
  margin-left: 23px;
  width: 312px;
  padding-bottom: 40px;
  overflow: hidden;
}
.colspanList .listMain .listRight .listRightTop {
  margin-top: 40px;
  width: 100%;
  padding: 0 20px;
  border: solid 1px #e4e4e4;
  overflow: hidden;
}
.colspanList .listMain .listRight .listRightTop .top {
  width: 100%;
}
.colspanList .listMain .listRight .listRightTop .top .title {
  width: 100%;
  height: 50px;
  line-height: 50px;
}
.colspanList .listMain .listRight .listRightTop .top .title i {
  margin-top: 13px;
  float: left;
  width: 6px;
  height: 20px;
  background-color: #53d5e5;
}
.colspanList .listMain .listRight .listRightTop .top .title span {
  float: left;
  color: #333;
  font-size: 20px;
  padding-left: 10px;
}
.colspanList .listMain .listRight .listRightTop .bottom {
  width: 100%;
  height: 390px;
  overflow: hidden;
}
.colspanList .listMain .listRight .listRightTop .bottom .list {
  margin-top: 17px;
  width: 100%;
  overflow: hidden;
}
.colspanList .listMain .listRight .listRightTop .bottom .list a {
  float: left;
  width: 90%;
  font-size: 16px;
  color: #333;
  padding-left: 5px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.colspanList .listMain .listRight .listRightTop .bottom .list a:hover {
  color: #53d5e5;
}
.colspanList .listMain .listRight .listRightTop .bottom .list span {
  margin-top: 10px;
  float: left;
  font-size: 18px;
  width: 4px;
  height: 4px;
  background-color: #53d5e5;
  

}
.colspanList .listMain .listRight .listRightBottom {
  margin-top: 40px;
  width: 100%;
  padding: 0 20px;
  padding-bottom: 10px;
  border: 1px solid #e4e4e4;
  overflow: hidden;
}
.colspanList .listMain .listRight .listRightBottom .list {
  width: 100%;
  overflow: hidden;
}
.colspanList .listMain .listRight .listRightBottom .list .title {
  width: 100%;
  height: 50px;
  line-height: 50px;
}
.colspanList .listMain .listRight .listRightBottom .list .title i {
  margin-top: 13px;
  float: left;
  width: 6px;
  height: 20px;
  background-color: #53d5e5;
}
.colspanList .listMain .listRight .listRightBottom .list .title span {
  float: left;
  color: #333;
  font-size: 20px;
  padding-left: 10px;
}
.colspanList .listMain .listRight .listRightBottom .list a {
  float: left;
  margin-top: 18px;
  margin-right: 24px;
  line-height: 24px;
  color: #333333;
  font-size: 14px;
  overflow: hidden;
  padding: 0 5px;
}
.colspanList .listMain .listRight .listRightBottom .list a:hover {
  color: #53d5e5;
}
.colspanList .listMain .listRight .listRightBottom .list a:nth-of-type(odd) {
  margin-left: 0;
}
.colspanList .listMain .listRight .listRightBottom .list:nth-of-type(2) {
  margin-top: 20px;
}
.colspanMap {
  width: 1200px;
  margin: 0 auto;
}
.colspanMap .new_map_add{
    width: 1200px;
    float: left;
    margin: 20px auto 20px 0;
}
.colspanMap .new_map_add ul{
    overflow: hidden;
}
.colspanMap .new_map_add ul li{
    float: left;
    margin: 0 10px 10px auto;

}
.colspanMap .new_map_add ul li a{
    color: #333333;
    font-size: 16px;
}
.colspanMap .new_map_add ul li a:hover{
    color: #53d5e5;
}
.colspanMap .mapList {
  margin-top: 40px;
  width: 100%;
  overflow: hidden;
}
.colspanMap .mapList .topInfo {
  padding-bottom: 10px;
}
.colspanMap .mapList .topInfo i {
  margin-top: 4px;
  float: left;
  width: 6px;
  height: 24px;
  background-color: #53d5e5;
}
.colspanMap .mapList .topInfo span {
  margin-left: 10px;
  font-size: 24px;
  color: #333333;
}
.colspanMap .mapList .list a {
  float: left;
  color: #999999;
  font-size: 16px;
  margin-right: 20px;
  margin-top: 20px;
}
.colspanMap .mapList .list a:hover {
  color: #53d5e5;
}
.colspanMap .mapList:nth-last-of-type(1) {
  margin-bottom: 50px;
}
.colspanInfo {
  width: 1200px;
  margin: 0 auto;
}
.colspanInfo .main {
  margin-top: 24px;
  width: 100%;
  display: flex;
  margin-bottom: 50px;
}
.colspanInfo .main .left {
  width: 864px;
}
.colspanInfo .main .left .contentInfo {
  width: 100%;
  background-color: #fff;
  box-sizing: border-box;
  font-size: 18px;
  color: #333;
  font-weight: normal;
  font-stretch: normal;
  margin-bottom: 10px;
}
.colspanInfo .main .left .contentInfo h1 {
  font-size: 36px;
  color: #333;
  margin-bottom: 20px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.colspanInfo .main .left .contentInfo h1 a {
  color: #333;
}
.colspanInfo .main .left .contentInfo h1 a:hover {
  color: #53d5e5;
}
.colspanInfo .main .left .contentInfo p {
  font-size: 18px;
  color: #333;
  line-height: 36px;
  font-weight: normal;
  font-stretch: normal;
}
.colspanInfo .main .left .contentInfo h2 {
  font-size: 18px;
  color: #333;
  line-height: 36px;
  font-weight: normal;
  font-stretch: normal;
  font-weight: bold;
}
.colspanInfo .main .left .contentInfo .titleInfo {
  width: 100%;
  color: #999;
  line-height: 30px;
  font-size: 14px;
  overflow: hidden;
  margin-bottom: 50px;
  border-bottom: 1px solid #f2f3f4;
}
.colspanInfo .main .left .contentInfo .titleInfo .time {
  float: left;
  line-height: 30px;
  margin-right: 10px;
}
.colspanInfo .main .left .contentInfo .titleInfo .tagsInfo {
  float: left;
  margin-left: 20px;
  font-size: 14px;
  color: #999;
  line-height: 30px;
}
.colspanInfo .main .left .contentInfo .titleInfo .tagsInfo a {
  font-size: 14px;
  color: #999;
  margin-right: 16px;
}
.colspanInfo .main .left .contentInfo .titleInfo .tagsInfo i {
  display: inline-block;
  width: 1px;
  height: 12px;
  background-color: #999;
  margin: 0 5px;
}
.colspanInfo .main .left .contentInfo .titleInfo .tagsInfo a:hover {
  color: #53d5e5;
}
.colspanInfo .main .left .contentInfo .qiehuanwenzhang {
  width: 100%;
  overflow: hidden;
  margin-bottom: 20px;
}
.colspanInfo .main .left .contentInfo .qiehuanwenzhang .title {
  margin-top: 20px;
  font-size: 16px;
  color: #6e6e6e;
}
.colspanInfo .main .left .contentInfo .qiehuanwenzhang div {
  height: 20px;
  margin-top: 30px;
  color: #666;
  font-size: 16px;
  overflow: hidden;
}
.colspanInfo .main .left .contentInfo .qiehuanwenzhang div a {
  color: #6e6e6e;
}
.colspanInfo .main .left .contentInfo .qiehuanwenzhang div a:hover {
  color: #53d5e5;
}
.colspanInfo .main .left .contentInfo .qiehuanwenzhang .source {
  margin-top: 30px;
  height: 30px;
  line-height: 30px;
  color: #666;
  font-size: 16px;
  overflow: hidden;
}
.colspanInfo .main .left .contentInfo .qiehuanwenzhang .source a {
  color: #6e6e6e;
}
.colspanInfo .main .left .contentInfo .qiehuanwenzhang .source a:hover {
  color: #53d5e5;
}
.colspanInfo .main .left .topInfo {
  margin-top: 50px;
}
.colspanInfo .main .left .topInfo img {
  display: block;
  width: 870px;
}
.colspanInfo .main .left .listContent {
  width: 864px;
  margin-top: 4px;
  background-color: #fff;
  box-sizing: border-box;
}
.colspanInfo .main .left .listContent li {
  width: 100%;
  padding-top: 24px;
  padding-bottom: 20px;
  border-bottom: 1px solid #f2f3f4;
  overflow: hidden;
}
.colspanInfo .main .left .listContent li .left1 {
  display: table-cell;
  width: 240px;
  height: 120px;
  overflow: hidden;
}
.colspanInfo .main .left .listContent li .left1 img {
  display: block;
  width: 192px;
  height: 100px;
  padding-right: 24px;
  transition: transform 1s;
  overflow: hidden;
}
.colspanInfo .main .left .listContent li .left1 img:hover {
  transform: scale(1.1);
}
.colspanInfo .main .left .listContent li .right1 {
  display: table-cell;
  vertical-align: top;
  width: 100%;
}
.colspanInfo .main .left .listContent li .right1 .title {
  color: #333;
  font-size: 18px;
  font-weight: 500;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}
.colspanInfo .main .left .listContent li .right1 .title:hover {
  color: #53d5e5;
}
.colspanInfo .main .left .listContent li .right1 .content {
  margin-top: 10px;
  color: #999;
  font-size: 14px;
  min-height: 42px;
  line-height: 24px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.colspanInfo .main .left .listContent li .right1 .content:hover {
  color: #53d5e5;
}
.colspanInfo .main .left .listContent li .right1 .bottom {
  margin-top: 17px;
  font-size: 14px;
  color: #999;
}
.colspanInfo .main .left .listContent li .right1 .bottom .time {
  float: right;
}
.colspanInfo .main .left .listContent li .right1 .bottom .tag {
  float: left;
  color: #999;
  height: 24px;
  line-height: 24px;
  padding: 0 17px;
  background-color: #fef9fa;
  margin-right: 5px;
}
.colspanInfo .main .left .listContent li .right1 .bottom i {
  float: left;
  width: 1px;
  height: 14px;
  background-color: #999;
  margin: 0 10px;
  margin-top: 3px;
}
.colspanInfo .main .left .listContent li .right1 .bottom .tag:hover {
  color: #fff;
  background-color: #53d5e5;
}
.colspanInfo .main .left .listContent li:nth-last-of-type(1) {
  border: none;
}
.colspanInfo .main .listRight {
  margin-left: 23px;
  width: 312px;
  padding-bottom: 40px;
  overflow: hidden;
}
.colspanInfo .main .listRight .listRightTop {
  margin-top: 40px;
  width: 100%;
  padding: 0 20px;
  border: solid 1px #e4e4e4;
  overflow: hidden;
}
.colspanInfo .main .listRight .listRightTop .top {
  width: 100%;
}
.colspanInfo .main .listRight .listRightTop .top .title {
  width: 100%;
  height: 50px;
  line-height: 50px;
}
.colspanInfo .main .listRight .listRightTop .top .title i {
  margin-top: 13px;
  float: left;
  width: 6px;
  height: 20px;
  background-color: #53d5e5;
}
.colspanInfo .main .listRight .listRightTop .top .title span {
  float: left;
  color: #333;
  font-size: 20px;
  padding-left: 10px;
}
.colspanInfo .main .listRight .listRightTop .bottom {
  width: 100%;
  height: 390px;
  overflow: hidden;
}
.colspanInfo .main .listRight .listRightTop .bottom .list {
  margin-top: 17px;
  width: 100%;
  overflow: hidden;
}
.colspanInfo .main .listRight .listRightTop .bottom .list a {
  float: left;
  width: 90%;
  font-size: 18px;
  color: #333;
  padding-left: 5px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.colspanInfo .main .listRight .listRightTop .bottom .list a:hover {
  color: #53d5e5;
}
.colspanInfo .main .listRight .listRightTop .bottom .list span {
    margin-top: 10px;
    float: left;
    width: 4px;
    height: 4px;
    background-color: #53d5e5;
}
.colspanInfo .main .listRight .listRightBottom {
  margin-top: 40px;
  width: 100%;
  padding: 0 20px;
  padding-bottom: 10px;
  border: 1px solid #e4e4e4;
  overflow: hidden;
}
.colspanInfo .main .listRight .listRightBottom .list {
  width: 100%;
  overflow: hidden;
}
.colspanInfo .main .listRight .listRightBottom .list .title {
  width: 100%;
  height: 50px;
  line-height: 50px;
}
.colspanInfo .main .listRight .listRightBottom .list .title i {
  margin-top: 13px;
  float: left;
  width: 6px;
  height: 20px;
  background-color: #53d5e5;
}
.colspanInfo .main .listRight .listRightBottom .list .title span {
  float: left;
  color: #333;
  font-size: 20px;
  padding-left: 10px;
}
.colspanInfo .main .listRight .listRightBottom .list a {
  float: left;
  margin-top: 18px;
  margin-left: 32px;
  width: 114px;
  height: 24px;
  line-height: 24px;
  color: #333333;
  font-size: 14px;
  overflow: hidden;
  padding: 0 5px;
}
.colspanInfo .main .listRight .listRightBottom .list a:hover {
  color: #53d5e5;
}
.colspanInfo .main .listRight .listRightBottom .list a:nth-of-type(odd) {
  margin-left: 0;
}
.colspanInfo .main .listRight .listRightBottom .list:nth-of-type(2) {
  margin-top: 20px;
}
.sylj{
  width: 1200px;
  margin: 0 auto;
  height: 100%;
  overflow: hidden;
  margin-bottom: 20px;
}
.sylj1{
  width: 100%;
  height: 60px;
  line-height: 60px;
  box-sizing: border-box;
  border-bottom: 1px solid #E8EBEF;
  margin-top: 20px;
}
.sylj1 li{
  float: left;
  overflow: hidden;
  margin-right: 30px;
  height: 60px;
}
.sylj1 li:last-child{
  margin-right: 0;
}
.sylj1 li a{
  color: #000000;
  font-size: 18px;
  display: inline-block;
  overflow: hidden;
  width: 123px;
  height: 60px;
  box-sizing: border-box;
  text-align: center;
}
.sylja1{
  color: #53d5e5 !important;
  height: 60px;
  border-bottom: 2px solid #53d5e5;
}
.sylj2{
  width: 100%;
  overflow: hidden;
  padding: 22px 0 0;
}
.sylj2 li{
  float: left;
  width: 10%;
  margin-right: 1%;
  margin-bottom: 20px;
}
.sylj2 li a{
  display: inline-block;
  color: #333333;
  font-size: 14px;
  overflow: hidden;
  height: 20px;
  line-height: 20px;
}
.sylj2 li a:hover{
  color: #53d5e5;
}
.sylj2-1.show{
  display: inline-block;
}
.sylj2-1{
  display: none;
}
#article-content1 p{
  text-indent: 2em;
}
#article-content1 h2{
  text-indent: 2em;
}