.banner{
    height: 600px;
}
.banner img{
    width: 100%;
    height: 100%;
}
.system p{
    font: 16px/26px Microsoft YaHei;
    color: #fff;
    width: 1191px;
    margin-bottom: 30px;
}
.system h2{
    font: 36px/39px Microsoft YaHei;
    color: #fff;
    padding: 60px 0 19px;
}
.system{
    height: 198px;
    background: url(https://cnaite.cn/shop/images/8_03.png) no-repeat center top;
}
.trigger{
    background: #fff;
}
.trigger .nav{
    margin-top: 60px;
    display: flex;
    width: 1200px;
    justify-content: space-between;
}
.trigger .nav li{
    width: 160px;
    height: 40px;
    background: #f8f8f8;
    border-radius: 20px;
    font: 24px/40px Microsoft YaHei;
    color: #999;
    cursor:default;
}
.trigger .nav .tap{
    background: #007AFF;
    color: #fff;
}
.trigger .biao li{

    display: none;
}
.trigger .biao .bloc{
    display: block;
}
.trigger h2{
    font: 36px/24px Microsoft YaHei;
    color: #333;
    margin: 60px 0 19px;
}
.trigger p{
    font: 16px/26px Microsoft YaHei;
    color: #666;
}
.trigger .toggle{
    display: flex;
    align-items: center;
    justify-content: space-between;width: 1200px;
    margin: 34px 0 100px;
}
.trigger .toggle ul li{
    display: none;
}
.trigger .toggle ul .xin{
    display: block;
}
.application{
    height: 761px;
    background: #F7F7F7;
}
.application>h3{
    font: 36px/39px Microsoft YaHei;
    color: #000000;
    margin: 100px 0 60px;
}
.application ul{
display: flex;
width: 1200px;
justify-content: space-between;
}
.application ul li{
    width: 230px;
    height: 465px;
    position: relative;
    overflow: hidden;
}
.application ul li img{
    width: 100%;
    height: 100%;
}
.application ul li div{
    width: 230px;
    height: 465px;
    opacity: 0.9;
    background: #007AFF;
    position: absolute;
    top: 390px;
}
.application ul li div h3{
    font: 24px SourceHanSansCN;
    color: #fff;
    margin: 18px 0 415px;
}
.application ul li div p{
    font: 16px SourceHanSansCN;
    color: #fff;
    width: 208px;
    display: none;
}
.application ul .tapall div{
    top: 0;
}
.application ul .tapall div p{
    margin: 0 0 165px;
    display: inline;
}
.application ul .tapall div h3{
   margin: 164px 0 18px;
}
.advantage{
    height: 615px;
    display: flex;
    flex-direction:column;
    align-items: center;
}
.advantage .guarantes{
    font: 36px/39px Microsoft YaHei;
    margin: 100px 0 60px;
}
.advantage ul{
display: flex;
flex-wrap: wrap;
width: 1200px;
padding: 0;
margin: 0;
justify-content: space-between;
}
.advantage ul li{
    width: 386px;
height: 150px;
background: #FFFFFF;
box-shadow: 0px 0px 16px 0px rgba(4, 0, 0, 0.06);
display: flex;
align-items: center;
text-align: left;
margin-bottom: 20px;
}
.advantage ul li img{
    width: 68px;
    height: 68px;
    margin-right: 19px;
    margin-left: 16px;
}
.advantage ul li h4{
    font: 24px/36px  SourceHanSansCN;
    color: #000;
    margin-bottom: 14px;
   
}
.advantage ul li h4::after{
    display: block;
    content: "";
    width: 100px;
    height: 1px;
    background: #999999;
}
.advantage ul li p{
    display: block;
    font:16px/26px SourceHanSansCN;
    color: #999;
    width: 256px;
}
.solution h2{
    font: 36px/39px Microsoft YaHei;
    color: #000;
    margin: 100px 0 19px;
}
.solution p{
    font: 16px/26px Microsoft YaHei;
    color: #666;
}
.solution ul{
    display: flex;
    justify-content: space-between;
    width: 1200px;
    margin: 60px 0 100px;
}
.solution ul li h3{
    font: 24px/39px Microsoft YaHei;
    color: #000;
    margin: 40px 0 19px;
    text-align: center;
}
.solution ul li p{
    font: 16px/26px Microsoft YaHei;
    color: #666;
    width: 240px;
    text-align: left;
    margin: 0 auto;
}
.GongNeng span{
    font: 44px/83px Microsoft YaHei;;
    padding-top: 39px;
    display: block;
}
.GongNeng p{
    font: 16px Microsoft YaHei;
    color: #696969;
}
.GongNeng ul{
    display: flex;
    flex-wrap: wrap;
    width: 1200px;
    justify-content: space-between;
    margin: 22px 0 100px;
}
.GongNeng ul li{
    width: 130px;
    margin:0 55px;
    height: 190px;
}
.GongNeng ul li p{
    font: 18px/56px Microsoft YaHei;
}
.YouShi{
    background: url(../images/dhaka/9_17.png) no-repeat;
    background-size: 100% 100%;
    height: 562px;
}
.YouShi span{
    font: 44px Microsoft YaHei;
    display: block;
    margin: 49px 0 18px;
}
.YouShi p{
    color: #696969;
    font: 16px Microsoft YaHei;
}
.YouShi ul{
    display: flex;
    justify-content: space-between;
    width: 946px;
    text-align: left;
    margin-top: 29px;
margin-bottom:60px;
}
.YouShi ul li{
background-color: #fff;
width: 306px;
}
.YouShi ul li img{
    width: 306px;
    height: 206px;
}
.YouShi ul li h5{
    font: 24px Microsoft YaHei;
    margin:24px 0 10px 24px;
}
.YouShi ul li p{
    font: 14px/24px Microsoft YaHei;
    color: #666666;
    margin-left: 24px;
    margin-bottom: 30px;
width: 265px;
}
.BianJie>p{
    font: 36px/39px Microsoft YaHei;
    color: #000;
    margin: 100px 0 60px;
}
.BianJie ul{
    display: flex;
    width: 1200px;
    justify-content: space-between;

}
.BianJie ul li{
    width: 280px;
height: 320px;
background: #FFFFFF;
border: 1px solid #CCCCCC;
}
.BianJie ul li img{
    margin: 50px 0;
}
.BianJie ul li span{
    display: block;
    width: 40px;
height: 2px;
background: #0093DD;

}
.BianJie ul li p{
    font: 16px  Microsoft YaHei;
    color: #000;
    margin-top: 50px;
}
.HeZuo{
    margin: 100px 0;
}
.HeZuo h3{
    font: bold 36px/40px Microsoft YaHei;
    color: #333;
   
}
.HeZuo p{
    font: 20px Microsoft YaHei;
    color: #999;
    margin: 20px 0 60px;
}
.HeZuo ul{
    width: 1200px;
    display: flex;
    flex-wrap: wrap;
}
#ChangJing{width: 100%;height: 625px;background:url(../images/dhaka/12_23.png) no-repeat center top;}
.ChangJingBot{height: 350px;display: flex;}
.box5{width: 185px;height: 338px;float: left;margin-right: 18px;position: relative;overflow: hidden}
.ZheZhao{width:185px;height: 338px;background-color: rgba(0, 122, 255,0.9) ;position: absolute;top: 288px;left: 0;text-align: center;transition: all 0.5s;}
.box5:hover .ZheZhao{top:0;}
.YouShiTop{
    font: 36px Microsoft YaHei;
    color: #000;
    /* margin: 100px 0 60px; */
}