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

.bs_head{
 position: absolute;
}
/* banner */
.os_banner{
 height: 28.125vw;
 width: 100%;
 min-width: 1280px;
 min-height: 360px;
 background-size: cover;
 position: relative;
}
.os_banner_content{
 position: absolute;
 top: 50%;
 left: 14.5%;
 transform: translateY(-50%);
}
.os_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;
} */

/* 浜у搧绠€浠 */
.os_intro{
 padding-top: 58px;
}
.os_intro_con{
 width: 1200px;
 margin: 0 auto;
}
.os_intro_con img{
 width: 340px;
 height: 270px;
}
.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;
}
.os_intro_con{
 display: flex;
 /* align-items: center; */
 justify-content: flex-end;
 margin-top: 48px;

}
.os_intro_show{
 margin-left: 64px;
 padding-top: 16px;
}
.os_intro_show p:first-child{
 font-size: 20px;
 font-weight: bold;
 line-height: 26px;
 margin-bottom: 11px;
}
.os_intro_show p:last-child{
 font-size: 16px;
 width: 598px;
 color: #666666;
 line-height: 24px;
 text-align: justify;
 text-justify: distribute;
 letter-spacing: 0.192px;
}


.os_feats{
 padding-top: 85px;
 margin-top: 70px;
 overflow: hidden;
 background: #F2F5F6;

}
.os_feats ul{
 /* margin-top: 64px; */
 padding-bottom: 100px;
}
.os_feats_item_con,.os_feats_item_amin{
 width: 100%;
 height: 100%;
}
.os_feats_item_con{
 z-index: 2;
}
.os_feats_item_show{
 display: flex;
 justify-content: flex-start;
 align-items: center;
 /* width: 66%; */
 width: 892px;
 height: 100%;
 margin: 0 auto;
 position: relative;
 /* overflow: hidden; */
}
.os_feats_img{
    position: absolute;
    right: 0;
    width: 380px;
 /* width: 44.7%; */
 /* overflow: hidden; */
}
.os_feats li:nth-child(2n) .os_feats_item_show{
    justify-content:flex-end
}
.os_feats li:nth-child(2n) .os_feats_img{
left: 0;
}
.os_feats_img img{
 width: 100%;
}
.os_feats_intro{
 /* width: 45%; */
 width: 380px;
}
.os_feats_intro hr{
 border: 0;
 width: 72px;
 height: 4px;
 background: #2168FB;
 margin-bottom: 28px;
 margin-top: 28px;
}
.os_feats_intro p{
 font-size: 16px;
 line-height: 30px;
 color: #666666;
 letter-spacing: 0.368px;
}
.os_feats_item01{
    height: 340px;
}
.os_feats_item02{
    height: 304px;
}
.os_feats_item03{
    height: 330px;
}
.os_feats_item04{
    height: 366px;
}
.os_feats_item04{
    height: 380px;
}
.os_feats_item_amin{
 overflow: hidden;
}
.os_feats_item_amin div{
 border-radius: 50%;
 position: absolute;
}
.os_feats_amin01_1{
 right: -380px;
 top: -450px;
 width: 960px;
 height: 960px;
 background: #EDFEFF;
}
.os_feats_amin01_2{
 left: -180px;
 bottom: -220px;
 width: 500px;
 height: 500px;
 background: #DBFCFF;
}
.os_feats_item02{
 /* background: linear-gradient(224deg, #E1F2FF 0%, #FFFFFF 100%); */
}
.os_feats_amin02_1{
 top: 67px;
 left: -100px;
 width: 900px;
 height: 900px;
 border-radius: 50%;
 background: #E6F4FF;
}
.os_feats_amin02_2{
 top: 68px;
 left: 835px;
 width: 156px;
 height: 156px;
 background: #E6F4FF;
 border-radius: 50%;
}

.os_feats_amin03_1{
 bottom: -68px;
 left: 356px;
 width: 238px;
 height: 238px;
 background: #DBFCFF;
}
.os_feats_amin03_2{
 right: -280px;
 bottom: 66px;
 width: 1100px;
 height: 1100px;
 background: #DBFCFF;
}
.os_feats_amin04_1{
 left: -180px;
 top: 145px;
 width: 960px;
 height: 960px;
 background: #E6F4FF;
}
.os_feats_amin04_2{
 left: 740px;
 top: -170px;
 width: 332px;
 height: 332px;
 background: #E6F4FF;
}

