@charset "utf-8";
/* CSS Document */

h1, h2, h3, h4, h5, h6, p, figure, form, blockquote {
    margin: 0;
}
  .iproduct{width: 100%;height: auto;}
    .iproduct .title{width: 100%;background-color: #fff;}
    .iproduct .title .mian{max-width: 1200px;padding: 0px 0;text-align: center;margin: 0 auto;}
    .iproduct .title h2{display: block;font-size:50px;line-height: 60px;color: #222;margin-bottom: 15px;}
    .iproduct .title .cent{display: block;font-size:14px;line-height: 16px;color: #8d8d8d;}
    .iproduct .title .cent p{font-size:14px;line-height: 16px;color: #8d8d8d;}
    .iproduct .pic01{width: 100%;position: relative;}
    .iproduct .pic01 img{display: block;width: 100%;}

    .iproduct .main{text-align: center;position: absolute; top: 20%;left: 0;width: 100%;z-index: 5;}
    .iproduct .main h2{display: block;font-size: 54px;color: #fff;line-height: 60px;margin-bottom: 20px;}
    .iproduct .main .cent,.iproduct .main .cent p{font-size: 16px;color: #fff;line-height: 26px;}
    .iproduct .main .cent{margin-bottom: 35px;}
    .iproduct .main .btns{display: block;width: 48px;height: 48px;border-radius: 100%;margin: 0 auto;/* background-color: #c60212; */position: relative;/* border:1px solid #c60212; */transition: all 0.5s;-webkit-transition: all 0.5s;}
    .iproduct .main .btns:hover{background-color:transparent;border:0px solid #fff;}
    .iproduct .main .btns i{
        display: block;width: 48px;height: 48px;
        background: url(/img/zslogo1.png) center no-repeat;
        animation: downico 1.5s ease-out infinite;
        animation: downico 1.5s ease-out infinite\0/IE9;
        position: absolute;left: 0;top: 0;
    }
    /*
    @keyframes downico{
        0%{left: 0; opacity: 1;}
        35%{left: 30%; opacity: 0;}
        65%{left: -30%;opacity: 0;}
        100%{left: 0;opacity: 1;}
    }
*/
    .iproduct .warp{width: 1000px;height: 158px;overflow: hidden;margin: -80px auto 0;position: relative; box-shadow: 0 1px 40px 0 rgba(0,0,0,0.2);background-color: #fff;z-index: 5;}
    .iproduct .swiper-container {width: 900px;height: 158px;text-align: center;position: relative;}
    .iproduct .swiper-container .g{display: block;width:1px;height: 80px;position: absolute;z-index: 5;top: 50%;margin-top: -40px;background-color: #fff;right: 0;}
    .iproduct .swiper-slide .tit { font-size: 18px;line-height: 20px;transition: all 0.5s;-webkit-transition: all 0.5s;height: 20px;color: #666;text-align: center;}
    .iproduct .swiper-slide.on .tit{color: #222;}
    .iproduct .swiper-slide:hover .tit{color: #222;}
    .iproduct .pagination {position: absolute;z-index: 20;left: 10px; bottom: 10px;}
    .iproduct .swiper-pagination-switch {display: inline-block;width: 8px;height: 8px;border-radius: 8px;background: #222;margin-right: 5px; opacity: 0.8; border: 1px solid #fff;cursor: pointer;}
    .iproduct .swiper-visible-switch {background: #aaa;}
    .iproduct .swiper-active-switch {background: #fff;}
    .iproduct .swiper-button-prev{width: 50px;height: 50px;background-color: red;margin-top: -100px;position: absolute;z-index: 50;}
    .iproduct .swiper-button-prev {background: url(/img/zuo.png) center no-repeat ;position: absolute;left:20px;top: 50%;margin-top: -10px; width: 15px;height:20px;}
    .iproduct .swiper-button-next {background: url(/img/you.png) center no-repeat ;position: absolute;right: 20px;top: 50%;margin-top: -10px;width:10px;height:20px;}
    .iproduct .pci{width: 50px;height: 50px;margin: 40px auto 10px auto;position: relative;}
    .iproduct .pci .gray{display: block;width: 50px;height: 50px;}
    .iproduct .pci .green{display: block;width: 50px;height:0px;position: absolute;bottom: 0;left: 0;transition: all 0.5s;-webkit-transition: all 0.5s;overflow: hidden;}
    .iproduct .swiper-slide:hover .pci .green{height: 50px;}
    .iproduct .swiper-slide .pci .green img{display: block;height: 50px;width: 50px;position: absolute;bottom: 0;left: 0}
    .iproduct .swiper-slide.on .pci .green{height: 50px;}
    .iproduct .swiper-slide{position: relative;cursor: pointer;}
    .iproduct .swiper-slide i{display: block;width: 90%;position: absolute; bottom: 0;height: 4px;background-color: #fff;left: 50%;margin-left: -45%;border-top-left-radius: 3px;border-top-right-radius: 3px;}
   .iproduct .swiper-slide.on i{background-color: #c60212;}
    .iproduct .swiper-slide em{display: block;width: 1px;height: 80px;background-color: #f2f2f2;right: 0px;top: 50%;position: absolute;z-index: 2;margin-top: -40px;}

.iproduct .btns01{ position: absolute;right: 8%;bottom: 5%; color: #ffffff ;  font-size:18px;}