.index_body{background: #f2f4fa;}
.index_banner li a{display: block;width: 100%;height: 100%;position: relative;z-index: 2;}
.index_banner li a>img{display: none;}
.index_banner .swiper-pagination{bottom: 40px;}
.index_banner .swiper-pagination-bullet{background: #fff;border-radius: 0;width: 28px;height: 2px;opacity: 1;}
.index_banner .swiper-pagination-bullet.swiper-pagination-bullet-active{background: #c30019;}

.pubilc_title{text-align: center;padding-top: 5%;padding-bottom: 45px;}
.pubilc_title h1{margin-bottom: 15px;}
.pubilc_title h1 br{display: none;}
.pubilc_title span{display:block;width: 80px;height: 3px;background: #ea3c35;margin: 0 auto;}

.index_01{background: #fff;}
.figure_ul{display: inline-block;width: 100%;position: relative;z-index: 2;}
.figure_ul li{float: left;width: 16.66%;padding: 6px 0;background: #a6a7a7;position: relative;cursor: pointer;}
.figure_ul li span{text-align: center;border-right: 1px dashed #d8d9d9;box-sizing: border-box;display: block;color: #fff;}
.figure_ul li i{
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #c30019;
    bottom: -15px;
    top: auto;
    display: none;
}
.figure_ul li:last-child span{border-right: none;}
.figure_ul li.on{background: #c30019;}
.figure_ul li.on span{border-right: none;}
.figure_ul li.on i{display: block;}
.figure_swi{position: relative;}
.figure_swi .swiper-container{overflow: inherit;}
.figure_swi .but{display: none;}
.figure_swi .but>div{background: none;line-height: 44px;}
.figure_swi .but>div i{font-size: 24px;}
.figure_swi  .swiper-button-prev{left: 0;}
.figure_swi  .swiper-button-next{right: 0;}
.index1_b{background: #f2f4fa;margin-top: -6px;}

.figure_item{padding: 6% 0 6%;overflow: hidden;display: none;}
@media only screen and (min-width: 768px){
    .figure_item{background: none!important;}
}
.figure_item h2{padding-left: 20px;}
.identity-l{float: left;width: 60%;padding-left: 20px;box-sizing: border-box;}
.identity-r{float: right;width: 40%;text-align: right;}
.identity-r img{max-width: 100%;}
.new_dongt{width: 443px;float: right;position: relative;margin-right: 10px;}
.phone_img{display: none;}
.d1{position: absolute;width: 57px;display: block;left: 8px;top: 165px;transition: all .2s;}
.d2{position: absolute;width: 57px;display: block;left: 102px;top: 10px;transition: all .4s;}
.d3{position: absolute;width: 57px;display: block;left: 265px;top: 53px;transition: all .6s;}
.d4{position: absolute;width: 57px;display: block;left: 357px;top: 138px;transition: all .8s;}
.d5{position: absolute;width: 152px;display: block;left: 130px;top: 110px;transition: all 1s;}
.d6{position: absolute;width: 152px;display: block;left: 130px;top: 110px;transition: all 1s;}
.figure_item:nth-child(2) .d1{left: 23px;top: 85px;}
.figure_item:nth-child(2) .d2{left: 177px;top: 28px;}
.figure_item:nth-child(2) .d3{left: 320px;top: 245px;}
.figure_item:nth-child(2) .d4{left: 70px;top: 250px;}
.figure_item:nth-child(2) .d5{left: 143px;top: 154px;}

.figure_item:nth-child(3) .d1{left: 80px;top: 290px;width: 106px;}
.figure_item:nth-child(3) .d2{left: 80px;top: 125px;width: 106px;}
.figure_item:nth-child(3) .d3{left: 345px;top: 75px;width: 106px;}
.figure_item:nth-child(3) .d4{left: 305px;top: 255px;width: 106px;}
.figure_item:nth-child(3) .d5{left: 235px;top: -5px;width: 102px;}
.figure_item:nth-child(3) .new_dongt{margin-right: 60px;}

.figure_item:nth-child(4) .d1{left: 75px;top: 225px;width: 56px;}
.figure_item:nth-child(4) .d2{left: 150px;top: -10px;width: 56px;}
.figure_item:nth-child(4) .d3{left: 358px;top: 185px;width: 56px;}
.figure_item:nth-child(4) .d4{left: 160px;top: 110px;width: 138px;}
/*.figure_item:nth-child(3) .d5{left: 235px;top: -5px;width: 102px;}*/

.figure_item:nth-child(5) .d1{left: 310px;
  top: 67px;
  width: 68px;}
.figure_item:nth-child(5) .d2{    left: 155px;
  top: 11px;
  width: 70px;}
.figure_item:nth-child(5) .d3{left: 30px;
  top: 112px;
  width: 70px;}
.figure_item:nth-child(5) .d4{width: 68px;
  display: block;
  left: 311px;
  top: 205px;}
.figure_item:nth-child(5) .d5{left: 183px;top: 135px;width: 66px;} 
.figure_item:nth-child(5) .d6{width: 66px;
  left: 104px;
  top: 254px;}

.figure_item:nth-child(6) .d1{left: 380px;top: 198px;width: 60px;}
.figure_item:nth-child(6) .d2{left: 91px;top: 114px;width: 70px;}
.figure_item:nth-child(6) .d3{left: 351px;top: 89px;width: 69px;}
.figure_item:nth-child(6) .d4{left: 175px;top: 33px;width: 71px;}
.figure_item:nth-child(6) .d5{    left: 190px;top: 149px;width: 135px;} 
.figure_item:nth-child(6) .d6{width: 59px;  left: 109px;  top: 236px;}


.new_dongt:hover .d1{margin-top: -15px;}
.new_dongt:hover .d2{margin-top: -15px;}
.new_dongt:hover .d3{margin-top: -15px;}
.new_dongt:hover .d4{margin-top: -15px;}
.new_dongt:hover .d5{margin-top: -15px;}

/*@keyframes down_move1*/
/*{*/
    /*0% { margin-top:-20px; opacity:1;}*/
    /*50% { margin-top:-20px; opacity:1;}*/
    /*100% {  margin-top:-20px; opacity:1;}*/
/*}*/
/*@-webkit-keyframes down_move1*/
/*{*/
    /*0% {  margin-top:-20px; opacity:1;}*/
    /*50% {  margin-top:-20px; opacity:1;}*/
    /*100% {  margin-top:-20px; opacity:1;}*/
/*}*/


.identity-l>p{color: #666666;margin-top: 20px;}
.iconall{margin-top: 10%;}
.icon_item{float: left;width: 23%;margin-right:2%;text-align: center;}
.icon_item .icon_item_div{height: 55px;display: block;}
.icon_item a{display: block;}
.icon_item a img{width: 55px;height: 50px;transition: all .5s;position: relative;margin-top: 5px;}
.icon_item a p{margin-top: 30px;}

.figure_item.on{display: block;}

.index_02{padding-bottom: 60px;overflow: hidden;background: #fff;}
.reform{overflow: hidden;}
.reform li{float: left;width: 23.5%;margin-right: 2%;margin-bottom: 24px;border-radius: 15px;overflow: hidden;position: relative;}
.reform li:nth-child(4n){margin-right: 0;}
.reform_txt{position: absolute;left: 0;top: 0;width: 100%;height: 100%;color: #fff;transition: all .3s;}
.reform_txt div{width: 100%;text-align: center;}
.reform_txt img{width: 58px;height: 58px;display: block;margin: 0 auto;margin-bottom:15px;}

.index_03{background: #f2f4fa;overflow: hidden;padding-bottom: 8%;}
.follow_list{overflow: hidden;width: 102%;margin: -1%;}
.follow_list li{width: 23%;margin: 1%;float: left;border-radius: 15px;overflow: hidden;margin-bottom: 20px;}
.follow_list li:nth-child(3n){margin-right: 0;}
.follow_list li dt{padding: 20px 30px;box-sizing: border-box;background: #fff;padding-bottom: 30px;}
.follow_list li dt a{height: 60px;display: block;overflow: hidden;}
.follow_list li dt span{ display: block; width: 24px; height: 2px; background: #ea3c35; margin: 15px 0 20px; transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; }
.follow_list li dt p{overflow: hidden;white-space: nowrap;}

.learn_more{text-align: center;margin-top: 50px;overflow: hidden;}
.learn_more a{display: inline-block;width: 170px;height: 45px;border: 1px solid #39393b;border-radius: 3px;line-height: 45px;box-sizing: border-box;text-align: center;color: #39393b;}

@media only screen and (min-width: 1025px){
    .icon_item a:hover img{margin-top: 0px;}
    .reform li:hover .reform_txt{ 
        transform:scale(1.05) ; -webkit-transform:scale(1.05) ; -moz-transform:scale(1.05) ; -ms-transform:scale(1.05) ; -o-transform:scale(1.05) ;
        background: rgba(0, 0, 0, 0.6);
     }
     .reform li .reform_txt{
      background: rgba(0, 0, 0, 0.1);
    }
    .reform li:last-child:hover .reform_txt{}
    .follow_list li:hover dt span{width: 30px;}
}

@media only screen and (max-width: 1599px){
    .follow_list li dt a{height: 52px;}
}


@media only screen and (max-width: 1024px){
    .index_banner .swiper-pagination{bottom: 10px;}
    .reform_txt img{width: 40px;height: 40px;margin-bottom: 10px;}
    .learn_more{margin-top: 20px;}
    .follow_list li dt{padding: 20px;padding-bottom: 30px;}
    .identity-l{width: 100%;}
    .identity-r{width: 100%;text-align: center;}
    .new_dongt{float: none;margin: 0 auto;margin-top: 20px;}
}
.phone_down{display: none;padding-top: 20px;}
.phone_down img{width: 29px;}
@media only screen and (max-width: 767px){
    .pubilc_title h1 br{display: block;}
    .learn_more{margin-top: 10px;}
    .index_banner li{height: 301px!important;}

    .index_banner li a>img{display: block;}
    /*.ban_video a>img{display: none!important;}*/
    .figure_swi{margin: 0 auto;padding: 0 10%;box-sizing: border-box;margin-bottom: 20px;display: none;}
    .figure_ul{display: flex;}
    .figure_swi .but{display: block;}

    .identity-l{width: 100%;padding-left: 0;}
    .identity-r{width: 100%;text-align: center;}
    .icon_item{width: 19%;margin-right: 8%;}
    .icon_item:nth-child(4n){margin-right: 0;}

    .reform li{width: 48%;margin-right: 4%;}
    .reform li:nth-child(4n){margin-right: 4%;}
    .reform li:nth-child(2n){margin-right: 0;}

    .follow_list li{width: 100%;margin-right: 0;}
    .follow_list li dt a{}
    .follow_list li dt p{height: auto;}
    .index1_b{margin-top: 0;}
    .figure_ul li{background: #c30019;}
    .figure_ul li span{color: #fff;border: none;width: 100%;}
    .figure_swi .swiper-container{overflow: hidden;}
    .new_dongt{width: 100%;}
    .new_dongt img{display: none;}
    .new_dongt img.phone_img{display:block;}
    .identity-l>p,.icon_item a p{font-size: 12px;}
    .identity-l>p{margin-top: 12px;}
    .figure_item{display: block;padding: 35px 20px;
        /*border-bottom: 1px dashed #bbbbbb;*/
    }
    .figure_item:last-child{border-bottom: 0;}
    .figure_item h2{font-size: 18px;padding-left: 0;}
    .icon_item a p {
        margin-top: 12px;

    }
    .iconall{margin-top: 27px;display: none;}
    .figure_item.on .iconall{display: block;}
    .phone_down{display: block;}
    .figure_item.on .phone_down{display: none;}
    .pubilc_title {
        text-align: center;
        padding-top: 32px;
        padding-bottom: 32px;
    }
    .identity-r{display: none;}
    .index1_b{background:  no-repeat center;background-size: 100% 100%;}
    .index1_b .inwrap{width: 100%;}
    .index_02{background: #f2f4fa;padding-bottom: 0;}
    .follow_list{overflow: initial;}
    .follow_list li dt {
        padding: 10px;
        padding-bottom: 30px;
    }
    .follow_list li dt a{font-size: 16px;}
    .follow_list li dt p{font-size: 12px;}
    .icon_item a img{width: 45px;height: 40px;}
    .figure_item{background: #f2f4fa  no-repeat!important;background-size: cover!important;} 
    .figure_item:nth-child(2n){background: #fff  no-repeat!important;background-size: cover!important;} 
}

.index_banner video {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0;
    object-fit: cover;
}
@media only screen and (max-width: 767px){
    .index_banner .ban_video video{display: none!important;}
}