/* 鎶€鏈紭鍔 */
.os_tech_framework{
 background-position: top center;
 background-repeat: no-repeat;
 /* background-size:100%; */
}
.os_tech{
 padding-top: 100px;
 
}

.os_tech ul{
 width: 1184px;
 height: 500px;
 margin: 0 auto;
 position: relative;
 /* position: absolute;
 z-index: 2; */
}
.os_tech li{
 position:absolute;
 display: flex;
 flex-direction: column;
 align-items: center;
}
.os_tech_item01{
 bottom: 40px;
 left: 0;
}
.os_tech_item02{
 bottom: 0;
 left: 465px;
}
.os_tech_item03{
 top: 0;
 right: 35px;
}
.os_tech h4{
 font-size: 18px;
 color: #666666;
 margin: 20px 0;
}
.os_tech_item hr{
 display: block;
 transition: all .6s;
 text-align: center;
 width: 0;
 height: 1px;
 background: #2168FB;
 border: 0;
 margin-bottom: 20px;
}
.os_tech_item p{
 display: block;
 transition: all .6s;
 font-size: 14px;
 color: #666666;
 line-height: 24px;
 text-align: center;
 opacity: 0;
 transform: translateY(60px);
}


.os_tech_icon{
 width: 80px;
 height: 80px;
 position: relative;
 transition: all 1s;
}
.os_tech_item:hover .os_tech_icon{
 transform: scale(1.2);
}
.os_tech_item:hover hr{
 width: 72px;
}
.os_tech_item:hover p{
 opacity: 1;
 transform: translateY(0px);
}
/* .os_tech_item:hover .os_cir3{
 opacity: 0.6;
} */
.os_tech_icon img{
 width: 38px;
 height: 38px;
 position: absolute;
 top: 50%;
 left: 50%;
 transform: translate(-50%,-50%);
 z-index: 5;
}
.os_cir{
 position: absolute;
 border-radius: 50%;
 /* animation: iconAnim 2s ease infinite;
 -ms-animation: iconAnim 2s ease infinite; */
}

.os_cir1{
 width: 48px;
 height: 48px;
 top: 16px;
 left: 16px;
 background: #E6F4FF;
 z-index: 4;
}
.os_cir2{
 width: 64px;
 height: 64px;
 top: 8px;
 left: 8px;
 background: #F2FAFF;
 z-index: 2;
}
.os_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;   /*鍦嗗舰鏀惧ぇ鐨勫悓鏃讹紝閫忔槑搴﹂€愭笎鍑忓皬涓?*/
 }
 100%{
  transform: scale(1);
  opacity: 1;
 }
 }

 /* 杞欢鏋舵瀯 */
 .os_framework img{
  display: block;
  /* width: 74%;
  height: 40.56vw;
  min-height: 520px; */
  width: 1005px;
  height: 840px;
  margin: 0 auto;
 }
.os_framework .intro_title{
 padding: 100px 0 40px 0;
}
/* 搴旂敤妗堜緥 */
#os_case{
 /* height: 620px; */
 padding: 100px 0 114px 0;
}
.os_case_swiper{
 position: relative;
 /* width: 80vw;
 min-width: 1200px; */
 width: 1170px;
 margin: 0 auto;
 margin-top: 40px;
 /* height: 222px; */
}
.os_case_swiper .swiper-container{
    width: 1060px;
 /* width: 89%; */
 /* width: 1370px; */

 margin: 0 auto;
}
.os_case_swiper img{
 width: 100%;
}
.os_case_swiper .swiper-button-prev:after, .os_case_swiper  .swiper-button-next:after
{
 content: "";
}
.os_case_swiper .swiper-button-next, .os_case_swiper .swiper-button-prev{
 width: 30px;
 height: 30px;
 background-color: #cccccc;
 border-radius: 50%;
 transition: all .3s;
}
.os_case_swiper .swiper-button-prev:hover,.os_case_swiper .swiper-button-next:hover{
 background-color: #2168FB;
}
.os_case_swiper .swiper-button-prev{
 left: 0;
}
.os_case_swiper .swiper-button-next{
 right: 0;
}
.os_case_swiper .icon{
 fill: #FFFFFF;
 width: 12px;
}