*{
    margin: 0;
    padding: 0;
}
.pt-banner1{
    position: relative;
    width: 100%;
    height: 570px;
    /* background-image:url('../../images/producttopic/banner.jpg') no-repeat center center; */
    background: url('../../images/producttopic/banner.jpg')no-repeat center center;
    background-size: cover;
}
.pt-banner1>.pt-banner1-title1{
    padding-top:60px ;
    color: white;
    text-align: center;
    font-size: 40px;
    font-weight: 700;
}
.pt-banner1>.pt-banner1-text{
    padding-top:30px ;
    color: white;
    text-align: center;
    font-size: 20px;
}
/*  */
.pt-body-1{
    width: 100%;
    background: url('../../images/producttopic/bg1.png')no-repeat center center;
}
.pt-body-1-content{
    width: 1200px;
    margin: 0 auto;
    text-align: center;
}
.pt-body-1-content>.pt-body1-title{
    padding-top:50px ;
    font-size: 30px;
    font-weight: 600;
}
.pt-body-1-content>.pt-body1-text{
    color: #b1b1b1;
    font-size: 16px;
    padding-top: 20px;
    padding-bottom: 30px;
}
.pt-body1-block1{
    display: flex;
    align-items: center;
    justify-content: space-around;
    width: 100%;
    height: 105px;
    background-color:#f0f5fc;
    margin-bottom: 20px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}
.pt-body1-block1-text{
    font-weight: 700;
    font-size: 20px;

}
.pt-body1-block1-icon{
    display: flex;
    align-items: center;
    justify-content: space-between;
    color:#2584ff;
}
.pt-body1-block1-icon>p{
    padding-left: 20px;
    font-size: 16px;
}
.pt-icon{
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}
.pt-icon>img{
    width: 30px;
    height: 30px;
}
/*  */
.pt-body-2{
    width: 100%;
    background: url('../../images/producttopic/bg2.png')no-repeat center center;
    background-color: #f0f5fc;
    margin-top: 35px;
}
.pt-body-2-content{
    width: 1200px;
    margin: 0 auto;
    text-align: center;
}
.pt-body2-title{
    padding-top:50px ;
    font-size: 30px;
    font-weight: 600;
}
.pt-body2-text{
    color: #b1b1b1;
    font-size: 16px;
    padding-top: 20px;
    padding-bottom: 30px;
}
.pt-body-3{
    width: 100%;
    position: relative;
    padding-bottom: 30px;
}
.pt-body-3>.floatBoxTop{
    position: absolute;
    width: 700px;
    height: 700px;
   background: url(../../images/producttopic/bg3.png) no-repeat center center ;
    z-index: -1;
    top: 0;
    right: 0;
}
.pt-body-3>.floatBoxBottom{
    position: absolute;
    width: 700px;
    height: 700px;
    background: url(../../images/producttopic/bg4.png) no-repeat center center ;
    z-index: -1;
    left: 0;
    bottom: 0;
}
.pt-body-3-content{
    width: 1200px;
    margin: 0 auto;
    text-align: center;
}
.pt-body3-title{
    padding-top:50px ;
    font-size: 30px;
    font-weight: 600;
}
.pt-body3-text{
    color: #b1b1b1;
    font-size: 16px;
    padding-top: 20px;
    padding-bottom: 30px;
}
.pt-body-4{
    width: 100%;
    padding-bottom: 100px;
    position: relative;
    background: url('../../images/producttopic/bg5.png')no-repeat center center #f0f5fc;
}
.pt-body-4-content{
    width: 1200px;
    margin: 0 auto;
}
.pt-body4-title{
    padding-top:50px ;
    font-size: 30px;
    font-weight: 600;
    text-align: center;

}
.pt-body4-text{
    color: #b1b1b1;
    font-size: 16px;
    padding-top: 20px;
    padding-bottom: 30px;
    text-align: center;

}
.pt-body4-list1{
    display: flex;
   
}
.pt-body4-list1-left{
    width: 50%;
    padding-left: 100px;
}
.pt-body4-list1-left>img{
    width: 85px;
}
.pt-body4-list1-left>p{
    font-size: 25px;
    padding-top: 30px;
    margin-left: 10px;
}
.pt-body4-list1-left>ul>li{
    /* list-style-type:disc; */
    list-style-image:url(../../images/producttopic/icon/ellipse.png) ;
    padding-top: 30px;
    margin-left: 25px;
    font-size: 14px;
}
.pt-body4-list1-right{
    width: 50%;
}
.pt-body4-list1-right>img{
   padding-left: 150px;
    width: 331px;

}

