#gywm h1.title{
    margin: 0;
    text-align: left;
    color: #000;
    padding-left: 16px;
}
#gywm .main{
    padding: 0 1rem;
}
.left{
    padding: 0 16px;
}
.left p.jianjie{line-height:30px;
    text-indent: 2rem;
}
#gywm .list{margin-top:4vw;}
.list ol{
    width: 70%;
    padding-left: 0;
    margin: 60px auto;
}
.list ol li{padding:0 6%;
    position: relative;
}
.list ol li p{
    font-size: 16px;
    color: #3e7cb8;
    line-height: 30px;
}
.list ol li:nth-of-type(2n+1) span.circle{
  display: inline-block;
  width: 13px;
  height: 13px;
  background: #3e7cb8;
  position: absolute;
  border-radius: 10px;
  top: 0;
 right: -7.5px;

}
.list ol li:nth-of-type(2n) span.circle{
display: inline-block;
  width: 13px;
  height: 13px;
  background: #ffc300;
  position: absolute;
  border-radius: 10px;
  top: 0;
  left: -7.8px;

}
.list ol li:nth-of-type(2n+1){
width: 50.19%;
    float: left;
    border-right: 2px solid #3e7cb8;
}
.list ol li:nth-of-type(2n){
    width: 50%;
    float: right;
     border-left: 2px solid #3e7cb8;
}
.list ol li:hover p{
    transform: scale(1.25);
  transition: all 0.1s;
}
@media (max-width:991px){
   .list ol li:nth-of-type(2n+1){
width: 50.36%;} 
.list ol{
    width: 100%;
}
@media (max-width:767px){
   .list ol li:nth-of-type(2n+1){
width: 50.48%;} 
}
@media (max-width:575px){
   .list ol li:nth-of-type(2n+1){
width: 50.63%;} 
.list ol li:nth-of-type(2n+1) {
  padding: 0 6% 0 0;}
  .list ol li:nth-of-type(2n) {
  padding: 0 0 0 6%;}
  .list ol {
  margin: 8vw auto;
}
.list ol li p {
  font-size: 4vw;
  line-height: 5.5vw;
}
.list ol li:hover p {
  transform: scale(1.1);}
  .left {
  padding: 0;
}
}