.content {
  font-size: 14px;
  font-family: "Microsoft YaHei", "Georgia", sans-serif;
  line-height: 1.5;
  color: #193048;
  max-width: 750px;
  margin: 0px auto;
}

.content a {
  color: #0970BA;
  text-decoration: none;
}
.content a:hover {
  color: #1D9DEA;
}

.content p img{
display: inline;
margin: 10px;
}
.content p a{
border-bottom: none;
padding-bottom: 0;
}
.con-top {
  max-width: 1000px;
min-height: 85%;
background-position:bottom right;
background-repeat:no-repeat;
}

.top-page {
  max-width: 100%;
  margin: 0px 7px 5px 7px;
  padding: 0px 20px 10px 20px;
  border-style: none dashed dashed dashed;
  border-width: thin;
  border-color: #0970BA;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
}
.top-page img{
max-width: 100%;
}
.top-page ul { 
margin-block-start: 0; 
margin-block-end: 0; 
padding-top: 8px;
}
.top-title {
  font-size: 12px;
  margin: 0px 7px;
  color: white;
  background-color: #0970BA;
  max-width: 100%;
  padding: 3px 20px;
}
.more_ {
text-align: right;
}
.about {
  max-width: 500px;
  margin: 10px auto;
  font-family: "Microsoft YaHei";
  line-height: 1.8em;
  background-color: #f0f2f5;
  padding: 30px;
}

.index_list{
text-align: center;
margin: 0px auto;
}

.img-link img {
border: none;
display: inline;
max-width: 100%;
}

.title {
  font-weight: bold;
  font-size: 15px;
  color: #1D9DEA;
  line-height: 2;
  font-family: "Microsoft YaHei", "楷体", "Georgia", "Hiragino Sans GB", sans-serif;
}
.light {
  font-size: 12px;
  color: #193048;
}
.light a {
  color: #0970BA;
  text-decoration: none;
}
.light a:hover {
  color: #1D9DEA;
}
.light p {
  color: #1D9DEA;
  font-size: 14px;
  line-height: 50%;
}
.new_up {
  font-size: 12px;
  color: red;
}
/*通用*/ 
.index {
margin-top: 20px;
text-align: center;
}

.gallery-left {
float: left;
display: block;
max-width: 350px;}

.gallery-right {
float: right;
display: block;
max-width: 350px;
}

hr {
display: none;
}
img {
margin: 2px;
}
/*通用*/ 
.sora_index_body {
  max-width: 100%;
  margin: 0px auto;
  margin-top: 20px;
  text-align: center;
}
.sora_index_body img {
  max-width: 100%;
  margin: 5px 0;
  border-radius: 25px;
}

.savan_index {
  max-width: 700px;
  margin: 0px auto;
  text-align: center;
  line-height: 1.5em;
  color:#193048;
}
.savan_index .index_body {
  margin-top: 20px;
}
.savan_index .index_body #left {
  width: 34%;
  vertical-align: top;
  text-align: left;
  padding: 25px 30px;
  margin: 15px;
  display: inline-block;
  border-style: dotted;
  border-width: thin;
  border-color: #1D9DEA;
  border-radius: 25px;
}
.savan_index a {
  color: #193048;
  text-decoration: none;
}
.savan_index a:hover {
  color: #1D9DEA;
}

@media screen and (max-width: 768px){
.con-top {
background-size:contain;
}
  .savan_index .index_body {
    margin-top: 10px;
  }
  .savan_index .index_body #left {
    font-size: 17px;
    line-height: 2;
    margin-top: 0;
    width: 75%;
    padding: 5px 20px;
    clear: both;
  }

  .title {
    font-size: 20px;
    margin-top: 0px;
  }
.content {
  padding: 10px 0px;
}
.top-page {
  padding: 0px 10px 5px 20px;
}
.about {
margin-top: 0px;
}
  #content .con_w, #content .list {
    padding: 25px 15px;
  }
.gallery-left {
float: none;
  margin: 0 auto;
text-align: center;
}

.gallery-right {
float: none;
margin: 0 auto;
text-align: center;
}
hr {
display: block;
}

.star{
font-size:20px;
}

}