@charset "utf-8";



.idctitle{background:#F2F2F2; line-height:50px;padding:0px}

.idctitle a{font-size:16px;padding:0px 38px; line-height:50px; color:#000000; border-left:2px solid #FFFFFF;display:inline-table;}

.idctitle .abg{background:#00AAFF;line-height:50px; display:inline-table; color:#FFFFFF; text-decoration: none;}

.idc_lanmu

{height:50px; clear:both;}

.idc_lanmuA

{width:100%; height:50px; clear:both; z-index:999; background:#fff; overflow:hidden;}





.idcjf{border-bottom:1px solid #EEEEEE; padding:0px}

.idcjf h2{font-size:24px; float:left;line-height:40px; }

.idcjf p{float:right;line-height:70px; }

.idcjf span{color:#EC0606}

.idclr{padding:20px 0px}

.idclr .leftidc{float:left; width:40%}

.idclr .rightidc{float:right;width:59%}

.idclr .rightidc .js{line-height:180%; padding:0px 0px 20px;border-bottom:1px  dotted #CECECE;}

.idclr .rightidc .zcxx{padding:20px 0px 0px}

.idclr .rightidc .zcxx p{width:50%; float:left}

.idccase{padding:0px}

.idccase img{border:1px solid #E5E5E5; padding:3px; margin:0px 4px; height:36px}

.idcbg{padding:20px 0px 0px}



.idcbg .idclrz{text-align:center;}

.table-bordered>thead>tr>th, .table-bordered>thead>tr>td{text-align:center;border-bottom-width: 0px; background:#EEEEEE}

.table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td{line-height:36px;vertical-align: middle;}

.table .tdbg{background:url(../imges/jg.jpg) no-repeat top left;line-height:28px;}

.table span{font-size:16px; font-weight:bold; color:#EF0508}



.hwysbg{background: url(../imges/idc_bg.jpg) no-repeat top center/auto 100%; padding:30px 0px; text-align:center; color:#FFFFFF}

.hwysbg h2{font-family: 'HanHei-SC'; font-size:40px}

.hwyslr{padding:20px 5px}

.hwyslr .idcbg{	background: url(../imges/service_icon_bg.png); padding:30px; margin:10px 0px; line-height:200%;  position:relative;}	

.hwyslr .idcbg h4{font-size:20px; padding-bottom:10px; position:relative; z-index:22;}

.hwyslr .idcbg p{position:relative; z-index:22;}

.hwyslr .idcbg span

{ width: 100%; height: 4px; display: inline-block; background-color: #00aaff;  position: absolute; bottom: 0;  left: 0;z-index: 10;



-webkit-transition-duration:.3s;-moz-transition-duration:.3s;-ms-transition-duration:.3s;-o-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease;-moz-transition-timing-function:ease;-ms-transition-timing-function:ease;-o-transition-timing-function:ease;transition-timing-function:ease;-webkit-transition-property:background-color,background-position,color,border-color,opacity,z-index,transform,-webkit-box-shadow;-moz-transition-property:background-color,background-position,color,border-color,opacity,z-index,transform,-moz-box-shadow;-ms-transition-property:background-color,background-position,color,border-color,opacity,z-index,transform,-ms-box-shadow;-o-transition-property:background-color,background-position,color,border-color,opacity,z-index,transform,-o-box-shadow;transition-property:background-color,background-position,color,border-color,opacity,z-index,transform,box-shadow

}



.hwyslr .idcbg:hover span {

	animation: animation-05 0.5s cubic-bezier(0.65, 0.05, 0.36, 1) forwards;

	-moz-animation: animation-05 0.5s cubic-bezier(0.65, 0.05, 0.36, 1) forwards;

	-webkit-animation: animation-05 0.5s cubic-bezier(0.65, 0.05, 0.36, 1) forwards;

	-o-animation: animation-05 0.5s cubic-bezier(0.65, 0.05, 0.36, 1) forwards;

}

@keyframes animation-05 {

	from {

		height: 4px;

	}

	to {

		height: 100%;

	}

}



.hwyslr .idcx_icon,.hwyslr .idcx_icon2,.hwyslr .idcx_icon3,.hwyslr .idcx_icon4,.hwyslr .idcx_icon5,.hwyslr .idcx_icon6{background: url(../imges/idcx_icon_01.png) no-repeat  center  top; height:80px;position:relative; z-index:22;

}



.hwyslr .idcx_icon2{background: url(../imges/idcx_icon_02.png) no-repeat  center  top;}

.hwyslr .idcx_icon3{background: url(../imges/idcx_icon_03.png) no-repeat  center  top;}

.hwyslr .idcx_icon4{background: url(../imges/idcx_icon_04.png) no-repeat  center  top;}

.hwyslr .idcx_icon5{background: url(../imges/idcx_icon_05.png) no-repeat  center  top;;}

.hwyslr .idcx_icon6{background: url(../imges/idcx_icon_06.png) no-repeat  center  top;;}





.wlys .lrys{width:20%; float:left; text-align:center;}

.lrys .idc_icon{background: url(../imges/idc_icon_01.png) no-repeat  center  top;

height:80px

}

.lrys .idc_icon2{background: url(../imges/idc_icon_02.png) no-repeat  center  top;

height:80px

}

.lrys .idc_icon3{background: url(../imges/idc_icon_03.png) no-repeat  center  top;

height:80px

}

.lrys .idc_icon4{background: url(../imges/idc_icon_04.png) no-repeat  center  top;

height:80px

}

.lrys .idc_icon5{background: url(../imges/idc_icon_05.png) no-repeat  center  top;

height:80px

}



.wlys .lrys h4{color:#01AAFD; font-weight:bold; border-bottom:2px solid #00AAFF; display:table; margin:10px auto; padding:5px 0px}

.wlys .lrys p{color:#676566; padding:5px 30px}



.fwqzy{background:#F9F9F9;padding:0px 0px 50px}

.fwqzylb{

  padding:0px}

  

  

.idclb

{width: 300px; height: 460px; background: #fff; transition: transform 0.3s ease; margin-left: -1px; position: relative;}



.idclbA

{width: 300px; height: 460px; background: #fff;border: 1px solid #d3d3d3;}



.idclb .title{   height: 80px;

    line-height: 80px;

    background: #e4e4e4;

    font-size: 22px;

    color: #333333;

    text-align: center;}

.idclb p{

    line-height: 1.8em;

    font-size: 14px;

    color: #666;

	padding:20px 26px;}

	

.idclb	.server-pkg-config{padding:0px 20px;height: 100px;}

.idclb .pkg-config-item{float: left;

    text-align: center;

    color: #333;

    width: 33.3%;

    height: 80px;

    background: #f7f7f7;

    margin-top: 20px;

	padding-top:5px}

	

.idclb .ys{padding:0px}



.idclb .pkg-config-item strong{font-size:30px}

.idclb .pkg-price-row{   padding-top: 37px;

    text-align: center;

    font-size: 14px;

}

.idclb .pkg-price-row span{color: #ff6600;    font-size: 28px;}

	

.idclb	.pkg-buy-button{text-align: center;    margin-top: 20px;}

	

.idclb	.pkg-buy-button .a1{display: inline-block;

    width: 177px;

    height: 39px;

    line-height: 38px;

    border: 1px solid #ff6600;

    background: #fff;

    text-align: center;

    color: #ff6600;

	text-decoration:none}

.idclb	.pkg-buy-button .a1:hover

{background:#ff6600; color:#fff;}	

	

.idclb.on

{z-index:20;}

.idclb.on .idclbA

{

	position: absolute;

	border-color: #00aaff;

	width: 310px;

	height: 500px;

	top: -20px;

	box-shadow: 0px 5px 13px rgba(0, 0, 0, 0.1);

}

.idclb.on .title

{

	background: #00aaff;

	color: #fff;

	height: 100px;

	line-height: 103px;

}

.idclb.on .pkg-config-item ,.idclb.on .pkg-config-item span

{color:#1eacdf;}

	

	

/*idc动态图*/	

.network-img-box 

{width:1200px;  height: 385px; position: relative;	margin: 60px auto 0;}

.network-img {

	display: inline-block;

	position: absolute;

	left: 50%;

	background-repeat: no-repeat;

	background-position: center;

}

.network-img-01 {

	top: 0;

	left: 150px;

	width: 875px;

	height: 320px;

	background-image: url(../imges/network_bg_01.png);

	z-index: 50;

}

.network-img-02 {

	bottom: 140px;

	margin-left: -110px;

	width: 220px;

	height: 248px;

	background-image: url(../imges/network_bg_02.png);

	z-index: 40;

	animation: animation-01 5s cubic-bezier(0.65, 0.05, 0.36, 1) infinite;

	-moz-animation: animation-01 5s cubic-bezier(0.65, 0.05, 0.36, 1) infinite;

	-webkit-animation: animation-01 5s cubic-bezier(0.65, 0.05, 0.36, 1) infinite;

	-o-animation: animation-01 5s cubic-bezier(0.65, 0.05, 0.36, 1) infinite;

}

.network-img-03 {

	bottom: 0;

	margin-left: -280px;

	width: 560px;

	height: 175px;

	background-image: url(../imges/network_bg_03.png);

	z-index: 10;

	animation: animation-02 5s cubic-bezier(0.65, 0.05, 0.36, 1) infinite;

	-moz-animation: animation-02 5s cubic-bezier(0.65, 0.05, 0.36, 1) infinite;

	-webkit-animation: animation-02 5s cubic-bezier(0.65, 0.05, 0.36, 1) infinite;

	-o-animation: animation-02 5s cubic-bezier(0.65, 0.05, 0.36, 1) infinite;

}

.network-img-04 {

	bottom: 45px;

	margin-left: -234.5px;

	width: 469px;

	height: 144px;

	background-image: url(../imges/network_bg_04.png);

	z-index: 20;

	animation: animation-03 4s cubic-bezier(0.65, 0.05, 0.36, 1) infinite;

	-moz-animation: animation-03 4s cubic-bezier(0.65, 0.05, 0.36, 1) infinite;

	-webkit-animation: animation-03 4s cubic-bezier(0.65, 0.05, 0.36, 1) infinite;

	-o-animation: animation-03 4s cubic-bezier(0.65, 0.05, 0.36, 1) infinite;

}

.network-img-05 {

	bottom: 90px;

	margin-left: -200px;

	width: 400px;

	height: 124px;

	background-image: url(../imges/network_bg_05.png);

	z-index: 30;



}

@keyframes animation-01 {

	0% {

		bottom: 140px;

	}

	50% {

		bottom: 160px;

	}

	100% {

		bottom: 140px;

	}

}

@keyframes animation-02 {

	0% {

		bottom: 0px;

	}

	50% {

		bottom: 10px;

	}

	100% {

		bottom: 0px;

	}

}

@keyframes animation-03 {

	0% {

		bottom: 45px;

	}

	50% {

		bottom: 55px;

	}

	100% {

		bottom: 45px;

	}

}

@keyframes animation-04 {

	0% {

		bottom: 90px;

	}

	50% {

		bottom: 100px;

	}

	100% {

		bottom: 90px;

	}

}



	

	

/*手机超小屏幕下的单独样式 xs < 768px */

@media (min-width: 300px) and (max-width: 766px){

.idc_lanmu

{display:none;}

  

.idctitle,.idclr .leftidc,.idccase,.idcbg .idclrz .none,.hwyslr .idcbg p,.idcnone,.wlys{display:none}

.idcjf h2{font-size:18px}

.idcjf h2,.idcjf p{float: none;line-height:120%; }

.idclr .rightidc{float:none;width:90%; margin:0px auto; font-size:12px}

.idcjf{padding:0px 5%}

.idclr .rightidc .zcxx p{width:100%; float:left}



.hwysbg{background: url(../imges/idc_bg.jpg) no-repeat top center/auto 100%; padding:30px 0px; text-align:center; color:#FFFFFF}



.network-img-box 

{display:none;}



}

  



/*平板小屏幕样式 768px <= sm < 992px */

@media (min-width: 768px) and (max-width: 991px){

.idc_lanmu

{display:none;}

.idctitle,.idclr .leftidc,.idccase,.wlys p,.idcbg .idclrz .none,.hwyslr .idcbg p,.idcnone,.wlys{display:none}

.idcjf h2{font-size:18px}

.idcjf h2,.idcjf p{float: none;line-height:120%; }

.idclr .rightidc{float:none;width:90%; margin:0px auto; font-size:12px}

.idcjf{padding:0px 5%}

.idclr .rightidc .zcxx p{width:100%; float:left}

.table .tdbg{background:none;line-height:28px;}

.idcbg{padding:0px}

.hwysbg{background: url(../imges/idc_bg.jpg) no-repeat top center/auto 100%; padding:30px 0px; text-align:center; color:#FFFFFF}

.wlys .lrys h4{border-bottom:0px solid #00AAFF;}



.network-img-box 

{display:none;}

}

  





/*大于992px以上固定宽度为970px md >= 992px */

@media (min-width: 992px) and (max-width: 1199px){

/*栏目*/

.idctitle a

{padding:0 22px;}



/*代理分销商城*/

.idcbg .idclrz .none,.hwyslr .idcbg p,.idcnone,.wlys{display:none}

.idclr .rightidc{font-size:12px}

.idclr .rightidc .js{line-height:160%; padding:0px 0px 10px;}

.idclr .rightidc .zcxx{padding:10px 0px 0px}



.network-img-box 

{display:none;}



}