html, body, ul, li, ol, dl, dd, dt, p, h1, h2, h3, h4, h5, h6, form, fieldset, legend, img { margin: 0; padding: 0; }
a:active, a:focus, a { outline: none; }
body {width: auto; min-width: 1210px; }
li { list-style-type: none; }
.clear { clear: both; }
.fl { float: left; }
.fr { float: right; }
.fz12 { font-size: 12px; }
.wfs { width: 100%; }
 
.db { display: block; }
.fs12 { font-size: 12px; }
.tac { text-align: center; }
.fl { float: left; }
.fr { float: right; }
.pr { position: relative; }
.pa { position: absolute; }
.trans { transition: all 0.3s ease 0s; }
.cf:after, .cf:before, .inline:after, .inline:before { display: table; content: ""; }
.cf:after, .inline:after { clear: both; overflow: hidden; }
.inline li { float: left; }
em { font-style: normal; }
.i, i { display: inline-block; vertical-align: middle; background-repeat: no-repeat; }
.wrap { width: 1210px; margin-left: auto; margin-right: auto; position: relative; -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.pip { width: 1px; height: 1em; vertical-align: middle; display: inline-block; overflow: hidden; background-color: rgb(221, 221, 221); }
 
.product-nav{width: 100%;display: block;text-align: center;bottom:0}
.product-nav .items{margin: 0 auto;overflow: hidden;}
.product-nav .item{color: #fff;display: inline-block;font-size: 22px;padding: 12px 28px;line-height:28px;}
.product-nav .item.icon1.cur{background-color: #fff;color: #ff6f06;}
.product-nav .item.icon2.cur{background-color: #fff;color: #ff6f06;}
.product-nav .item.icon1 span, .product-nav .item.icon2 span{float: left;margin-right: 4px;display: block;width:28px;height: 28px;}
.product-nav .item.icon1 span{background: url(../image/icon_product_auth2.png) center center no-repeat;}
.product-nav .item.icon1.cur span{background: url(../image/icon_product_auth.png) center center no-repeat;}
.product-nav .item.icon2{color: #ffffff;}
.product-nav .item.icon2 span{background: url(../image/icon_product_vip.png) center center no-repeat;}
.product-nav .item.icon2.cur span{background: url(../image/icon_product_vip2.png) center center no-repeat;}

.banner { padding:50px 0; height:347px; margin-bottom:40px; background: url('../image/banner.jpg') center no-repeat;}
.banner h2 { font-size: 32px; color: rgb(255, 255, 255); padding-top:20px; font-weight: 400; width: 100%; }
.banner h3 { font-size: 24px; color: rgb(255, 255, 255); padding-top:80px; font-weight: 200; width: 100%; }
.m-pack { text-align: center; margin-bottom: 20px; }
.m-pack li { float: left; display: inline; position: relative; }
.m-pack .c_hd { font-size: 14px; color: rgb(102, 102, 102); width: 200px; background-color: rgb(251, 251, 251); }
.m-pack .c_hd em { background-color: rgb(255, 27, 27); padding: 0px 6px; display: inline-block; border-radius: 8px; color: rgb(255, 255, 255); height: 16px; line-height: 16px; }
.m-pack .c_bd { width: 250px; background-color: rgb(255, 255, 255); }
.m-pack .c_bd p { font-size: 12px; color: rgb(153, 153, 153); padding: 10px; text-align: left; }
.m-pack .s_td, .m-pack .s_th { border: 1px solid rgb(221, 221, 221); margin: -1px; }
.m-pack .s_th { height: 235px; position: relative; }
.m-pack .s_td { height: 43.8px; line-height: 48px; }
.m-pack .c_bd:hover { box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.4); color: rgb(30, 159, 255); z-index: 1; margin-top: -20px; }
.m-pack .c_bd:hover .s_th { height: 255px; background-color: rgb(30, 159, 255); color: rgb(255, 255, 255); border-color: rgb(30, 159, 255); }
.m-pack .c_bd:hover .s_c, .m-pack .c_bd:hover .s_c del, .m-pack .c_bd:hover .s_c strong, .m-pack .c_bd:hover .s_one { color: rgb(255, 255, 255); }
.m-pack .s_a { height: 97px; margin-bottom: 5px; background: url('../image/fenge.gif') no-repeat scroll -1px -13px transparent; }
.m-pack .s_a strong { position: absolute; top: 8px; left: 0px; width: 100%; font-size: 22px; font-weight: 400; }
.m-pack .s_c { font-size: 12px; line-height: 1.5; color: rgb(153, 153, 153); }
.m-pack .s_c strong { font-size: 20px; display: block; color: rgb(102, 102, 102); font-weight: 400; }
.m-pack .s_c del, .m-pack .s_c small { display: block; }
.m-pack .s_c del { color: rgb(153, 153, 153); }
.m-pack .s_d { position: absolute; bottom: 20px; left: 0px; width: 100%; }
.m-pack .s_td_l { height: 76px; }
.m-pack .a { color: rgb(51, 51, 51); height: 1px; width: 11px; background-color: rgb(51, 51, 51); overflow: hidden; display: inline-block; }
.bt-1 { display: inline-block; padding: 0px 40px; height: 30px; line-height: 30px; color: rgb(30, 159, 255); border: 1px solid rgb(30, 159, 255); }
.bt-1:focus, .bt-1:hover { text-decoration: none; }
.m-pack .c_bd:hover .bt-1, .m-pack .s_td_l .bt-1 { background-color: rgb(255, 255, 255); border-color: rgb(255, 255, 255); color: rgb(30, 159, 255); }
.i-1 .tip-box { display: none; }
.i-1:hover .tip-box { display: block; }
.tip-box { z-index: 10; position: absolute; top: 34px; left: -20px; background-color: rgb(255, 255, 255); padding: 10px; border: 1px solid rgb(30, 159, 255); border-radius: 5px; }
.tip-box .tip { display: block; }
.tip-box .i-2 { position: absolute; top: -15px; left: 20px; }
.i-1, .i-2 { background-image: url('../image/i.png'); background-repeat: no-repeat; }
.i-1 { display: inline-block; vertical-align: middle; position: relative; cursor: pointer; height: 18px; width: 18px; background-position: 0px 0px; }
.i-2 { height: 15px; width: 20px; background-position: -26px 0px; }
.tip { background: url('../image/tip.jpg') no-repeat scroll 0% 0% transparent; }
.i-tip1 { height: 166px; width: 294px; background-position: 0px -200px; }
.i-tip2 { height: 159px; width: 221px; background-position: -1635px -184px; }
.i-tip3 { height: 30px; width: 83px; background-position: -1807px 0px; }
.i-tip3-2 { background-image: url('../image/hy_83x30.png'); background-position: 0px 0px; }
.i-tip3-3 { background-image: url('../image/sm_83x30.png'); background-position: 0px 0px; }
.i-tip3-4 { background-image: url('../image/qy_83x30.png'); background-position: 0px 0px; }
.i-tip4 { height: 198px; width: 309px; background-position: 0px 0px; }
.i-tip5 { height: 183px; width: 297px; background-position: -1210px 0px; }
.i-tip6 { height: 182px; width: 296px; background-position: -1509px 0px; }
.i-tip7 { height: 182px; width: 297px; background-position: -1210px -185px; }
.i-tip8 { height: 183px; width: 297px; background-position: -911px -185px; }
.i-tip9 { height: 183px; width: 297px; background-position: -911px 0px; }
.i-tip10 { height: 182px; width: 297px; background-position: -608px -187px; }
.i-tip11 { height: 185px; width: 297px; background-position: -612px 0px; }
.i-tip12 { height: 182px; width: 295px; background-position: -311px -187px; }
.i-tip13 { height: 185px; width: 299px; background-position: -311px 0px; }
.i-tip14 { height: 174px; width: 124px; background-position: -1509px -184px; }
.attention { margin: 0px 80px 20px; color: rgb(153, 153, 153); }
.attention strong { font-weight: 400; color: rgb(30, 159, 255); }
.pack-hd { width: 100%; border-top: 1px solid rgb(221, 221, 221); margin-top: -1px; }
.pack-hd .s_e { padding: 0px 20px; width: 1em; text-align: center; }
.pack-hd .s_e span { display: inline-block; vertical-align: middle; width: 1em; line-height: 1.2; }
.pack-hd .s_e span i { font-style: normal; margin-left: -1px; transform: rotate(90deg); }
.pack-hd td, .pack-hd th { border-bottom: 1px solid rgb(221, 221, 221); border-left: 1px solid rgb(221, 221, 221); }
.pack-hd th { height: 235px; }
.pack-hd td { height: px; line-height: 42px; padding-left: 20px; text-align: left; }
.pack-hd .s_f { border-right: 1px solid rgb(251, 251, 251); }
.pack-a { height: 100%; width: 100%; font-size: 18px; color: rgb(102, 102, 102); font-weight: 400; }
.pack-a .s1 { top: 51px; left: 90px; z-index: 1; }
.pack-a .s2 { left: 36px; top: 157px; }
.pack-a .s3, .pack-a .s3 b { border-left: 101px dashed transparent; border-bottom: 117px dashed transparent; }
.pack-a .s3 { top: 0px; left: 0px; height: 0px; width: 0px; border-right: 101px solid rgb(221, 221, 221); border-top: 117px solid rgb(221, 221, 221); }
.pack-a .s3 b { position: absolute; top: 0px; left: 2px; height: 0px; width: 0px; border-right: 101px solid rgb(251, 251, 251); border-top: 117px solid rgb(251, 251, 251); }
.block2 { background-color: rgb(255, 255, 255); padding: 0px 0px; margin-top: 30px; }
.m-card, .mp-card { color: rgb(51, 51, 51); line-height: 1.8; }
.m-card h3, .mp-card h3 { font-size: 24px; font-weight: 400; text-align: center; margin-bottom: 10px; }
.m-card { border-bottom: 1px solid rgb(245, 245, 245); padding-bottom: 30px; margin-bottom: 20px; }
.m-card ol, .m-card p { width: 1000px; margin: 0px auto; }
.m-card ol { margin-bottom: 30px; }
.card-show { width: 880px; height: 232px; background: url('../image/card.png') no-repeat scroll center top transparent; margin: 0px auto; padding-bottom: 30px; position: relative; }
.card-show em, .card-show strong { position: absolute; width: 40%; text-align: center; bottom: 0px; font-weight: 400; }
.card-show em { left: 0px; }
.card-show strong { right: 0px; }
.mp-card .a { width: 845px; margin: 40px auto 0px; }
.mp-card .a strong { position: absolute; text-align: center; bottom: 0px; font-weight: 400; left: 0px; width: 100%; }
.mp-card .a img { position: absolute; top: 200px; left: 80px; }
.mp-card .a-a, .mp-card .a-b { position: relative; width: 373px; height: 370px; background: url('../image/phone.png') no-repeat scroll center top transparent; }
.footer-box{background:#333}
.footer-icon{width:100%;background:#f8f8f8;padding:35px 0; height:128px;text-align:center;}
.footer-icon .w{height:80px}
.footer-icon .icon-map{display:inline-block;width:170px}
.footer-icon .icon-map .icon-bg{width:50px;height:50px;margin:0 auto;background:url(../image/site.png) no-repeat;_background:url(../image/site.gif) no-repeat}.footer-icon .icon-map .icon-title{font-size:14px;color:#000;text-align:center;margin-top:10px;}
.footer-icon .icon-map .icon-bg.i1{background-position:0 -250px}
.footer-icon .icon-map .icon-bg.i2{background-position:0 -200px}
.footer-icon .icon-map .icon-bg.i3{background-position:0 -350px}
.footer-icon .icon-map .icon-bg.i4{background-position:0 -300px}
.footer-icon .icon-map .icon-bg.i5{background-position:0 -50px}
.footer-icon .icon-map .icon-bg.i6{background-position:0 0}
.footer-icon .icon-map .icon-bg.i7{background-position:0 -150px}
.footer-icon .icon-map .icon-bg.i8{background-position:0 -100px}

 
.footer-copy a{color:#999}
.footer-copy{background: #1F1F24;color:#999;line-height:1.6;padding:20px 0;text-align:center;}
.footer-copy p{line-height:30px; font-size:13px;color: #616162;}.footer-copy p span{ margin:0 4px;}
.footer-copy .declare{ margin:0 5px}
.footer-copy1{background:#333;color:#999;line-height:1.6;padding-top:15px;text-align:center;border-top:1px solid #ddd;margin-top:20px;}
.root_body .footer-table .line{margin:0 38px}
.root_body .footer-icon .iconMap a{padding:0 15px}
.gray,.footer-copy a{color:#999}
 
.aysw-footer{CLEAR:both;PADDING-RIGHT:0px;BORDER-TOP:#EEE 1px solid;MARGIN-TOP:0px;PADDING-LEFT:0px;background:#f8f8f8;PADDING-BOTTOM:32px;FONT:12px/18px "微软雅黑",Helvetica,Arial,Verdana,"宋体";COLOR:#666;PADDING-TOP:35px;ZOOM:1;TEXT-ALIGN:center;}
.aysw-footer a{COLOR:#666666;TEXT-DECORATION:none}
.aysw-footer a:hover{TEXT-DECORATION:underline}
.aysw-footer p{ text-align:center; line-height:20px;}
.aysw-footer .aysw-inner{MARGIN:0px auto;OVERFLOW:hidden;ZOOM:1;TEXT-ALIGN:left;}
.aysw-footer .aysw-footer-wrap{ float:left; padding-left:10px; margin-left:10px; border-left:1px dashed #CCC; width:18.2%;_display:inline;}
.root_body  .aysw-footer .aysw-footer-wrap{padding-left:20px; margin-left:20px;}
.root_body  .aysw-footer .aysw-footer-wrap{width:15.8%; }
.aysw-footer .aysw-footer-wrap.no_border{ border:none;margin:0;}
.aysw-footer .aysw-footer-wrap i{ display:block; width:60px; height:60px; background:url(../image/foot_icon_bg.png) no-repeat; margin:0 auto}
.aysw-footer .aysw-footer-wrap .sn1{ background-position:0 0;}
.aysw-footer .aysw-footer-wrap .sn2{ background-position:0 -129px;}
.aysw-footer .aysw-footer-wrap .sn3{ background-position:0 -65px;}
.aysw-footer .aysw-footer-wrap .sn4{ background-position:0 -194px;}
.aysw-footer span{FONT-SIZE:18px;MARGIN:0px;COLOR:#2e2e2e;HEIGHT:30px;line-height:30px;font-weight:normal; text-align:center; margin:15px 0; display:block}
.aysw-footer-goldmetal-img{CLEAR: both;DISPLAY: block;BACKGROUND:url(../image/weixin_btm.gif) no-repeat center;MARGIN: 0px auto;OVERFLOW: hidden;WIDTH: 200px;TEXT-INDENT: -10000px;HEIGHT: 170px;}
.root_body .aysw-footer-goldmetal-img{ width:155px;}



.content {
    padding: 20px 0 40px;
    background: #f8f8f8
}

.content-title {
    padding: 20px 0 20px 310px;
    min-height: 140px;
    height: auto;
    background-repeat: no-repeat;
    background-position: top left
}

.content-title h1 {
    font-size: 30px;
    color: #585858
}

.content-title p {
    padding-right: 10px;
    line-height: 2;
    font-size: 14px;
    color: #727272
}


.webhosting-icon {
    position: absolute;
    top: 0;
    right: 0;
    width: 42px;
    height: 34px;
    background: url(../image/basic-icon.jpg) no-repeat;
    font-size: 12px;
    color: #fff;
    font-style: normal;
    text-indent: 14px;
    z-index: -1
}

.webhosting-hot {
    background-position: 0px -192px;
}

.webhosting-tuijian {
    background-position: 0 -296px
}

.webhosting-tab {
    margin-top: 20px
}

.webhosting-tab .webhosting-tab-list {
}

.webhosting-tab .webhosting-tab-list li {
    float: left;
    margin-right: 10px;
    display: inline-block;
    *display: inline;
    *zoom:1;width: 290px;
    height: 50px;
    line-height: 50px;
    background: #e9e9e9;
    font-size: 16px;
    text-align: center;
    cursor: pointer
}

.webhosting-tab .webhosting-tab-list li.active {
    width: 288px;
    background: #fff;
    border: 1px solid #dfdfdf;
    border-bottom: 0
}

.webhosting-tab .webhosting-tab-list li.active a {
    padding: 0 10px 10px;
    border-bottom: 2px solid #3db514;
    color: #313131
}

.webhosting-info {
    padding: 26px 10px 20px;
    background: #fff;
    position: relative
}

.webhosting-info table {
    border: 1px solid #e9e9e9;
    text-align: center;
    table-layout: fixed
}

.webhosting-info table tr {
    height: 70px
}

.webhosting-info table tr:nth-child(even) {
    background-color: #f8f8f8
}

.webhosting-info table tr:nth-child(even) .no {
    background-position: -164px -110px
}

.webhosting-info table tr:nth-child(even) .add {
    background-position: -326px -110px
}

.webhosting-info table tr:nth-child(even) .right {
    background-position: 0 -110px;
}

.webhosting-info table tr.even-row {
    background-color: #f8f8f8
}

.webhosting-info table tr th {
    height: 56px;
    background: #f2ffee;
    font-size: 14px;
    font-weight: 700;
    color: #555;
    border-right: 1px solid #d5e3f5;
    border-bottom: 1px solid #e9e9e9;
    position: relative;
    z-index: 1
}

.webhosting-info table tr td {
    border-right: 1px solid #e9e9e9;
    font-size: 12px;
    color: #202020;
    border-bottom: 1px solid #e9e9e9;
    word-break: break-all
}

.webhosting-info table tr .left {
    padding-left: 10px;
    width: 120px;
    background: #f9f9f9;
    border-right-color: #e9e9e9;
    font-size: 14px;
    font-weight: 400;
    color: #202020;
    text-align: left
}

.webhosting-info table tr td .info-price {
    padding-top: 30px;
    color: #8c8b8b;
    position: relative
}

.webhosting-info table tr td .info-price span {
    font-size: 26px;
    font-weight: 700;
    color: #1e9fff
}

.webhosting-info table tr td .info-btn {
    display: inline-block;
    *display: inline;
    *zoom:1;margin-top: 10px;
    margin-bottom: 35px;
    width: 90px;
    height: 30px;
    line-height: 30px;
    background: #3db514;
    font-size: 14px;
    color: #fff;
    text-align: center
}

.link_blue {
    color: #0a74e0
}

.info-icon {
    display: inline-block;
    *display: inline;
    *zoom:1;margin-right: 5px;
    width: 12px;
    height: 12px;
    background: url(../image/basic-icon.jpg) no-repeat
}

.no {
    background-position: -164px 0
}

.add {
    width: 16px;
    height: 16px;
    background-position: -326px 0
}

.right {
    width: 14px;
    background-position: 0 0
}

.webhosting-info table.high-light-table {
    position: absolute;
    top: 24px;
    left: 132px;
    width: 144px;
    background-color: #fff;
    border: 1px solid #3db514;
    box-shadow: 0 0 5px 1px #3db514;
    border-collapse: separate;
    z-index: 9
}

.webhosting-info table.high-light-table tr.last-row {
    height: 75px
}

.webhosting-info table.high-light-table th {
    color: #3db514;
    background-color: #fff;
    border: 0
}

.webhosting-info table.high-light-table td {
    border: 0
}

.webhosting-info table.high-light-table td .no {
    background-position: -164px 0
}

.webhosting-info table.high-light-table td .add {
    background-position: -326px 0
}

.webhosting-info table.high-light-table td .right {
    background-position: 0 0
}

.webhosting-info table.high-light-table th .webhosting-hot {
    background-position: -164px -192px
}

.webhosting-info table.high-light-table th .webhosting-tuijian {
    background-position: -164px -296px
}

.webhosting-info table.high-light-table tr:nth-child(even) {
    background-color: #fff
}

.webhosting-info table.high-light-table tr td .info-btn {
    background-color: #34a30d
}

.webhosting-explain {
    margin-top: 20px;
    padding: 20px 30px;
    background: #fff
}

.webhosting-explain .webhosting-explain-title {
    padding-bottom: 3px;
    border-bottom: 1px solid #ebebeb
}

.webhosting-explain .webhosting-explain-title span {
    padding: 0 6px 4px;
    font-size: 14px;
    font-weight: 700;
    color: #4d4d4d;
    border-bottom: 2px solid #fd2f2f
}

.webhosting-explain h6 {
    padding-left: 5px;
    padding-top: 30px;
    color: #555
}

.webhosting-explain .webhosting-explain-txt {
    padding-top: 30px;
    padding-left: 5px
}

.webhosting-explain .webhosting-explain-txt span {
    color: #fd2f2f
}

.webhosting-explain .webhosting-explain-txt p {
    padding-left: 0px;
    line-height: 2;
    color: #6b6b6b
}

.sites-title {
    padding: 60px 50px 80px 434px;
    background: url(../image/sites-title-bg.jpg) no-repeat top left #fff
}

.sites-info {
    padding: 0 40px 20px
}

.sites-info table tr .left {
    width: 150px
}

.sites-info table tr .list-price {
    text-decoration: line-through
}

.sites-info table tr td .info-price {
    padding-top: 6px
}

.sites-info table tr td .info-btn {
    margin-top: 8px;
    margin-bottom: 14px
}

.sites-explain {
    padding: 20px 40px 44px
}

.sites-explain table {
    margin-top: 32px;
    padding-left: 30px;
    border: 1px solid #ececec;
    text-align: center
}

.sites-explain table tr {
    height: 50px;
    line-height: 50px
}

.sites-explain table tr th {
    background: #f4f8fd;
    font-size: 14px;
    color: #3e3e3e;
    border-bottom: 1px solid #ececec;
    border-right: 1px solid #ececec
}

.sites-explain table tr td {
    border-bottom: 1px solid #ececec;
    border-right: 1px solid #ececec;
    color: #4e4e4e
}

.sites-explain table tr .star-icon {
    display: inline-block;
    *display: inline;
    *zoom:1;height: 12px;
    background: url(../image/icon.jpg) no-repeat
}

.sites-explain table tr .star-three {
    width: 52px;
    background-position: 0 -40px
}

.sites-explain table tr .star-two {
    width: 32px;
    background-position: 0 -40px
}

.sites-explain table tr .star-one {
    width: 12px;
    background-position: 0 -40px
}

.sites-explain table tr .star-no {
    width: 12px;
    background-position: 0 -60px
}

@media screen and (max-width: 1206px) {
    .webhosting-tab .webhosting-tab-list li {
        width:240px
    }

    .webhosting-tab .webhosting-tab-list li.active {
        width: 238px
    }

    .sites-info {
        padding: 0 10px 20px
    }

    .sites-explain {
        padding: 20px 10px 44px
    }
}

.desktop .webhosting-tab .webhosting-tab-list li {
    width: 240px
}

.desktop .webhosting-tab .webhosting-tab-list li.active {
    width: 238px
}

.desktop .sites-info {
    padding: 0 10px 20px
}

.desktop .sites-explain {
    padding: 20px 10px 44px
}