@charset "utf-8";

.Wdate{height:inherit !important;}
.site-topbar{background: #0069ff;border-bottom: 0;color:rgba(255,255,255,0.99);}
.site-topbar ul{margin-bottom:0}
.site-topbar ul>li>a{color:rgba(255,255,255,0.99)}
@media only screen and (max-width:767px) {
.header{background:#0069ff;}
}
.header a {color: rgba(255, 255, 255,0.9);}
.header-fixed-top{background: #0069ff !important;}
.header .logo a{width: 200px;}
@media only screen and (max-width:767px) {
.header .navbar-nav-scroll{height:auto;overflow:auto;}
}
.header .navbar-nav > li > a {color: rgba(255,255,255,0.8);}
/*---------- 幻灯 ---------*/  
.slideswrapper{position:relative;overflow:hidden;}
.slideswrapper .descrip{position:absolute; top: 50%;left: 50%;-webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);/* transform: translate(-50%,-50%); */display: table;}
.slideswrapper .descrip{text-shadow: 1px 1px 2px #000; color:#FFF; line-height:2rem;}
.slideswrapper .descrip h2{font-size:3.5rem; margin-bottom:3.5rem}
.slideswrapper .descrip p{font-size:1.5rem}
#kv .kvList li{position:relative;}
/*kv style*/
#kvArea{position: relative;}
#kv img.full{display:block;margin-left: auto;margin-right: auto;}
#kv{position: relative; overflow: hidden;transition: all 0.5s ease 0s;}
#kv .kvList li{float: left; width: 100%; text-align:center;}
#kv .kvList li img{width:auto; height:auto;max-width:100%;width:100%;}
#kvArea .pageList{position: absolute; height: 30px; bottom: 0px; width: 100%; left: 0px; text-align: center;background: url("../img/kv_bar_bg.png") repeat-x;}
#kvArea .pageList a{background:#000;display: inline-block;width: 10px;height: 10px;margin: 0 4px;text-indent:-999em;border: 2px solid #fff;border-radius: 6px;cursor: pointer;filter:alpha(opacity=40);opacity: 0.4;-webkit-transition: background .5s, opacity .5s;-moz-transition: background .5s, opacity .5s;transition: background .5s, opacity .5s;}
#kvArea .pageList a.active{background:#fff;opacity:1;border: 2px solid #ccc;width: 11px;height: 11px;}
#kv:hover .left:before {content: "‹"; font-size:36px;color:rgba(255,255,255,.99)}
#kv:hover .right:before {content: "›"; font-size:36px;color:rgba(255,255,255,.99)}
#kv:hover .left,#kv:hover .right{position: absolute;width: 45px; height: 45px;line-height:36px; text-align:center; background: rgba(0,0,0,.3);-webkit-box-shadow:0 2px 10px rgba(0,0,0,0.15);border-radius:50%;}
#kv:hover .left{left: 10px;top: 50%;z-index:10;}
#kv:hover .right{right: 10px;top: 50%;z-index:10;}
@media only screen and (max-width:767px) {
.slideswrapper .descrip h2{font-size:1.25rem;margin-bottom:1rem}
.slideswrapper .descrip p{font-size:.75rem; display:none;}
#kv .kv_button_block{display:none;}
   }
   
.index-domain{padding: 1% 0;background:rgba(18,123,229,.05);}
.index-domain .domain-reg .domain-input{border:0;}
.domain-reg .domain-input{background: rgba(255,255,255,.8);height:2.8rem;margin-right:5rem;border: 1px solid rgba(226,51,0,.5); border-right:0;}
.domain-reg input.text{display:block;width:100%;height:2.6rem;line-height:2.8rem;text-indent:1rem;padding:0;border: 0 none;float: left;background: url(../img/bg-www.png) no-repeat left; padding-left:3rem;}
.domain-reg input.btn{cursor:pointer;float:right;border: 0 none;background:#23bc32 url(../img/ico-so.png) no-repeat center center;height:2.8rem;color:#FFF; width:5rem;font-size:100%; font-weight:bold;border-radius:0px;}
.domain-reg .btn:hover{background:#FF6600 url(../img/ico-so.png) no-repeat center center;color:#fff}
.domain-reg .domain-list{position:absolute;right:0;right:-1px;top:0px;width:10rem;background:#fff;border:1px solid #e0e0e0;border-top:0;z-index:999;-webkit-box-shadow:0 2px 10px rgba(0,0,0,0.15);}
.domain-reg .domain-list{overflow-y: auto;overflow-x: hidden;}
.domain-reg .domain-list li{text-align: left; padding:5px 10px;}
.domain-reg .domain-list li:hover{background:#ff6700;}
.domain-reg .com{position: absolute;top:5px;right:6rem;z-index:2;text-align: right;}
.domain-reg .com a{display:inline-block;*zoom:1;*display:inline;margin-left:5px;padding:0 5px;font-size:100%;background:#eee;color:#757575;-webkit-transition:all 0.2s;transition:all 0.2s}
.domain-reg .com a{background: url(../img/com.png) right center no-repeat;padding-right:15px;font-size: 1.6rem;}
.domain-reg .com a:hover{background:#ff6700;color:#fff;text-decoration:none;}
.domain-reg input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill{background-color: rgb(250, 255, 189); background-image: url(../img/bg-www.png) no-repeat left;color: rgb(0, 0, 0);}

.index-idc-product{padding: 2.5rem 0;background:rgba(255,255,255,1);}
.index-idc-product .layout{padding:0}
.index-idc-product .all-title{border:0}
.index-idc-product ul{margin-top: 2.5rem;position:relative;font-size:0px}
.index-idc-product ul li{border: 1px solid #e5e5e5;z-index: 1;position: relative;background: #e4e6eb;font-size:.75rem; padding:0}
.index-idc-product ul li h3{text-align:center;font-size: 1.5rem; padding:10px;}
.index-idc-product ul li .title {font-size:1rem;}
.index-idc-product ul li .title b{font-size:.875rem;color: #fff;background: #E23300;padding: 3px 5px; border-radius: 3px; margin-left:10px;}
.index-idc-product ul li a.box-bg{background: #f5f5f9;display: inline-block;padding: 10px;overflow: hidden;margin-top:6px;margin-bottom: 6px;width: 100%;}
.index-idc-product ul li:hover h3{color:#FFF;background: #127BE5;}
.index-idc-product ul li:hover{background:rgba(255,255,255,1);}
.index-idc-product ul li p{margin-bottom:0}
.index-idc-about{position: relative;background: url("../../images/bg-index-idc.jpg") no-repeat center center;position:relative;background-attachment:fixed;background-size:cover;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size: cover;-ms-background-size:cover;padding: 5% 0;/*text-shadow: 1px 0px 0px #000,-1px 0px 0px #000,0px 1px 0px #000,0px -1px 0px #000;*/}
.index-idc-about h1{font-size: 1.5rem;text-align: center;font-weight: normal;letter-spacing: 4px; text-shadow: 1px 1px 2px #000; color:#FFF}
.index-idc-about p{line-height: 2em;letter-spacing: 1px; text-align:center; text-shadow: 1px 1px 2px #000; color:#FFF}
.index-idc-about p a{border: 1px solid #fff;color: #fff;transition: all .3s ease-out; padding:3px 5px;}

.list-hosting{background:rgba(255,255,255,1); margin-bottom:10px;}
.list-hosting li{padding:5px 20px;}
.list-hosting .title{font-size: 1.25rem;}
.list-hosting .title b{font-size:1rem;color: #E23300;background: #eee;padding: 3px 5px; border-radius: 3px; margin-left:10px;}
.list-hosting:hover{background:rgba(18,123,229,0.1);}
.list-hosting:hover .title{color:#FFF;background: #127BE5;}


.index-services{background:#fff;letter-spacing: 1px;line-height:1.5rem; padding-bottom:80px; padding-top:80px;}
.index-services .container > ul > li{border-radius: 10px;box-shadow: 3px 28px 24px -33px rgba(0, 0, 0, 0.26);}
.index-services .container > ul > li > .Wrap{background: #f3f7fd url("../../images/bg-Wrap-services.png") no-repeat top center; background-size:100%;padding:15px;transition: all .3s ease;-webkit-box-shadow: 0px 5px 15px 0px rgba(68, 68, 68, 0.1);box-shadow: 0px 5px 15px 0px rgba(68, 68, 68, 0.1); position: relative;z-index: 1;overflow: hidden;}
.index-services .container > ul > li > .Wrap:hover{background:#0069ff url("../../images/bg-Wrap-services-a.png") no-repeat top center; color:#FFF;}
.index-services .container > ul > li > .Wrap:hover a{color:#FFF !important;}
.index-services .container > ul > li > .Wrap > a{display:block; text-align:center;}
.index-services .container > ul > li > .Wrap > a h2{position: relative;transition: 1s; margin: 0 0 5%; font-size:2.2rem; text-align:center;}
.index-services .container > ul > li > .Wrap > a p{margin-bottom:1.5rem;text-align:left;color: rgba(0,0,0,.5); font-size:.875rem}
.index-services .container > ul > li > .Wrap:hover p{color: rgba(255,255,255,.9);} 
.index-services .container > ul > li > .Wrap > a .img{font-size:4.6rem;color: #0069ff;}
.index-services .container > ul > li > .Wrap > a .img{width: 130px;height: 130px;background: #fff;line-height: 130px;border-radius: 50%;margin: auto; margin-bottom: 20px;-webkit-box-shadow: 0px 10px 40px 0px rgba(50, 50, 50, 0.1);-moz-box-shadow: 0px 10px 40px 0px rgba(50, 50, 50, 0.1); box-shadow: 0px 10px 40px 0px rgba(50, 50, 50, 0.1);text-align: center;}
.index-services ul li i{margin-right:.5rem}
.index-services .container > ul > li ul{line-height:2.2rem;}
@media only screen and (max-width:767px) {
.index-services{letter-spacing: 1px;line-height:1.5rem; padding-bottom:40px; padding-top:40px}
.index-services .container > ul > li > .Wrap > a h2{font-size:1.6rem}
}
   
.solution-list{padding-bottom:80px; padding-top:80px;margin:auto;letter-spacing: 1px;}
.solution-list img{opacity:0.8;filter:alpha(opacity=80);box-shadow: 0px 5px 25px 0px rgba(0, 0, 0, 0.2);}
.solution-list h3{font-size:1.5rem; margin-bottom:1.5rem;}
.solution-list blockquote {color: rgba(0,0,0,.5);}
.solution-list li{margin-bottom:1rem}
.solution-list li .Wrap{position:relative;padding-top: 4.5rem;padding-bottom: 1rem;border-radius: 10px;box-shadow: 0px 15px 30px 0px rgba(0,0,0,0.1);}
.solution-list li .float-left{position:absolute;top:-2.5rem;left: 9%;transition: all 0.5s ease-in-out;}
.solution-list li .float-left img{width:80px; height:80px}
.solution-list li:hover .float-left{left: 65%;}
.solution-list li:nth-child(2n+0) .Wrap{background:#f6f6f6;}
@media only screen and (max-width:767px) {
.solution-list {padding-bottom:50px; padding-top:50px;}
.solution-list li{margin-bottom:4.5rem}
.solution-list h3{font-size:1.6rem}
}

.list-pt h3{font-size: 1.25rem;}
.list-pt blockquote{font-size: .875rem;}

.links-txt{padding-top:1rem}
.links-txt li{display:inline}
.links-txt a {display:inline-block; padding:0 .5rem .5rem;color: rgba(255,255,255,.8)}
.links-txt a.current{padding:2px 5px 1px;background:#E23300;border-radius: 10px;color:#fff;text-decoration:none;}
@media screen and (max-width: 640px) {  
.links-txt a{width:25%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box;display: inline-block; float:left; text-align:center;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;}
   } 
.links-img{border-top: 1px solid #eee;border-left: 1px solid #eee;}
.links-img li a{padding: 30px;display: flex;justify-content: center;align-items: center;border-right: 1px solid #eee;border-bottom: 1px solid #eee;overflow: hidden;background: #fff;height: 120px;}
.links-img li img{height: 80%;-webkit-filter: grayscale(100%);filter: grayscale(100%);transition: 0.3s;}
.links-img li a:hover img {-webkit-filter: none;filter: none;transform: scale(1.2);}
.links-img li img {transition: all 0.4s ease-in-out;}

.footer{/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#2a169b+39,2989d8+78,2cd4d9+95 */
    background: rgb(42, 22, 155);
    /* Old browsers */
    background: -moz-linear-gradient(left, rgba(42, 22, 155, 1) 39%, rgba(41, 137, 216, 1) 78%, rgba(44, 212, 217, 1) 95%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(left, rgba(42, 22, 155, 1) 39%, rgba(41, 137, 216, 1) 78%, rgba(44, 212, 217, 1) 95%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, rgba(42, 22, 155, 1) 39%, rgba(41, 137, 216, 1) 78%, rgba(44, 212, 217, 1) 95%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2a169b', endColorstr='#2cd4d9', GradientType=1);
    /* IE6-9 */}
.footer .separator {background: rgba(255, 255, 255, .21);width: calc(100% - 30px); height: 1px;position: absolute;left: 15px;top: -25px;}
.footer .footer-agile{padding-top: 100px;}
.footer .footer-links{padding-top: 1.5rem;}