.contain{width:1200px;margin:0 auto;}

/*clearfix*/
.clearfix{*zoom:1}
.clearfix:before,
.clearfix:after{display:table;content:""}
.clearfix:after{clear:both}


.btn{display:inline-block;text-align:center;padding:0px;border:0px;margin:0px;position:relative;cursor:pointer;}
.btn span{display:inline-block;}
.H-show{display:none;}


@media all and (min-width:980px){
	/*.Hnav>li:hover .Hn2nd-box{display:block;animation:HnavDD .6s ease-in-out;-webkit-animation:HnavDD .6s ease-in-out;}*/
	.H-lang:hover .Hlang-box{display:block;animation:HnavDD .6s ease-in-out;-webkit-animation:HnavDD .6s ease-in-out;}
}
@keyframes HnavDD{
	from{transform:translateY(-20px);-webkit-transform:translateY(-20px);opacity:0;}
	top{transform:translateY(0px);-webkit-transform:translateY(0px);opacity:1;}
}
@-webkit-keyframes HnavDD{
	from{transform:translateY(-20px);-webkit-transform:translateY(-20px);opacity:0;}
	top{transform:translateY(0px);-webkit-transform:translateY(0px);opacity:1;}
}





.ind-server{padding:70px 0px;}
.ind-server .Ipro-list{position:relative;z-index:2;height: 440px;}
.ind-server .Iplist-img{padding:30px 0 20px;}
.ind-server .Ipro-list li{cursor: pointer;float: left;width: 25%;height: 440px;text-align: center;position: relative;background-color: #fff;border: 1px solid #ebebec;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1), z-index 0s 0.12s;-webkit-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1), z-index 0s 0.12s;-moz-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1), z-index 0s 0.12s;}
.ind-server li.active{width: 25%;border: 1px solid #337ab7;height: 440px;top: 0px;box-shadow: 0 0px 30px #337ab7;z-index: 1;}
.ind-server .Ipro-list li.active .name{font-size: 22px;}
.ind-server .Ipro-list li .on{/* display:none; */}
.ind-server .Ipro-list li.active .on{display:block;}

.ind-server .Ipro-list li:nth-child(2n){background:#fff;}
.ind-server .Ipro-list{display:block;padding: 0;text-align:center;color:#777;position:relative;}
.ind-server .Iplist-img{font-size:0px;padding:40px 55px;}
.ind-server li.active .Iplist-img{background:#337ab7;}
.ind-server li:nth-child(2).active .Iplist-img{background:#337ab7;}
.ind-server li:nth-child(3).active .Iplist-img{background:#337ab7;}
.ind-server li:nth-child(4).active .Iplist-img{background:#337ab7;}
.ind-server li:nth-child(5).active .Iplist-img{background:#337ab7;}
.ind-server li:nth-child(2).active{border:1px solid #337ab7;}
.ind-server li:nth-child(3).active{border:1px solid #337ab7;}
.ind-server li:nth-child(4).active{border:1px solid #337ab7;}
.ind-server li:nth-child(5).active{border:1px solid #337ab7;}

.ind-server .Ipro-list li .on a{display:block;width:148px;height:44px;line-height:44px;border-radius:3px;border:1px solid #337ab7;color:#337ab7;margin:0px auto;}
.ind-server .Ipro-list li .on a:hover{background:#337ab7;color:#fff;}
.ind-server .Ipro-list li:nth-child(2) .on a{display:block;width:148px;height:44px;line-height:44px;border-radius:3px;border:1px solid #337ab7;color:#337ab7;margin:0px auto;}
.ind-server .Ipro-list li:nth-child(2) .on a:hover{background:#337ab7;color:#fff;}
.ind-server .Ipro-list li:nth-child(3) .on a{display:block;width:148px;height:44px;line-height:44px;border-radius:3px;border:1px solid #337ab7;color:#337ab7;margin:0px auto;}
.ind-server .Ipro-list li:nth-child(3) .on a:hover{background:#337ab7;color:#fff;}
.ind-server .Ipro-list li:nth-child(4) .on a{display:block;width:148px;height:44px;line-height:44px;border-radius:3px;border:1px solid #337ab7;color:#337ab7;margin:0px auto;}
.ind-server .Ipro-list li:nth-child(4) .on a:hover{background:#337ab7;color:#fff;}
.ind-server .Ipro-list li:nth-child(5) .on a{display:block;width:148px;height:44px;line-height:44px;border-radius:3px;border:1px solid #337ab7;color:#337ab7;margin:0px auto;}
.ind-server .Ipro-list li:nth-child(5) .on a:hover{background:#337ab7;color:#fff;}
.ind-server li .cart-about{padding: 30px 20px;}
.ind-server li.cur .cart-about{padding:30px 60px;}
.ind-server .Ipro-list .name{line-height:36px;font-size: 22px;color: #333333;}
.ind-server .Ipro-list .con{line-height:28px;height:80px;margin:10px auto 20px auto;color:#777;}
.ind-server li .hx1{width:104px;height:104px;margin:0px auto;background:url(../images/hx0.png) no-repeat center;}
.ind-server li .hx2{width:104px;height:104px;margin:0px auto;background:url(../images/hx1.png) no-repeat center;}
.ind-server li .hx3{width:104px;height:104px;margin:0px auto;background:url(../images/hx2.png) no-repeat center;}
.ind-server li .hx4{width:104px;height:104px;margin:0px auto;background:url(../images/hx3.png) no-repeat center;}
.ind-server li .hx5{width:104px;height:104px;margin:0px auto;background:url(../images/hx4.png) no-repeat center;}
.ind-server li.active .hx1{width:104px;height:104px;background:url(../images/hx0on.png) no-repeat center;border-radius:50%;}
.ind-server li.active .hx2{width:104px;height:104px;background:url(../images/hx2on.png) no-repeat center;border-radius:50%;}
.ind-server li.active .hx3{width:104px;height:104px;background:url(../images/hx3on.png) no-repeat center;border-radius:50%;}
.ind-server li.active .hx4{width:104px;height:104px;background:url(../images/hx5on.png) no-repeat center;border-radius:50%;}
.ind-server li.active .hx5{width:104px;height:104px;background:url(../images/hx4on.png) no-repeat center;border-radius:50%;}

.ind-server li:nth-child(2).active{border: 1px solid #337ab7; height: 440px; top: 0px; box-shadow: 0 0px 30px #337ab7; z-index: 1;}
.ind-server li:nth-child(3).active{border: 1px solid #337ab7; height: 440px; top: 0px; box-shadow: 0 0px 30px #337ab7; z-index: 1;}
.ind-server li:nth-child(4).active{border: 1px solid #337ab7; height: 440px; top: 0px; box-shadow: 0 0px 30px #337ab7; z-index: 1;}
.ind-server li:nth-child(5).active{border: 1px solid #337ab7; height: 440px; top: 0px; box-shadow: 0 0px 30px #337ab7; z-index: 1;}