body {
    font-family: Verdana;
}
.container-index { background: #f5f5f5; background-size: 100% 100% }
.maincarousel { text-align: center; }
    .maincarousel .swiper-slide img { display:block;}
.case { width: 90%; margin-left: 5% }
    .case a,.case div { position: relative; width: 31%; margin: 5px 0; line-height: 0 }
    .case .mask-case { line-height: 80px; }
.product-wrapper { position: relative;height: 250px; width: 95%; margin-left: 2.5%; }
    .product-wrapper img { position: absolute; width: 20%; cursor: pointer }
.cp1 { top: 30px; animation: td 3s infinite; }
.cp2 { top: 120px; left: 15%; animation: td 3s infinite; animation-delay: .5s; }
.cp3 { top: 30px; left: 30%; animation: td 3s infinite; animation-delay: 1s; }
.cp4 { top: 120px; left: 75%; animation: td 3s infinite; animation-delay: 2.5s; }
.cp5 { top: 120px; left: 45%; animation: td 3s infinite; animation-delay: 1.5s; }
.cp6 { top: 30px; left: 60%; animation: td 3s infinite; animation-delay: 2s; }
.section2 { margin-top: 30px }
.li1-news { width: 55%; height: 300px; }
    .li1-news .swiper-slide img { width: 100%; height: 300px; display: block }
    .li1-news .swiper-pagination { top: 20px; right: 20px; width: unset; bottom: unset; left: unset; }
        .li1-news .swiper-pagination .swiper-pagination-bullet { width: 17px; height: 17px; border-radius: unset; line-height: 17px; font-size: 12px; background-color: white; opacity: 1 }
        .li1-news .swiper-pagination .swiper-pagination-bullet-active { background-color: #f00; color: white }
.li2-news { width: 45%; height: 280px; padding: 10px 0; }
    .li2-news p { width: 90%; height: 40px; line-height: 40px; margin-left: 5%; border-bottom: 1px dotted lightgray; }
        .li2-news p:last-child { border: none; }
        .li2-news p * { display: inline-block; vertical-align: middle }
        .li2-news p a { width: 70%; font-size: 14px; overflow: hidden; white-space: nowrap; }
        .li2-news p i { margin-right: 5px; height: 5px; width: 5px; background: red; border-radius: 3px; }
        .li2-news p b { width: 27%;text-align: center; font-size: 10px; color: red; font-weight: normal }
/*专利部分*/
.patent { background-color: #535353; padding: 14px 10% }
    .patent h4, .patent h5 { color: #eeeeee; text-align: center; }
    .patent h4 { font-size: 18px }
    .patent h5 { padding: 5px 0 10px; }
/*跑马灯*/
.marquee { background-color: #E8E9EB; margin-bottom: 1%; border-radius: 10px; box-shadow: 0px 1px 2px #bdbdbd; overflow: hidden }
    .marquee div:nth-child(1), .marquee div:nth-child(3) { width: 7%; height: 40px; line-height: 40px; text-align: center; background-color: #E0DFE5 }
    .marquee div:nth-child(2) { width: 80%; overflow: hidden }
    .marquee a { color: #292929; font-size: 14px }
    .marquee p { position: relative; white-space: nowrap; }
        .marquee p span { margin-left: 30px; }
            .marquee p span:nth-child(1) { margin-left: 50% }
            .marquee p span i { font-size: 10px; margin-left: 7px; }

/*新年祝福*/
.popupNewYear{position:fixed;top:20%;left:20%;width:60%;height:60%;z-index:101;background:url(../img/newyear/image16.GIF) no-repeat;background-size:100% 100%;animation:zoomIn 3s forwards;}
    .popupNewYear p { position: absolute; bottom: 20%; width: 100%; color: white; text-align: center; font-size: 20px; letter-spacing: 2px; color: #EED86B;font-weight:bold;animation:td 5s infinite }
    .popupNewYear img:nth-child(1) { position: absolute;top:20%; left: 25%; width: 50%; }
.closenewyear, .nopoint { position: absolute; bottom: 10px;color: white; font-size: 14px; letter-spacing: 2px; color: #fff;cursor:pointer }
.closenewyear { right: 10px; }
.nopoint {  left: 10px;  }

@keyframes zoomIn {
    from { opacity: 0; transform: scale3d(.3,.3,.3); -ms-transform: scale3d(.3,.3,.3); -moz-transform: scale3d(.3,.3,.3); -webkit-transform: scale3d(.3,.3,.3); -o-transform: scale3d(.3,.3,.3) }
    50% { opacity: 1 }
}
@keyframes td {
    50% { transform: scale(1.05); -ms-transform: scale(1.05); -moz-transform: scale(1.05); -webkit-transform: scale(1.05); -o-transform: scale(1.05) }
    100% { transform: scale(1); -ms-transform: scale(1); -moz-transform: scale(1); -webkit-transform: scale(1); -o-transform: scale(1) }
}