.aui-banner-main {height: 90px;}
img{vertical-align:middle;max-width:100%}
.left{float:left}
.mgt20{margin-top:20px}
.mgt50{margin-top:50px}
.w1200{margin:0 auto;width:1200px;}
/* 背景标题 */
.product .title {
    color: #393b40;
    padding: 50px 0 30px;
    text-align: center;
    font-size: 30px;
    letter-spacing: 1.09px;
}
  /* 左侧分类 */
.product-left{width:165px}
.prod-item{width:165px;height:65px;line-height:65px;border-top:1px solid #3c3d40;margin-bottom:1px;background:#0d3667 no-repeat 30px center;color:#fff;font-size:16px;text-align:center;cursor:pointer}
.prod-item.active,.prod-item:hover{background-color:#27282c;color:#0af}
.prodprod-calculate{background-image:url(../images/product/server_prod_icon_graph.png)}
.prodprod-calculate.active,.prodprod-calculate:hover{background-image:url(../images/server_prod_icon_graph_active.png)}
.prprod-save{background-image:url(../images/product/server_prod_icon_disk.png)}
.prprod-save.active,.prprod-save:hover{background-image:url(../images/server_prod_icon_disk_active.png)}
.prod-manage{background-image:url(../images/product/server_prod_icon_blocks.png)}
.prod-manage.active,.prod-manage:hover{background-image:url(../images/server_prod_icon_blocks_active.png)}
.prod-network{background-image:url(../images/product/server_prod_icon_global.png)}
.prod-network.active,.prod-network:hover{background-image:url(../images/server_prod_icon_global_active.png)}
.prod-safety{background-image:url(../images/product/server_prod_icon_shield.png)}
.prod-safety.active,.prod-safety:hover{background-image:url(../images/server_prod_icon_shield_active.png)}
/* 右侧部分 */
.product-main{position:relative;background-color: #0d6efd;width:1033px;height:auto;padding:70px 40px 70px 70px;color:#ccc;font-size:14px}
.product-detail{display:none}
.product-detail.active{display:block}
.product-main .p-d-title{line-height:30px;background:url(../images/product/server_product_dot_large.png) no-repeat left center;padding-left:48px;color:#fff;font-size:16px}
.product-main .p-d-mini{line-height:2em;font-size:12px;color:#909091}
.product-main .p-d-link{color:#3c3d40;font-size:12px}
.p-d-content{line-height:1.8em;padding-left:48px}
.p-d-content table{text-align:center}
.p-d-content table td,.p-d-content table th{line-height:53px;border:1px solid #575757}
.p-d-content table th{font-weight:400;color:#ccc;background:#4a4b4d}
.p-d-content table td{border-top:none;min-width:250px}
.p-d-content table td:first-child,.p-d-content table th:first-child{border-right:none}
.p-d-sub{padding:5px;border-bottom:1px dashed #444547}
.d-sub-first{border-top:1px dashed #444547}
.p-d-sub-title{font-size:14px;padding-left:28px;background:url(../images/product/server_product_dot_small.png) no-repeat left center}
.p-d-sub-text{font-size:12px;color:#9b9b9c}
.sub-title-only{padding:20px}
/* 顶部和底部蓝色渐隐效果 */
.upper-shadow{position:absolute;top:-30px;left:50%;margin-left:-270px;width:546px;height:30px;background:url(../images/product/server_breath_top.png) no-repeat center;animation:shadow-breath 3s ease infinite}
.bottom-shadow{position:absolute;bottom:-47px;left:50%;margin-left:-392px;width:784px;height:47px;background:url(../images/product/server_breath_bottom.png);animation:shadow-breath 3s ease infinite}
@keyframes shadow-breath{
  0%{opacity:1}
  50%{opacity:.2}
  100%{opacity:1}
}