.pt-body4-list2{
    display: flex;
    margin-top: 120px;
   
}
.pt-body4-list2-left{
    width: 50%;
    padding-left: 50px;
}
.pt-body4-list2-left>img{
    width: 491px;
}
.pt-body4-list2-right{
    width: 50%;
    margin-left: 150px;
}
.pt-body4-list2-right>img{
    width: 85px;
}
.pt-body4-list2-right>p{
    font-size: 25px;
    padding-top: 30px;
    margin-left: 10px;
}
.pt-body4-list2-right>ul>li{
    /* list-style-type:disc; */
    list-style-image:url(../../images/producttopic/icon/ellipse.png) ;
    padding-top: 30px;
    margin-left: 25px;
    font-size: 14px;
}
.pt-body-5{
    width: 100%;
    position: relative;
}
.pt-body-5-content{
    width: 1200px;
    margin: 0 auto;
    text-align: center;
}
.pt-body5-title{
    padding-top:50px ;
    font-size: 30px;
    font-weight: 600;
}
.pt-body5-text{
    color: #b1b1b1;
    font-size: 16px;
    padding-top: 20px;
    padding-bottom: 30px;
}
.pt-body5-block1{
    width: 100%;
    margin-top: 30px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    
}
.pt-body5-block1-box{
    width: 18%;
    display: flex;
    height: 120px;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border: 1px solid #f0f6ff;
    border-radius: 10px;
    box-shadow: 0 0 10px #f0f6ff;
    -webkit-border-radius: 4px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    margin-top: 15px;
    background-color: #f0f5fc;
}
 .pt-body5-block1-box>.img{
    width: 50px;
    height: 50px;
    background: url("../../images/producttopic/icon/cashier2.png") no-repeat center center ;
    padding-bottom: 10px;

}

