/***×¨Òµ»ã×Ü****/
.major-middle{width: 1600px;margin:0 auto;text-align: left;}
.major-list{display: flex;display: -webkit-flex;display: -ms-flex;flex-wrap: wrap;-webkit-flex-wrap: wrap;}
.major-list .major-list-classli{background: #F2F2F3;width:49%;margin-right: 11px;position: relative;padding:100px 0 80px;margin-top: 11px;min-height: 400px;box-sizing: border-box;}
.major-list .major-list-classli h3{color: #0D51A0;font-size: 50px;font-weight: 400;position: relative;}
.major-list .major-list-classli h3:after{content: '';width: 80px;height: 30px;background: #C53044;right: 0;position: absolute;right: 0;top: 50%;margin-top: -15px;}
.major-list .major-list-classli .svg{position: absolute;left: 72px;bottom: 0;width: 301px;}
.major-list .major-list-classli .svg svg{fill: #333;opacity: 0.13;}
.major-list .major-list-right .svg{right: 72px;left: auto;}
.major-list .major-list-left h3{text-align: right;padding-right: 120px;color: #C53044;}
.major-list .major-list-right h3{text-align: left;padding-left: 120px;color: #0D51A0;}
.major-list .major-list-right h3:after{left: 0;background: #0D51A0;}
.major-list .major-list-left ul{border-right: 1px solid #CCCCCC;display: flex;margin:59px 131px 0 0;position: relative;}
.major-list .major-list-right ul{margin:59px 0 0 131px;border-left: 1px solid #CCCCCC;position: relative;}
.major-list .major-list-classli ul:before{content: '';width: 23px;height: 4px;background: #F2F2F3;position: absolute;right: -12.5px;top: 0;box-sizing: border-box;}
.major-list .major-list-classli ul:after{content: '';width: 23px;height: 3px;background: #F2F2F3;position: absolute;right: -12.5px;bottom:0px;box-sizing: border-box;}
.major-list .major-list-left ul li{margin-left: auto;line-height: 1;}
.major-list .major-list-classli ul li a{color: #333333;font-size: 30px;margin-bottom: 56px;display: block;position: relative;}
.major-list .major-list-classli ul li a:before{content: '';width: 23px;height: 23px;background: #F2F2F3;border: 1px solid #ccc;border-radius: 50%;position: absolute;right: -12.5px;top: 4px;box-sizing: border-box;}
.major-list .major-list-classli ul li a:last-child{margin-bottom: 0;}
.major-list .major-list-left ul li a{padding-right: 30px;transition: 0.5s;text-align: right;}
.major-list .major-list-right ul li{line-height: 1;}
.major-list .major-list-right ul li a{padding-left: 30px;}
.major-list .major-list-right ul li a:before,.major-list .major-list-right ul:before,.major-list .major-list-right ul:after{left: -12.5px;}
.major-list .major-list-left ul li a:hover{ color:#0D51A0;}
.major-list .major-list-left ul li a:hover:before{border: 4px solid #0D51A0;}
.major-list .major-list-right ul li a:hover{ color:#C53044;}
.major-list .major-list-right ul li a:hover:before{border: 4px solid #C53044;}
.major-list .major-list-classli:hover .svg svg{fill: #fff;opacity: 1;}



/* .major-list ul li a:hover:before{
  animation: identifier 1s infinite;
}
@keyframes identifier {
  0% {
    transform: scale(0.9);
  }
  100% {
    transform: scale(1.1);
  }
} */


.major-list ul li a:hover:before {
  animation-name: likes;
  animation-direction: alternate;
  animation-timing-function: linear;
  animation-delay: 0s;
  animation-iteration-count: infinite;
  animation-duration: 1s;
}

@keyframes likes {
   0%{
        transform: scale(1.1);
     }
     50%{
        transform: scale(0.9);
     }
     100%{
        transform: scale(1.1);
     }
}
.major-list-left .majorSvg{
  stroke-width: 30px;
  stroke: rgba(197, 48, 68, 0.302);
  fill: transparent;
  /* stroke-dasharray: 500,100; */
  /* stroke-dashoffset:500; */
  /* transition: all 0.5s; */
}
.major-list-right .majorSvg{
  stroke-width: 30px;
  stroke: rgba(13, 81, 160, 0.302);
  fill: transparent;
  /* stroke-dasharray: 500,100; */
  /* stroke-dashoffset:500; */
  /* transition: all 0.5s; */
}

/* .majorSvg:hover{
  stroke-dashoffset: 0;
} */
.major-list .major-list-classli:hover .majorSvg{
  /* stroke-dashoffset: 0; */
  /* stroke-dasharray: 0; */
  /* animation: identifier 1s; */
  /* -webkit-animation:identifier 1s;
  -moz-animation:identifier 1s;
  -ms-animation:identifier 1s;
  -o-animation:identifier 1s; */
}
@keyframes identifier {
  from{
    stroke-dasharray:800,200;
  }
  to{
    stroke-dasharray:800,0;
  }
}
/* @-moz-keyframes identifier {
  from{
    stroke-dasharray:800,200;
  }
  to{
    stroke-dasharray:800,0;
  }
}
@-o-keyframes identifier {
  from{
    stroke-dasharray:800,200;
  }
  to{
    stroke-dasharray:800,0;
  }
}
@-ms-keyframes identifier {
  from{
    stroke-dasharray:800,200;
  }
  to{
    stroke-dasharray:800,0;
  }
}  */












