#slider .swiper-slide img{height: 871px;width: 100%;object-fit: cover;}
/*index1*/
.index{padding-top: 38px;padding-bottom: 34px;background-color: #f7f7f7;}
.index .container{overflow: hidden;}
/*产品*/
.index_pro{width: 44.308%;float: left;padding-left: 2px;}
.i_p_title{height: 166px;width: 100%;}
.i_p_title > div:nth-child(1){width: 66.32%;float: left;background-color: #fff;height: 100%;display: flex;}
.i_p_title > div div{margin: auto;margin-left: 50px}
.i_p_title > div div img{max-width: 100%;}
.i_p_title > div div li:nth-child(2){font-size: 15px;color: #000000;font-weight: 900;}
.i_p_title > div div li:nth-child(3){font-size: 16px;color: #000000;font-weight: 900;}
.i_p_title > div div li span:nth-child(2){width: 15px;height: 2px;display: inline-block;background-color: #d9000e;margin-left: 4px;}
.i_p_title > div:nth-child(2){width: 32.988%;float: right;background-color: #fff;height: 100%;display: flex;}
.i_p_title > div:nth-child(2) img{max-width: 100%;margin: auto}

.i_pro_nav{width: 100%;}
.i_pro_nav ul{height: 100%;margin-top: 4px;}
.i_pro_nav ul li{float: left;width: 32.614%;position: relative;height: 168px;transition: all 0.5s;}
.i_pro_nav ul li:nth-child(3n+2){margin-left: 4px;margin-right: 4px;}
.i_pro_nav ul li:nth-child(n+4):nth-child(-n+6){margin-top: 4px;margin-bottom: 4px;}
.i_pro_nav ul li img{width: 100%;height: 100%;object-fit: cover;}
.i_pro_nav ul li div{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.i_pro_nav ul li div.pro_cat_img{background-color: #fff;display: none}
.i_pro_nav ul li div.pro_cat_img img{width: 80%;height: auto;margin: auto;}
.i_pro_nav ul li div:nth-child(2){
    position: absolute;
    -webkit-perspective: 500;
    -moz-perspective: 500;
    -ms-perspective: 500;
    perspective: 500;
    -ms-transform: perspective(500px);
    -moz-transform: perspective(500px); /*重要*/
    transform-style: preserve-3d; /*重要*/
}
.i_pro_nav ul li div:nth-child(1){
    position: absolute;
    -webkit-perspective: 500;
    -moz-perspective: 500;
    -ms-perspective: 500;
    perspective: 500;
    -ms-transform: perspective(500px);
    -moz-transform: perspective(500px); /*重要*/
    transform-style: preserve-3d; /*重要*/
}
.i_pro_nav ul li{
    -webkit-perspective: 500;
    -moz-perspective: 500;
    -ms-perspective: 500;
    perspective: 500;
    -ms-transform: perspective(500px);
    -moz-transform: perspective(500px); /*重要*/
    transform-style: preserve-3d; /*重要*/
}
.i_pro_nav ul li div:nth-child(1) img{
    position: absolute;
    top:0;
    left: 0;
    transform-style: preserve-3d; /*重要*/
    transition: all 1s;
    opacity: 1;
    transform: scale(1);
}
.i_pro_nav ul li div:nth-child(2) img{
    position: absolute;
    top:0;
    left: 0;
    transform: scale(1);
    transform-style: preserve-3d; /*重要*/
    transition: all 1s;
    opacity: 0;
    border-radius: 3px;
}

.i_pro_nav ul li:hover div:nth-child(1) img{
    opacity: 0;
    transform: scale(0.9);
}
.i_pro_nav ul li:hover div:nth-child(2) img{
    transform: scale(1.03);
    opacity: 1;
}

@-webkit-keyframes i_pro_nav_firt {
    0% { transform: rotateY(0deg);opacity: 1;}
    50% { transform: rotateY(90deg);opacity: 0;}
    100% { transform: rotateY(90deg);opacity: 0;}
}
@keyframes i_pro_nav_firt {
    0% { transform: rotateY(0deg);opacity: 1;}
    50% { transform: rotateY(90deg);opacity: 0;}
    100% { transform: rotateY(90deg);opacity: 0;}
}
@-webkit-keyframes i_pro_nav_sec {
    46% { transform: rotateY(-90deg);opacity: 0;}
    100% { transform: rotateY(0deg);opacity: 1;}
}
@keyframes i_pro_nav_sec {
    46% { transform: rotateY(-90deg);opacity: 0;}
    100% { transform: rotateY(0deg);opacity: 1;}
}
/*返转*/
@-webkit-keyframes i_pro_nav_firt_s {
    46% { transform: rotateY(-90deg);opacity: 0;}
    100% { transform: rotateY(0deg);opacity: 1;}
}
@keyframes i_pro_nav_firt_s {
    46% { transform: rotateY(-90deg);opacity: 0;}
    100% { transform: rotateY(0deg);opacity: 1;}
}
@-webkit-keyframes i_pro_nav_sec_s {
    0% { transform: rotateY(0deg);opacity: 1;}
    50% { transform: rotateY(90deg);opacity: 0;}
}
@keyframes i_pro_nav_sec_s {
    0% { transform: rotateY(0deg);opacity: 1;}
    50% { transform: rotateY(90deg);opacity: 0;}
}

/*.i_pro_nav ul li div .img_f{animation: i_pro_nav_firt 1.5s;animation-fill-mode:forwards;}*/
/*.i_pro_nav ul li div .img_s{animation: i_pro_nav_sec 1.85s;animation-fill-mode:forwards;}*/

/*.i_pro_nav ul li div .img_f_s{opacity: 0;animation: i_pro_nav_firt_s 1.5s;animation-fill-mode:forwards;}*/
/*.i_pro_nav ul li div .img_s_s{opacity: 1;animation: i_pro_nav_sec_s 1.85s;animation-fill-mode:forwards;}*/

/*关于*/
.index_about{width: calc(55% - 1px);float: right;height: 682px;}
.i_a_img{width: calc(50% - 2px);float: left;margin-right: 2px;height: calc(50% - 2px);position: relative;overflow: hidden;}
.i_a_img:nth-child(2n+2){margin-left: 2px;margin-right: 0;}
.i_a_img:nth-child(n+1):nth-child(-n+2){margin-bottom: 4px;}
.i_a_img img{width: 100%;height: 100%;object-fit: cover;transition: all 0.5s;}
.i_a_img .i-a-u{position: absolute;height: 30px;width: 127px;bottom: 31px;right: 22px;background-color: #000;border-radius: 15px;display: flex;transition: all 0.5s;}
.i_a_img .i-a-u a{margin: auto;font-size: 14px;color: #fff;margin-bottom: 5px;display: flex;}
.i_a_img .i-a-u p{float: left;margin: auto;}
.i_a_img .i-a-u p:nth-child(1){margin-right: 1px;}
.i_a_img .i-a-u img{height: 21px;width: 21px;}

.i_a_img:hover img{transform: scale(1.1);}
.i_a_img:hover .i-a-u{background-color: #d3072b;}

.i_a_img .jd{position: absolute;height: 60px;width: 134px;bottom: 31px;right: 22px;background: url(../images/i_a_jd.png)no-repeat;display: flex;padding-left: 10px;}
.i_a_img .jd a{margin: auto;font-size: 14px;color: #fff;margin-bottom: 5px;display: flex;}
.i_a_img .jd p{float: left;margin: auto;}
.i_a_img .jd p:nth-child(1){margin-right: 1px;}
.i_a_img .jd img {height: 21px;width: 21px;}

/*视频*/
.index2{height: 635px;position: relative;}
.i_v_img{position: relative; z-index: 2;height: 100%;}
.i_v_img img{width: 100%;height: 100%;object-fit: cover;}
.i_v_mp4{position: absolute;top: 0;left: 0;height: 100%;width: 100%;background-color: #000;opacity: 0;z-index: 1}
.i_v_mp4 video{width: 100%;height: 100%;}

.video_icon{height: 100%;width: 100%;position: absolute;top: 0;left: 0;z-index: 3;background-color: rgba(0,0,0,0.5);display: none;}
.video_icon .play {width: 100%;height: 100%;display: flex;}
.video_icon .play >div{width: 110px;height: 110px;background: url(../images/play1.png)no-repeat;display: flex;margin: auto;cursor: pointer;}
.video_icon .play >div img{margin: auto;}

/*新闻*/
.index3{height: 355px;margin-top: 98px;}
.index3 .swiper-container{height: 100%}
.i_n_img img{width: 100%;max-height: 168px;object-fit: cover;}
.i_n_list {height: 100px;border: 1px solid #e7e7e7;border-top-color: rgba(0,0,0,0);padding: 0 17px;display: flex;}
.i_n_list ul{margin: auto;width: 100%;}
.i_n_title {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size: 16px;color: #000;}
.i_n_cat {color: #a0a0a0;font-size: 13px;}

.index3 .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{
    bottom: 12px;
}
.index3 .swiper-pagination-bullet{width: 15px;height: 15px;background-color: #cccccc;opacity: 1;}
.index3 .swiper-pagination-bullet-active{background-color: #be0522;}



@media screen and (max-width:440px) {
    /*产品、*/
    .index_pro{width: 100%;}
    .i_pro_nav ul li:nth-child(3n+2){margin-left: 3px;margin-right: 3px;}
    .i_pro_nav ul li div:nth-child(1){display: none;}
    /*.i_pro_nav ul li:nth-child(3n+2){margin: 0;}
    .i_pro_nav ul li:nth-child(n+4):nth-child(-n+6){margin: 0;}
    .i_pro_nav ul li{width: calc(50% - 4px);margin: 2px !important;}
    .i_pro_nav ul li:last-child{display: none;}*/

    .i_pro_nav ul li div.pro_cat_img{display: flex;}

    /*关于*/
    .index_about{width: 100%;height: auto;margin-top: 15px;}
    .i_a_img .i-a-u{position: relative;bottom: 0;left: 0;width: 100%;border-radius: 0;}
    .i_a_img .i-a-u a{font-size: 14px;}
    .i_a_img .i-a-u img{width: 15px;height: 15px;}
    .i_a_img .jd{position: relative;bottom: 0;left: 0;width: 100%;border-radius: 0;background: #d3072b;height: 30px;}
    .i_a_img .jd a{font-size: 14px;}
    .i_a_img .jd img{width: 15px;height: 15px;}

    /*视频*/
    .index2{height: 500px;}
    .i_v_img{display: none;}
    .i_v_mp4{display: block;opacity: 1}
    .video_icon{display: none;}

    #slider .swiper-slide img{height: 280px !important;}
}