@charset "UTF-8";
/*--------------------功能：重设浏览器默认样式--------------------*/
body{font-family:"Hiragino Sans GB","Helvetica Neue",Helvetica,Arial,Verdana,"Microsoft Yahei",sans-serif; font-size: 14px;line-height: 1.428571429; color: #333; background-color: #FFF; margin:0; padding:0;}
p{ margin:0; padding:0;}
a{text-decoration:none;}
li{ list-style: none;}

/*common*/
.p-t-400{ padding-top: 400px; }

/*a:hover{ text-decoration:none;}*/
.fn-left{ float: left;}
.fn-right{ float: right;text-align:right;}
.clear{ clear: both;}
a:hover, a:focus { color: #2a6496; text-decoration: none; }

/*public*/
.container{ position: relative; padding-left: 15px; padding-right: 15px; margin-left: auto; margin-right: auto;}

.container .row img{ margin-bottom: 10px;}

.model-select-box { width: 75%; height: 29px; line-height: 29px; border: 1px solid #aaa; float: left; margin-right: 20px; text-indent: 5px; position: relative; }
.model-select-text { height: 29px; padding-right: 27px; background: url(../images/arrow.png) no-repeat right 0; cursor: pointer; -moz-user-select: none; -webkit-user-select: none; user-select: none; }
.model-select-option { display: none; position: absolute; background: #fff; padding:0; width: 100%; left: -1px; border: 1px solid #aaa; z-index: 1; }
.model-select-option li { height: 22px; line-height: 22px; color: #555; cursor: pointer; }
.model-select-option li.seleced { background: #06C; color: #fff; }

/*.header{ position: absolute; top: 0; width: 100%; z-index: 2;}*/
.user-link{  height: 30px; line-height: 30px; font-size: 16px; color: #ffffff;}
.user-link .bg-color{ height: 30px; line-height: 30px; font-size: 12px; color: #ffffff; background-color: #ffffff; opacity: 0.2;}
.user-link .txt{ margin-top: -30px;z-index: 2; }
.user-link a{ margin: 0 10px; color: #ffffff; cursor: pointer;}
.user-link .tel_icon{ display: inline-block; width: 24px; height: 30px; background: url("../images/tel_icon.png") no-repeat 0 8px;float:left;}
.fn-left font{color:yellow;font-size:14px;float:left;height:30px;line-height:30px;}
/*.logo{ display: inline-block; width: 200px; height: 60px; margin-top: 9px;}*/
/*.logo_icon{ display: inline-block; width: 200px; height: 42px; overflow: hidden; background: url("../images/logo.png") no-repeat; background-size: 100% 100%;}*/
/*.nav{ display: inline-block;}*/
/*.menu{ float:right;}*/
/*.menu ul{ }*/
/*.menu ul li{ float: left; }*/
/*.menu ul li a{ font-size: 14px; color: #ffffff; height: 42px; line-height: 42px; padding: 0 15px; margin: 9px 0;}*/
/*.menu button{ display: inline-block; height: 30px; line-height: 30px; padding: 0 15px; color: #ffffff; vertical-align: top; margin-top: 15px; outline: none;}*/
/*.menu .login-btn{border: 1px solid #ffffff; background: none; margin-right: 5px;}*/
/*.menu .reg-btn{ border: 1px solid #ed7412; background-color: #ed7412;}*/

.header { color:#fff; width:100%; position: absolute; z-index:40; height:60px;}
.header .logo h1{margin:0;}
.header .logo-img {display:inline-block; float:left; background:url(../images/logo.png) no-repeat; width:300px; height:42px; margin-top: 9px; background-size: 100% 100%;}
.header .logo-img:hover { opacity:1; -webkit-transition:all .2s ease-in-out; -moz-transition:all .2s ease-in-out; -o-transition:all .2s ease-in-out; -ms-transition:all .2s ease-in-out; transition:all .2s ease-in-out; }

.header .main-nav { float: right; height: 60px; }
.header .main-nav .nav .nav-item.last {margin-right:0;}
.header .main-nav .nav .nav-item a{ color:#ffffff; padding-top:10px; padding-bottom: 10px; line-height: 30px; font-family: "Hiragino Sans GB", PingHei, "Helvetica Neue", Helvetica, Arial, Verdana, "Microsoft Yahei", sans-serif; }
/*.header .main-nav .nav .nav-item a.active{ color:#fff; background-color:#00230e; opacity: 0.8; transition: .3s;}*/
/*.header .main-nav .nav .nav-item a:hover,.header .main-nav .nav .nav-item a:focus {color:#fff; background-color:#00230e; opacity: 0.8;}*/
.nav > li > a:hover,.nav > li > a:focus { background-color: transparent;border-bottom: 2px solid #fff; }
/*下拉菜单*/
.header .main-nav .nav .dropdown-menu {-webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; -webkit-background-clip:padding-box; -moz-background-clip:padding-box;margin:0;text-transform:none;min-width:160px;background:#fff;border:rgba(0,0,0,.2);top:90%;left:-54px;}
.header .main-nav .nav .dropdown-menu:before { content:""; display:none; width:0; height:0; border-left:10px solid transparent; border-right:10px solid transparent; border-bottom:10px solid #fff; position:absolute; right:30px; top:-10px }
.header .main-nav .nav .dropdown-menu a { padding:8px 20px; color:#77787C; zoom:1; filter:alpha(opacity=100); -webkit-opacity:1; -moz-opacity:1; opacity:1 }
.header .main-nav .nav .dropdown-menu a.active { background-color:rgba(0,0,0,.05); color:#77787C; }
.header .main-nav .nav .dropdown-menu .active a:hover { background-color:rgba(0,0,0,.05); }
.header .main-nav .nav .nav-item a.active{ border-bottom: 2px solid #fff}
.header .main-nav .nav .nav-item a.btn{ display: inline-block; height: 30px; line-height: 30px; padding: 0 15px; color: #ffffff; vertical-align: top; margin-top: 15px; outline: none; border-radius: 0;}
.header .main-nav .nav .nav-item a.login-btn{border: 1px solid #ffffff; background: none; margin-right: 5px;}
.header .main-nav .nav .nav-item a.reg-btn{ border: 1px solid #ed7412; background-color: #ed7412;}
.xs-only{ display: none !important;}
/*移动端*/
.header .main-nav .navbar-toggle { margin-right:0; margin-top:0; background:0 0; position:absolute; right:10px; top:10px; }
.header .main-nav .navbar-toggle .icon-bar { background-color:rgba(255,255,255,.6); height:3px; }
.header .main-nav .navbar-toggle:focus { outline:0; }
.header .main-nav .navbar-toggle:hover .icon-bar { background-color:#fff; }

/*二级菜单*/
.subnav .tab{ padding: 15px 0; display: none;}
.subnav .tab.showSub{display: block; animation: fadein 3s;}
.subnav .tab li{ width: 200px; height: 50px;border-right: 1px solid #777777; padding-right: 20px;}
.subnav .tab li a.sub{ display: block; color: #8a8a8a; line-height: 50px; border-bottom: 1px solid #777777; outline: none; }
.subnav .tab li:last-child a.sub{ border-bottom: 0;}
.subnav .tab li a:active,.subnav .tab li a:hover{ color: #ffffff; }
.subnav .tab li a span{ float: right; }
.subnav .tab li .tab_items.active{ display: block;}
.subnav .tab li .tab_items{ display: none; width: 80%; position: absolute; left: 220px; top: 0;}
.subnav .tab li .tab_items .item{ float: left; padding: 18px 10px; margin: 0 2% 0 1%;}
.subnav .tab li .tab_items.layout-A{ height: 200px; }
.subnav .tab li .tab_items.layout-A .item{ width: 20%; }
.subnav .tab li .tab_items.layout-C .item{ width: 100%; }
.subnav .tab li .tab_items .item .btn{ margin-top: 5px;}
.subnav .tab li .tab_items .item a{ color: #ffffff; text-decoration: none;}
.subnav .tab li .tab_items .item a:hover{ text-decoration: underline; color: #fff;}
.subnav .tab li .tab_items .item.bottom-line{ border-bottom: 1px solid #777777;}
.subnav .tab li .tab_items .item:hover{ background-color: rgba(0,0,0,.3);}
.subnav .tab li .tab_items .item p.title{ font-size: 16px; line-height: 28px; color: #ffffff; font-weight: 600;}
.subnav .tab li .tab_items .item span{ font-size: 14px; line-height: 24px; color: #cfcfcf; display: inline-block; height: 24px; width: 130px;}

.subnav .tab li .tab_items .item .item_config{ height: 175px; width: 100%; }
.subnav .tab li .tab_items .item .item_config span{ display: block; height: 25px; line-height: 25px; width: 100%; font-size: 14px; }
.subnav .tab li .tab_items .item .item_config span .price{ color: #ff0000; }
.subnav .tab li .tab_items .item .item_config span .price s{ color: #989898; font-size: 12px; display: inline-block; padding-left: 5px; }

.breadcrumb-container{ padding-top: 400px; }
.breadcrumb-container .breadcrumb{background:inherit;border-radius:0;}
@media (min-width: 768px)
.subnav-container {
    -webkit-transform: translateY(-300px);
    -moz-transform: translateY(-300px);
    -o-transform: translateY(-300px);
    -ms-transform: translateY(-300px);
    transform: translateY(-300px);
    -webkit-transition: -webkit-transform .3s ease-in-out;
    -moz-transition: -moz-transform .3s ease-in-out;
    -o-transition: -o-transform .3s ease-in-out;
    -ms-transition: -o-transform .3s ease-in-out;
    transition: -webkit-transform .3s ease-in-out,-moz-transform .3s ease-in-out,-o-transform .3s ease-in-out,transform .3s ease-in-out;
}
@media (min-width: 768px)
.subnav-container .string {
    content: '';
    position: absolute;
    width: 100%;
    height: 1px;
    z-index: 2;
    opacity: 0;
    background-color: rgba(255,255,255,.25);
    -webkit-transition: opacity .5s ease-in-out;
    -moz-transition: opacity .5s ease-in-out;
    -o-transition: opacity .5s ease-in-out;
    -ms-transition: opacity .5s ease-in-out;
    transition: opacity .5s ease-in-out;
}
.subnav-container{ width: 100%;color:#fff;position: absolute; top: -100px; background-color: rgba(0,0,0,0.9); }
.subnav-container .string{ height: 90px; width: 100%;}
.subnav{ width: 100%; position: relative; z-index: 1;}
@media (min-width: 768px)
.subnav-container .subnav .container {
    opacity: 0;
    -webkit-transition: opacity .5s ease-in-out;
    -moz-transition: opacity .5s ease-in-out;
    -o-transition: opacity .5s ease-in-out;
    -ms-transition: opacity .5s ease-in-out;
    transition: opacity .5s ease-in-out;
}
@media (min-width: 768px)
.header .container {
    position: relative;
    z-index: 3;
}
@media (min-width: 1200px)
.container {
    width: 1170px;
}
@media (min-width: 992px)
.container {
    width: 970px;
}
@media (min-width: 768px)
.container {
    width: 750px;
}
.container, .container-fluid{ padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; z-index: 2; }

@media (min-width:768px) {
    .header { height:60px }
    .header.navbar-fixed-top { position:fixed; background:rgba(0,0,0,.7); z-index:1000; height:80px; top:-80px; transition:background .2s ease-in-out,top .5s ease-in-out;}
    .header.navbar-fixed-top-show { top:0!important; transition:.5s ease-in-out!important;}
    .header .main-nav .nav .nav-item { margin-right:10px;}
    .main-nav.navbar-right { float:right!important; padding-bottom:0;}
    .navbar-collapse.collapse { float: right; text-align:center;padding-left:20px; padding-right:0;}
    .navbar-collapse.collapse .navbar-nav { float:none; margin:0 auto; display:inline-block }
}
@media (min-width:992px) {
    .header { height:60px;}
    .header.navbar-fixed-top { position:fixed; background:rgba(0,0,0,.7); z-index:1000; height:80px; top:-80px; transition:background .2s ease-in-out,top .5s ease-in-out;}
    .main-nav{float:right!important;}
    .header .main-nav .nav .nav-item {margin-right:15px;}
    .main-nav.navbar-right { float:right!important; padding-bottom:5px;}
    .new-nav.navbar-left { float:left!important;}
}
@media (max-width:991px) {
    .header .main-nav { margin-top:15px;}
    /*.nav>li>a {padding:10px;}*/
}
@media (max-width:767px) {
    .logo-img { width:50px; height:55px; background-size:45px auto; margin-top:5px }
    .header .main-nav .navbar-collapse { border-top:none; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; width:100%; left:0; top:80px;position:absolute;z-index:45;padding:0;transition:.5s left ease-in-out,opacity 1s ease-in-out;opacity:0 }
    /*.header .main-nav .navbar-collapse .nav .nav-item { margin-right:0; padding:0; border-bottom-width:1px; border-bottom-style:solid; border-color:rgba(255,255,255,.2)}*/
    /*.header .main-nav .navbar-collapse .nav .nav-item.open a { color:#fff }*/
    /*.header .main-nav .navbar-collapse .nav .nav-item a { font-size:15px; padding:15px 20px; color:rgba(255,255,255,.7) }*/
    /*.header .main-nav .navbar-collapse .nav .nav-item a:hover { color:#fff }*/
    /*.header .main-nav .navbar-collapse .nav .nav-item a.btn-cta-secondary { color:#fff; border:none; background-color:#006ec3; margin:20px 15px 15px 10px }*/
    /*.header .main-nav .navbar-collapse .nav .nav-item a.btn-cta-secondary:hover { color:#fff; background-color:#006ec3;}*/
    /*.header .main-nav .navbar-collapse .nav .nav-item.item-railsgirls a img { width:90px; opacity:.7;}*/
    .header .main-nav .navbar-collapse .nav .nav-item .dropdown-link:after { content:"\f105"; display:inline-block; margin-left:5px; position:absolute; right:20px; top:18px; font-weight:600; -webkit-transition:.2s; transition:.2s; -webkit-transform:rotate(90deg) translateX(0.15em); -ms-transform:rotate(90deg) translateX(0.15em); transform:rotate(90deg) translateX(0.15em); font-size:15px; line-height:15px;color:#939393; }
    .header .main-nav .navbar-collapse .nav .nav-item .dropdown-menu { background-color:transparent; border-top:1px solid rgba(0,0,0,.6);padding:0;}
    .header .main-nav .navbar-collapse .nav .nav-item .dropdown-menu li { border-bottom:1px solid rgba(0,0,0,.6);}
    .header .main-nav .navbar-collapse .nav .nav-item .dropdown-menu li.last {border:none;}
    .header .main-nav .navbar-collapse .nav .nav-item .dropdown-menu li a { font-size:14px; padding:15px; text-indent:20px }
    .header .main-nav .navbar-collapse .nav-item.dropdown.open .dropdown-link:after { -webkit-transform:rotate(270deg) translate(0.1em,.1em); -ms-transform:rotate(270deg) translate(0.1em,.1em); transform:rotate(270deg) translate(0.1em,.1em)}
    .navbar-collapse .nav {margin:0 }
    .header .main-nav .nav .dropdown-menu:before { display:none }
    .xs-only{ display: block !important;}
}

.tp-banner{ width: 100%; height: 650px;}
.tp-banner ul { margin: 0px; padding: 0px; }
.tp-banner >ul >li{
    list-stye:none;
    position:absolute;
    visibility:hidden;
}
.tp-banner-bg { position: relative; top: 0; width: 100%; height: 650px; }
/*.banner.b1{ background: url("../images/b1.jpg") no-repeat; background-size: 100% 100%;}*/
/*.banner.b2{ background: url("../images/b2.jpg") no-repeat; background-size: 100% 100%;}*/
/*.banner.b3{ background: url("../images/b3.jpg") no-repeat; background-size: 100% 100%;}*/

/*.b1-bg-color{ background: -webkit-linear-gradient(top,#0bc6d3,#19deec); background: -moz-linear-gradient(top,#0bc6d3,#19deec); background: -o-linear-gradient(top,#0bc6d3,#19deec); background: -ms-linear-gradient(top,#0bc6d3,#19deec); background-size: 100% 100%; }*/
/*.b2-bg-color{ background: -webkit-linear-gradient(top,#00ac45,#01cd52); background: -moz-linear-gradient(top,#00ac45,#01cd52); background: -o-linear-gradient(top,#00ac45,#01cd52); background: -ms-linear-gradient(top,#00ac45,#01cd52); background-size: 100% 100%; }*/
/*.b3-bg-color{ background: -webkit-linear-gradient(top,#ec7808,#fc9839); background: -moz-linear-gradient(top,#ec7808,#fc9839); background: -o-linear-gradient(top,#ec7808,#fc9839); background: -ms-linear-gradient(top,#ec7808,#fc9839); background-size: 100% 100%; }*/

.tp-caption { z-index:1; position: absolute;}
.tp-banner-item .tp-caption h2.title{ font-size: 42px; color: #fff; font-weight: 400; text-align: left;}
.tp-caption h2.title span{ display: block; font-size: 46px; margin: 15px 0; }
.tp-caption .intro{ color: #b5faff; }
.tp-banner-item.b2 .intro{ font-size: 22px; color: #adffce; text-align: center;}
.tp-banner-item.b2 .p-btn{ text-align: center;}
.tp-banner-item.b3 .intro{ color: #ffdab7; line-height: 24px; }
.tp-banner-item.b1 .slide_con,.tp-banner-item.b3 .slide_con{ margin-top: 80px; margin-left: 100px;}
.tp-banner-item .item{ margin-top: -550px;}
.tp-banner-item .p-btn .btn{ font-size: 12px; margin-top: 20px; padding: 6px 25px; border: 1px solid #fff; color: #ffffff; border-radius: 0;}

.p-banner{ width: 100%; }
.p-banner .pic{ position: relative; top: 0;}
.p-banner .p-item{ margin-top: -280px;}
.p-banner .p-item h2.title,.p-banner .p-item h1.title{ font-size: 32px; color: #fff; font-weight: 400; text-align: left;}
.p-banner .p-item p.intro{ font-size: 18px;color: #b5faff;}
.p-banner .p-item p.tel{ margin-top: 10px;}
.p-banner .p-item p.tel span{ background-color: #63bbff; padding: 5px 10px; font-size: 16px; color: #fefefe; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px;}

.tp-bannertimer{   width:100%; height:10px; background:url(../images/timer.png);position:absolute; z-index:200;top:0px;}
.tp-bannertimer.tp-bottom{   bottom:0px;height:5px; top:auto;}

/**特价服务器*/
.server{ background-color: #ffffff; padding-bottom: 40px;}
.server .tit{ padding: 60px 0; text-align: center; line-height: 32px; font-size: 32px; color: #000000; }
.server .recommend-tip,.server .recommend-container *{-webkit-g:all .5s ease; -moz-transition:all .5s ease; -o-transition:all .5s ease; -ms-transition:all .5s ease; transition:all .5s ease;}
.server .recommend-tip{ height: 26px;width: 100%; line-height: 26px; text-align: center; visibility: hidden; background-color: #7dbfdc; }
.server .recommend-tip a{ color: #fff; }
.server .recommend-lt{ padding-right: 0px; }
.server .recommend-lt:hover{ box-shadow: 1px 1px 15px #e2e2e2; }
.server .recommend-container{ width: 100%; height: 100%; border: 1px solid #ddd; }
.server .recommend-container .recommend-head{ height: 68px;width: 100%;line-height: 68px;font-size: 20px;color: #333; border-bottom: 1px solid #ddd; text-align: center;}
.server .recommend-container .recommend-head .recommend-sign{ width: 53px; height: 63px; line-height: 50px; color:#fff;font-size: 12px; position: absolute; top: 0px; right: 0px; }
.server .recommend-container .recommend-head .recommend-sign .recommend-sign-jb{ width: 53px; height: 63px; background: url(../images/hot1.png);}
.server .recommend-container .recommend-head .recommend-sign .recommend-sign-tj{ width: 53px; height: 63px; background: url(../images/hot2.png);}
.server .recommend-container .recommend-head .recommend-sign .recommend-sign-tj2{ width: 53px; height: 63px; background: url(../images/recommend.png);}
.server .recommend-container .recommend-head .recommend-sign .recommend-sign-jj{ width: 53px; height: 63px; background: url(../images/soon.png);}
.server .recommend-container .recommend-body { padding: 10px 0px; }
.server .recommend-container .recommend-body ul{ padding: 0;margin: 0px; }
.server .recommend-container .recommend-body ul li .recommend-info{ width: 70%; margin: 0px auto; overflow: hidden; max-width: 70%;max-height: 120px;text-overflow: ellipsis;white-space: nowrap;padding-left: 24px;}
.server .recommend-container .recommend-body ul li{ position: relative; font-size: 14px; height: 40px; line-height: 40px;text-align: left; margin: 10px auto; }
.server .recommend-container .recommend-body ul li:last-child { border-top: 1px solid #ddd;height: 40px; line-height: 40px;text-align: center; font-size: 23px; }
.server .recommend-container .recommend-foot{ height: 45px;width: 80%; color:#2e86fc;line-height: 45px;text-align: center;font-size: 16px;border:1px solid #2e86fc; margin: 0px auto; margin-bottom: 10px; border-radius: 6px; }
.server .recommend-container.active .recommend-foot{ height: 45px;width: 80%; color:#fff;line-height: 45px;text-align: center;font-size: 16px;background-color: #2e86fc; margin: 0px auto; margin-bottom: 10px; border-radius: 6px; }
/* .server .recommend-container.active .recommend-foot{ background-color: #b0e2f9; } */

/*基础服务*/
.basic{ background-color: #f1f6fa; padding-bottom: 40px;}
.basic.fadein{ animation-name: fadeIn; -webkit-animation-name: fadeIn; -webkit-animation-duration: 2s; -webkit-animation-delay: 0s;}
.basic .tit{ padding: 60px 0 50px 0; text-align: center; line-height: 32px; font-size: 32px; color: #000000; }
.basic .list{ padding: 0;}
.basic .list .list-l{ margin:10px 0 0; border: 1px solid #c8c8c8; background-color: #ffffff;-webkit-transition:all .6s; -moz-transition:all .6s; -o-transition:all .6s; }
.basic .list .list-l:hover{ -webkit-transform:scale(1.1);-moz-transform:scale(1.5);-o-transform:scale(1.5); }
.basic .list .list-top{ text-align: center;}
.basic .list .list-top .icon{ display: inline-block; width: 120px; height: 86px; margin: 20px 0 15px 0;}
.basic .list .list-top .icon1{ background: url("../images/basic01.png") no-repeat;}
.basic .list .list-top .icon2{background: url("../images/basic02.png") no-repeat;}
.basic .list .list-top .icon3{background: url("../images/basic03.png") no-repeat;}
.basic .list .list-top .title{ color: #000000; font-size: 22px;}
.basic .list .list-con{ padding: 15px 20px;}
.basic .list .list-con p{ text-align: center; color: #6d6d6d; font-size: 13px; line-height: 22px;}

/*我们能做什么*/

.user_do{ background-color: #ffffff; padding-bottom: 60px;}
.user_do.fadein{ animation-name: fadeIn; -webkit-animation-name: fadeIn; -webkit-animation-duration: 2s;-webkit-animation-delay: 0s;}
.user_do .tit{ padding: 60px 0 50px 0; text-align: center; line-height: 32px; font-size: 32px; color: #000000; }
.user_do .list{ padding:0;}
.user_do .list li{ width: 20%; float: left; padding: 10px 15px 0 15px;}
.user_do .list li .list-l *{-webkit-transition: all .6s ease-in-out; -moz-transition: all .6s ease-in-out; -o-transition: all .6s ease-in-out; -ms-transition: all .6s ease-in-out; transition: all .6s ease-in-out;}
.user_do .list li .list-l{ height: 306px; background: url("../images/userbg01.png") no-repeat; background-size: 100% 100%; margin:0 2%; }
.user_do .list li .list-l:first-child{ margin-left:0;}
.user_do .list li .list-l:last-child{ margin-right:0;}
.user_do .list li .list-l .list-top{ text-align: center;}
.user_do .list li .list-l .list-top .icon{ display: inline-block; width: 80px; height: 80px; margin: 45px 0 30px 0; }
.user_do .list li .list-l .list-top .icon1{ background: url("../images/server01.png") no-repeat; background-size: 100% 100%;}
.user_do .list li .list-l .list-top .icon2{background: url("../images/server02.png") no-repeat; background-size: 100% 100%;}
.user_do .list li .list-l .list-top .icon3{background: url("../images/server03.png") no-repeat; background-size: 100% 100%;}
.user_do .list li .list-l .list-top .icon4{background: url("../images/server04.png") no-repeat; background-size: 100% 100%;}
.user_do .list li .list-l .list-top .icon5{background: url("../images/server05.png") no-repeat; background-size: 100% 100%;}
.user_do .list li .list-l .list-top .title{ color: #ffffff; font-size: 18px;}
.user_do .list li .list-l .list-con{ padding: 40px 20px 15px 20px;}
.user_do .list li .list-l .list-con p.info1{ display: block; text-align: center; color: #ffffff; font-size: 40px;}
.user_do .list li .list-l .list-con p.info2{ display: none;}
.user_do .list li .list-l .list-opt { display: none;}
.user_do .list li.active .list-l{ background: url("../images/userbg02.png") no-repeat; background-size: 100% 100%; /*-webkit-animation: flipInBottom 5s forwards;animation-iteration-count:1; -webkit-animation-iteration-count:1; */}
/*.user_do .list li.active .list-l:hover{ animation-name: fadeIn; -webkit-animation-name: fadeIn; -webkit-animation-duration: 2s;-webkit-animation-delay: 0s;animation-iteration-count:1;}*/
.user_do .list li.active .list-l .list-top .icon{ opacity: 0; height: 0px;}
.user_do .list li.active .list-l .list-top .title{ color: #ffffff; font-size: 16px; padding:30px 0 20px 0;}
.user_do .list li.active .list-l .list-con{ padding: 0 15px;}
.user_do .list li.active .list-l .list-con p.info1{ display: none;}
.user_do .list li.active .list-l .list-con p.info2{ display: block; color: #ffffff; font-size: 14px; line-height: 28px; text-align:justify; height: 168px;}
.user_do .list li.active .list-l .list-opt { display: block; padding: 10px 0 20px 0; text-align: center; }
.user_do .list li.active .list-l .list-opt button{ padding: 5px 25px; border: 1px solid #ffffff; background: none; color: #ffffff; font-size: 12px; outline: none;}
@media screen and (max-width: 330px) {
    .user_do .list li{ width: 100%;}
}
@media screen and (min-width: 330px) and (max-width: 376px) {
    .user_do .list li{ width: 50%;}
}
@media screen and (min-width:376px) and (max-width: 769px) {
    .user_do .list li{ width: 33.3%;}
}

/*我们的客户*/
.customers{ background-color: #f1f6fa; padding-bottom: 40px; }
.about-us{ background-color: #ffffff; padding-bottom: 40px; }
.customers .tit,.about-us .tit{ padding: 40px 0 30px 0; text-align: center; line-height: 32px; font-size: 32px; color: #000000; }
.customers .target,.about-us .target{ text-align:center; color:#888; font-size:14px;line-height:20px;}
.customers ul li { float: left; height: 68px; width: 133px;border: 1px solid #f3f3f3;margin:5px 10px; text-align: center; }
.khal { display:inline-block; width:120px; height:65px; cursor: pointer; }

.khal_1{background:url("../images/khal.png") 0 -82px no-repeat; }
.khal_2{background:url("../images/khal.png") -148px -82px no-repeat; }
.khal_3{background:url("../images/khal.png") -296px -76px no-repeat; }
.khal_4{background:url("../images/khal.png") -444px -78px no-repeat; }
.khal_5{background:url("../images/khal.png") -735px -87px no-repeat; }
.khal_6{background:url("../images/khal.png") 0px -272px no-repeat; }
.khal_7{background:url("../images/khal.png")  -296px -273px  no-repeat; }
.khal_8{background:url("../images/khal.png")  -444px -270px  no-repeat; }
.khal_9{background:url("../images/khal.png") -599px -270px no-repeat; }
.khal_10{background:url("../images/khal.png") -760px -272px no-repeat; }
.khal_11{background:url("../images/khal.png") 6px -467px no-repeat; }
.khal_12{background:url("../images/khal.png") -152px -475px no-repeat; }
.khal_13{background:url("../images/khal.png") -324px -472px no-repeat; }
.khal_14{background:url("../images/khal.png") -504px -474px no-repeat; }
.khal_15{background:url("../images/khal.png") -148px -268px  no-repeat; }
.khal_16{background:url("../images/khal.png")  -581px -82px  no-repeat; }
.khal_17{background:url("../images/khal.png") -640px -472px no-repeat; }
.khal_18{background:url("../images/khal.png") -456px -606px no-repeat; }
.khal_19{background:url("../images/khal.png") 5px -604px no-repeat; }
.khal_20{background:url("../images/khal.png") -154px -600px no-repeat; }
.khal_21{background:url("../images/khal.png") -310px -595px no-repeat; }
.khal_1:hover { background: url("../images/khal.png") 0 0px no-repeat; }
.khal_2:hover { background: url("../images/khal.png") -148px 0px no-repeat; }
.khal_3:hover { background: url("../images/khal.png") -296px 6px no-repeat; }
.khal_4:hover { background: url("../images/khal.png") -444px 4px no-repeat; }
.khal_5:hover { background: url("../images/khal.png") -735px -5px no-repeat; }
.khal_6:hover { background: url("../images/khal.png") 0 -190px no-repeat; }
.khal_7:hover{ background: url("../images/khal.png")  -296px -191px  no-repeat; }
.khal_8:hover { background: url("../images/khal.png")  -444px -188px  no-repeat; }
.khal_9:hover{ background: url("../images/khal.png") -599px -183px no-repeat; }
.khal_10:hover { background: url("../images/khal.png") -760px -188px no-repeat; }
.khal_11:hover { background: url("../images/khal.png") 7px -370px no-repeat; }
.khal_12:hover { background: url("../images/khal.png") -151px -378px no-repeat; }
.khal_13:hover { background: url("../images/khal.png") -320px -380px no-repeat; }
.khal_14:hover { background: url("../images/khal.png") -500px -382px no-repeat; }
.khal_15:hover { background: url("../images/khal.png") -148px -186px  no-repeat; }
.khal_16:hover { background: url("../images/khal.png")  -581px -0px  no-repeat; }
.khal_17:hover { background: url("../images/khal.png") -640px -383px no-repeat; }
.khal_18:hover { background: url("../images/khal.png") -456px -544px no-repeat; }
.khal_19:hover { background: url("../images/khal.png") 5px -551px no-repeat; }
.khal_20:hover { background: url("../images/khal.png") -154px -547px no-repeat; }
.khal_21:hover { background: url("../images/khal.png") -310px -542px no-repeat; }

.video.ohidden{ position: relative;overflow: hidden !important; }
.video.nopadding{ padding: 0 !important; }
.video.noborder { border: none !important; }
.video.nomargin { margin: 0 !important; }
.video .video-wrap video{ position: relative;z-index: 1;width: 100%; }
.video .slider-caption.slider-caption-center{ position: relative; max-width: 800px; text-align: center; margin: 0 auto; left: 0; right: 0; }
.video .slider-caption h2{ color: #fff; }
.video .video-container{position: absolute; top: 50%; padding-top: 0px; padding-bottom: 0px; color: #fff; width: 100%;}
.video .slider-caption.slider-caption-center{ position: relative; max-width: 800px; text-align: center; margin: 0 auto; left: 0; right: 0;}
.video .txt { color: #fff; line-height: 28px; font-size: 15px; padding: 20px; font-family: 'HanHei SC', 'PingFang SC', 'Helvetica Neue', 'Helvetica', 'STHeitiSC-Light', 'Arial', sans-serif; }

/*公司资讯*/
.scroll-pic-container{ position: relative; background-color: #ffffff; padding-bottom: 10px;}
.scroll-pic-container .tit{ padding: 60px 0 50px 0; text-align: center; line-height: 32px; font-size: 32px; color: #000000; }
.scroll-pic-container .box{ width:100%; margin:0 auto; position:relative; overflow:hidden;}
.scroll-pic-container .tempWrap{ width: 100% !important; }
.scroll-pic-container .picbox{ height:115px; overflow:hidden; position:relative;}
.scroll-pic-container .piclist{ height:115px;position:absolute; left:0px; top:0px}
.scroll-pic-container .piclist li{ background:#eee; margin-right:20px; padding:5px; float:left;}
.scroll-pic-container .swaplist{ position:absolute; left:-3000px; top:0px}
.scroll-pic-container .og_prev,.og_next{ width:30px; height:50px; background:url(../images/icon.png) no-repeat; background:url(../images/icon_ie6.png) no-repeat\9; position:absolute; top:33px; z-index:99; cursor:pointer;filter:alpha(opacity=70); opacity:0.7;}
.scroll-pic-container .og_prev{ background-position:0 -60px; left:4px;}
.scroll-pic-container .og_next{ background-position:0 0; right:4px;}

/*新闻中心*/
.news{ background-color: #ffffff; padding-bottom: 40px;}
.news .tit{ padding: 60px 0 50px 0; text-align: center; line-height: 32px; font-size: 32px; color: #000000; }
.news .list{ padding:0;}
.news .list .list-l{ padding: 10px 0 0; }
.news .list .list-top{ text-align: center; position: relative;}
.news .list .list-top .title{ position: absolute; top: 0; left: 0; background-color: #1272cd; /*width: 100px;*/ padding: 5px; color: #ffffff; font-size: 14px; opacity: 0.8;}
.news .list .list-top .pic{ height: 198px; overflow: hidden;border:solid #ccc 1px;}
.news .list .list-top .pic img{ width: 100%; min-height: 178px; }
.news .list .list-con{ background-color: #ffffff; padding: 15px 20px; border: 1px solid #c8c8c8; border-top: 0;}
.news .list .list-con p{ text-align: left; font-size: 12px; line-height: 16px;}
.news .list .list-con p a{color:#6d6d6d;}
.news .list .other{ background: none; padding: 10px 8px;}
.news .list .other p{ text-align: left; font-size: 14px; line-height: 25px;}
.news .list .other p a{color: #808990;}

/*产品服务*/
.products{ background-color: #ffffff; padding-bottom: 50px; padding-top: 90px;}
.products.gray_bg{ background-color: #f1f6fa; }
.products .tit{ padding: 60px 0 50px 0; line-height: 32px; font-size: 32px; color: #000000; text-align: center; }
.products .list{ padding: 0;}
.products .list .list-l{ border: 1px solid #efefef; background-color: #ffffff; padding: 20px; border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px;}
.products .list * {-webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; transition: all .5s ease-in-out;}
.products .list .list-l:hover{ border: 1px solid #b4dbfe; box-shadow:-2px 0 2px #c5e6fe, /*左边阴影*/ 2px 0 2px #c5e6fe, /*右边阴影*/ 0 -2px 2px #c5e6fe, /*顶部阴影*/ 0 2px 2px #c5e6fe; /*底边阴影*/ background-color:#fafdff; }
.products .list .list-top .title{ color: #000000; font-size: 24px;}
.products .list .list-top .title img{ padding:0px; margin: 0px;}
.products .list .list-con{ padding: 15px 0 20px 0;}
.products .list .list-con p{ color: #b9b9b9; font-size: 14px; line-height: 23px;height: 30px;}
.products .list .list-btn a{ display: inline-block; background-color:#88cbff; color:#ffffff; font-size: 13px; padding: 6px 20px; }
.telPhone{ text-align: center; padding: 10px 0 20px 0;}
.telPhone a{ display: inline-block; padding: 8px 40px; background-color: #0a7dd6; font-size: 22px; color: #fefefe; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; outline: none;}
@media screen and (min-width: 320px) { .products .list li{ margin-bottom: 10px;} }
@media screen and (min-width: 769px) { .products .list li{ margin-bottom: 10px;} }

/*服务器租用*/
.servers{ padding-bottom:30px;}
.servers.gray_bg{ background-color: #f1f6fa; }
.servers .tit{ padding: 60px 0 50px 0; line-height: 32px; font-size: 32px; color: #000000; text-align: center; }
.servers.newList ul {padding: 10px 0;}
/*机房介绍*/
.servers.jf .list .item{ height: 100%;}
.servers.jf .list img{ width: 100%; }
.servers.jf .list .list-l{ display: inline-block; background-color: #ffffff; padding-left:30px;}
.servers.jf .list .list-top .title{ color: #000000; font-size: 22px; padding-top: 10px;}
.servers.jf .list .list-con p{ text-align: left; color: #999999; font-size: 14px; line-height: 26px;}
.servers.jf .list .list-top .title{ text-align: left; padding-left: 20px;}
.servers.jf .list .line{ display: block; height: 1px; background: url("../images/line1.png") repeat-x center;padding:20px 0 10px 15px;margin-left:40px;width:90%;}
.servers .p-container{ width: 100%; height: auto; margin-top: 20px; }
.servers .p-container .p-title{ width: 100%; height: 40px; line-height: 40px; color: #4faef7; font-size: 23px; text-align: center; font-family: 'Microsoft YaHei'; }
.servers .p-container .p-text{ width: 100%; margin: 0 auto; min-height: 40px; text-align: center; color: #5f5d5d; font-size: 18px; padding: 5% 15%; font-family: 'Microsoft YaHei'; }
.servers .p-container .p-img img{ width: 55%; }
.advantage{width: 100%;height: 100%; background-color: #efeff0; padding: 10px 0;}
.advantage .p-body span{ display: inline-block; width: 15%; padding-top: 10px; }
.advantage .p-body span p{ min-height: 40px; }
.servers.hosting-photo{ margin-bottom: 20px; }
.servers.hosting-photo .img-box { position: relative; text-align: left; margin-top: 30px; background-color: transparent; border-radius: 6px; overflow: hidden }
.servers.hosting-photo .img-box .conver { background: -webkit-gradient(linear,left top,left bottom,from(transparent),to(rgba(0,0,0,.2))); background: -webkit-linear-gradient(transparent,rgba(0,0,0,.2)); background: linear-gradient(transparent,rgba(0,0,0,.2)); position: absolute; width: 100%; height: 100%; top: 0; left: 0; border-radius: 4px; overflow: hidden; }
.servers.hosting-photo .img-box:hover .img-text-line2, .servers.hosting-photo .img-box:hover .img-text-line1 { -webkit-transform: translateY(0); transform: translateY(0); }
.servers.hosting-photo .img-text-box { position: absolute; width: 90%; bottom: 0; left: 5%; padding: 10px 10px 20px 10px; overflow: hidden }
.servers.hosting-photo .img-box .img-text-line1,
.servers.hosting-photo .img-box .img-text-line2 { color: #fff; -webkit-transition: -webkit-transform .5s ease; transition: -webkit-transform .5s ease; transition: transform .5s ease; transition: transform .5s ease,-webkit-transform .5s ease; -webkit-transform: translateY(30px); transform: translateY(30px); }
.servers.hosting-photo .img-box div.img-text-line1 { font-size: 16px; margin: 20px 0 20px; }
.servers.hosting-photo .img-box div.img-text-line2 { font-size: 14px; overflow: hidden; height: 22px; margin-top: -15px; color: rgba(255,255,255,.8) -webkit-transition: -webkit-transform .5s ease; transition: -webkit-transform .5s ease; transition: transform .5s ease; transition: transform .5s ease,-webkit-transform .5s ease; -webkit-transform: translateY(30px); transform: translateY(30px) }
.servers.hosting-photo .img-box div.img-text-line2:hover { margin-bottom: 0; }
.servers.hosting-photo img { width: 100%; border-radius: 5px; }

/*服务器购买列表一*/
.servers.server_bg{ width: 100%; height: auto; padding: 0; background: url(../images/server_bg.png) no-repeat; background-position: -96px -35px;}
.servers .tab{ /*background: #ffffff;*/ opacity: 0.85; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; margin: 40px 0;}
#myTabContent{background: #ffffff;}
.servers .tab .nav-tabs{ border-bottom: 0;}
.servers .tab .nav-tabs li{ height: 50px; line-height: 50px;}
.servers .tab .nav-tabs li a{ display: block; height: 50px; line-height: 50px; padding: 0 15px; color: #000; background:#eee; font-size: 14px; outline: none; font-weight: 600;border-top-left-radius:10px;border-top-right-radius:10px;-webkit-border-top-left-radius:10px;-webkit-border-top-right-radius:10px;}
.nav > li > a:hover, .nav > li > a:focus{border:none;outline-offset:0px;}
.nav-tabs>li>a{border:none;}
.nav-tabs>li>a:hover{border:none;}
.servers .tab .nav-tabs li.active a{ border: 0; color: #ffffff; background: #90cfff; border-top-left-radius:10px; -webkit-border-top-left-radius:10px; border-top-right-radius: 10px; -webkit-border-top-right-radius: 10px; }
.servers .tab .tab-content{}
.servers .tab .tab-content .tips{ background:#90cfff; height: 30px; line-height: 30px; color: #fefefe; font-size: 12px; padding: 0 15px; }
.servers .tab .tab-content table tr th,.servers .tab .tab-content table tr td{ padding: 5px; text-align: center; vertical-align: middle; height: 40px; }
.servers .tab .tab-content table .w5{ width: 5%; }
.servers .tab .tab-content table .w8{ width: 8%; }
.servers .tab .tab-content table .w10{ width: 10%; }
.servers .tab .tab-content table .w12{ width: 12%; }
.servers .tab .tab-content table .w15{ width: 15%; }
.servers .tab .tab-content table.data-list .opt-btn a{ color: #ffffff; background: #ff6c00; font-size: 14px; padding: 5px 10px;}
.servers .tab .tab-content .cdata .price{color: #ff0000;}
/*服务器购买列表二*/
.servers.buy{ padding-bottom: 0;}
.servers.buy .tit{ padding: 60px 0; text-align: center; line-height: 32px; font-size: 32px; color: #000000; }
.servers.buy .list{ padding:60px 0;}
.servers.buy .list .list-l{ width: 100%; background: #ffffff; overflow: hidden; border: 2px solid #ffffff;}
.servers.buy .list .list-top{ padding:15px 20px;}
.servers.buy .list .list-top .title{ color: #010101; font-size: 22px;}
.servers.buy .list .list-top .title .tagTit{ display: block; color: #c6c6c6; font-size: 12px;}
.servers.buy .list .list-con{ display: block;}
.servers.buy .list .list-con p{color: #1e1e1e; font-size: 14px; line-height: 28px; padding: 0 15px;}
.servers.buy .list .list-opt { padding: 20px 15px; margin-top: 15px;}
.servers.buy .list .list-opt p.price{ padding: 0; color: #ff6c00; font-size: 14px;}
.servers.buy .list .list-opt p.price span{ font-size: 32px;}
.servers.buy .list .list-opt button{ padding: 5px 25px; color: #ffffff; border: none; background: #ff6c00; font-size: 14px; outline: none;}
.servers.buy .list .list-l:hover{ border: 2px solid #fff600;}
.servers.buy .list .list-l:hover{ -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; transition: all .5s ease-in-out;}
.servers.buy .list .list-l:hover .list-opt{ background: #fff600; }

/*下单弹出框*/
#orderModal.servers .modal-body .row-order { width:100%;height: 30px; margin: 10px; }
#orderModal.servers .modal-body .row-order span.title{ display: inline-block; width: 80px; height: 30px; line-height: 30px; float: left; }
#orderModal.servers .modal-body .row-order #sum_price { font-weight: 600;color: #ff0000;padding-left: 50px;font-size: 20px; }
#orderModal.servers .modal-body .row-order .model-select-option li.data-selected { background-color: #8ec4ef; }
#orderModal.servers .modal-body .row-order .model-select-option li:hover { background-color: #ddd; }
#orderModal.servers .modal-body .row-order .model-select-box span.name { display: inline-block;float: left; }
#orderModal.servers .modal-body .row-order .model-select-box span.price{ color:#ff0000;display: inline-block;padding-left: 40px;float:right; }
/*我们的优势*/
.servers.ys .list li{ width: 20%; float: left;}
.servers.ys .list .list-l{background-color: #ffffff; padding: 0; }
.servers.ys .list .list-top{ text-align: center;}
.servers.ys .list .list-top .icon{ display: inline-block; width: 80px; height: 80px; margin: 20px 0 15px 0;}
.servers.ys .list .list-top .icon1{ background: url("../images/ys01.png") no-repeat; background-size: 100% 100%;}
.servers.ys .list .list-top .icon2{background: url("../images/ys02.png") no-repeat; background-size: 100% 100%;}
.servers.ys .list .list-top .icon3{background: url("../images/ys03.png") no-repeat; background-size: 100% 100%;}
.servers.ys .list .list-top .icon4{background: url("../images/ys04.png") no-repeat; background-size: 100% 100%;}
.servers.ys .list .list-top .icon5{background: url("../images/ys05.png") no-repeat; background-size: 100% 100%;}
.servers.ys .list .list-top .title{ color: #000000; font-size: 16px;}
.servers.ys .list .list-con{ padding: 15px 20px;width: 100%;}
.servers.ys .list .list-con p{ text-align: center; color: #707070; font-size: 12px; line-height: 22px;}
@media screen and (max-width: 330px) {
    .servers .list li{ width: 50%;}
}
@media screen and (min-width: 330px) and (max-width: 376px) {
    .servers .list li{ width: 33.3%;}
}
@media screen and (min-width:376px) and (max-width: 769px) {
    .servers .list li{ width: 33.3%;}
}

/*产品优势*/
.superiority .tit,.servers .tit{ background-image: url('../images/tit_icons1.png'); background-repeat: no-repeat; background-position: -5px 78px; padding: 32px 0 15px 0; line-height: 32px; font-size: 32px; color: #000000; text-align: center; }
.superiority .tit .tagTit,.servers .tit .tagTit{ display: block; font-size: 14px; color: #d8d8d8;}
.superiority .list .list-l{ display: inline-block; background-color: #ffffff; padding: 0 30px;}
.superiority .list{ /*border-bottom: 1px solid #e9e9e9;*/ padding-bottom: 60px;}
.superiority .list.noline{ border-bottom: 0; padding-bottom: 0px;}
.superiority .list .title{ background-image: url("../images/star.png"); background-repeat: no-repeat; background-position: 0px 3px;; padding-left: 22px; color: #00a0e9; font-size: 16px;}
.superiority .list.green .title{ background-image: url("../images/start_blue.png"); background-repeat: no-repeat; background-position: 0px 3px; padding-left: 22px; color: #008aff; font-size: 16px;}
.superiority .list.yellow .title{ background-image: url("../images/star_yellow.png"); background-repeat: no-repeat; background-position: 0px 3px; padding-left: 22px; color: #f6ab00; font-size: 16px;}
.superiority .list .list-con{ padding-left: 20px; padding-bottom: 20px;}
.superiority .list.green .list-con{ min-height: 102px;}
.superiority .list.yellow .list-con{ min-height: 120px;}
.superiority .list .list-con ul{ padding-left: 0; color: #999999; font-size: 14px; line-height: 24px;}
.superiority .list .list-con ul li.w50{ width: 50%; float: left;}
.superiority .list .list-con p{ color: #999999; font-size: 14px; line-height: 24px;}
.superiority .list .pic{ float: left; background: #e5f5fd; height: 120px; width: 46%; margin: 2%; text-align: center;}
.superiority .list.green .pic{  background: #e5f7f8;}
.superiority .list.yellow .pic{ background: #fff5eb;}
.superiority .list .pic span{ display: block; color: #00a0e9;}
.superiority .list.green .pic span{ display: block; color: #008aff;}
.superiority .list.yellow .pic span{ display: block; color: #f6ab00;}
.superiority .list .icon{ display: inline-block; width:50px; height: 50px; margin: 20px auto 10px;}
.superiority .list .icon1{ background: url("../images/product01.png") no-repeat; background-size: 100% 100%; }
.superiority .list .icon2{ background: url("../images/product02.png") no-repeat; background-size: 100% 100%; }
.superiority .list .icon3{ background: url("../images/product03.png") no-repeat; background-size: 100% 100%; }
.superiority .list .icon4{ background: url("../images/product04.png") no-repeat; background-size: 100% 100%; }
.superiority .list .icon5{ background: url("../images/fw01.png") no-repeat; background-size: 100% 87%; }
.superiority .list .icon6{ background: url("../images/fw02.png") no-repeat; background-size: 100% 87%; }
.superiority .list .icon7{ background: url("../images/fw03.png") no-repeat; background-size: 100% 87%; }
.superiority .list .icon8{ background: url("../images/fw04.png") no-repeat; background-size: 100% 87%; }
.superiority .list .icon9{ background: url("../images/bz01.png") no-repeat; background-size: 100% 87%; }
.superiority .list .icon10{ background: url("../images/bz02.png") no-repeat; background-size: 100% 87%; }
.superiority .list .icon11{ background: url("../images/bz03.png") no-repeat; background-size: 100% 87%; }
.superiority .list .icon12{ background: url("../images/bz04.png") no-repeat; background-size: 100% 87%; }
.superiority .p-container .p-content{ height: 95px;line-height: 95px; }
.superiority .p-container .p-content img { width: 72px; height: 72px; float: left; }
.superiority .p-container .p-content h3 { width: 80%;margin: 0px; color: #00a0e9; display: inline-block; padding-left: 10px; }
.superiority .p-container .p-content p { margin: 0px; line-height: 23px; padding: 10px 0 10px 10px; color: #999999; display: inline-block; }

/*广告图*/
.servers.bannerPic{ padding:0;}
.servers .banner{ margin:0; height: 200px; overflow: hidden;}
.servers .banner img{ width: 100%; height: 100%;}

/*为什么选择我们*/
.servers.why .list .list-l{ padding: 0; width: 100%; height: 210px;}
.servers.why .list .list-l img{ width: 100%; height: 210px;}
.servers.why .list .list-l:hover{ background:#067ad4; color: #ffffff; -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; transition: all .5s ease-in-out;}
.servers.why .list .list-l:hover img{ display: none;}
.servers.why .list .list-l .con{ display: none; padding: 15px;}
.servers.why .list .list-l:hover .con{ display: block;cursor:pointer;}
.servers.why .list .list-l:hover p.con-tit{ font-size: 16px; line-height: 20px; text-align: center;}
.servers.why .list .list-l:hover p{ font-size: 12px; line-height: 20px; padding-top: 10px;}
.servers.why .list .list-l img{cursor:pointer;}

/*新闻中心*/
.servers .newList,.servers .helpList{ padding-top: 50px;}
.servers .newList p.title,.servers .helpList p.title{ font-size: 26px; color: #010101;}
.servers .newList p.newTit,.servers .helpList p.newTit{padding-bottom: 15px;}
.newList .container p.newTit{height:50px;line-height:50px;font-size:20px;font-weight:bold;}
.servers .newList ul,.servers .helpList ul{ padding: 0;}
.servers .newList li{ float: left; width: 45%; height:30px;line-height:30px;}
.servers .newList li a{ font-size: 14px; color: #777;}
.servers .newList li a:hover{color: #3caeed;}
.newList a.more,.servers .helpList a.more{ font-size: 14px; color:#1272cd;height:30px;line-height:30px;float:right;}
.servers .helpList li { float: left;display: inline-block; height: 30px; line-height: 30px; width: 100%;}
.servers .helpList li a {font-size: 14px; color: #777;}
.servers .helpList li a:hover{color: #3caeed;}

.newList .container ul li{line-height:25px;height:25px;color:#666;}
.newList .container ul li a{color:#666;}
.newList .container ul li a:hover{color:#3caeed;}
.newList .container ul li span{float:right;}


/*机房介绍*/
.computerhouse{ padding: 20px 0;}
/*.computerhouse .list .item{ height: 100%;}*/
.computerhouse .list .list-l{ display: inline-block; background-color: #ffffff; padding-left:30px;}
.computerhouse .list .list-top .title{ color: #000000; font-size: 38px; padding: 30px 0;}
.computerhouse .list .list-con p{ text-align: left; color: #606060; font-size: 12px; line-height: 26px;}
.computerhouse .list .icon{ display: inline-block; width:280px; height: 237px; line-height: 237px; text-align: center; font-size: 28px; padding-top:15px; color: #ffffff; background: url("../images/tx_bg.png") no-repeat; background-size: 100% 100%; }
.computerhouse .list .circle{ display: inline-block; width:90px; height: 90px; text-align: center; padding-top: 20px; font-size: 18px; color: #ffffff; background:#00bbac; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; }
.computerhouse .list .circle.c1{ position: absolute; top: 65px;left: -15px;}
.computerhouse .list .circle.c2{ position: absolute; top: -33px; left: 23%;}
.computerhouse .list .circle.c3{ position: absolute; top: 65px; right: 33%;}
.computerhouse .list .circle.c4{ position: absolute; bottom: -41px; right: 43%;}
.computerhouse .list .circle.c5{ position: absolute; bottom: -41px; left: 5%;}
.computerhouse .table .title{ text-align: center; height: 30px; line-height: 30px; font-size: 14px; color:#ffffff; background-color: #d2d2d2;}
.computerhouse .table ul{ padding:0 15px;}
.computerhouse .table li{ height: 50px; line-height: 50px; overflow: hidden; border-bottom: 1px solid #d2d2d2;border-left: 1px solid #d2d2d2;border-right: 1px solid #d2d2d2;}
.computerhouse .table li span{ color: #848484; padding: 0 0 0 50px;}
.computerhouse .table li span:first-child{ display: inline-block; border-right: 1px solid #d2d2d2;}
/*新世界机房*/
.computerhouse.nwt .list .icon{ display: inline-block; width: 100%; background: url("../images/pic01.jpg") no-repeat; background-size: 100% 100%; }
.list-description .title{ font-weight: 600; font-size: 18px; padding: 10px 0; color: #5c5d5c; }
.list-description .title i.blue { color: #0a7dd6; }
.list-description .item-text ul{ padding: 0 20px; margin: 0; }
.list-description .item-text ul li i.blue{ color: #0a7dd6; }
.list-description .item-text ul li{ display: block; position: relative; height: 23px; line-height: 23px; color: #5b5b5b; }
.list-description .item-pic{ margin: 20px 0; }
.list-description .item-pic ul{ padding: 0; margin: 0; }
.list-description .item-pic ul li{ display: inline-block; margin: 10px;}
.list-description .item-pic img{ height: 90px; border-radius: 50%; }

.list-description-layoutA{background:#2F6FCA; padding:40px 0;}
.list-description-layoutA .list-description-layout-container{ background: url("../images/pic02.png") no-repeat scroll center top rgba(0, 0, 0, 0); height: 407px; margin:0 auto; position: relative; width: 1000px; }
.list-description-layoutA .list-description-layout-container dl{ color: #FFF; position: absolute; width: 270px; }
.list-description-layoutA .list-description-layout-container dl.lt{ left:100px; }
.list-description-layoutA .list-description-layout-container dl.rt{ left: 635px; }
.list-description-layoutA .list-description-layout-container dl.lb{ left:100px; top: 247px; }
.list-description-layoutA .list-description-layout-container dl.rb{ left: 635px; top: 247px; }
.list-description-layoutA .list-description-layout-container span{ color: #2F6FCA; font-size: 22px; font-weight: bold; left: 425px; position: absolute; text-align: center; top: 175px; width: 150px; }
.list-description-layoutB{ width:100%; margin:0 auto 40px; }
.list-description-layoutB .title,.list-description-layoutC .title{ color:#444444;font-size:35px;font-weight:bold;margin:60px 0 20px;text-align:center; }
.list-description-layoutB .row{ margin: 30px auto 0; }
.list-description-layoutB .col-sm-3{ margin: 0 40px; }
.list-description-layoutB .img { background:url("../images/pic03.jpg") no-repeat; height:135px; width:135px; display: block; margin: 0 auto; }
.list-description-layoutB .img1 { background-position:0 0;}
.list-description-layoutB .img2 { background-position:0 -135px;}
.list-description-layoutB .img3 { background-position:0 -270px;}
.list-description-layoutB .img4 { background-position:0 -405px;}
.list-description-layoutB .img5 { background-position:0 -540px;}
.list-description-layoutB .img6 { background-position:0 -675px;}
.list-description-layoutB .col-sm-3 p { line-height: 24px; }
.list-description-layoutC .text-container { padding-top: 10%; }
.list-description-layoutC .img { display:inline-block; width: 600px;height: 420px; background:url("../images/pic04.jpg"); }
.list-description-layoutC .img2 { background-position: 0 -420px; }
.list-description-layoutC .img3 { background-position: 0 -852px; }
.list-description-layoutC .img4 { background-position: 0 -1290px; }
.list-description-layoutC .img5 { background-position: 0 -1733px; }
.list-description-layoutC .text-title { font-weight: 600; font-size: 23px; }
.list-description-layoutC .text-content { font-size: 18px;}
.idc-layout-a .col-title h2{ color: #004273;font-size: 30px;line-height: 40px;margin: 10px 0; }
.idc-layout-a .col-title p{margin: 0 0 10px;line-height: 22px;}
.idc-layout-a .bg {padding-top: 69px;color: #333333;font-size: 14px;line-height: 20px;}
.idc-layout-a .bg-gray {background: url(../images/bg.png) repeat scroll 0 0;}
.idc-layout-a .bg-blue {background-color: #00517e;}
.idc-layout-a .bg-blue .col-title{color: #fff;}
.idc-layout-a .page-header label{    color: #004273;font-size: 60px;font-weight: 200;letter-spacing: -1px;line-height: 1;margin: 40px 0 60px;text-align: center;}
.computergood .tit{ padding: 0 0 30px 0; margin-bottom: 10px; line-height: 32px; font-size: 32px; color: #000000; text-align: left;}
.computergood .list li{ width: 20%; float: left;}
.computergood .list .list-l{background-color: #ffffff; padding: 0;min-height: 210px;cursor:pointer;}
.computergood .list li:first-child .list-l{border-left:0;}
.computergood .list .list-top{ text-align: center; }
.computergood .list .list-top .icon{ display: inline-block; width: 80px; height: 80px; margin: 20px 0 15px 0;}
.computergood .list .list-top .icon1{ background: url("../images/ys01_1.png") no-repeat; background-size: 100% 100%;}
.computergood .list .list-top .icon2{background: url("../images/ys02_1.png") no-repeat; background-size: 100% 100%;}
.computergood .list .list-top .icon3{background: url("../images/ys03_1.png") no-repeat; background-size: 100% 100%;}
.computergood .list .list-top .icon4{background: url("../images/ys04_1.png") no-repeat; background-size: 100% 100%;}
.computergood .list .list-top .icon5{background: url("../images/ys05_1.png") no-repeat; background-size: 100% 100%;}
.computergood .list .list-top .title{ color: #000000; font-size: 16px;}
.computergood .list .list-con{ padding: 15px 20px; }
.computergood .list .list-con p{ text-align: center; color: #707070; font-size: 12px; line-height: 16px;}

.computerdetails{ background-color: #0088f1; margin:60px 0 50px 0;}
.computerdetails p{font-size:14px; line-height: 22px; color: #ffffff; padding: 30px 150px;}
.computerdetails p.info{ padding: 30px 150px 0 150px;}
.computerdetails p a{ display: inline-block; border: 1px solid #ffffff; padding: 5px 20px; color:#ffffff; font-size: 14px; outline: none;}
.computerdetails p.opt-btn{ text-align: center;}

@media screen and (max-width: 330px) {
    .computerdetails p.info{ padding: 30px 30px 0 30px;}
}
@media screen and (min-width: 330px) and (max-width: 376px) {
    .computerdetails p.info{ padding: 30px 50px 0 50px;}
}
@media screen and (min-width:376px) and (max-width: 769px) {
    .computerdetails p.info{ padding: 30px 100px 0 100px;}
}

/*帮助中心*/
.h-banner{ width: 100%; height: 400px; position: absolute;}
.h-banner .pic{ position: relative; top: 0;}
.h-banner img{ height: 400px; width: 100%;}
.h-banner .p-item{ margin-top: -280px; text-align: center;}
.h-banner .p-item h2.title{ font-size: 42px; color: #fff; font-weight: 400;}
.h-banner .p-item p.intro{ font-size: 22px;color: #b5faff;}
.h-banner .p-item p.tel{ margin-top: 25px;}
.h-banner .p-item p.tel span{ background-color: #63bbff; padding: 5px 10px; font-size: 16px; color: #fefefe; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px;}
.help{ background-color: #f7f7f7; padding: 30px 0 50px 0;}
.help .help-list .title{ font-size: 28px; color: #000000; border-bottom: 1px solid #ddd;padding:17px 0; }
.help .help-list .title img{ width: 30px;height: 30px; margin-right:10px;}
.help .help-list .list{ margin: 20px 0; padding: 0; }
.help .help-list .list li{ padding: 10px 0; height: 40px; width: 100%; display: inline-block; }
.help .help-list .list li a{ color: #666; }
.help .help-list .list-item{ border: 1px solid #e6e6e6; background-color: #ffffff; padding: 20px; margin:20px 0;  }
.help .help-list .list-item .pic{ float: left; width: 32%;}
.help .help-list .list-item .icon{ display: block; width:85%; height: 200px; }
.help .help-list .list-item .q-list{ float: left; width: 60%; }
.help .help-list .list-item .q-list h3{margin:0;font-size:14px;}
.help .help-list .list-item .q-list .tit a{ color: #000000; font-size: 20px; line-height: 48px;}
.help .help-list .list-item .q-list .c-list a{ float: left; width: 50%; color: #989898; font-size: 14px; line-height: 22px; padding: 10px 0;}

/*帮助详情*/
.help .help-detail{ border: 1px solid #e6e6e6; background-color: #ffffff; padding: 20px; margin:20px 0; }
.help .help-detail .title{ font-size: 28px; color: #000000; }
.help .help-detail .title h1{ font-size: 28px; color: #000000; margin:0px; font-family:"Hiragino Sans GB","Helvetica Neue",Helvetica,Arial,Verdana,"Microsoft Yahei",sans-serif }
.help .help-detail .info{ padding:10px 0;}
.help .help-detail .info span{ display: inline-block; color: #c4c4c4; font-size: 14px; padding-left: 22px; margin-right: 50px;}
.help .help-detail .viewer{ background-image: url("../images/see_icons.png"); background-repeat: no-repeat; background-position: 1px 5px; }
.help .help-detail .time{ background-image: url("../images/time_icons.png"); background-repeat: no-repeat;  }
.help .help-detail .copyfrom{ background-image: url("../images/from_icons.png"); background-repeat: no-repeat;  }
.help .help-detail .content{ padding: 30px 0 50px 0;}
.help .help-detail .content p{ font-size: 14px; color: #333333; line-height: 38px;}
.help .help-detail .tips{ margin: 20px 15px; padding: 8px; text-align: center; background: #f0f0f0; font-size: 12px; color: #c6c6c6;}
.help .help-detail .opt-btn{ text-align: center;}
.help .help-detail .opt-btn a{ display: inline-block; width: 140px; height: 36px; line-height: 36px; text-align: center; border:1px solid #e6e6e6; color: #c6c6c6; border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px;}
.help .help-detail .opt-btn a:first-child{ margin-right: 40px;}
.help .help-detail .share{ padding: 30px 0; height: 24px; text-align: right; }
.help .help-detail .share label{ font-size: 14px; color:#000; height: 36px; line-height: 36px; font-weight: normal; vertical-align: top; }
.help .help-detail .share a{ display: inline-block; width: 30px; height: 24px; }
.help .help-detail .share .wx{ background: url("../images/wx_icons.png") no-repeat;}
.help .help-detail .share .weibo{ background: url("../images/weibo_icons.png") no-repeat;}
.help .help-detail .share .qzone{ background: url("../images/qzone_icons.png") no-repeat;}
.help .help-detail .share .qq{ background: url("../images/qq_icons.png") no-repeat;}
.help .help-detail .share .dy{ width: 55px; height: 24px; margin-left: 10px; background: url("../images/dy_icons.png") no-repeat;}
.help .help-detail img{ max-width: 600px;height: auto; }
/*相关内容*/
.help .help-detail .relcontent{ margin-top: 20px; background-color: #f9f9f9; border:1px solid #e6e6e6; padding: 20px;}
.help .help-detail .relcontent .title{ font-size: 22px; color: #010101; }
.help .help-detail .relcontent ul{ padding-left: 0;}
.help .help-detail .relcontent li{ float:left; width: 50%; margin: 10px 0; line-height: 23px; }
.help .help-detail .relcontent li a{ color: #9c9c9c; font-size: 14px;  }
.help .help-detail .relcontent li span{ display: block; color: #9c9c9c; font-size: 12px;  }

/*常见问题*/
.question .title{ font-size: 26px; color: #010101; line-height: 30px; padding: 22px 0; border-bottom: 1px solid #e6e6e6; margin-bottom: 10px; }
.question .list a{ display: inline-block; font-size: 12px; color: #000000; padding: 5px 8px; margin: 5px 0; background: #ffffff; border: 1px solid #e6e6e6; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px;}
/*热点问题*/
.hot-question .title{ font-size: 26px; color: #010101; line-height: 30px; padding: 22px 0; border-bottom: 1px solid #e6e6e6;}
.hot-question .list{ padding-left:0px;}
.hot-question .list li{ background-image: url("../images/li_icons.png"); background-repeat: no-repeat; background-position: 3px 23px; padding-left: 15px; color:#666666; height: 50px; line-height: 50px; border-bottom:  1px solid #e6e6e6;}
.hot-question .list li a{ font-size: 12px; color:#666666;}

/*新闻中心*/
/*列表*/
.newsList .help-list .list-item .icon { display: block; width: 91%; height: 200px; object-fit:cover;}
.newsList .help-list .list-item .q-list .des{ font-size: 14px; line-height: 25px; color: #989898; padding: 10px 0;}
.newsList .info{ padding:10px 0;}
.newsList .info span{ display: inline-block; color: #c4c4c4; font-size: 14px; padding-left: 22px; margin-right: 50px;}
.newsList .viewer{ background-image: url("../images/see_icons.png"); background-repeat: no-repeat; background-position: 1px 5px; }
.newsList .time{ background-image: url("../images/time_icons.png"); background-repeat: no-repeat;  }

.page{ text-align: center; padding-top: 20px;}
.page .current{ border: 1px solid #54b2fa; color: #54b2fa; display: inline-block; width: 60px; padding: 2px 3px; border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px;margin:0 5px;}
.page a{ border: 1px solid #c1c1c1; color: #c1c1c1; display: inline-block; width: 60px; padding: 2px 3px; border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px;margin:0 5px;}
.page a:hover,.page a:active{ border: 1px solid #54b2fa;color: #54b2fa;}

/*详情*/
.news .help-detail .content{ padding: 30px 0 0px 0;}
.news .help-detail .pic img{width: 50%; margin: 20px 25%;}
.news .help-detail .pic .content p{ font-size: 14px; color: #333333; line-height: 18px;}


/*新闻分类*/
.newsCatagory .title{ font-size: 26px; color: #010101; line-height: 55px; /*padding: 22px 0;*/ border-bottom: 1px solid #e6e6e6; margin-bottom: 10px; }
.newsCatagory .list a{ display: block; height: 36px; line-height: 36px; margin: 10px 15px; font-size: 16px; color: #515151; background-image: url("../images/num_icons.png"); background-repeat: no-repeat; background-size: 30px 30px; background-position: 0px 3px; padding-left: 39px; }
.newsCatagory .list a span{ float: right; display: block; width: 8px; height: 36px; background: url("../images/next_icons.png") no-repeat; background-position: 0px 12px;}
/*最新文章*/
.hot-news .title{ font-size: 26px; color: #010101; line-height: 30px; padding:30px 0 22px 0; border-bottom: 1px solid #e6e6e6;}
.hot-news .list-container{height: 800px; overflow: hidden;}
.hot-news .list{ padding-left:0px; }
.hot-news .list .pic{ width: 45%;}
.hot-news .list .pic img{ width: 45%; height: 100px; margin-right: 10px; object-fit:cover; }
.hot-news .list .pic img.img-responsive{display:inline;}
.hot-news .list li{ padding: 20px 0; border-bottom:  1px solid #e6e6e6;}
.hot-news .list li a{ font-size: 12px; color:#000000;}


/*关于我们*/
.aboutus{ padding-top: 400px; }
.aboutus .pic{ width: 100%; height: 600px; padding: 60px 0;}
.aboutus .pic img{ width: 100%; height: 100%;}
.aboutus .info{ padding: 135px 20px;}
.aboutus .info .title{ font-size: 28px; color: #0070c7;}
.aboutus .info .list-item p{ font-size: 16px; line-height: 38px; color: #444444;}
.aboutus .info .list-item p.ptop{ padding-top: 20px;}
.aboutus .link{ padding: 50px 0;}
.aboutus .link .link-list{}
.aboutus .link .link-list p{ font-size: 16px; line-height: 26px; color: #444444;}
.aboutus .link .link-list p.title{ color: #0070c7;}
.aboutus .link .link-list p.title1{ color: #ff0000;}
.aboutus .link .link-line{ margin: 15px 0; border-top: 1px dotted #444444; height: 1px; width: 80%;}

.aboutus .tab{ }
.aboutus .tab .nav-tabs{ background: #f7f7f7; }
.aboutus .tab .nav-tabs li{ height: 50px; line-height: 50px; width: 20%; text-align: center;margin: 0 auto;}
.aboutus .tab .nav-tabs li:first-child{ margin-left: 20%;}
.aboutus .tab .nav-tabs li a{ display: block; height: 50px; line-height: 50px; padding: 0 15px; margin-right: 0; color: #444444; font-size: 14px; border-right: 1px solid #ddd; outline: none;}
.aboutus .tab .nav-tabs li:first-child a{ border-left: 1px solid #ddd;}
.aboutus .tab .nav-tabs li.active a{ border-top: 0; border-left: 0; color: #057ad3; background: #ffffff; height: 51px;}
.aboutus .tab .nav-tabs li:first-child.active a{ border-left: 1px solid #ddd;}

/*解决方案*/
.p-banner .pic img{ width: 100%; height: 100%; }
.slider-nav-container{padding:170px 0 20px 0;background:#FFF;border-top:5px #2767ae solid;border-bottom:1px #fff solid; margin-bottom: 20px;}
.slider-btn-container{width:1102px;margin:0 auto;height:140px;text-align:left; overflow:hidden;}
.slider-btn-container ul{list-style:none;width:1104px;padding: 0;}
.slider-btn-container ul li{width:183px;height:140px;float:left;display:inline;border-right:1px #e2e2e2 solid;}
.slider-btn-container ul li a{font:18px/60px 微软雅黑;color:#979797;display:block;text-align:center; background:url('../images/tradecustombtnicon.gif') no-repeat; padding-top: 100px;}
.slider-btn-container ul li a:hover{}
.slider-btn-container ul li a.A_On{}
.slider-btn-container ul li a.slider-btn01{background-position:center 23px;}
.slider-btn-container ul li a.slider-btn02{background-position:center -119px;}
.slider-btn-container ul li a.slider-btn03{background-position:center -261px;}
.slider-btn-container ul li a.slider-btn04{background-position:center -403px;}
.slider-btn-container ul li a.slider-btn05{background-position:center -545px;}
.slider-btn-container ul li a.slider-btn06{background-position:center -670px;}
.slider-btn-container ul li a.slider-btn01_On{color:#2383c5;background-position:center -892px;}
.slider-btn-container ul li a.slider-btn02_On{color:#2383c5;background-position:center -1034px;}
.slider-btn-container ul li a.slider-btn03_On{color:#2383c5;background-position:center -1176px;}
.slider-btn-container ul li a.slider-btn04_On{color:#2383c5;background-position:center -1318px;}
.slider-btn-container ul li a.slider-btn05_On{color:#2383c5;background-position:center -1460px;}
.slider-btn-container ul li a.slider-btn06_On{color:#2383c5;background-position:center -1585px;}
.slider-content-container img:first-child{ width: 465px; height: 439px; }
.hr { width: 100%; height: 7px; margin: 5px 0; }
.hr-blue { background-color: #6fbfff; }
#bottom_subNav{position: fixed; top: 0px; left: 0px; z-index: 1; width: 100%; display: none; padding-top: 0px;}

.slider-content-container.layout-a{background:#6fbfff;border-top:4PX #slider-link404 solid;border-bottom:1PX #fff solid;}
.slider-content-container.layout-b{background:#ffffff;}
.slider-content-container-03{background:#f6ae12;border-top:4PX #f78b00 solid;border-bottom:1PX #FFF solid;}
.slider-content-container-04{background:#39afdd;border-top:4PX #1698ca solid;border-bottom:1PX #FFF solid;}
.slider-content-container-05{background:#cc1e1f;border-top:4PX #bc0a0a solid;border-bottom:1PX #FFF solid;}
.slider-content-container-06{background:#bd4ad9;border-top:4PX #aa22cb solid;border-bottom:1PX #FFF solid;}

.slider-content-container{margin:0 auto;padding:30px 0;text-align:left;}
.slider-content-container .slider-content-text{width:660px;}
.slider-content-container.layout-a .slider-content-text .slider-content-title{width:660px;font:30px/60px 微软雅黑;color:#fff;}
.slider-content-container.layout-b .slider-content-text .slider-content-title{width:660px;font:30px/60px 微软雅黑;color:#000;}
.slider-content-container.layout-a .slider-content-text .slider-content-description{width:660px;padding:10px 0;font:14px/24px 宋体;color:#fff;}
.slider-content-container.layout-b .slider-content-text .slider-content-description{width:660px;padding:10px 0;font:14px/24px 宋体;color:#000;}
.slider-content-container.layout-a .slider-content-text .slider-content-titlesub{font:18px/50px 微软雅黑;color:#fff;padding:20px 0 0 0;}
.slider-content-container.layout-b .slider-content-text .slider-content-titlesub{font:18px/50px 微软雅黑;color:#000;padding:20px 0 0 0;}
.slider-content-container.layout-a .slider-content-text .slider-content-descriptionsub{width:630px;padding:15px;font:14px/28px 宋体;color:#fff; position:relative;}
.slider-content-container.layout-b .slider-content-text .slider-content-descriptionsub{width:630px;padding:15px;font:14px/28px 宋体;color:#3e3a39; position:relative;}
.slider-content-container.layout-a .slider-content-text .slider-content-descriptionsub{background:#60b3f6;}
.slider-content-container.layout-b .slider-content-text .slider-content-descriptionsub{background:#e6f0f9;}
.slider-content-container .slider-content-text .slider-content-descriptionsub-03{background:#f79a07;}
.slider-content-container .slider-content-text .slider-content-descriptionsub-04{background:#22a0d1;}
.slider-content-container .slider-content-text .slider-content-descriptionsub-05{background:#bf0a0b;}
.slider-content-container .slider-content-text .slider-content-descriptionsub-06{background:#a32cc0;}
.slider-content-container .slider-content-text .slider-content-descriptionsub-info{width:630px;padding:15px;font:18px/32px 微软雅黑;color:#3e3a39;margin:1px 0 0 0;float:left;display:inline;}
.slider-content-container .slider-content-text .slider-content-descriptionsub-info span{font:18px/46px 微软雅黑;float:left;display:inline;}

.slider-content-container .slider-content-text .slider-content-descriptionsub-info a{font:18px/46px 微软雅黑;color:#f6f6f6;padding:0 15px;float:right;display:inline;}
.slider-content-container .slider-content-text .slider-content-descriptionsub-info a:hover{text-decoration:underline;}
.slider-content-container.layout-a .slider-content-text .slider-content-descriptionsub-info a.slider-link{background:#3398ea;border:1px #4e92ca solid;}
.slider-content-container.layout-b .slider-content-text .slider-content-descriptionsub-info a.slider-link{background:#b5cee4;border:1px #a4bcd2 solid;}
.slider-content-container .slider-content-text .slider-content-descriptionsub-info a.slider-link4{background:#1388b7;border:1px #0a7ba8 solid;}
.slider-content-container .slider-content-text .slider-content-descriptionsub-info a.slider-link5{background:#a31116;border:1px #8e0b0a solid;}
.slider-content-container .slider-content-text .slider-content-descriptionsub-info a.slider-link6{background:#782f88;border:1px #682178 solid;}

.consmic-effects { position: absolute; top:0; height: auto; }
.consmic-effects canvas { width:100%; height:auto; display:inline-block; vertical-align:baseline; position:absolute; z-index:-1; }
.consmic-effects .canvaszz { position:absolute; width: 100%; height: 400px; z-index:10; filter:alpha(opacity=50);   -moz-opacity:.5;   -khtml-opacity: .5;   opacity: .5; }
.consmic-effects .canvaszz img { width: 100%; height: 400px; }
.consmic-effects .p-item{ margin-top: 0;padding-top: 268px; z-index: 10; }

/*footer*/
.aboutInfo{ background-color: #40454c; padding-bottom: 30px;}
.aboutInfo .title{ display: block; font-size: 16px; color: #818b98; line-height: 36px; border-bottom: 1px solid #575b61; display: block;}
.aboutInfo .product .title,.aboutInfo .pay .title{ width: 80px;}
.aboutInfo .aboutUser .title,.aboutInfo .otherLink .title{ width: 65px;}
.aboutInfo .friendLink .friendLink-box { height: 200px; overflow: hidden;}
.aboutInfo .friendLink ul{ margin:0px;padding:0px; }
.aboutInfo a{ display: block; font-size: 12px; color:#9fa7b3; text-decoration: none; line-height: 22px;}
.aboutInfo a:hover{ text-decoration: underline;}
.aboutInfo p{font-size: 12px; color:#9fa7b3; line-height: 28px;}
.aboutInfo p.tel{ font-size: 23px; color: #c7d0dd; background-image: url("../images/tel_icon_big.png"); background-repeat: no-repeat; background-size: 36px 25px; padding-left: 40px;}
.aboutInfo p.photo{ margin-top: 20px;}
/*.aboutInfo .product{ float: left; width: 15%;}*/
/*.aboutInfo .pay{ float: left;  width: 15%;}*/
/*.aboutInfo .aboutUser{ float: left;  width: 15%;}*/
/*.aboutInfo .otherLink{ float: left;  width: 15%;}*/
.aboutInfo .userInfo{ /*float: left;  width: 25%;*/ margin-top: 8px;}
.aboutInfo .weixin{ /*float: left; width: 15%;*/ margin-top: 29px;}
.aboutInfo .weixin .pic{ width: 170px; height: 170px; background-color: #51565e;}
.aboutInfo .weixin .pic img{ width: 150px; height: 150px; margin: 10px;}

.friendlink-box { width: 100%; background-color: #2f3235; display: none; }
.friendlink-box .friendlink-container p { font-size: 16px; color: #9fa7b3; }
.friendlink-box .friendlink-container ul li { display: inline-block; width: 130px; height: 30px; line-height: 30px; }
.friendlink-box .friendlink-container ul li a { color: #9fa7b3; }
.index .friendlink-box {display: block;}


.foot {background-color: #212121; padding-top: 20px;}
.foot .space { padding-top: 80px; padding-bottom: 80px; }
.foot .container {padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; z-index: 10; position: relative; }
.foot h4 { border-bottom: 1px #464646 dotted; padding-bottom: 15px; }

.foot h4 { color: #FFF; font-size: 16px; margin-bottom: 10px; }
.foot a { color: #999; }
.foot .list-unstyled { padding-left: 0; list-style: none; color: #999; }
.foot #FontScroll { max-height: 170px; overflow: hidden; }
.foot .friendlink { display: none; }
.index .foot .friendlink { display: block; }
.index .foot .weixin { display: none; }




.footer{ background-color: #37383b; height: 60px;}
.footer p,.footer a{ line-height: 60px; color: #606470; font-size: 12px;}
footer .map{ text-decoration: underline;}




/*hkcloud.html*/
.item .fadeInUp .list-l .list-con h2.title{font-size:24px;}
.item .fadeInUp .list-l .list-con p.hkconent{font-size:14px;text-indent:2em;}
.item .itemimgone{margin-left:10px;}
.item .itemimgone img{margin-top:40px;}
.item .itemimgtwo{margin-left:40px;margin-top:30px;}

.pages { margin-top:5px;}
.pages li{ float:left; margin-right:6px; padding:6px 10px; border:solid 1px #CCCCCC; list-style-type:none;}