
.shadow {
  background: #F9F9F9;
  display: inline-block;
height:319px; width:247px;
}
.shadow:nth-child(1) {
  box-shadow: 0 1.5px 4px rgba(0, 0, 0, 0.24), 0 1.5px 6px rgba(0, 0, 0, 0.12);
}
.shadow:nth-child(2) {
  box-shadow: 0 3px 12px rgba(0, 0, 0, 0.23), 0 3px 12px rgba(0, 0, 0, 0.16);
}
.shadow:nth-child(3) {
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.23), 0 10px 40px rgba(0, 0, 0, 0.19);
}
.shadow:nth-child(4) {
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.22), 0 14px 56px rgba(0, 0, 0, 0.25);
}
.shadow:nth-child(5) {
  box-shadow: 0 15px 24px rgba(0, 0, 0, 0.22), 0 19px 76px rgba(0, 0, 0, 0.3);
}
/* 动画 */
.animate-demo{
   background: #F2F2F2;
   width: 100%;
   padding: 15px;
}
.animate-shadow-1, .animate-shadow-2{
  box-shadow: 0 1.5px 4px rgba(0, 0, 0, 0.24), 0 1.5px 6px rgba(0, 0, 0, 0.12);
  -webkit-transition: box-shadow 1s ease;
  -o-transition: box-shadow 1s ease;
  transition: box-shadow 1s ease;
}
.animate-shadow-1:hover{
  box-shadow: 0 15px 24px rgba(0, 0, 0, 0.22), 0 19px 76px rgba(0, 0, 0, 0.3);
}
.animate-shadow-2:hover{
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.22), 0 14px 56px rgba(0, 0, 0, 0.25);
}

.content-right-img li{ margin-bottom:10px;}
.content-right-img li img{ width:190px;}
.position{ height:40px; line-height:40px; border-bottom:#636363 solid 2px; font-size:14px; width:790px; margin:0 auto;}
.content_article{width:780px; margin:0 auto; overflow:hidden; padding:20px 5px; line-height:30px;}
.content_article p{ text-indent:2em; font-size:14px;}



