/* 通用类 */
.left{float:left}
.mgt20{margin-top:20px}
.mgt50{margin-top:50px}
.w1200{margin:0 auto;width:90%;}
/* 背景标题 */
.product{background:url(../image/bg-2.jpg) no-repeat top center;background-size: cover;width:100%;padding-top: 80px;padding-bottom: 80px;}
.product .container{padding-bottom: 30px;}
.product .title{color:#fff;font-size:32px;position:relative;text-align:center;font-size: 3rem;}
.product .subtitle{color: #fff;}
/* 左侧分类 */
.product-left{width:30%;height: 42.15rem;}
.prod-item{height:25%;line-height:25%;border-top:0px solid #3c3d40;margin-bottom:0px;background:#fff no-repeat 30px center;color:#000;font-size:16px;text-align:center;cursor:pointer;padding-right: 10%}
.prod-item.active,.prod-item:hover{background-color:#f6f6f6;color:#0af}
.prod-item .icn img{display: block;}
.product .w1200 .clearfix{border-radius: 2.125rem;overflow: hidden;border: 1px solid #fff;}
/* 右侧部分 */
.product-main{position:relative;width:70%;padding:0px;color:#ccc;font-size:14px}
.product-detail{display:none}
.product-detail.active{display:block;box-shadow: 0 5px 20px rgb(0 0 0 / 10%);height: 42.15rem;}
.product-detail.active img{height: 42.15rem;}
@media (max-width: 768px){
.product-detail.active{display:block;box-shadow: 0 5px 20px rgb(0 0 0 / 10%);height: inherit;}
.product-detail.active img{height: inherit;}
}
.product-main .p-d-title{line-height:30px;background:url(../images/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:#088acf;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/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/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/server_breath_bottom.png);animation:shadow-breath 3s ease infinite}
@keyframes shadow-breath{
  0%{opacity:1}
  50%{opacity:.2}
  100%{opacity:1}
}

/* photos */
.photos {position: relative;padding: 80px 0 40px;overflow: hidden;text-align: center;background: #fff;width: 100%;margin: auto;}
.photos::after{content: "";
    position: absolute;
    top: 30px;
    right: 0;
    width: calc(100% - 0rem);
    height: 600px;
    background: #f9f9f9;
	z-index: 1;
}
.photos .content{width: 90%;margin: auto;position: inherit;z-index: 99;}
.photos .content .wrap-tit h2{font-size: 3rem !important;}
.photos-group  { overflow: hidden; margin-top: 39px; display: block;}
.photos-group .photos-top { overflow: hidden; margin-bottom: 1%;}
.photos-group .photos-top .item { float: left; width: 32.66%; margin-right: 1%; position: relative; overflow: hidden;box-shadow: 0 5px 20px rgb(0 0 0 / 10%);border: 1px solid #fff;}
.photos-group .photos-top .item:last-of-type { margin-right: 0;}
.photos-group .photos-top .item:hover .tit{display: block;visibility: inherit !important;}
.photos-group .item  img { width: 100%; transition: all 1s;max-height: 350px;}
.photos-bm .item  img { width: 100%; transition: all 1s;max-height: 260px;}
.photos-group .photos-top .item .tit{  text-align:left;animation: fadeinT 1s ease-out backwards;position: absolute; left: 3%; bottom: 20px; width: 94%; background: rgba(255,255,255,0.9); padding:25px 0; overflow: hidden;display: none;}
/*
.photos-group .photos-top .item .tit:after { content: ''; display: block; position: absolute; right: 4%; top: 35%; background: url("../images/Index/photos-next.png") no-repeat center; width: 37px; height: 37px; border-radius: 50%; border: 1px solid #e1e1e0; box-sizing: border-box;}
*/
.photos-group .photos-top .item .tit h2 { padding-left: 20px; font-size: 20px; color: #333; font-weight: normal; width: 100%; padding-right: 20px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.photos-group .photos-top .item .tit p { padding-left: 20px; font-size: 14px; color: #333; margin-top: 10px; width: 100%; padding-right: 20px;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;line-clamp: 2;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.photos-group .photos-bm { overflow: hidden; display: block;padding-bottom: 15px;}
.photos-group .photos-bm .item { float: left; width: 24.25%; margin-right: 1%; overflow: hidden;}
.photos-group .photos-bm .item:last-of-type { margin-right: 0;}
.photos-group .item:hover img { transform: scale(1.05);}
.photos .content > a { display:inline-block; font-size: 16px; color: #333; margin-top: 35px;}
.photos .content > a i { display: inline-block; margin-left: 5px; background: url("../image/all-next.png") no-repeat center; width: 15px;height: 15px; vertical-align: middle;}
.photos .content > a:hover { color: #00a077;}
.photos .content > a:hover i { background: url("../image/all-next_02.png") no-repeat center; filter:none;}
/* photos end */


/* partner */
.partner {position: relative;z-index: 2;overflow: hidden;margin: -82px auto 0;height: 165px;background: #fff;box-shadow: 0 -8px 54px 0 rgba(238, 238, 238, 0.9);}
.partner .item { float: left; width: 12.5%; font-size: 0; text-align: center; border-right: 1px solid #e8e8e8; box-sizing: border-box;}
.partner .item:last-of-type { border-right: none;}
.partner .item img {width: 100%;padding: 32px 0;}
.partner .item:hover img { opacity: 0.7;}
@media (max-width: 1500px) {
    .partner { width: 1200px;}
}
/* partner end */