*{margin:0;padding:0;list-style-type:none;}

.white{ color:#FFF;}
.clearfix:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}
*html .clearfix{height:1%}


.cloud-product-box{background:#f4f4f4}
.cloud-product-wrapper{margin:0 auto;width:1200px}
.cloud-product{position:relative;z-index:9;padding:0px 0 20px}
.cloud-product-title{height:32px;text-align:center;line-height:32px;font-size:32px;color:#333}
.color-blue{color:#009fd9}
.cloud-product-explain{margin-top:26px;margin-bottom:82px;height:16px;line-height:16px;text-align:center;font-size:16px;color:#999}
.cloud-product-ul{width:100%}
.cloud-product-ul li{position:relative;margin-left:8px;width:190px;height:300px;float:left;background:#fff}
.cloud-product-ul li:hover{ background:url(../images/producet_bg_01.jpg) no-repeat; color:#fff;}
.cloud-product-ul li p:hover{ color:#FFF;}
.cloud-product-ul li:first-child{margin-left:0}
.cloud-product-single-top{width:100%;height:60px;line-height:60px;text-align:center;background-color:#f2f2f2}
.cloud-product-name{font-size:18px;color:#333;font-weight:700}
.cloud-product-single-bottom{width:100%;height:340px}
.empty-space{width:100%;height:105px;padding:30px 0 0 0;}
.single-bottom-item{height:340px;width:100%}
.single-bottom-item:first-child{border-right:1px solid #eee}
.bg-product-pic{width:100%;height:90px}
.server-header-01{background:url(../images/product11.png) center no-repeat}
.server-header-02{background:url(../images/product02.png) center no-repeat}
.server-header-03{background:url(../images/product_header_icon_03.png) center no-repeat}
.server-header-04{background:url(../images/product_header_icon_04.png) center no-repeat}
.server-header-05{background:url(../images/product_05.png) center no-repeat}
.server-header-06{background:url(../images/product_header_icon_06.png) center no-repeat}
.server-header-active-01{background:url(../images/product_header1.png) center no-repeat}
.server-header-active-02{background:url(../images/product_header_active_022.png) center no-repeat}
.server-header-active-03{background:url(../images/product_header3.png) center no-repeat}
.server-header-active-04{background:url(../images/product_header4.png) center no-repeat}
.server-header-active-05{background:url(../images/product_57.png) center no-repeat}
.server-header-active-06{background:url(../images/product_header6.png) center no-repeat}
.product-introduce-title{margin-bottom:14px;height:22px;line-height:22px;font-size:16px;text-align:center; margin-top:18px;}
.product-introduce-title.normal-weight{font-weight:400}
.product-introduce-content{margin:0 auto 26px;width:180px;line-height:14px;font-size:14px;text-align:center;color:#999}
.product-introduce-list{margin:0 auto;padding-top:28px;height:135px;width:84%;border:1px solid #f1f1f1;border-left:none;border-right:none}
.introduce-list-small{margin-bottom:18px;line-height:14px;font-size:14px;color:#999;text-align:center}
.product-introduce-price{margin:48px auto 0;font-size:14px;text-align:center;color:#333}
.price-blue{color:#0af;font-size:38px}
.normal-inner{transition:all .5s;-moz-transition:all .5s;-webkit-transition:all .5s;-o-transition:all .5s}
.active-inner{position:relative;display:none;height:100%;-moz-opacity:0;-khtml-opacity:0;opacity:0;transition:all .5s;-moz-transition:all .5s;-webkit-transition:all .5s;-o-transition:all .5s}
.introduce-link{position:absolute;top:0;left:0;width:100%;height:290px}
.active-inner-01{background:url(../images/producet_bg_01.jpg) center no-repeat}
.active-inner-02{background:url(../images/producet_bg_02.jpg) center no-repeat}
.active-inner-03{background:url(../images/producet_bg_03.jpg) center no-repeat}
.active-inner-04{background:url(../images/producet_bg_04.jpg) center no-repeat}
.active-inner-05{background:url(../images/producet_bg_05.jpg) center no-repeat}
.cloud-product-ul li.active .active-inner{display:block;-moz-opacity:1;-khtml-opacity:1;opacity:1}
.cloud-product-ul li.active .normal-inner{display:none;-moz-opacity:0;-khtml-opacity:0;opacity:0}
.cloud-product-ul li{-webkit-box-shadow:1px 1px 12px rgba(0,0,0,.08);-moz-box-shadow:1px 1px 12px rgba(0,0,0,.08);box-shadow:1px 1px 12px rgba(0,0,0,.08);-webkit-transition:width .15s linear;-o-transition:width .15s linear;-moz-transition:width .15s linear;transition:width .15s linear}
.cloud-product-ul li.active{z-index:9;width:200px;-webkit-box-shadow:0 4px 20px rgba(0,0,0,.2);-moz-box-shadow:0 4px 20px rgba(0,0,0,.2);box-shadow:0 4px 20px rgba(0,0,0,.2)}
.active .product-introduce-content{color:#eff6ff}
.active-product-introduce-title{color:#fff}
.active .product-introduce-list{padding-top:22px;border-color:#3f9ff9}
.introduce-list-large{margin:0 auto;width:212px;line-height:22px;color:#ddebff;font-size:14px}
.active .product-introduce-price{margin-top:32px;color:#fefeff}
.product-introduce-price .price-white{display:inline-block;font-size:36px;height:36px;line-height:36px;color:#fff}
.buy-link-btn{display:block;margin:30px auto 0;width:90%;height:40px;line-height:40px;background-color:#ff9600;color:#fff;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}
.buy-link-btn:hover{background-color:#f80}


.Box {position: relative;}
.Box .content1 {width: 1200px;margin: 0 auto; margin-top:-20px;}
.Box h2 {text-align: center;margin-bottom: 35px;padding-top: 250px;}
.Box .Box_con {position: relative;}
.Box .Box_con .btnl {position: absolute;}
.Box .Box_con .btn {display: block;width: 41px;height: 41px;position: absolute;top: 120px;cursor: pointer;}
.Box .Box_con .btnl {background: url(../images/jtl02.png) no-repeat center;left: -72px;}
.Box .Box_con .btnr {background: url(../images/jtr02.png) no-repeat center;right: -72px;}
.Box .Box_con .btnl:hover {background: url(../images/jtl03.png) no-repeat center;}
.Box .Box_con .btnr:hover {background: url(../images/jtr03.png) no-repeat center;}
.Box .Box_con .conbox {position: relative;overflow: hidden;}
.Box .Box_con .conbox ul {position: relative;list-style: none;}
.Box .Box_con .conbox ul li {float: left;width: 220px;height: 320px;margin-left: 20px;overflow: hidden;}
.Box .Box_con .conbox ul li p{ font-size:12px; padding-top:10px;}
.Box .Box_con .conbox ul li:first-child {margin-left: 0;}
.Box .Box_con .conbox ul li img {display: block;width: 220px;height: 280px;}
.Box .Box_con .conbox ul li:hover img {transform: scale(1.1);}
			
.Box .BoxSwitch {margin-top: 30px;text-align: center;}
.Box .BoxSwitch span {display: inline-block;*display: inline;*zoom: 1;vertical-align: middle;width: 30px;height: 3px;background: #ccc;margin: 0 5px;cursor: pointer;}
.Box .BoxSwitch span.cur {background: red;}


	.zr{ background-color:#f1f1f1;}
	.snBrand { position: relative; width:1200px;  height: 420px;  overflow: hidden; }
	.snBrand ol { float: left; width: 460px; height: 420px; margin:15px; }
	.snBrand ol li { height: 52px; line-height: 52px; text-align: center; overflow: hidden; border-radius: 30px; color: #555;
font-size: 16px;  display: block; border:1px solid #595757; margin:10px;}
	.snBrand ol li a{ color:#555; }
	.snBrand ol li.on { background:#014ea1;}
	.snBrand ol li.on a{ color:#fff;}
	.snBrand ul { float:left;  top: 35px; padding: 0 5px;}
	.snBrand ul li { width: 600px; height: 400px;  margin: 0 auto; padding: 10px 0; text-align: center; }
	
	.snBrand ul li a { 
}
	.snBrand ul li a:hover { color: #f60; }