/*
*组件样式
*/
.link-box { position: relative;}
.link-swiper { padding: .7rem 0 0; display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;}
.link-swiper .swiper-container { width: calc(100% - 1.4rem);}
.link-swiper .icon { position: relative; display: -ms-flexbox; display: flex; justify-content: center; align-items: center; width: 1.1rem; height: 1.1rem; margin: 0 auto; background: #fff; border-radius: 50%;}
.link-swiper .icon::after { position: absolute; top: 0; right: 0; bottom: auto; left: auto; z-index: 1; content: ""; width: 100%; height: 100%; border: 1px dashed #94070a; border-radius: 50%; animation: ani-y 25s linear infinite;}
.link-swiper .icon img { position: relative; z-index: 2; max-height: .58rem;}
.link-swiper p { margin: .2rem 0 0; font-size: 0.22rem; font-weight: 500; line-height: 0.25rem;color:#333; text-align: center;}
.link-swiper .swiper-arrow { width: .66rem; height: .4rem; background-image: url(images/arrow.png); background-repeat: no-repeat; background-position: 50% 50%; background-color: transparent; background-size: 0.36rem; cursor: pointer;}
.link-swiper .swiper-arrow.swiper-prev { -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -ms-transform: rotateY(180deg); -o-transform: rotateY(180deg); transform: rotateY(180deg);}
@keyframes ani-y { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg);}
  100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg);} }
.link-swiper .swiper-slide:hover img { -webkit-transition: all 1s ease-out 0s; -moz-transition: all 1s ease-out 0s; -ms-transition: all 1s ease-out 0s; -o-transition: all 1s ease-out 0s; transition: all 1s ease-out 0s; -webkit-transform: rotateY(360deg); -moz-transform: rotateY(360deg); -ms-transform: rotateY(360deg); -o-transform: rotateY(360deg); transform: rotateY(360deg);}
  .link-swiper .swiper-slide:hover p { font-weight: 700; color:#94070a;}
.idx-mt .list .top{ display: flex;
    justify-content: space-between;
    flex-wrap: wrap;}
.mttp{width: 68%;
    margin-right: 2%;}
@media screen and (max-width: 1270px){
.mttp{width:100%;margin-right:0;}
.idx-mt .list .tp{width:100%;height:3rem;}
.idx-mt .list .date{margin-top:15px;display:block;}
}
@media screen and (max-width: 1200px){
.idx-mt .list .tp{height:6rem;}
}
@media screen and (max-width: 800px){
.idx-mt .list .tp{height:4rem;}
}
@media screen and (max-width: 400px){
.idx-mt .list .tp{height:2rem;}
}
@media screen and (max-width: 767px) and (min-width: 320px){
.mttp{width: 100%;margin-left: 0;text-align:center;margin-bottom:.2rem;}
}