.pt-body5-block1-box:hover .img{
    background: url("../../images/producttopic/icon/cashier1.png") no-repeat center center;
    
}
.pt-body5-block1 >.pt-body5-block1-box:nth-child(2)>.img{
    width: 50px;
    height: 50px;
    background: url("../../images/producttopic/icon/money2.png") no-repeat center center ;
    padding-bottom: 10px;

}
.pt-body5-block1 >.pt-body5-block1-box:nth-child(2):hover .img{
    background: url("../../images/producttopic/icon/money1.png") no-repeat center center;  
}
.pt-body5-block1 >.pt-body5-block1-box:nth-child(3)>.img{
    width: 50px;
    height: 50px;
    background: url("../../images/producttopic/icon/pay2.png") no-repeat center center ;
    padding-bottom: 10px;

}
.pt-body5-block1 >.pt-body5-block1-box:nth-child(3):hover .img{
    background: url("../../images/producttopic/icon/pay1.png") no-repeat center center;  
}
.pt-body5-block1 >.pt-body5-block1-box:nth-child(4)>.img{
    width: 50px;
    height: 50px;
    background: url("../../images/producttopic/icon/message2.png") no-repeat center center ;
    padding-bottom: 10px;

}
.pt-body5-block1 >.pt-body5-block1-box:nth-child(4):hover .img{
    background: url("../../images/producttopic/icon/message1.png") no-repeat center center;  
}
.pt-body5-block1 >.pt-body5-block1-box:nth-child(5)>.img{
    width: 50px;
    height: 50px;
    background: url("../../images/producttopic/icon/merchant2.png") no-repeat center center ;
    padding-bottom: 10px;

}
.pt-body5-block1 >.pt-body5-block1-box:nth-child(5):hover .img{
    background: url("../../images/producttopic/icon/merchant1.png") no-repeat center center;  
}
.pt-body5-block1 >.pt-body5-block1-box:nth-child(6)>.img{
    width: 50px;
    height: 50px;
    background: url("../../images/producttopic/icon/server2.png") no-repeat center center ;
    padding-bottom: 10px;

}
.pt-body5-block1 >.pt-body5-block1-box:nth-child(6):hover .img{
    background: url("../../images/producttopic/icon/server1.png") no-repeat center center;  
}
.pt-body5-block1 >.pt-body5-block1-box:nth-child(7)>.img{
    width: 50px;
    height: 50px;
    background: url("../../images/producttopic/icon/cloud2.png") no-repeat center center ;
    padding-bottom: 10px;

}
.pt-body5-block1 >.pt-body5-block1-box:nth-child(7):hover .img{
    background: url("../../images/producttopic/icon/cloud1.png") no-repeat center center;  
}
.pt-body5-block1 >.pt-body5-block1-box:nth-child(8)>.img{
    width: 50px;
    height: 50px;
    background: url("../../images/producttopic/icon/sort2.png") no-repeat center center ;
    padding-bottom: 10px;

}
.pt-body5-block1 >.pt-body5-block1-box:nth-child(8):hover .img{
    background: url("../../images/producttopic/icon/sort1.png") no-repeat center center;  
}
.pt-body5-block1 >.pt-body5-block1-box:nth-child(9)>.img{
    width: 50px;
    height: 50px;
    background: url("../../images/producttopic/icon/express2.png") no-repeat center center ;
    padding-bottom: 10px;

}
.pt-body5-block1 >.pt-body5-block1-box:nth-child(9):hover .img{
    background: url("../../images/producttopic/icon/express1.png") no-repeat center center;  
}
.pt-body5-block1 >.pt-body5-block1-box:nth-child(10)>.img{
    width: 50px;
    height: 50px;
    background: url("../../images/producttopic/icon/usb2.png") no-repeat center center ;
    padding-bottom: 10px;

}
.pt-body5-block1 >.pt-body5-block1-box:nth-child(10):hover .img{
    background: url("../../images/producttopic/icon/usb1.png") no-repeat center center;  
}


.pt-body5-block1-box:hover{
    background-color:#2584ff ;
}
.pt-body5-block1-box:hover span{
    color:#fff ;
}
.pt-body5-block1-box>span{
    color: #2584ff;
}
.pt-body5-block2{
    margin-top: 60px;
    display: flex;
    justify-content: space-between;
    width: 100%;
    text-align: left;
    
}
.pt-body5-block2-box1{
    border-top:3px solid #2584ff ;
    width: 55%;
    background-color: #f1f6ff;
    padding-bottom: 30px;
    margin-left: 10px;
    
}
.pt-body5-block2-box1:hover{
    background-color: #eee;
}
.pt-body5-block2-box1>table{
    width: 90%;
    margin: 0 auto;
    box-sizing: border-box;
}


.th{
    font-size: 18px;
    height: 50px;
    padding-top: 10px;
}
.td{
    padding-top: 20px;
}
.tdBtn{
    width: 60px;
    padding-top: 20px;
    height: 30px ;
    padding-left: 10px;
    text-align: center;
    /* background-color: #2584ff; */
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}
.tdBtn>a>button{
    width: 80px;
    background-color: #2584ff;
    height: 30px;
    line-height: 30px;
    border: none;
    color: #fff;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
}

.pt-body5-block2-box2{
    width: 38%;
    height: 234;
    border-top: 3px solid #fe8700;
    background-color: #f1f6ff;
    margin-right: 10px;
    display: flex;
    justify-content: space-around;
    align-items: center;
} 
.pt-body5-block2-box2:hover{
    background-color: #eee;
}
.pt-body5-block2-box2>div{
    display: flex;
    flex-direction: column;
    align-items: center;
}
.pt-body5-block2-box2>div>img{
    width: 96px;
    height: 96px;
    padding-bottom: 10px;
}
.pt-body5-bg{
    width: 100%;
    height: 200px;
    background: url(../../images/producttopic/bg6.png) no-repeat center center;
}