.container{
    width: 100%;
}
/*云平台架构*/
.device-safe{
    position: relative;
    width: 100%;
}
.main-top-img{
    position: absolute;
    top:0;
    left:0;
    width:100%;
    height:50%;
}
.main-bottom-img{
    position: absolute;
    bottom:0;
    left:0;
    width:100%;
    height:50%;
}
.safe-body{
    position: relative;
    width: 1200px;
    margin: 0 auto;
    padding-bottom: 90px;
}
.device-safe-title{
    width: 100%;
    height: 181px;
    text-align: center;
}
.device-safe-title p{
    width: 100%;
    font-size: 24px;
    text-align: center;
    color: #212121;
    padding-top: 80px;
}
.device-safe-box{
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.06);
    border-radius: 5px;
    border: solid 1px #e5e5e5;
}
.device-safe-show{
    padding: 60px 115px;
    border-radius: 5px;
    background-color: #ffffff;
}
.device-safe-show .safe-show-img{
    width: 100%;
    height: 440px;
}
.device-safe-desc{
    padding: 40px;
    border-radius: 5px;
    background-color: #f7fafa;
}
.device-safe-desc p{
    font-size: 16px;
    line-height: 1.63;
    color: #262626;
}
.device-safe-content{
    padding-top:8px;
    height:127px;
}
.device-safe-content ul{
    width:50%;
    float: left;
}
.device-safe-content li{
    font-size: 14px;
    color: #535353;
    height: 32px;
    line-height: 32px;
}
.device-safe-content li.last{
    padding-left:17px;
}
.device-safe-content li span{
    width: 12px;
    height: 12px;
    margin-right: 10px;
    display: inline-block;
}
/*技术优势*/
.device-support{
    width: 100%;
    padding-bottom:88px;
    background-color: #f7f7f7;
}
.support-body{
    width: 1200px;
    margin: 0 auto;
}
.support-body p.title{
    width: 100%;
    text-align: center;
    font-size: 24px;
    line-height: 1.5;
    text-align: center;
    color: #212121;
    padding-top: 80px;
    padding-bottom: 64px;
}
.support-body dl dd{
    position: relative;
    height: 281px;
    width: 33%;
    float: left;
    padding-top: 36px;
}
.support-body dl dd p{
    width: 100%;
    text-align: center;
}
.support-body dl dd p.sub-title{
    padding-top: 65px;
    padding-bottom: 24px;
    font-size: 20px;
    color: #31a874;
}
.support-list dl dd div.logo{
    padding:0;
    width: 62px;
    height: 72px;
    position: absolute;
    left: 167px;
    top: 0px;
}
.support-list dl dd div.desc{
    margin: 0 16px;
    height: 245px;
    padding:0 26px;
    background: #ffffff;
}
.support-list dl dd p.desc{
    font-size: 14px;
    line-height: 1.71;
    text-align: center;
    color: #535353;
}
/*banner*/
.device-banner{
    width: 100%;
    background-color: #010f20;
}
.device-banner .banner-box{
    width: 1200px;
    margin: 0 auto;
    position: relative;
    padding-top: 49px;
    padding-bottom: 47px;
}
.device-banner .banner-box .primary-title{
    font-size: 44px;
    line-height: 1.64;
    color: #ffffff;
    padding-top: 116px;
    padding-bottom: 30px;
}
.device-banner .banner-box .sub-title{
    font-size: 20px;
    line-height: 1.6;
    color: #ffffff;
}
.device-banner .banner-box .sub-title-1{
    padding-bottom:58px;
}
.banner-bg{
    width: 1028px;
    height: 392px;
    margin-left: 130px;
}
.banner-title{
    position: absolute;
    top: 0;
}
.top{
    background: #010f20;
}
/*合作伙伴*/
.bottom-patterner{
    position: relative;
    width: 100%;
    background-color: #ffffff;
}
.bottom-patterner p.title{
    font-size: 24px;
    line-height: 1.5;
    text-align: center;
    color: #212121;
    padding-top: 80px;
    padding-bottom: 57px;
}
.patterner-img{
    position: absolute;
    bottom:0;
    width:100%;
    height:342px;
}
.patterner-box{
    position: relative;
    width: 100%;
    z-index: 1;
}
.patterner-box dl{
    margin: 0 auto;
    width: 1200px;
    height: 342px;
}
.patterner-box dl dd{
    position: relative;
    width: 366px;
    height: 254px;
    margin: 0 16px;
    float: left;
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.06);
    border: solid 1px #38b487;
    background-color: #fff;
    overflow: hidden;
}

.patterner-box dl dd div.show-desc{
    height: 254px;
    position: absolute;
    top: 256px;
    background-color: rgba(56, 180, 135, 0.9);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#e638B487,endColorstr=#e638B487);
    transition:all .4s cubic-bezier(.4,0,.2,1);
}
.patterner-box dl dd:hover div.show-desc{
    top:0;
}
.patterner-box dl dd div.show-desc p.title{
    padding-top: 63px;
    padding-bottom: 24px;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.5;
    text-align: center;
    color: #ffffff;
}
.patterner-box dl dd div.show-desc p.content{
    padding: 0 21px;
    font-size: 14px;
    line-height: 1.71;
    text-align: center;
    color: #ffffff;
}