*:focus{outline: none;}
.container{width: 1280px; margin: 0 auto;}
.footer{min-width: 1280px;}

/*栏目*/
.cloumn-title{text-align: center;margin-bottom: 55px;overflow: hidden;}
.cloumn-title span{font-size: 32px; color: #333333;}
.cloumn-title p{ font-size: 16px; color: #666666; margin-top: 15px;}
.cloumn-title a{color: #5554fe; margin-left: 10px;}

/*更多*/
.seo-foot{ height: 130px; padding: 30px 0 0;min-width: 1280px; text-align: center; overflow: hidden;}
.seo-foot h3{ color: #fff; font-size: 30px;}
.seo-foot .more{display: block; width: 158px; height: 38px; line-height: 38px; color: #fff;border: 1px solid #fff; margin:15px auto 0}
.seo-foot .more:hover{ background: #fff; color: #0a4cf4}

/*====================================云服务器===================================*/

.banner{background: url("../image/banner.jpg") no-repeat center top; min-width: 1280px; overflow: hidden;}
.banner .container{height: 660px; position: relative;}
.banner ul{position: absolute; left: 0; right: 0; bottom: 0; text-align: center; color: #fff; font-size: 18px;}
.banner li{width: 270px; height: 90px; float: left; margin-right: 66px; padding-top: 20px; line-height: 34px; background: url("../image/title.png") no-repeat center top;}
.banner li:last-child{margin-right: 0;}

/*配置*/
.seo-part1{padding: 78px 0 80px; min-width: 1280px; overflow: hidden;}
.seo-part1 .list{float: left; width: 635px; height: 620px;text-align: center; background: #f2f5fa; overflow: hidden;}
.seo-part1 .list:last-child{float: right;}
.seo-part1 .cloumn{font-family: "汉仪雅酷黑"; height: 60px; font-size: 30px; line-height: 60px; color: #fff; background: url("../image/title1.png") no-repeat center top;}
.seo-part1 dl{margin: 28px 0 0 18px; width: 290px; background: #fff; float: left; overflow: hidden;}
.seo-part1 dt{height: 130px; color: #fff; background: url("../image/head.jpg") no-repeat center top;}
.seo-part1 dt span{display: block; line-height: 34px; padding-right: 17px; text-align: right;}
.seo-part1 dt h4{font-size: 20px; margin: 18px 0 10px;}
.seo-part1 dd{border: 1px solid #4d4cfe; border-top: none; padding: 10px 14px 0; height: 359px; overflow: hidden;}
.seo-part1 .fy{font-size: 12px; color: #999999; text-align: center; line-height: 16px;}
.seo-part1 .fy:before{content: ""; width: 11px; display: inline-block; height: 16px; vertical-align: top; margin-right: 8px; background: url("../image/fy.png") center no-repeat;}
.seo-part1 .option{background: #f2f5fa; padding: 18px 0; overflow: hidden;}
.seo-part1 .option li{float: left; color: #666666; width: 86px; position: relative;}
.seo-part1 .option li span{display: block; line-height: 22px; margin-bottom: 3px; font-size: 16px; color: #333333;}
.seo-part1 .option li:after{content: ""; position: absolute; right: 0; top: 0; width: 1px; height: 40px; background: #dddddd;}
.seo-part1 .option li:last-child:after{width: 0;}
.seo-part1 .group{color: #666666; height: 40px; line-height: 40px; text-align: left; margin-top: 10px;}
.seo-part1 .years{float: right; width: 200px; margin-right: 6px; border-left: 1px solid #59a0f8;}
.seo-part1 .years li{float: left; text-align: center; height: 38px; width: 97px; line-height: 38px; border: 1px solid #ddd; margin: -1px 0 0 -1px; color: #999999; cursor: pointer;}
.seo-part1 .years .active{position: relative; border: 1px solid #4d4cfe; color: #4d4cfe; background: url("../image/active.png") right bottom #e5e5ff no-repeat;}
.seo-part1 .select li{width:48px;}
.seo-part1 .price{clear: both; padding: 25px 0 0; overflow: hidden;}
.seo-part1 .price p{color: #666666; font-size: 16px; overflow: hidden;}
.seo-part1 .price p span{font-size: 36px; color: #ef4460; font-weight: bold;}
.seo-part1 .go-buy{display: block; color: #fff; margin: 12px 30px; font-size: 16px; line-height: 40px; background: -webkit-linear-gradient(left, #d3b150, #bc813b); background: -o-linear-gradient(right, #d3b150, #bc813b); background: -moz-linear-gradient(right, #d3b150, #bc813b); background: linear-gradient(to right, #d3b150, #bc813b); filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#d3b150',endColorStr='#bc813b',gradientType='1');}

/*优势*/
.seo-part2{padding: 78px 0 80px; background: #f2f5fa; min-width: 1280px; overflow: hidden;}
.seo-part2 .main{position: relative; padding: 31px 0;overflow: hidden;}
.seo-part2 li{float: left; text-align: center; overflow: hidden;}
.seo-part2 li h4{background: #dce2eb; line-height: 60px; font-size: 18px; color: #666666;}
.seo-part2 li p{border-bottom: 1px solid #ddd; line-height: 59px; color: #666666;}
.seo-part2 li p:last-child{border-bottom: none;}
.seo-part2 .left{width: 230px;}
.seo-part2 .left p{background: #ebeff6;}
.seo-part2 .right{float: right; width: 470px; background: #fff;}
.seo-part2 .center{width: 578px; border: 1px solid #4d4cfe; background: #fff; position: absolute; left: 230px; top: 0; z-index: 1;}
.seo-part2 .center h4{line-height: 90px; color: #fff; font-size: 30px; background: #4d4cfe;}
.seo-part2 .center p{text-align: left; font-size: 16px; color: #333333; padding-left: 64px; background: url("../image/has.png") 28px center no-repeat;}
.seo-part2 .center p:last-child{margin-bottom: 25px;}

/*更多*/
.seo-part3{min-width: 1280px; overflow: hidden;}
.seo-part3 .more{display: block; height: 200px; background: url("../image/foot.jpg") center no-repeat;}

/*购买须知*/
.alert-rules{display: none; position: fixed; left: 0; top: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.7); z-index: 11;}
.alert-rules .main{width: 500px; height: 300px; position: absolute; left: 50%; top: 50%; margin: -200px 0 0 -250px; background: #fff;}
.alert-rules .main h3{line-height: 80px; background: #ececf8; padding: 0 30px; font-size: 20px;}
.alert-rules .main ul{margin: 25px 30px; overflow: hidden;}
.alert-rules .main li{margin-bottom: 20px; font-size: 16px; color: #666666; padding-left: 20px; background: url("../image/ico.png") left center no-repeat;}
.alert-rules .close{float: right; height: 80px; width: 12px; background: url("../image/close.png") center no-repeat; cursor: pointer;}
.alert-rules .cancel{font-size: 16px; text-align: center; color: #fff; display: block; background: #5554fe; width: 160px; line-height: 40px; margin: 0 auto;}


/*====================================托管===================================*/

/*产品*/
.collocation-head{ padding: 400px 0 80px; background: url("../image/banner1.jpg") center top #000b1c no-repeat; height: 100px; min-width: 1280px; overflow: hidden}
.collocation-head .container{background: #fff;}
.collocation-head .slogn{padding: 40px 0 70px 40px; color: #666666; overflow: hidden}
.collocation-head .slogn li{float: left; width:188px; position: relative; padding-left: 82px; margin-right: 40px;line-height: 22px;}
.collocation-head .slogn li:before{content: ""; position: absolute; left: 0; top:5px; width: 60px; height: 60px;background: url("../image/icon.png") no-repeat;}
.collocation-head .slogn h4{font-size: 18px; color: #333333; font-weight: bold; margin-bottom: 5px;}
.collocation-head .slogn .item1:before{background-position: 0 0}
.collocation-head .slogn .item2:before{background-position: -65px 0}
.collocation-head .slogn .item3:before{background-position: -130px 0}
.collocation-head .slogn .item4:before{background-position: -196px 0}

.collocation-product{background: #f2f5fa; padding-bottom: 80px;}
.collocation-product .container{background: #fff;}
.collocation-product .product{padding:16px 50px 40px; overflow: hidden}
.collocation-product .product dl{ float: left; margin: 0 10px 20px; border: 1px solid #ddd; border-top: 5px solid #f49f21; width: 568px; height: 184px;}
.collocation-product .product dt{ margin:25px 28px;overflow: hidden}
.collocation-product .product ul{ text-align: center; color: #666666; overflow: hidden}
.collocation-product .product li{float: left; position: relative; width: 128px;}
.collocation-product .product li:after{content: ""; width: 1px; height: 40px; position: absolute; right: 0; top:3px;background: #ddd;}
.collocation-product .product li:last-child:after{width: 0}
.collocation-product .product li p{font-size: 18px; color: #333333}
.collocation-product .product dd{ border-top: 1px dashed #ddd;margin: 0 28px; color: #666666; padding:12px 0 0; overflow: hidden}
.collocation-product .product dd span{ display: inline-block; vertical-align: super; color: #fff;line-height: 24px; padding-left:5px; width: 54px; height: 24px; background: url("../image/ico1.png") left center no-repeat;}
.collocation-product .product dd em{font-size: 48px; color: #f81201; margin: 0 5px 0 10px;}
.collocation-product .product dd a{ float: right; width: 150px; height: 40px;line-height: 40px; margin-top: 13px; color: #fff; background: #2340b4; text-align: center}
.collocation-product .tel{ clear: both; height: 70px;background: url("../image/tel.jpg") center top no-repeat;}


/*优势*/
.collocation-youshi{padding: 78px 0 80px; min-width: 1280px;overflow: hidden}
.collocation-youshi ul{margin-left: -20px; text-align: center; overflow: hidden}
.collocation-youshi li{float: left; margin-left: 20px; width: 240px;overflow: hidden}
.collocation-youshi li h4{height: 120px; line-height: 120px;color: #fff; font-size: 22px;}
.collocation-youshi li p{border: 1px solid #ddd;border-top: none; line-height: 28px; padding: 20px 0; color: #666666; overflow: hidden}
.collocation-youshi .item1 h4{ background: url("../image/title1.jpg") center top no-repeat;}
.collocation-youshi .item2 h4{ background: url("../image/title2.jpg") center top no-repeat;}
.collocation-youshi .item3 h4{ background: url("../image/title3.jpg") center top no-repeat;}
.collocation-youshi .item4 h4{ background: url("../image/title4.jpg") center top no-repeat;}
.collocation-youshi .item5 h4{ background: url("../image/title5.jpg") center top no-repeat;}

/*更多*/
.collocation-foot{background: url("../image/foot1.jpg") center top #05102c no-repeat;}


/*====================================香港专区===================================*/

.hk-banner{background: url("../image/banner2.jpg") center top #f2f5fa no-repeat; height: 510px; min-width: 1280px;}
.hk-banner .container{ position: relative;height: 540px;}
.hk-banner ul{ position: absolute; left: 0; right: 0; bottom:20px;}
.hk-banner li{width:400px; height:120px; float: left;position: relative; padding: 28px 190px 0 38px; margin-right:40px;moz-box-shadow: 10px 10px 10px rgba(71,86,220,0.1);-webkit-box-shadow: 10px 10px 10px rgba(71,86,220,0.1);box-shadow:10px 10px 10px rgba(71,86,220,0.1);}
.hk-banner li:last-child{margin-right: 0;}
.hk-banner li p{ font-size: 18px; color: #4756dc; line-height: 30px;}
.hk-banner .item1{background: url("../image/title11.jpg") right top #fff no-repeat;}
.hk-banner .item2{background: url("../image/title21.jpg") right top #fff no-repeat;}
.hk-banner .item3{background: url("../image/title31.jpg") right top #fff no-repeat;}

/*产品*/
.hk-product{float: left;background: #fff; width:298px; margin-right: 26px;border: 1px solid #ddd; overflow: hidden}
.hk-product:last-child{margin-right: 0}
.hk-product dt{height: 132px; color: #fff; padding: 18px 0 0;}
.hk-product dt h4{ text-align: center; font-size: 20px; margin: 0 0 20px;}
.hk-product dd{padding: 5px 0 0;}
.hk-product .tip{text-align: center; height: 20px; line-height: 20px; font-size: 14px; color: #666666; overflow: hidden}
.hk-product .tip:before{content: ""; display: inline-block; width: 14px; height: 20px; vertical-align: top; margin-right: 5px;background: url("../image/ico5.png") center no-repeat;}
.hk-product .parameter{ text-align: center;overflow: hidden}
.hk-product .parameter li{float: left; position: relative; width: 33.33%;}
.hk-product .parameter li:after{content: ""; width: 1px; height: 40px; position: absolute; right: 0; top:3px;background: #6d90f0;}
.hk-product .parameter li:last-child:after{width: 0}
.hk-product .parameter li p{font-size: 18px;}
.hk-product .group{ color: #666666; margin: 0 0 16px 18px; overflow: hidden}
.hk-product .option{text-align: center; margin-top: 8px; border-left: 1px solid #ddd;}
.hk-product .option li {float: left; width: 51px; height: 38px;line-height: 38px;border: 1px solid #ddd;margin: -1px 0 0 -1px;cursor: pointer;}
.hk-product .option .active{position: relative; background: #4884f5; border: 1px solid #4884f5; color: #fff;}
.hk-product .times li{width:120px;}
.hk-product .times li:last-child{width: 120px;}
.hk-product .system li{width:179px;}
.hk-product .price{text-align: center; color: #666666;overflow: hidden}
.hk-product .price span{font-size: 48px; color: #f81201; margin: 0 5px;}
.hk-product .submit{display: block; margin: 10px 18px 14px; line-height: 45px; font-size: 16px; background: #f39b17; color: #fff;}
.hk-product .parameter-s{font-size: 16px; overflow: hidden}
.hk-product .parameter-s p{float: left;line-height: 30px;}

/*云服务器*/
.hk-part1{background: #f2f5fa; padding: 80px 0 80px; min-width: 1280px;overflow: hidden}
.hk-part1 .cloumn-title p{font-size: 14px; line-height: 22px;}
.hk-part1 dl{height: 488px;}
.hk-part1 dt{background: url("../image/title4.png") }
.hk-part1 .hot li{width:57px;}

/*租用*/
.hk-part2{padding: 78px 0 60px;min-width: 1280px;}
.hk-part2:after{content: ""; display: block; height: 1px; clear: both}
.hk-part2 .cloumn{text-align: center; height: 53px; color: #fff; font-size: 24px; margin: 0 0 35px; line-height: 60px; background: url("../image/cloumn.png") center top no-repeat;}
.hk-part2 .normal{ margin: 0 0 60px; overflow: hidden}
.hk-part2 .normal dl{width: 398px; height: 430px;}
.hk-part2 .normal dt{height: 162px;background: url("../image/title5.png") center top no-repeat;}
.hk-part2 .normal .parameter-s p{ margin-left: 28px; }
.hk-part2 .normal .parameter-s p:nth-child(odd){width: 215px;}
.hk-part2 .normal .parameter-s p:last-child{float: right; width: 124px}
.hk-part2 .attack dl{width:1278px;float: none; height: 158px; margin-bottom: 25px;overflow: initial;}
.hk-part2 .attack dt{ height:157px; width: 212px; padding:46px 0 0 28px; float: left; background: url("../image/title6.png") center top no-repeat;}
.hk-part2 .attack dt h4{font-weight: bold; text-align: left;}
.hk-part2 .attack dt span{ display: block; margin:10px 0 0; font-weight: normal;}
.hk-part2 .attack dd{float: right; width: 1020px;}
.hk-part2 .attack .price{ width:216px; float: right; margin: 8px 10px 0 0;}
.hk-part2 .attack .parameter-s{float: left; padding-top: 30px; width: 780px; overflow: initial}
.hk-part2 .attack .parameter-s p{width: 90px; margin-bottom:10px; line-height: 40px; margin-right:55px;}
.hk-part2 .attack .parameter-s .wh{width: 230px;}
.hk-part2 .attack .group{float: left;line-height: 30px; color: #333; margin: 0; font-size: 16px;overflow: initial}
.hk-part2 .select{display: inline-block; width:230px; position: relative; cursor: pointer}
.hk-part2 .select ul{ display: none; position: absolute; left: 0; top:40px; right: 0; z-index: 5; background: #fff; border: 1px solid #ddd; border-top: none}
.hk-part2 .select li{padding: 0 10px; line-height: 38px; border-bottom: 1px solid #ddd;}
.hk-part2 .select li:last-child{border-bottom: none}
.hk-part2 .select li:hover{color: #fff; background: #4884f5}
.hk-part2 .select span{display: block;height: 38px; line-height: 38px; padding: 0 10px; border: 1px solid #ddd;}
.hk-part2 .select span:after{content: ""; float: right; width: 11px; height: 38px;background: url("../image/select.png") center no-repeat;}
@keyframes select{from{transform: translate3d(0, 20px, 0); opacity: 0.3;} to{transform: translate3d(0, 0, 0); opacity: 1;}}

/*更多*/
.hk-foot{background: url("../image/foot2.jpg") center top #4756dc no-repeat;height:160px;}


/*右侧漂浮窗口*/
.upper-float{ width:66px; position: fixed; right: 20px; bottom:8%; z-index:3;}
.upper-float li{ color: #fff;position: relative}
.upper-float li p{ display: none; position: absolute;top: 0;}
.upper-float .list{ text-align: center; color: #fff; background: #169aff;border-radius: 4px;cursor: pointer;display: block; width:66px; height:55px; padding:11px 0 0; margin: 0 0 5px;}
.upper-float .list:before{ content: ""; display:block; width: 24px; height: 24px; margin:0 auto 5px;}
.upper-float .tel{background: #0c8ff2; left: -174px; padding:12px 15px 10px 20px; border-radius: 4px; overflow: hidden}
.upper-float .tel em{ display: block; font-style: italic; font-size: 20px;}
.upper-float .ewm{border:2px solid #0c8ff2; width: 116px; height: 116px; border-radius: 4px; left: -124px; background: #fff;}
.upper-float .ewm img{ display: block; width: 110px; height: 110px; margin: 3px auto;}
.upper-float .item1 .list:before{background:url("../image/float-ico1.png") no-repeat center;}
.upper-float .item2 .list:before{background:url("../image/float-ico2.png") no-repeat center;}
.upper-float .item3 .list:before{background:url("../image/float-ico3.png") no-repeat center;}
.upper-float .item4 .list:before{background:url("../image/top.png") no-repeat center;}
.upper-float .item2:hover .tel{ display: block}
.upper-float .item3:hover .ewm{ display: block}
.disabled{background: #c2c2c2 !important; cursor: not-allowed;}