@charset "utf-8";
/* CSS Document */
.cl, .clearfix {
    zoom: 1;
    clear: both;
}
 
.wide1190{ margin:0 auto ; max-width:1200px}
.webhosting-tab{    margin: 0 auto; font-size: 0; position: relative; margin-top: -15px;z-index: 90;}
.webhosting-tab li{display:inline-block;*display:inline;*zoom:1;float:none}
.webhosting-tab .item{padding:0 116px;display:inline-block;*display:inline;*zoom:1;height:64px;line-height:64px;font-size:16px;color:#000;background-repeat:no-repeat;background-color:#fff;border-left:1px solid #e5e5e5}
.webhosting-tab .item1{background-image:url(../images/webhosting-icon1.jpg?__sprite);background-position:84px 16px;border-left:0}
.webhosting-tab .item2{background-image:url(../images/webhosting-icon2.jpg?__sprite);background-position:82px 15px}
.webhosting-tab .item3{background-image:url(../images/webhosting-icon3.jpg?__sprite);background-position:80px 14px}
.webhosting-tab .item4{background-image:url(../images/webhosting-icon4.jpg?__sprite);background-position:82px 14px}
.webhosting-tab .active .item{display:inline-block;*display:inline;*zoom:1;color:#fff;position:relative;background-color:#ff890e}
.webhosting-tab .active .item1{background-image:url(../images/webhosting-icon1-hover.jpg?__sprite);background-position:84px 16px}
.webhosting-tab .active .item2{background-image:url(../images/webhosting-icon2-hover.jpg?__sprite);background-position:82px 15px}
.webhosting-tab .active .item3{background-image:url(../images/webhosting-icon3-hover.jpg?__sprite);background-position:80px 14px}
.webhosting-tab .active .item4{background-image:url(../images/webhosting-icon4-hover.jpg?__sprite);background-position:82px 14px}
.webhosting-tab .active .item-arrow{position:absolute;width:18px;height:6px;left:50%;top:64px;margin-left:-6px;background:url(../images/triangle1.jpg) no-repeat bottom center;_overflow:hidden}
.webhosting-title{padding-top:20px;text-align:center}
.webhosting-title h3{font-size:24px;color:#505050}
.webhosting-title .web-line{margin:10px auto 0;width:94px;border-bottom:2px solid #777}
.webhosting-title .web-wavy-line{width:47px;background:#F1F4F4;margin:-12px auto 0;*margin-top:-12px}
.webhosting-title .web-wavy-line i{display:inline-block;*display:inline;*zoom:1;width:37px;height:6px; background:url(../images/triangle2.jpg) repeat-x }
.webhosting-title p{padding-top:10px;font-size:16px;color:#8b8b8b}
.webhosting-list{padding-top:20px; }.webhosting-list li{float:left}
.webhosting-list .middle-column{padding:0 3%}
.webhosting-list .column{padding:40px 0 34px;position:relative;width:374px;background:#fff; min-height:400px;}
.webhosting-list .column:hover{box-shadow: 0px 0px 25px rgba(5, 27, 35, 0.3);}
.webhosting-hot{padding-right:8px;padding-top:4px;position:absolute;right:0;top:0;width:71px;height:59px;background:url(../images/triangle3.jpg) no-repeat top right;font-size:14px;color:#fff;text-align:right}
.webhosting-list .column .column-title{margin:0 30px;padding-bottom:12px;border-bottom:1px solid #e1e1e1;line-height:1.1;font-size:26px;color:#444;text-align:center;position:relative}.webhosting-list .column .price{position:relative;padding-top:12px;font-size:14px;color:#666;text-align:center;line-height:1.1}
.webhosting-list .column .price .price-num{font-size:24px;color:#ff8500}
.webhosting-list .column .price .price-line{margin-left:-9px;font-size:24px;color:#a7a4a4}
.domain-tip{display:inline-block;*display:inline;*zoom:1;position:absolute;top:14px;right:86px;background-color:#e8f8fe;border-radius:16px;border:1px solid #c7dff9;font-size:12px;z-index:1;color:#2086EE;padding:0 5px;line-height:20px}
.sheng100{display:inline-block;*display:inline;*zoom:1;position:relative;padding:0 2px;border-radius:2px 2px 2px 0;background:#2fd72b;font-size:12px;color:#fff;text-align:center;position:absolute;top:14px;right:86px;line-height:20px}
.sheng100 i{position:absolute;bottom:-10px;left:0;width:10px;height:10px;background:url(../images/basic-icon.jpg) no-repeat 0 -400px}
.sheng100 .sheng100-refresh-tip,.domain-tip .domain-refresh-tip{position:absolute;top:-12px;left:50px;padding:2px;width:220px;background:#FFF;border-radius:4px;border:1px solid #2086EE;font-size:12px;text-align:center;z-index:19;color:#666;display:none}
.sheng100:hover .sheng100-refresh-tip,.domain-tip:hover .domain-refresh-tip{display:block}
.webhosting-info{padding:30px 15px 0 30px}.webhosting-info li{padding:0 15px;float:left;font-size:14px;color:#707070;text-align:center; list-style:none;}
.webhosting-info li p{font-size:16px;font-weight:700;color:#565656}
.webhosting-info .border-line{border-left:1px solid #e7e7e7;border-right:1px solid #e7e7e7}
.webhosting-list .column .column-config{padding-left:45px;line-height:1.1;text-align:left}
.webhosting-list .column .column-config dt{float:left;padding-top:18px;width:64px;color:#2f2f2f;font-weight:700}
.webhosting-list .column .column-config dd{padding-top:18px;color:#4b4b4b}
.webhosting-list .column .column-more{padding:14px 0 0 45px;font-family:"新宋体"}
.webhosting-list .column .column-more a{color:#1061ac;font-weight:700}
.webhosting-list .column .column-bottom{padding-top:24px;text-align:center}
.webhosting-list .column .column-btn{display:inline-block;width:220px;height:46px;line-height:46px;font-size:16px;background:#2086ee;color:#fff;text-align:center;cursor:pointer}.webhosting-list .column-li-hover .column{box-shadow:0 10px 4px 0 rgba(0,0,0,.1)}
.webhosting-list .column-li-hover .column-btn{background:#0eb7fd}
 
.pro_gaishu{ background-color:#fff; min-height:360px; overflow:hidden;}
.pro_gaishu .wrap{ max-width:1200px; margin:auto;}
.pro_gaishu_t{ max-width:1200px; margin:0 auto; margin-top:20px; height:53px; line-height:50px; overflow:hidden;background: url(../images/line.jpg) left bottom repeat-x;}
.pro_gaishu_t span{ float:left; font-size:24px; color:#333333; letter-spacing:2px; border-bottom:3px solid #ff8500;}
.pro_gaishu ul li{ display:inline-block; width:25%; padding-top:36px; text-align:center;float: left;}
.pro_gaishu ul li span{ width:84px; height:62px; display:block; margin:0 auto;margin-bottom:18px;}
.pro_gaishu ul li span.bgs1{ background:url(../images/zhuanti_pic1_on.png) center center no-repeat;}
.pro_gaishu ul li span.bgs2{ background:url(../images/zhuanti_pic2_on.png) center center no-repeat;}
.pro_gaishu ul li span.bgs3{ background:url(../images/zhuanti_pic3_on.png) center center no-repeat;}
.pro_gaishu ul li span.bgs4{ background:url(../images/zhuanti_pic4_on.png) center center no-repeat;}
.pro_gaishu ul li h2{ height:36px; line-height:36px; font-weight:normal; font-size:18px; color:#333333; margin-bottom:5px;}
.pro_gaishu ul li p{ font-size:14px; line-height:22px; width:240px; margin:0 auto; color:#333333;}
.pro_gaishu ul li a:Hover h2{ color:#f3782a;}
.pro_gaishu ul li a:Hover span.bgs1{ background:url(../images/zhuanti_pic1.png) center center no-repeat;}
.pro_gaishu ul li a:Hover span.bgs2{ background:url(../images/zhuanti_pic2.png) center center no-repeat;}
.pro_gaishu ul li a:Hover span.bgs3{ background:url(../images/zhuanti_pic3.png) center center no-repeat;}
.pro_gaishu ul li a:Hover span.bgs4{ background:url(../images/zhuanti_pic4.png) center center no-repeat;}

.pro_applice{ background-color:#f8f9f9; min-height:709px;  }
.pro_applice .wrap{max-width:1200px; margin:auto;}
.pro_applice_l{ float:left; width:50%;  padding-top:55px;} 
.pro_applice_l.bgs1{background:url(../images/zhuanti_line.jpg) right 216px no-repeat;}
.pro_applice_l .imgs{ height:59px;   margin-bottom:60px;}
.pro_applice_l ul li{ height:169px; overflow:hidden; display:block; width:100%; padding-left:20%;}
.pro_applice_l.bgs1 ul li{ margin-left:0;}
.pro_applice_l ul li span{ float:left; width:86px; height:86px; margin-top:15px; margin-right:16px;}
.pro_applice_l ul li span.bgs1{ background:url(../images/zhuanti_pic7.png) center center no-repeat;}
.pro_applice_l ul li span.bgs2{ background:url(../images/zhuanti_pic8.png) center center no-repeat;}
.pro_applice_l ul li span.bgs3{ background:url(../images/zhuanti_pic9.png) center center no-repeat;}
.pro_applice_l ul li span.bgs4{ background:url(../images/zhuanti_pic10.png) center center no-repeat;}
.pro_applice_l ul li span.bgs5{ background:url(../images/zhuanti_pic11.png) center center no-repeat;}
.pro_applice_l ul li span.bgs6{ background:url(../images/zhuanti_pic12.png) center center no-repeat;}
.pro_applice_l ul li div{ width:80%;  line-height:18px; font-size:14px; color:#333333;}
.pro_applice_l ul li h2{ font-weight:normal; font-size:18px; line-height:40px; height:40px; overflow:hidden; margin-bottom:5px;}
.pro_applice_l ul li:hover span.bgs1{ background:url(../images/zhuanti_pic7_on.png) center center no-repeat;}
.pro_applice_l ul li:hover span.bgs2{ background:url(../images/zhuanti_pic8_on.png) center center no-repeat;}
.pro_applice_l ul li:hover span.bgs3{ background:url(../images/zhuanti_pic9_on.png) center center no-repeat;}
.pro_applice_l ul li:hover span.bgs4{ background:url(../images/zhuanti_pic10_on.png) center center no-repeat;}
.pro_applice_l ul li:hover span.bgs5{ background:url(../images/zhuanti_pic11_on.png) center center no-repeat;}
.pro_applice_l ul li:hover span.bgs6{ background:url(../images/zhuanti_pic12_on.png) center center no-repeat;}
.yuming_end{ background-color:#fff; overflow:hidden; padding-bottom:50px;}
.yuming_end .yuming_end_t{ height:120px; line-height:120px; overflow:hidden; text-align:center; font-size:24px; color:#333333;}
.yuming_end ul{max-width:1200px; margin:0 auto;}
.yuming_end ul li{ float:left; width:24%;  margin:0 0.5%; height:auto; text-align:center;  }
.yuming_end ul li:last-child{ margin-right:0;}
.yuming_end ul li .divs{background-color:#f2f2f2; height:294px; color:#333333;transition:all 0.3s;}
.yuming_end ul li .divs h2{ height:72px; line-height:72px; font-weight:normal; font-size:18px;}
.yuming_end ul li .divs i{ width:82px; height:88px; margin:0 auto; display:block;transition:all 0.3s;}
.yuming_end ul li .divs i.bgs1{ background:url(../images/yuming_pic4.png) center center no-repeat;}
.yuming_end ul li .divs i.bgs2{ background:url(../images/yuming_pic5.png) center center no-repeat;}
.yuming_end ul li .divs i.bgs3{ background:url(../images/yuming_pic6.png) center center no-repeat;}
.yuming_end ul li .divs i.bgs4{ background:url(../images/yuming_pic7.png) center center no-repeat;}
.yuming_end ul li .divs p{ padding-top:15px; line-height:20px; height:60px; padding-left:27px; padding-right:27px; font-size:12px;}
.yuming_end ul li span{ display:block; margin:0 auto; width:80px; height:46px; line-height:46px; text-indent:24px; background:url(../images/yuming_pic8.png) left center no-repeat;  color: #6b6666;}
.yuming_end ul li a:hover span{background:url(../images/yuming_pic8_on.png) left center no-repeat;}
.yuming_end ul li a:hover .divs{ background-color:#ff9c00; color:#fff;}
.yuming_end ul li a:hover .divs p{ color:#fff;}
.yuming_end ul li a:hover .divs i.bgs1{ background:url(../images/yuming_pic4_on.png) center center no-repeat;}
.yuming_end ul li a:hover .divs i.bgs2{ background:url(../images/yuming_pic5_on.png) center center no-repeat;}
.yuming_end ul li a:hover .divs i.bgs3{ background:url(../images/yuming_pic6_on.png) center center no-repeat;}
.yuming_end ul li a:hover .divs i.bgs4{ background:url(../images/yuming_pic7_on.png) center center no-repeat;}

.mail_seven ul{ max-width:1400px;}
.mail_seven li{ height:207px; width:33.3%; float:left; display:inline; font-size:14px; color:#817f7f; line-height:22px;}
.mail_seven li img{ width:113px; height:113px; float:left; display:inline; margin-right:23px; margin-top:5px;}
.mail_seven li:hover{filter:alpha(opacity=80);opacity:0.8;transition:all 0.3s;}
.mail_seven li h2{ line-height:42px; height:42px; overflow:hidden;background:url(../images//mail_line.png) left bottom no-repeat; font-size:18px; color:#2d2d2d; font-weight:normal; letter-spacing:2px; margin-bottom:8px;}

.mail_six{ color:#575556; font-size:30px; text-align:center; padding-bottom:38px;letter-spacing:1px; line-height:40px;}
.mail_six span{ font-size:48px; font-style:italic; letter-spacing:6px;}
.mail_six label{ line-height:32px; color:#969696; font-size:18px;}
@media only screen and (max-width: 992px) {
.webhosting-list .middle-column{padding:0 2%}
.yuming_end ul li{ float:left; width:49%;  margin:0 0.5%; height:auto; text-align:center;  }
}
@media only screen and (max-width: 768px) {
    .webhosting-list .host{ width:100%}
    .webhosting-list .column{width:100%}
    .webhosting-list .middle-column{padding:0}
    .pro_applice_l .imgs  {width:auto}
    .mail_seven li{ width:50%}
    .pro_gaishu ul li{ width:50%}
    .webhosting-list .middle-column{padding:0 1%}
    .pro_applice_l{ width:100%}.pro_applice_l ul li{margin-left:0}
}
@media only screen and (max-width: 480px) {
        
     .pro_applice_l .imgs  {display:none}
        .pro_gaishu ul li{ width:100%}  .mail_seven li{ width:100%}
        .yuming_end ul li{ float:left; width:99%;  margin:0 0.5%; height:auto; text-align:center;  }
    .webhosting-list .middle-column{padding:0 }
}
@media only screen and (max-width: 375px) {
 .webhosting-list .column{width:100%}
 .webhosting-list li{ width:33.3%}
    .webhosting-list .column{width:100%}
    
}