/* h3{
 font-size: 32px;
} */

.bs_head{
 position: absolute;
}
/* banner */
.engine_banner{
 height: 28.125vw;
 width: 100%;
 min-width: 1280px;
 min-height: 360px;
 background-size: cover;
 position: relative;
}
.engine_banner_content{
 position: absolute;
 top: 50%;
 left: 14.5%;
 transform: translateY(-50%);
}
.engine_banner .btn{
 width: 200px;
}
/* .bs_kind li{
 display: inline-block;
 padding: 0 44px;
 border-right: 1px solid #EAEAEA;
 cursor: pointer;
}
.bs_kind a{
 color: #333333;
 font-size: 16px;
}
.bs_kind li:last-child{
 border: none;
} */

/* 产品简介 */
.engine_intro{
 padding-top: 58px;
}
.engine_intro_con{
 width: 1200px;
 margin: 0 auto;
}
.engine_intro_con img{
    width: 340px;
    height: 272px;
}
.intro_title{
 display: flex;
 align-items: center;
 justify-content: center;
}
.intro_title hr{
 width: 98px;
 height: 1px;
 border: 0;
 background-color: #D8D8D8;
}
.intro_title h2{
 margin: 0 25px;
}
.engine_intro_con{
 display: flex;
 /* align-items: center; */
 margin-top: 64px;
 justify-content: flex-end;

}
.engine_intro_show{
 margin-left: 84px;
 padding-top: 14px;
}
.engine_intro_show p:first-child{
 font-size: 20px;
 font-weight: bold;
 line-height: 26px;
 margin-bottom: 32px;
}
.engine_intro_show p:last-child{
 font-size: 16px;
 width: 598px;
 color: #666666;
 line-height: 24px;
 text-align: justify;
 text-justify: distribute;
}


.engine_feats{
    padding-top: 85px;
    margin-top: 70px;
    overflow: hidden;
    background: #F2F5F6;
   
   }
   .engine_feats ul{
    margin-top: 46px;
    padding-bottom: 100px;
   }
   .engine_feats_item{
    /* position: relative; */
    /* background: linear-gradient(227deg, #FEFEFE 0%, #E5FDFF 100%); */
    /* height: 33.33vw; */
    /* min-height: 540px; */
    /* height: 640px; */
   }
   .engine_feats_item_con,.engine_feats_item_amin{
    width: 100%;
    height: 100%;
    /* position: absolute;
    top: 0;
    left: 0; */
   }
   .engine_feats_item_con{
    z-index: 2;
   }
   .engine_feats_item_show{
    display: flex;
    justify-content: space-between;
    align-items: center;
    /* width: 66%;
    min-width: 1100px; */
    width: 892px;
    height: 100%;
    margin: 0 auto;
    /* overflow: hidden; */
   }
   .engine_feats_img{
    /* width: 44.7%; */
    /* overflow: hidden; */
    width: 380px;
   }
   .engine_feats_img img{
    width: 100%;
   }
   .engine_feats_intro{
       width: 380px;
    /* width: 45%; */

   }
   .engine_feats_intro hr{
    border: 0;
    width: 72px;
    height: 4px;
    background: #2168FB;
    margin-bottom: 28px;
    margin-top: 28px;
   }
   .engine_feats_intro p{
    font-size: 16px;
    line-height: 34px;
    color: #666666;
    letter-spacing: 0.24px;
   }

.engine_feats_item03{
    height: 313px;
}
.engine_feats_item04{
    height: 353px;
}
.engine_feats_item_amin{
 overflow: hidden;
}
.engine_feats_item_amin div{
 border-radius: 50%;
 position: absolute;
}
.engine_feats_amin01_1{
 right: -380px;
 top: -450px;
 width: 960px;
 height: 960px;
 background: #EDFEFF;
}
.engine_feats_amin01_2{
 left: -180px;
 bottom: -220px;
 width: 500px;
 height: 500px;
 background: #DBFCFF;
}
.engine_feats_item02{
 /* background: linear-gradient(224deg, #E1F2FF 0%, #FFFFFF 100%); */
}
.engine_feats_amin02_1{
 top: 67px;
 left: -100px;
 width: 900px;
 height: 900px;
 border-radius: 50%;
 background: #E6F4FF;
}
.engine_feats_amin02_2{
 top: 68px;
 left: 835px;
 width: 156px;
 height: 156px;
 background: #E6F4FF;
 border-radius: 50%;
}

.engine_feats_amin03_1{
 bottom: -68px;
 left: 356px;
 width: 238px;
 height: 238px;
 background: #DBFCFF;
}
.engine_feats_amin03_2{
 right: -280px;
 bottom: 66px;
 width: 1100px;
 height: 1100px;
 background: #DBFCFF;
}
.engine_feats_amin04_1{
 left: -180px;
 top: 145px;
 width: 960px;
 height: 960px;
 background: #E6F4FF;
}
.engine_feats_amin04_2{
 left: 740px;
 top: -170px;
 width: 332px;
 height: 332px;
 background: #E6F4FF;
}

