/* 全局公用 */
html{margin:0;padding:0;border:0;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);}
body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, q, dl, dt, dd, ol, ul, li, fieldset, form, legend, caption, tbody, tfoot, thead, article, aside, dialog, figure, footer, header, hgroup, nav, section{margin:0;padding:0;border:0;}
article, aside, details, figcaption, figure, dialog, footer, header, hgroup, menu, nav, section{display:inline-block;}
img{border:0;}
ul{ list-style:none;}
::-webkit-input-placeholder{color:#999;}
:-moz-placeholder{color:#999;}
::-moz-placeholder{color:#999;}
:-ms-input-placeholder{color:#ccc;}
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0;}
textarea{overflow:auto;}
input:focus,textarea:focus,button:focus,select:focus{outline:none;}
input::-ms-clear{display:none;}
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block;}
audio,canvas,progress,video{display:inline-block;vertical-align:baseline;}
audio:not([controls]){display:none;height:0;}
[hidden],template{display:none;}
a{background:transparent; text-decoration:none; outline:none;}
a:active,a:hover{outline:none;}
abbr[title]{border-bottom:1px dotted;}
b,strong{font-weight:bold;}
dfn{font-style:italic;}
mark{color:#000;background:#ff0;}
small{font-size:80%;}
sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline;}
sup{top:-.5em;}
sub{bottom:-.25em;}
svg:not(:root){overflow:hidden;}
figure{margin:1em 40px;}
hr{height:0;-moz-box-sizing:content-box;box-sizing:content-box;}
pre{overflow:auto;}
code,kbd,pre,samp{font-family:monospace, monospace;font-size:1em;}
button,input,optgroup,select,textarea{margin:0;font:inherit;}
button{overflow:visible;}
button,select{text-transform:none;}
button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;}
button[disabled],html input[disabled]{cursor:default;}
button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0;}
input{line-height:normal;}
input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;}
input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto;}
input[type="search"]{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;-webkit-appearance:textfield;}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}
fieldset{padding:.35em .625em .75em;margin:0 2px;border:1px solid #c0c0c0;}
legend{padding:0;border:0;}
optgroup{font-weight:bold;}
table{border-spacing:0;border-collapse:collapse;}
td,th{padding:0;}

h1,.h1{font-size:26px;}
h2,.h2{font-size:24px;}
h3,.h3{font-size:22px;}
h4,.h4{font-size:20px;}
h5,.h5{font-size:18px;}
h6,.h6{font-size:16px;}

.fixed{ position:fixed;}

.text-left{ text-align:left;}
.text-center{ text-align:center;}
.text-right{ text-align:right;}

.text-red{ color:#F00;}

.size12{ font-size:12px;}
.size20{ font-size:20px;}
.size24{ font-size:24px;}
.size26{ font-size:26px;}
.size28{ font-size:28px;}
.size30{ font-size:30px;}
.size36{ font-size:36px;}
.size64{ font-size:64px;}
.size84{ font-size:84px;}

table.border th, table.border td{ border:1px solid #e2e2e2;}

.grids .grid, .grids li{ /*display:inline-block; vertical-align:top; *display:inline; *zoom:1;*/ float: left;}

.w5{ width:5%;}
.w10{ width:10%;}
.w15{ width:15%;}
.w20{ width:20%;}
.w25{ width:25%;}
.w30{ width:30%;}
.w40{ width:40%;}
.w50{ width:50%;}
.w60{ width:60%;}
.w70{ width:70%;}
.w80{ width:80%;}
.w90{ width:90%;}

.button{border:solid 1px #ddd;background:transparent;border-radius:4px;font-size:14px;padding:6px 15px;margin:0;display:inline-block;line-height:20px;transition:all 1s cubic-bezier(0.175, 0.885, 0.32, 1) 0s;}
.button[disabled]{pointer-events:none;cursor:not-allowed;webkit-box-shadow:none;box-shadow:none;filter:alpha(opacity=50);opacity:.5;}
.button:active{background-image:none;outline:0;transition:all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1) 0s;}
.button:hover{transition:all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1) 0s;}
.button-block{display:block;width:100%;}
.button-large{padding:15px 20px;font-size:24px;line-height:24px;}
.button-big{padding:10px 15px;font-size:18px;line-height:22px;}
.button-small{padding:5px 10px;font-size:12px;font-weight:normal;line-height:18px;}
.button-little{padding:3px 5px;font-size:12px;font-weight:normal;line-height:16px;}
.button.bg-main,.button.bg-sub,.button.bg-dot,.button.bg-black,.button.bg-gray,.button.bg-red,.button.bg-yellow,.button.bg-blue,.button.bg-green{color:#fff;}

.float-left{ float:left;}
.float-right{ float:right;}

.clearfix, .col, .grids, .form-group{display:block; *zoom:1;}
.clearfix:after, .col:after, .grids:after, .form-group:after{content:" ";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}

.show{ display:block;}
.hide{ display:none;}

.btn-buy{ display:inline-block; width:120px; height:32px; background: url(../images/btn-buy.png) no-repeat; vertical-align:middle;}

.w-nav .inline li{ float:left; line-height:77px; width:80px; font-size:15px; margin-left:20px;}
.w-nav .inline li a{ display:inline-block; color:#000000; width:100%; text-align:center;}
.w-nav .inline li a:hover{ background-color:#028ce3; color:#fff;}
.w-nav .inline li a.hover{ background-color:#028ce3; color:#fff;}
.w-nav .inline .submenu{ position:relative;}
.w-nav .inline .submenu ul{ position:absolute; background-color:#fff; display:none; top:77px; left:0;}
.w-nav .inline .submenu ul li{ float:none; height:44px; line-height:18px;}

body{font-size:14px;color:#4c4c4c;background:#fff;font-family:Arial,"Microsoft YaHei","simsun","Helvetica Neue", Helvetica, sans-serif; line-height:1.5;}
a{ color:#4c4c4c;}
.row .col{ width:980px; margin:0 auto;}

.topbar{ height:40px; *height:22px; padding:9px 0; line-height:22px; background-color:#f9f9f9; color:#a5a5a5;}

.w-logo{ float:left; margin-top:22px;}
.header .w-nav{ float:right;}
.lavaLamp .back {background:#028ce3; font-size: 0; height:3px; line-height: 0;padding-top: 0;position: absolute; top:0px;}

.fixedbar{ position:fixed; top:100px; right:0; z-index:1000; border:1px solid #bdbdbd; border-bottom:none;}
.fixedbar li{ text-align:center; border-bottom:1px solid #bdbdbd; padding:5px; background-color:#fff;}
.fixedbar .btn-fixedbar{ display:inline-block; width:22px; height:59px; background: url(../images/btn-fixedbar.png) no-repeat; position:absolute; right:119px; top:146px; }
.fixedbar .btn-fixedbar-open{ right:0; background: url(../images/btn-fixedbar-open.png) no-repeat;}

.footer{ background-color:#2c2c2c; padding:25px 0; color:#D5D5D5; line-height:1.8;}

.w-toptips{ float:left;}
.w-toplinks{ float:right; overflow:hidden;}
.w-toplinks a{ color:#a5a5a5; display:inline-block; padding:0 13px; border-left:1px solid #e6e6e6; margin-left:-1px;}
.w-toplinks .mainsite, .w-toplinks .tel span{ color:#fea032;}
.w-toplinks .livechat{ padding-left:38px; background: url(../images/toplivechat-icon.png) no-repeat 13px center;}
.w-toplinks .tel{ padding-left:36px; background: url(../images/toptel-icon.png) no-repeat 13px center;}


.w-hosttype{}
.w-hosttype .grid{ width:25%; padding-top:36px; padding-bottom:60px; border:1px solid #ddd; text-align:center; margin-left:-1px; *width: 244px;}
.w-hosttype .grid h3{ margin-top:10px;}
.w-hosttype .grid p{ margin-top:30px;}
.w-hosttype .g0 h3{ color:#2da0e7;}
.w-hosttype .g1 h3{ color:#7ac175;}
.w-hosttype .g2 h3{ color:#f19c38;}
.w-hosttype .g3 h3{ color:#1bbb9b;}

.w-advantage h2{ background: url(../zj/advantage-title.png) no-repeat center 0; height:145px;}
.w-advantage .grid{ width:20%; text-align:center; background: url(../zj/advantage-icon.png) no-repeat 40px 36px; padding-top:170px; font-size:16px;}
.w-advantage .g1{ background-position:-144px 36px;}
.w-advantage .g2{ background-position:-328px 36px;}
.w-advantage .g3{ background-position:-514px 36px;}
.w-advantage .g4{ background-position:-694px 36px;}

.w-cases h2{background: url(../images/h2-bg.png) no-repeat center; text-align:center;}
.w-cases .grid{ text-align:center; margin-left:25px;}
.w-cases .grid img{padding:12px; border:1px solid #ddd;}
.w-cases .grid p{ margin-top:10px;}

.w-tel{ text-align:center;}
.w-tel h2{ background: url(../images/h2-bg.png) no-repeat center; }
.w-tel p{ line-height:22px;}
.w-tel .number{ display:inline-block; background-color:#4fb5ec; color:#fff; border:6px solid #efefef; padding:0 60px; outline:1px solid #4fb5ec; margin-top:42px;}

.host-layout{ margin-top: 20px; margin-bottom: 40px;}
.host-layout .nmwrap{ width: 100%; float: left;}
.host-layout .nmwrap .main{ float: left; border: 1px solid #e0e0e0; width: 780px; margin-left: 199px; _display: inline;}
.host-layout .side{ width: 189px; float: left; margin-left: -100%; _display: inline;}

/* home page */
.home-banner{ background:#38a7e9 url(../images/home-banner2.jpg) no-repeat center 0; height:400px; color:#e9feff;}

.home-products{ margin:36px 0; line-height:1.8;}

.home-advantage{ background-color:#f2f2f2; padding:50px 0;}


.home-tel{ padding:45px 0; background-color:#f2f2f2;}
.home-tel .text{ font-family:"Microsoft Yahei"; line-height:2;}
.home-tel .text span{ vertical-align:middle; font-weight:bold;}

.adv-tabbody .tab-body{ border-top:1px solid #d6d5d6; line-height:2; margin-top:-1px; background-color:#fff;}
.adv-tabbody .tab-body .tab-panel{ padding:100px 0;}
.adv-tabbody .tab-body .tab-panel .col{height:310px;}
.adv-tabbody .tab-body .panel1 .col{ background: url(../images/tab-panel1-bg.png) no-repeat right top; padding-top:30px;}

.adv-tabbody .panel2{ background-color:#f7f7f7;}
.adv-tabbody .panel2 .col{ background: url(../images/tab-panel2-bg1.png) no-repeat 0 center; padding-left:550px; padding-top:70px;}

.adv-tabbody .panel3 .col{ background: url(../images/tab-panel3-bg.png) no-repeat right center; padding-top:60px;}

.adv-tabbody .panel4{ background-color:#f7f7f7;}
.adv-tabbody .panel4 .col{ background: url(../images/adv-tab-panel4-bg.png) no-repeat 0 center; padding-left:550px; padding-top:100px;}

.adv-tabbody .panel5 .col{ background: url(../images/tab-panel5-bg.png) no-repeat right center; padding-top:50px;}

.home-case{ padding:65px 0;}

.com-slider{ position:relative;}
.com-slider .sliderwrap{ width:960px; overflow:hidden; position:relative; height:141px;}
.com-slider .sliderwrap ul{ position:absolute; margin-left:8px;}
.com-slider .btn-scrolll, .com-slider .btn-scrollr{ position:absolute; z-index:11; top:50px; display:inline-block; width:15px; height:22px; background: url(../images/btn-scrolll.png) no-repeat; }
.com-slider .btn-scrollr{ background: url(../images/btn-scrollr.png) no-repeat; right:0;}

.home-honor{ padding:65px 0; background-color:#f2f2f2;}

.home-case .grids, .home-honor .grids{ margin-top:20px;}

/* in page */
.product-banner{ background:#38a7e9 url(../images/product-banner.jpg) no-repeat center 0; height:400px; color:#e9feff;}

.advantage-banner { background:#38a7e9 url(../images/advantage-banner.jpg) no-repeat center 0; height:400px; color:#e9feff;}

.w-muselector li{
    margin-bottom: 20px;
}
.order .w-muselector li{ margin-bottom:5px;}

.w-muselector span{
    display: inline-block; border: 1px solid #d1d1d1; height: 28px; line-height: 28px; padding: 0 20px; margin-left: 20px;
    cursor: pointer;
}

.w-muselector .txt{
    margin-left: 0; border: 1px solid #fff; text-align: right; width: 112px; cursor:text; padding-right: 0; vertical-align: top;
}
.w-muselector .txt em{ color: #f00; font-weight: bold;}



.w-muselector li .active {
    border:1px solid #e4393c;
    position: relative;
}
.w-muselector li .active  i{  position: absolute;    display: inline-block;    right: 0;    bottom: 0;    width: 12px;    height: 12px; background: url(../images/muselector-active-icon.png) no-repeat;}

.w-hostgrids .grid {
    width: 50%; border-left: 1px solid #e0e0e0; border-top: 1px solid #e0e0e0; line-height: 1.8; padding:5px 0; color: #666; margin-left: -1px; height: 340px; *height: 300px;
}

.w-hostgrids .grid ul{
    margin-left: 128px;
}
.w-hostgrids .grid li span {
    display: inline-block; width:60px; text-align: right;
}
.w-hostgrids .grid .price{
    font-size: 24px; color: #e14747; padding: 0px 0;
}

.w-hostsidemenu li a {
     display: block; height: 120px; padding: 28px 0; text-align: center; border: 1px solid #e0e0e0; margin-top:-1px;
}

.w-hostsidemenu li h3{ font-size: 18px; font-weight: normal; color: #000; margin-bottom: 15px;}

.w-hostsidemenu .i0 .active {
    background: #2da0e7 url(../images/hostsidemenu-i0-bg.png) no-repeat right center; border-left:none; border-right:none; border-top-color: #fff; color: #fff;
}
.w-hostsidemenu .i1 .active {
    background: #7ac175 url(../images/hostsidemenu-i1-bg.png) no-repeat right center; border-left:none; border-right:none; border-top-color: #fff; color: #fff;
}
.w-hostsidemenu .i2 .active {
    background: #f19c38 url(../images/hostsidemenu-i2-bg.png) no-repeat right center; border-left:none; border-right:none; border-top-color: #fff; color: #fff;
}
.w-hostsidemenu .i3 .active {
    background: #1bbb9b url(../images/hostsidemenu-i3-bg.png) no-repeat right center; border-left:none; border-right:none; border-top-color: #fff; color: #fff;
}
.w-hostsidemenu li .active h3{ color: #fff;}


.w-hostgrids {
    background:  url(../images/universal-grid-bg.png) no-repeat 15px 12px;
}

.w-hostgrids .grid li {
    font-size: 12px;
    float: none;
}
.w-hostgrids .grid li p{ font-size: 13px;}

.w-muselector {
    margin-top:20px;
}

.standard-main .w-hostgrids {
    background:  url(../images/standard-grid-bg.png) no-repeat 15px 12px;
}
.advanced-main .w-hostgrids {
    background:  url(../images/advanced-grid-bg.png) no-repeat 15px 12px;
}

.form-group{ margin: 30px 0;}

.form-group .label, .form-group .field {
    float: left;
}

.w-muselector .field{ display: inline-block; padding-left: 20px; *display: inline; *zoom:1;}
.w-muselector .field select{ padding: 5px; margin-right: 10px;}
.w-muselector .field input{ padding:5px 15px; margin-right: 10px;}



.hostdiy .form-group .label {
    display: inline-block; width: 112px; text-align: right;
}
.hostdiy .form-group .field{
    padding-left: 20px;
}

.e-slider {
    display: inline-block; width:520px; *display: inline; *zoom:1;
}
.input-slider{ width: 60px; height: 28px; line-height: 28px; *height: 24px; *line-height: 24px; margin-left: 20px; margin-right: 10px; background-color: #f69230; border: none; color: #fff; text-align: center; }
.slider-scale span{ display: inline-block; }
.slider-scale .halve{ margin-left: 204px;}
.slider-scale .max{ margin-left: 186px;}

.price{font-size: 24px; color: #E14747;}
.form-header{
    padding: 20px 30px;
}
.form-header h3{ font-size: 18px; font-weight: normal;}
.form-header h3 a{ color:#2da0e7; display:inline-block; font-size:14px; padding:2px; text-decoration:underline; margin-left:20px;}
.form-header{ border-bottom: 1px solid #e8e8e8;}

.form-footer .btn{ margin-left: 20px;}
.form-footer p{ padding: 10px 30px;}
.btn{ border: none; vertical-align: middle; font-size: 16px; color: #fff; width:160px; height: 42px; line-height: 42px; background: url(../images/btn-bg.png) no-repeat; text-align: center; display: inline-block; margin-right: 20px;}
.btn-blue{ border: none; vertical-align: middle; font-size: 16px; color: #fff; width:160px; height: 42px; line-height: 42px; background: url(../images/btn-bg3.png) no-repeat; text-align: center;}
.form-footer{ border-top:1px solid #e8e8e8; padding:0 30px 30px; text-align: right;}
.buy .form-footer{ border-top: none;}

.btn-trial {
    width:161px; background: url(../images/btn-bg-2.png) no-repeat; color: #34a5e8;
}

.mark {
    color: #888;
}

.w-trialtxt{ background: url(../zj/trialtxt-bg.png) no-repeat 88px 9px; margin: 30px 0;}
.w-trialtxt li{
    width:310px;
    padding-left: 126px;
    margin: 15px 0;
    height: 28px;
    line-height: 20px;
}

.title2 {
    border-left: 5px solid #34a5e8; padding-left: 8px;
}
.title2 h3{ border-bottom: 1px solid #ebebeb; font-size: 18px; line-height: 1.2; font-weight: normal; color: #000;}

.w-trialform{
    padding-top: 128px; background: url(../zj/trialform-bg.png) no-repeat center 0;
}
.w-trialform .form-header{ padding: 20px 0 0; border-bottom: none;}
.w-trialform .form-header h3{ font-size: 24px;}
.w-trialform .form-header h3 span{ font-size: 14px; margin-left: 30px;}
.w-trialform .field input{ width:200px; height:36px; padding:5px 10px; border: 1px solid #ddd;}
.w-trialform .field .x2{ width: 400px;}
.w-trialform .form-footer{ text-align: center; border-top:none;}
.w-trialform .btn{ background: url(../images/btn-bg3.png) no-repeat center 0;}
.w-trialform .btn-reset{ background: url(../images/btn-bg-2.png) no-repeat center 0; width:161px; color: #34a5e8;}
.w-trialform .wrap {
    border:1px solid #dbdbdb; padding:0px 60px 60px;
}

.trial-main {
    margin-top: 30px;
    margin-bottom: 60px;
}