@charset "utf-8";
/* CSS Document */
.banner .swiper-slide,.banner .swiper-slide.swiper-slide-active{ opacity:1; filter:alpha(opacity=100);}

.container{ width:1200px; margin:0 auto;}
.clearfix{zoom:1;}
.clearfix:after{ content:''; clear:both; display:table;}

.common-input::-moz-placeholder {
color:#c9c9c9;
opacity:1
}
.common-input:-ms-input-placeholder {
color:#c9c9c9
}
.common-input::-webkit-input-placeholder {
color:#c9c9c9
}
.placeholder, .common-input.placeholder { color: #c9c9c9 }
.common-input { padding-left: 10px; width: 223px; height: 34px; line-height: 34px; border: 1px solid #e6e6e6 }
.mr-100{ margin-right:100px;}
.hide{ display:none;}

header{ z-index:99;}
body{ background:#f1f4f4;}

@media only screen and (min-width: 960px){
.beijing, .beijing1 {
    overflow: inherit;
}
}

/*域名*/
.domain-dark-container { background-color: #F1F4F4; z-index: 90 }
.domain-query-container { position: relative; /*margin: -114px 0 40px;*/ z-index: 90; padding-bottom:53px;margin: -214px 0 40px; }
.domain-query-container .domain-count { position: absolute; top: 31px; left: 18px; color: #fff; font-size: 14px }
.domain-query-container .domain-count .count { font-size: 21px; color: #ff7200; font-weight: 700; font-style: italic }
.domain-query-container .domain-count p { font-size: 18px }
.query-container { padding: 31px 50px 31px 184px; background-color: rgba(23,23,23,.65); filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7F000000, endcolorstr=#7F000000);
margin-top: 0; border-radius: 4px 4px 0 0; *zoom:1
}
#query-result{ border-left:1px solid #eee; border-right:1px solid #eee; padding:15px 15px 0; background:#fff;}
#query-result:after{ content:''; clear:both; display:table;}
#query-result li{ width:50%; float:left; position:relative; padding:5px 15px 0 25px; height:40px; line-height:30px; list-style:none outside none;}
#query-result li a{ position:absolute; right:25px; top:5px; background:#2086ee; padding:0 5px; color:#fff;}
#query-result li em{ font-style:normal; color:green;}
#query-result li i{ font-style:normal; color:red;}
#query-result li b{ font-weight:normal; font-style:normal; color:#999;}

.adver-ext-container li { float: left }
.adver-ext-container li.right { float: right }
.adver-ext-container .adver-ext { height: 32px; line-height: 32px; padding-right: 14px; color: #fff; font-size: 14px }
.adver-ext-container .adver-ext:hover { text-decoration: underline }
.adver-ext-container .adver-ext span { font-size: 12px }
.adver-ext-container .adver-link { height: 32px; line-height: 32px; padding-left: 14px; color: #fff; font-size: 14px }
.adver-ext-container .adver-link:hover { text-decoration: underline }
.query-container .query-input-container { display: block; margin-right: 280px; position: relative; _zoom: 1 }
.query-container .query-input-container .common-input { width: 100%; display: block; height: 52px; line-height: 42px; padding: 5px 0; border-radius: 4px 0 0 4px; border: 0; *border:0;
font-size: 14px; text-indent: 15px; position: relative }
.common-input { color: #000 }
.placeholder { color: #c9c9c9 }
.query-container .domain-query-btn { position: absolute; right: -160px; top: 0; *top:1px;
width: 160px; background: url(icon.png) no-repeat 22px -76px #ff7200; border-radius: 0 4px 4px 0; height: 52px; text-align: center; line-height: 52px; font-size: 20px; color: #fff; font-weight: 700; font-style: italic; border: 0; cursor: pointer; _height: 52px; _line-height: 52px }
.query-container .pre-links { position: absolute; right: -310px; text-align:right; top: 0px;font-size: 14px; color: #fff; }
.query-container .pre-links span { display: block; line-height: 32px; font-size: 18px }



.domext-container { padding: 6px; border: 1px solid #eee; border-top: 0; box-shadow: 0 2px 3px 0 rgba(0,0,0,.035); background-color: #fff; position: absolute; left: 0; bottom:0; z-index: 90 }
.domext-wrapper { height: 40px; overflow: hidden; _overflow: hidden; _zoom: 1; _clear: both; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease }
.domext-wrapper.collapse { height: 80px }
.domext-wrapper label { padding: 10px 0 10px 23px; line-height: 20px; height: 40px; font-size: 14px; background: url(icon.png) no-repeat 0 -325px; _background: url(unselected.jpg) no-repeat left center; width: 98px; display: inline-block; *display:inline;
*zoom:1;
float: left; color: #4A4A4A }
.domext-wrapper label.checked { background: url(icon.png) no-repeat 0 -288px;}
.domext-wrapper label input { display: none }
.domext-wrapper .icon { width: 17px; height: 17px; display: inline-block; *display:inline;
*zoom:1;
vertical-align: top; background-image: url(icon.png); background-repeat: no-repeat; margin-left: 3px; margin-top: 1px }
.domext-wrapper .new { background-position: 0 -498px }
.domext-wrapper .hot { background-position: -36px -498px }
.domext-wrapper .promotion { background-position: -74px -498px }
.domext-container .expand-container { text-align: center; position: relative }
.domext-container .expand-icon { line-height: 25px; height: 25px; display: inline-block; *display:inline;
*zoom:1;
border: 1px solid #eee; border-top: 0 solid #fff; background: url(icon.png) no-repeat 92px -174px #fff; padding: 0 41px 0 34px; cursor: pointer; position: absolute; left: 50%; margin-left: -55px; top: 6px; border-radius: 0 0 6px 6px; box-shadow: 0 2px 3px 0 rgba(0,0,0,.035) }
.domext-container .collapse-icon { background: url(icon.png) no-repeat 92px -145px #fff }
.domext-select-container { margin: 5px 0 }
.domext-select-container label { vertical-align: middle; padding: 5px 5px 5px 0; font-size: 14px; color: #72616a }
.domext-select-container label input { margin-right: 3px }
.domext-select-container .more-domains { border: 1px solid #c2edfb; color: #67b9ec; padding: 5px 7px; vertical-align: middle; margin-left: 24px }
.domext-wrapper label a { color: #4a4a4a }

.columnList{ text-align:center; padding:15px 0 50px; }
@-webkit-keyframes aniLeaf {
	0% { opacity:0; -webkit-transform:translateY(10px);}
	100% { opacity:1; -webkit-transform:translateY(0px);}
}
@keyframes aniLeaf {
	0% { opacity:0;transform:translateY(10px);}
	100% { opacity:1; transform:translateY(0px);}
}
.columnList li { display: inline-block; text-align:left; opacity:0; *display:inline;
*zoom:1;
width: 33%;  _overflow: hidden }
.columnList li:nth-child(1){-webkit-animation: aniLeaf .3s linear; animation: aniLeaf .3s linear; -webkit-animation-delay:.2s;animation-delay:.2s;animation-fill-mode: forwards;}
.columnList li:nth-child(2){-webkit-animation: aniLeaf .3s linear; animation: aniLeaf .3s linear; -webkit-animation-delay:.1s;animation-delay:.1s;animation-fill-mode: forwards;}
.columnList li:nth-child(3){-webkit-animation: aniLeaf .3s linear; animation: aniLeaf .3s linear; -webkit-animation-delay:.3s;animation-delay:.3s;animation-fill-mode: forwards;}

.column { position: relative; border: 1px solid #eee; background: #fff; border-bottom: 0; border-right: 0; z-index: 1 }
.column-last { border-right: 1px solid #eee }
.column .hot { position: absolute; right: 0; top: 0; height: 59px; width: 71px; background: url(hot-flag.jpg) no-repeat; text-align: center; padding-top: 5px; text-indent: 27px; color: #fff; font-size: 14px; font-style: normal }
.columnList .product-intro { height: 83px; padding-top: 23px; display: block; position: relative; text-align: center }
.columnList .product-intro img { position: absolute; left: 50%; margin-left: -41px; top: 50%; margin-top: -42px; background-color: #fff }
.columnList .column:hover { box-shadow: 4px 7px 7px rgba(208,205,205,.51); margin-top: -1px; z-index: 2 }
.column h6 { color: #333; margin-top: 0; padding-bottom: 10px; font-size:22px; text-align:center; font-weight:500; line-height:1.1; padding:26px 0 15px; }
.column .star { padding-bottom: 8px; width: 94px; height: 12px; background: url(icon.png) 0 -60px no-repeat; border-bottom: 1px solid #bfbfbf; text-align: center; display: inline-block; *display:inline;
*zoom:1
}
.column .yellow-star { background: url(icon.png) 0 -40px no-repeat; height: 100%; float: left }
.column .yellow-star1 { width: 13px }
.column .yellow-star2 { width: 34px }
.column .yellow-star3 { width: 55px }
.column .yellow-star4 { width: 76px }
.column .yellow-star5 { width: 97px }
.column .price { font-size: 40px; line-height: 40px; color: #ff7200; height: 40px }
.column .price .date-unit { font-size: 14px; color: #000; font-weight: 400; padding-left: 10px; background: url(xie.png) no-repeat left 0; display: inline-block; *display:inline;
*zoom:1;
height: 27px; line-height: 27px }
.column .tList { margin-top: 14px; width: 100%; table-layout: fixed }
.column .tList tr th, .column .tList tr td { height: 32px; line-height: 32px; color: #212121 }
.column .tList tr th { text-align: left; padding-left: 30px; width: 40% }
.column .tList tr td { text-align: right; width: 60%; padding-right: 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap }
.column .btnDiv { padding-top: 7px; padding-bottom: 19px; text-align:center;}
.column .g-common-btn { height: 38px; line-height: 38px; width: 110px; margin-right: 0; display:inline-block; border:1px solid #ddd; }
.column .g-common-btn:hover{ color:#2086ee; opacity:.9;}
.column .g-empty-btn { margin-right: 11px; background:#2086ee; border-color:#2086ee; color:#fff; }
.column .g-empty-btn:hover{ color:#fff;}
.column h6 { padding-top: 26px; padding-bottom: 15px }
.column .price { background: url(cycle.png) no-repeat center center; height: 100px; line-height: 100px; font-size: 26px; text-align:center; z-index: 2; position: relative }
.column .price span { font-size: 14px; font-weight: 400; color: #000 }
.column p { height: 50px; line-height: 50px; border-bottom: 1px solid #e6e5e5; margin: 0 49px; color: #212121 }
.column .check-more { color: #1060ad; padding-bottom: 14px; padding-top: 10px; font-size:10pt; text-align:center; display: block }
.column .check-more:hover { color: #ff7200 }

.cloud-service-list { margin-top: 16px; padding-left:1.7%; }
.cloud-service-list li { position: relative; float: left; width: 32%; height: 240px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; margin-left: 1%; margin-top: 20px; cursor: pointer; }
.cloud-service-list li a { display: inline-block; width: 100%; height: 100%; }
.cloud-service-list li .cloud-service-sligen-from { position: absolute; left: 0px; top: 0px; width: 100%; height: 240px; background: #fff; -o-transform: perspective(800px) rotateY(0deg); -webkit-transform: perspective(800px) rotateY(0deg); -ms-transform: perspective(800px) rotateY(0deg); transform: perspective(800px) rotateY(0deg); -o-transition: transform 500ms ease-in-out; -ms-transition: transform 500ms ease-in-out; -webkit-transition: transform 500ms ease-in-out; transition: transform 500ms ease-in-out; opacity: 1; filter: alpha(opacity=100); }
.cloud-service-list li .cloud-service-sligen-back { position: absolute; left: 0px; top: 0px; width: 100%; height: 240px; background: #009fd9; -o-transition: transform 500ms cubic-bezier(0.07, 0.42, 0.65, 1.3); -ms-transition: transform 500ms cubic-bezier(0.07, 0.42, 0.65, 1.3); -moz-transition: transform 500ms cubic-bezier(0.07, 0.42, 0.65, 1.3); -webkit-transition: transform 500ms cubic-bezier(0.07, 0.42, 0.65, 1.3); transition: transform 500ms cubic-bezier(0.07, 0.42, 0.65, 1.3); -o-transform: perspective(800px) rotateY(-180deg); -ms-transform: perspective(800px) rotateY(-180deg); -moz-transform: perspective(800px) rotateY(-180deg); -webkit-transform: perspective(800px) rotateY(-180deg); transform: perspective(800px) rotateY(-180deg); opacity: 0; filter: alpha(opacity=0); }
.cloud-service-list li:nth-child(3n+1) { margin-left: 0px; }
.cloud-service-sligen span { margin-top: 25px; display: inline-block; height: 90px; width: 100%; }
.cloud-service-bg1 { background: url("cloud_service1.png") no-repeat center; }
.cloud-service-bg2 { background: url("cloud_service2.png") no-repeat center; }
.cloud-service-bg3 { background: url("cloud_service3.png") no-repeat center; }
.cloud-service-bg4 { background: url("cloud_service4.png") no-repeat center; }
.cloud-service-bg5 { background: url("cloud_service5.png") no-repeat center; }
.cloud-service-bg6 { background: url("cloud_service6.png") no-repeat center; }
.cloud-service-list li:hover .cloud-service-sligen-back .cloud-service-bg1 { background: url("cloud_hover_service1.png") no-repeat center; }
.cloud-service-list li:hover .cloud-service-sligen-back .cloud-service-bg2 { background: url("cloud_hover_service2.png") no-repeat center; }
.cloud-service-list li:hover .cloud-service-sligen-back .cloud-service-bg3 { background: url("cloud_hover_service3.png") no-repeat center; }
.cloud-service-list li:hover .cloud-service-sligen-back .cloud-service-bg4 { background: url("cloud_hover_service4.png") no-repeat center; }
.cloud-service-list li:hover .cloud-service-sligen-back .cloud-service-bg5 { background: url("cloud_hover_service5.png") no-repeat center; }
.cloud-service-list li:hover .cloud-service-sligen-back .cloud-service-bg6 { background: url("cloud_hover_service6.png") no-repeat center; }
.cloud-service-list li .cloud-service-sligen-from .cloud-service-name { height: 58px; line-height: 58px; font-size: 16px; color: #4c4c4c; text-align: center; -o-transform: perspective(800px) rotateY(0deg); -webkit-transform: perspective(800px) rotateY(0deg); -ms-transform: perspective(800px) rotateY(0deg); transform: perspective(800px) rotateY(0deg); -o-transition: all 500ms ease-in-out; -ms-transition: all 500ms ease-in-out; -webkit-transition: all 500ms ease-in-out; transition: all 500ms ease-in-out; opacity: 1; filter: alpha(opacity=100); }
.cloud-service-list li .cloud-service-sligen-from .cloud-service-info { margin: 0px 80px; font-size: 12px; color: #4c4c4c; text-align: center; line-height: 20px; -o-transform: perspective(800px) rotateY(0deg); -webkit-transform: perspective(800px) rotateY(0deg); -ms-transform: perspective(800px) rotateY(0deg); transform: perspective(800px) rotateY(0deg); -o-transition: all 500ms ease-in-out; -ms-transition: all 500ms ease-in-out; -webkit-transition: all 500ms ease-in-out; transition: all 500ms ease-in-out; opacity: 1; filter: alpha(opacity=100); }
.cloud-service-list li .cloud-service-sligen-back .cloud-service-name { height: 58px; line-height: 58px; font-size: 16px; color: #fff; text-align: center; -o-transition: all 500ms cubic-bezier(0.07, 0.42, 0.65, 1.3); -ms-transition: all 500ms cubic-bezier(0.07, 0.42, 0.65, 1.3); -moz-transition: all 500ms cubic-bezier(0.07, 0.42, 0.65, 1.3); -webkit-transition: all 500ms cubic-bezier(0.07, 0.42, 0.65, 1.3); transition: all 500ms cubic-bezier(0.07, 0.42, 0.65, 1.3); -o-transform: perspective(800px) rotateY(-180deg); -ms-transform: perspective(800px) rotateY(-180deg); -moz-transform: perspective(800px) rotateY(-180deg); -webkit-transform: perspective(800px) rotateY(-180deg); transform: perspective(800px) rotateY(-180deg); opacity: 0; filter: alpha(opacity=0); }
.cloud-service-list li .cloud-service-sligen-back .cloud-service-info { margin: 0px 80px; font-size: 12px; color: #fff; text-align: center; line-height: 20px; -o-transition: all 500ms cubic-bezier(0.07, 0.42, 0.65, 1.3); -ms-transition: all 500ms cubic-bezier(0.07, 0.42, 0.65, 1.3); -moz-transition: all 500ms cubic-bezier(0.07, 0.42, 0.65, 1.3); -webkit-transition: all 500ms cubic-bezier(0.07, 0.42, 0.65, 1.3); transition: all 500ms cubic-bezier(0.07, 0.42, 0.65, 1.3); -o-transform: perspective(800px) rotateY(-180deg); -ms-transform: perspective(800px) rotateY(-180deg); -moz-transform: perspective(800px) rotateY(-180deg); -webkit-transform: perspective(800px) rotateY(-180deg); transform: perspective(800px) rotateY(-180deg); opacity: 0; filter: alpha(opacity=0); }
.cloud-service-list li:hover .cloud-service-sligen-from { -o-transform: perspective(800px) rotateY(180deg); -ms-transform: perspective(800px) rotateY(180deg); -moz-transform: perspective(800px) rotateY(180deg); -webkit-transform: perspective(800px) rotateY(180deg); transform: perspective(800px) rotateY(180deg); opacity: 0; filter: alpha(opacity=0); }
.cloud-service-list li:hover .cloud-service-sligen-back { -o-transform: perspective(800px) rotateY(0deg); -ms-transform: perspective(800px) rotateY(0deg); -moz-transform: perspective(800px) rotateY(0deg); -webkit-transform: perspective(800px) rotateY(0deg); transform: perspective(800px) rotateY(0deg); opacity: 1; filter: alpha(opacity=100); }
.cloud-service-list li:hover .cloud-service-sligen-back .cloud-service-info { margin: 0px 80px; font-size: 12px; color: #fff; text-align: center; line-height: 20px; -o-transform: perspective(800px) rotateY(0deg); -webkit-transform: perspective(800px) rotateY(0deg); -ms-transform: perspective(800px) rotateY(0deg); transform: perspective(800px) rotateY(0deg); -o-transition: all 500ms ease-in-out; -ms-transition: all 500ms ease-in-out; -webkit-transition: all 500ms ease-in-out; transition: all 500ms ease-in-out; opacity: 1; filter: alpha(opacity=100); }
.cloud-service-list li:hover .cloud-service-sligen-back .cloud-service-name { height: 58px; line-height: 58px; font-size: 16px; color: #fff; text-align: center; -o-transform: perspective(800px) rotateY(0deg); -webkit-transform: perspective(800px) rotateY(0deg); -ms-transform: perspective(800px) rotateY(0deg); transform: perspective(800px) rotateY(0deg); -o-transition: all 500ms ease-in-out; -ms-transition: all 500ms ease-in-out; -webkit-transition: all 500ms ease-in-out; transition: all 500ms ease-in-out; opacity: 1; filter: alpha(opacity=100); }

.point-area { text-align: center; position: relative; width: 150px; height: 150px; -webkit-transition: opacity 0.5s ease-out; -moz-transition: opacity 0.5s ease-out; -o-transition: opacity 0.5s ease-out; transition: opacity 0.5s ease-out; }
.point-area .point { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 10px; height: 10px; margin: auto; -webkit-border-radius: 50%; -webkit-background-clip: padding-box; -moz-border-radius: 50%; -moz-background-clip: padding; border-radius: 50%; background-clip: padding-box; background: transparent; }
.point-area .point-shadow:after { -webkit-box-shadow: inset 0 0 5em rgba(0, 205, 236, 0.16); -moz-box-shadow: inset 0 0 5em rgba(0, 205, 236, 0.16); box-shadow: inset 0 0 5em rgba(0, 205, 236, 0.16); }
.point-area .point-white { background-color: #fff; border: 1px solid #00C1DE; }
.point-area .point-dot { background-color: #6AD7E9; border: 1px solid rgba(0, 205, 236, 0.37); }
.point-area .point-10 { width: 100%; height: 100%; }
.point-area .point-10:after { content: ''; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border-radius: 50%; border: 2px solid #00cdec; opacity: 0; -webkit-animation: ripple 4500ms ease-out 225ms infinite; -moz-animation: ripple 4500ms ease-out 225ms infinite; -o-animation: ripple 4500ms ease-out 225ms infinite; animation: ripple 4500ms ease-out 225ms infinite; }
.point-area .point-20 { width: 100%; height: 100%; }
.point-area .point-20:after { content: ''; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border-radius: 50%; border: 2px solid #00cdec; opacity: 0; -webkit-animation: ripple 4500ms ease-out 450ms infinite; -moz-animation: ripple 4500ms ease-out 450ms infinite; -o-animation: ripple 4500ms ease-out 450ms infinite; animation: ripple 4500ms ease-out 450ms infinite; }
.point-area .point-30 { width: 100%; height: 100%; }
.point-area .point-30:after { content: ''; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border-radius: 50%; border: 2px solid #00cdec; opacity: 0; -webkit-animation: ripple 4500ms ease-out 675ms infinite; -moz-animation: ripple 4500ms ease-out 675ms infinite; -o-animation: ripple 4500ms ease-out 675ms infinite; animation: ripple 4500ms ease-out 675ms infinite; }
.point-area .point-40 { width: 100%; height: 100%; }
.point-area .point-40:after { content: ''; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border-radius: 50%; border: 2px solid #00cdec; opacity: 0; -webkit-animation: ripple 4500ms ease-out 900ms infinite; -moz-animation: ripple 4500ms ease-out 900ms infinite; -o-animation: ripple 4500ms ease-out 900ms infinite; animation: ripple 4500ms ease-out 900ms infinite; }
.point-area .point-50 { width: 100%; height: 100%; }
.point-area .point-50:after { content: ''; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border-radius: 50%; border: 2px solid #00cdec; opacity: 0; -webkit-animation: ripple 4500ms ease-out 1125ms infinite; -moz-animation: ripple 4500ms ease-out 1125ms infinite; -o-animation: ripple 4500ms ease-out 1125ms infinite; animation: ripple 4500ms ease-out 1125ms infinite; }
.point-area .point-60 { width: 100%; height: 100%; }
.point-area .point-60:after { content: ''; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border-radius: 50%; border: 2px solid #00cdec; opacity: 0; -webkit-animation: ripple 4500ms ease-out 1350ms infinite; -moz-animation: ripple 4500ms ease-out 1350ms infinite; -o-animation: ripple 4500ms ease-out 1350ms infinite; animation: ripple 4500ms ease-out 1350ms infinite; }
.point-area .point-70 { width: 100%; height: 100%; }
.point-area .point-70:after { content: ''; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border-radius: 50%; border: 2px solid #00cdec; opacity: 0; -webkit-animation: ripple 4500ms ease-out 1575ms infinite; -moz-animation: ripple 4500ms ease-out 1575ms infinite; -o-animation: ripple 4500ms ease-out 1575ms infinite; animation: ripple 4500ms ease-out 1575ms infinite; }
.point-area .point-80 { width: 100%; height: 100%; }
.point-area .point-80:after { content: ''; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border-radius: 50%; border: 2px solid #00cdec; opacity: 0; -webkit-animation: ripple 4500ms ease-out 1800ms infinite; -moz-animation: ripple 4500ms ease-out 1800ms infinite; -o-animation: ripple 4500ms ease-out 1800ms infinite; animation: ripple 4500ms ease-out 1800ms infinite; }
.point-area .point-90 { width: 100%; height: 100%; }
.point-area .point-90:after { content: ''; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border-radius: 50%; border: 2px solid #00cdec; opacity: 0; -webkit-animation: ripple 4500ms ease-out 2025ms infinite; -moz-animation: ripple 4500ms ease-out 2025ms infinite; -o-animation: ripple 4500ms ease-out 2025ms infinite; animation: ripple 4500ms ease-out 2025ms infinite; }
.point-area .point-100 { width: 100%; height: 100%; }
.point-area .point-100:after { content: ''; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border-radius: 50%; border: 2px solid #00cdec; opacity: 0; -webkit-animation: ripple 4500ms ease-out 2250ms infinite; -moz-animation: ripple 4500ms ease-out 2250ms infinite; -o-animation: ripple 4500ms ease-out 2250ms infinite; animation: ripple 4500ms ease-out 2250ms infinite; }
.point-area .point-name{ white-space:nowrap;}
lesshat-selector { -lh-property: 0; }
@-webkit-keyframes ripple {
0% {
opacity:0;
-webkit-transform:scale(0.1, 0.1);
}
5% {
opacity:1;
}
100% {
opacity:0;
-webkit-transform:scale(1)
}
}
@-moz-keyframes ripple {
0% {
opacity:0;
-moz-transform:scale(0.1, 0.1);
}
5% {
opacity:1;
}
100% {
opacity:0;
-moz-transform:scale(1)
}
}
@-o-keyframes ripple {
0% {
opacity:0;
-o-transform:scale(0.1, 0.1);
}
5% {
opacity:1;
}
100% {
opacity:0;
-o-transform:scale(1)
}
}
@keyframes ripple {
0% {
opacity:0;
-webkit-transform:scale(0.1, 0.1);
-moz-transform:scale(0.1, 0.1);
-ms-transform:scale(0.1, 0.1);
transform:scale(0.1, 0.1);
}
5% {
opacity:1;
}
100% {
opacity:0;
-webkit-transform:scale(1);
-moz-transform:scale(1);
-ms-transform:scale(1);
transform:scale(1);
}
}

.main-bar{ text-align:center;}
.main-bar img{ width:50px; height:50px; display:inline-block; border:1px solid #ddd;}
.main-bar p{ display:inline-block; padding:0 10px 0 5px;}


.idc_part h2{ font-size:40pt; text-align:center; padding:40px 0;}
.idc_tab{ text-align:center;}
.idc_tab li{ display:inline-block; width:190px; height:48px; line-height:42px; font-size:16pt; text-align:center; cursor:pointer; -webkit-transition:all ease-in-out .2s;transition:all ease-in-out .2s;}
.idc_tab li.On{ display:inline-block; color:#fff; background:url(on.png) no-repeat center top;}

.idc_2{ background:url(idc_2.jpg) no-repeat center top; background-size:cover; padding-bottom:70px;}
.idc_2 h2{ color:#fff; padding:70px 0 35px;}

.idc_3{ padding-bottom:40px;}
.idc_3 h2{ padding:70px 0 0px;}
.idc_3 .headintro{ text-align:center; color:#666; padding-bottom:70px;}

@media only screen and (max-width:1200px) {
	.container{ width:100%;}
	.domain-dark-container .domext-container,.pre-links,.domain-count{ display:none;}
	.domain-query-container{ margin:0;}
	.idc_part h2{ padding:35px 0;}
	#serve-img-area{ -webkit-transform:scale(.8);transform:scale(.8); width:125%;-transform-origin:left top;transform-origin:left top;}
}
@media only screen and (max-width: 800px){
	#query-result li{ width:100%;}
	.container{ width:100%;}
	.domain-dark-container .domext-container,.query-container .pre-links,.adver-ext-container,.domain-count{ display:none;}
	.domain-query-container{ margin:0;}
	.query-container{ padding:10px;}
	.query-container .query-input-container{ margin-right:0;}
	.query-container .domain-query-btn{right:0;}
	.idc_part h2{ padding:25px 0; font-size:30pt;}
	.columnList li{ width:100%;}
	.cloud-service-list{ padding-left:1%;}
	.cloud-service-list li{ width:49%; margin-left:0;}
	.cloud-service-list li:nth-child(2n){ margin-left:1%;}
	#serve-img-area{ -webkit-transform:scale(.6);transform:scale(.6); width:166.66%; -webkit-transform-origin:left top;transform-origin:left top;}
}
@media only screen and (max-width:640px) {
	#query-result li{ width:100%;}
	.container{ width:100%;}
	.domain-dark-container .domext-container,.query-container .pre-links,.adver-ext-container,.domain-count{ display:none;}
	.domain-query-container{ margin:0;}
	.query-container{ padding:10px;}
	.query-container .query-input-container{ margin-right:0;}
	.query-container .domain-query-btn{right:0;}
	.banner .swiper-slide a{ height:300px;}
	.idc_part h2{ padding:15px 0; font-size:20pt;}
	.columnList li{ width:100%; margin:0;}
	.cloud-service-list{ padding-left:1%; padding-right:1%;}
	.cloud-service-list li{ width:100%; margin:0 0 10px!important;}
	#serve-img-area{ -webkit-transform:scale(.4);transform:scale(.4); width:250%; -webkit-transform-origin:left top;transform-origin:left top;}
	.idc_3 .container{ height:400px; overflow:hidden;}
}
 .sg-listbgs{width:50%;float:right;position:relative;}
 .sg-listbgs ul:after{content:'';display:table;clear:both;}
.sg-listbgs ul li{float:left;width:33.3%;position:relative;}
.sg-listbgs ul li .gdt{position:relative;width:100px;height:100px;}
.yuan1{position:absolute;left:-8px;top:-8px;right:-8px;bottom:-8px;  border-radius:50%;border-top:1px #4cc3ce solid;border-left:1px #4cc3ce solid; }
.yuan2{position:absolute;left:-2px;top:-2px;right:-2px;bottom:-2px; border-radius:50%;border-top:2px #4cc3ce solid;border-right:2px #4cc3ce solid; }
.yuan3{position:absolute;left:0;top:0;right:0;bottom:0; }
.sg-listbgs ul li img{width:100%;height:auto;
	display: block;
    margin: 0 auto;
	}
.sg-listbgs ul li .yuan1{
		-webkit-animation: swinging 1s linear infinite;
    animation: swinging 1s linear infinite;
    -webkit-transform-origin: center center;
    transform-origin:center center;
}
.sg-listbgs ul li .yuan2{
		-webkit-animation: swing 2s linear infinite;
    animation: swing 2s linear infinite;
    -webkit-transform-origin: center center;
    transform-origin:center center;

}
.sg-listbgs ul li.li1{position:absolute;right:60%;top:15%;}
.sg-listbgs ul li.li1 .gdt{transform: scale(0.6)}
.sg-listbgs ul li.li3 .gdt{transform: scale(0.8)}
.sg-listbgs ul li.li2{position:absolute;right:0%;top:5%;}
.sg-listbgs ul li.li3{position:absolute;right:40%;top:40%;}
.sg-listbgs ul li.li2 .yuan1{ -webkit-animation-delay:.3s;animation-delay:.3s;}
.sg-listbgs ul li.li2 .yuan2{ -webkit-animation-delay:.6s;animation-delay:.6s;}
.sg-listbgs ul li.li3 .yuan1{ -webkit-animation-delay:.4s;animation-delay:.4s;}
.sg-listbgs ul li.li3 .yuan2{ -webkit-animation-delay:.8s;animation-delay:.8s;}

.sg-listbgs ul li .{width:100%;height:auto;}
@-webkit-keyframes swinging{
   0% { -webkit-transform: rotate(0deg); }
   100% { -webkit-transform: rotate(360deg); }
}

@-webkit-keyframes swing{
   0% { -webkit-transform: rotate(0deg); }
   100% {-webkit-transform: rotate(-360deg); }
}
@keyframes swinging{
   0% { transform: rotate(0deg); }
   100% { transform: rotate(360deg); }
}

@keyframes swing{
   0% { transform: rotate(0deg); }
   100% { transform: rotate(-360deg); }
}
@media (min-width:768px) and (min-height: 600px) {
.banner .swiper-slide a{height:550px;}
.sg-listbgs{height:550px;}
 }
 @media (min-height: 730px) and (min-width: 768px) {
.banner .swiper-slide a{height:600px;}
.sg-listbgs{height:600px;}

 }
@media (min-height: 850px) and (min-width:1400px) {
.banner .swiper-slide a{height:608px;}
.sg-listbgs{height:608px;}
 }
@media (max-width: 34em){
.sg-listbgs{width:100%;margin-top: 100px;}
.sg-listbgs ul li.li1 .gdt{transform: scale(1);}
.sg-listbgs ul li.li3 .gdt{transform: scale(1)}
.sg-listbgs ul li .gdt{position:relative;width:66px;height:66px;margin:auto}
.sg-listbgs ul li.li1{position:absolute;right:25%;top:15%;}
.sg-listbgs ul li.li2{position:absolute;right:0%;top:5%;}
.sg-listbgs ul li.li3{position:absolute;right:50%;top:40%;}
.banner .swiper-slide a{background-position:35% center!important;}
.swiper-slide{width:100%!important}
}