/* 技术优势 */
.engine_tech_framework{
 /* background-position: top center; */
 background-position: center -148px;
 /* padding-top: 97px; */
 background-repeat: no-repeat;
}
.engine_tech{
 padding-top: 68px;
}
.engine_tech_compare{
 display: block;
 width: 81.875vw;
 min-width: 1160px;
 /* width: 84.8%;
 height: 40.24vw;
 min-height: 515px; */
 margin: 0 auto;
 margin-top: 50px;
}
.engine_tech ul{
 /* width: 79%;
 min-width: 1200px; */
 width: 1240px;
 height: 444px;
 margin: 0 auto;
 /* margin-top: 104px; */
 position: relative;
}
.engine_tech li{
 position:absolute;
 display: flex;
 flex-direction: column;
 align-items: center;
}
.engine_tech_item01{
 top: 90px;
 left: 0;
}
.engine_tech_item02{
 bottom: 0;
 /* left: 25%; */
 left: 302px;
}
.engine_tech_item03{
 top: 74px;
 left: 644px;
 /* right: 27.5%; */
}
.engine_tech_item04{
 top: -24px;
 right: 24px;
}
.engine_tech h4{
 font-size: 18px;
 margin: 20px 0;
 color: #666666;
}
.engine_tech_item hr{
 display: block;
 transition: all .6s;
 text-align: center;
 width: 0;
 height: 1px;
 background: #2168FB;
 border: 0;
 margin-bottom: 20px;
}
.engine_tech_item p{
 display: block;
 transition: all .6s;
 font-size: 14px;
 color: #666666;
 line-height: 24px;
 text-align: center;
 opacity: 0;
 transform: translateY(60px);
}

.engine_tech_icon{
 width: 80px;
 height: 80px;
 position: relative;
 transition: all .6s;
}
.engine_tech_item:hover .engine_tech_icon{
 transform: scale(1.2);
}
.engine_tech_item:hover hr{
 width: 72px;
}
.engine_tech_item:hover p{
 opacity: 1;
 transform: translateY(0px);
}
.engine_tech_icon img{
 width: 38px;
 height: 38px;
 position: absolute;
 top: 50%;
 left: 50%;
 transform: translate(-50%,-50%);
 z-index: 5;
}
.engine_cir{
 position: absolute;
 border-radius: 50%;
 /* animation: iconAnim 2s ease infinite;
 -ms-animation: iconAnim 2s ease infinite; */
}
.engine_cir1{
 width: 48px;
 height: 48px;
 top: 16px;
 left: 16px;
 background: #E6F4FF;
 z-index: 4;
}
.engine_cir2{
 width: 64px;
 height: 64px;
 top: 8px;
 left: 8px;
 background: #F2FAFF;
 z-index: 2;
}
.engine_cir3{
 width: 80px;
 height: 80px;
 background: #F9FDFF;
 top: 0px;
 left: 0px;
}
@keyframes iconAnim {
 0%{
  transform: scale(1);
  opacity: 1;  
 }
 50%{
  transform: scale(1.2);  
  opacity: 0.2;   /*圆形放大的同时，透明度逐渐减小为0*/
 }
 100%{
  transform: scale(1);
  opacity: 1;
 }
 }

 /* 软件架构 */
 .engine_framework img{
  display: block;
  /* width: 75.6%;
  height: 41.93vw;
  min-height: 526px; */
  width: 977px;
  height: 677px;
  margin: 0 auto;
 }
.engine_framework .intro_title,.engine_demo .intro_title{
    padding: 60px 0 26px 0;
}



/* 示例程序 */




/* 应用案例 */
.engine_case{
 padding: 84px 0 58px 0;
}
.engine_case_swiper{
 position: relative;
 /* width: 80vw;
 min-width: 1200px; */
 width: 1280px;
 /* width: 1536px; */
 margin: 0 auto;
 margin-top: 36px;
 /* height: 222px; */
}
.engine_case_swiper .swiper-container{
 width: 1133px;
 /* width: 89%; */
 /* width: 1370px; */
 margin: 0 auto;
}
.engine_case_swiper img{
 width: 100%;
}
.engine_case_swiper .swiper-button-prev:after, .engine_case_swiper  .swiper-button-next:after
{
 content: "";
}
.engine_case_swiper .swiper-button-next, .engine_case_swiper .swiper-button-prev{
 width: 30px;
 height: 30px;
 background-color: #cccccc;
 border-radius: 50%;
 transition: all .3s;
}
.engine_case_swiper .swiper-button-prev:hover,.engine_case_swiper .swiper-button-next:hover{
 background-color: #2168FB;
}
.engine_case_swiper .swiper-button-prev{
 left: 0;
}
.engine_case_swiper .swiper-button-next{
 right: 0;
}
.engine_case_swiper .icon{
 fill: #FFFFFF;
 width: 12px;
}



@media only screen and (max-width: 1640px) {
 .engine_tech h4{
  font-size: 18px;
 }
}
@media only screen and (max-width: 1440px) {
 .engine_tech h4{
  font-size: 16px;
 }
}