@CHARSET "UTF-8";

/*=== 作者：Distantmemory - 时间：2016年12月 - 版本：1.0 - 个人：www.distantmemory.cc - 公司：www.timoo.net ===*/

/*== HTML ==*/
html,body { -ms-overflow-style: scrollbar; overflow-x: hidden; font-size: 625%; }

/*=== 字体 ===*/
@font-face {
  font-family: 'context';
  src: url('../fonts/Context.ttf');
  font-weight: normal;
  font-style: normal;
}

/*== 格式化 ==*/
body, button, input, select, textarea, h1 ,h2, h3, h4, h5, h6 { color: #333; font: 0.16rem/0.32rem "Helvetica", "Verdana", "Arial", "Tahoma", "Georgia", "Philosopher", "\5FAE\8F6F\96C5\9ED1", "PingFang SC", "Hiragino Sans GB", "Heiti SC", "WenQuanYi Micro Hei", "Noto Sans CJK SC", "Source Han Sans CN", "simsun", "\5b8b\4f53", "sans-serif"; outline: none; }
ul, li { margin: 0; padding: 0; }
li { list-style: none; }
a, a:after, a:before { color: #333; cursor: pointer;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s; 
    transition: all 0.5s; }
a:focus, a:hover { color: #FF840A; text-decoration: none; outline: none; }

.timoo-icon::before { display: inline-block; margin-right: 0; margin-left: 0; text-align: center; text-transform: none; text-decoration: inherit; font-family: "fontello"; font-style: normal; font-weight: normal; font-variant: normal; speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }

.left-0 { left: 0 !important; }

/*=== 幻灯片 ===*/
.tm-banner-button:hover { background: #FFDE00 !important; }

/*=== 通用 ===*/
.tm-transition { 
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s; 
    transition: all 0.5s; }

.tm-box { padding: 0 0.08rem; }
.tm-no-padding { padding: 0 !important; }
.tm-display-none { display: none !important; }

/*=== Wordpress ===*/
.aligncenter { display: block; margin-left: auto; margin-right: auto; }

/*=== 媒体查询 ===*/
/*手机*/
@media ( min-width : 320px) { 
    
    .uk-width-small-1-2 { width: 50%; }
    .uk-width-small-1-3 { width: 33.333333%; }
    .uk-width-small-1-4 { width: 25%; }
    
    /*=== 高德地图 ===*/
    .page-contact .contact .content .map-box .amap-overlays .amap-adcontent-body .amap-info-combo { display: none; }
    .amap-adcombo-close { top: 0.06rem; }
    
    /*=== 菜单 - 主导航 ===*/
    .main-menu { display: none; }
    
    /*手机导航*/
    .mobile-menu-icon { position: absolute; top: 50%; right: 0.08rem; margin-top: -0.16rem; width: 0.32rem; height: 0.32rem; font-size: 0.2rem; color: #FFF; cursor: pointer; }
    .mobile-menu { position: fixed; left: -50%; width: 50%; height: 100%; box-shadow: 0 0 0.04rem rgba(0,0,0,0.1); font-size: 0.14rem; z-index: 999; overflow: hidden; 
        background: -webkit-linear-gradient(#4CAFF1, #3C8FE9, #3077E2, #2A6BDF);
        background: -moz-linear-gradient(#4CAFF1, #3C8FE9, #3077E2, #2A6BDF);
        background: -o-linear-gradient(#4CAFF1, #3C8FE9, #3077E2, #2A6BDF);
        background: linear-gradient(#4CAFF1, #3C8FE9, #3077E2, #2A6BDF); }
    .mobile-menu .menu-box { padding: 0.16rem 0; height: 100%; overflow: scroll; }
    .mobile-menu .menu-box .logo { margin-bottom: 0.32rem; padding: 0 0.16rem; }
    .mobile-menu .menu-box .menu { padding-bottom: 0.48rem; }
    .mobile-menu .menu-box .menu > li { position: relative; line-height: 0.48rem; }
    .mobile-menu .menu-box .menu > li > a { display: block; padding: 0 0.24rem; border-left: 0.04rem solid transparent; }
    .mobile-menu .menu-box .menu > li + li > a { border-top: 0.01rem solid rgba(255,255,255,0.1); }
    .mobile-menu .menu-box .menu > li.current-menu-item > a,
    .mobile-menu .menu-box .menu > li.current-menu-parent > a { background: #2E73E1; border-left-color: #FFAC4B; border-bottom: 0.01rem solid rgba(255,255,255,0.1); }
    .mobile-menu .menu-box .menu > li.menu-item-has-children:after { content: "\f105"; display: block; position: absolute; top: 0.02rem; right: 0.16rem; width: 0.48rem; height: 0.48rem; line-height: 0.48rem; text-align: center; font-family: "fontello"; color: #FFF; cursor: pointer; 
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        -ms-transition: all 0.5s;
        -o-transition: all 0.5s; 
        transition: all 0.5s; }
    .mobile-menu .menu > li.on:after,
    .mobile-menu .menu > li.current-menu-item:after,
    .mobile-menu .menu > li.current-menu-parent:after { 
        -webkit-transform:rotate(90deg);
        -moz-transform:rotate(90deg);
        -ms-transform:rotate(90deg);
        -o-transform:rotate(90deg);
        transform:rotate(90deg); }
    .mobile-menu .menu-item .sub-menu { height: auto; overflow: hidden; }
    .mobile-menu .menu-item .sub-menu > li > a { display: block; position: relative; padding: 0 0.28rem; height: 0; background: #2B6DDF; line-height: 0.4rem; color: #C8DFFF; overflow: hidden; }
    .mobile-menu .menu-item .sub-menu > li > a:before { content: "·"; margin-right: 0.04rem; font-weight: 700; color: #FFF; }
    .mobile-menu a { color: #FFF; }
    .mobile-menu .menu-item .sub-menu > li.current-menu-item > a,
    .mobile-menu .menu-item .sub-menu > li.current-menu-item > a:before { color: #FFAC4B; }
    .mobile-menu .menu > li.on .sub-menu > li > a,
    .mobile-menu .menu > li.current-menu-item .sub-menu > li > a,
    .mobile-menu .menu > li.current-menu-parent .sub-menu > li > a { height: 0.4rem; }
    
    /*=== 首页 ===*/
    /*顶部*/
    .tm-home-top { position: fixed; top: 0; left: 0; padding: 0.16rem 0; width: 100%; background: rgba(27,52,88,0.75); z-index: 999; }
    .tm-home-top .content { position: relative; }
    .tm-home-top .logo img { max-width: 0.96rem; }
    
    /*内容*/
    .index-box { padding: 0.24rem 0; }
    .index-box .title { width: 100%; text-align: center; line-height: 0.32rem; }
    .index-box .title > span { display: block; }
    .index-box .title .maintitle { float: none; margin-right: 0; font-size: 0.2rem; }
    .index-box .title .subtitle { float: none; color: #999; }
    
    .index-box .cat-list { float: none; text-align: center; }
    .index-box .cat-list > ul > li { margin: auto; padding: 0.08rem 0; width: 33.33333%; font-size: 0.14rem; }
    
    /*内容公用*/
    .index-service .content .list,
    .index-case .content .list,
    .page-case .content .list,
    .index-news .content .list { padding: 0.16rem 0.32rem; opacity: 0; }
    
    /*数据展示*/
    .index-date { padding: 0.24rem 0; }
    .index-date .box .date .number { line-height: 0.32rem; font-family: 'context'; color: #666; }
    
    /*内页公用*/
    .page { padding-top: 0.64rem; }
    .page .page-banner { display: none; }
    .page-menu { border-bottom: 0.01rem solid #EAEAEA; line-height: 0.32rem; }
    .page-menu li { box-sizing: border-box; padding: 0.08rem; width: 33.33333%; text-align: center; }
    .page-menu li + li { margin-left: auto; }
    .page-menu li a { display: block; box-shadow: 0 0 0.02rem rgba(0,0,0,0.2); }
    
    /*=== 业务服务 ===*/
    /*首页*/
    .index-service .content .list .box article .subject,
    .page-service .content .list .box article .subject { margin-top: 0.16rem; margin-bottom: 0.08rem; text-align: center; font-size: 0.2rem; }
    .index-service .content .list .box .icon,
    .page-service .content .list .box .icon { padding-right: 0; text-align: center; line-height: 0.96rem; font-size: 0.88rem; color: #DBDBDB; }
    
    /*=== 关于公司 ===*/
    /*首页*/
    .index-about { padding-top: 3.2rem; padding-bottom: 0; background: url(../img/background/index_about.jpg) no-repeat; background-size: cover; }
    .index-about .about-box { background: #F3F9FB; }
    .index-about .about-box .content .pic { position: relative; top: -0.48rem; padding-right: 0; }
    .index-about .about-box .content .article { padding-left: 0; padding-right: 0; line-height: 0.24rem; font-size: 0.14rem; }
    .index-about .about-box .content .article article header { margin: 0.16rem auto; }
    
    /*主页*/
    .page-about .page-box,
    .page-contact .page-box,
    .page-news .page-box { padding: 0 0.16rem; }
    
    /*=== 业务服务 ===*/
    /*主页*/
    .page-service .page-box { padding: 0.24rem 0; } 
    .page-service .content { margin: auto; }
    .page-service .content .list { padding: 0.16rem 0.24rem; opacity: 0; }
    
    /*网站建设*/
    .service-website .page-box .content { padding: 0.24rem 0.08rem; }
    .service-website .page-box .content .list .title .subject { line-height: 0.32rem; font-size: 0.24rem; color: #FF7F00; }
    .service-website .page-box .content .list.why .article-list .right .text { padding-left: 0; }
    .service-website .page-box .content .list.why .article-list .summary p { margin-bottom: 0; }
    .service-website .page-box .content .list.why .article-list .right .text .subject { margin: 0.16rem auto; font-size: 0.28rem; color: #2A6BDF; }
    .service-website .page-box .content .list.difference .article-list .unit { margin-top: 0.24rem; padding: 0 0.24rem; opacity: 0; }
    .service-website .page-box .content .list.difference .article-list .unit .box .picture { padding: 0 0.16rem; }
    .service-website .page-box .content .list.difference .article-list .unit .box .info { padding: 0.16rem; }
    .service-website .page-box .content .list.advantage .article-list .unit .box { margin-bottom: 0.16rem; }
    .service-website .page-box .content .list.advantage .article-list .unit .box .icon { margin-bottom: 0.08rem; border: 0.02rem solid #E1E1E1; border-radius: 50%; font-size: 0.72rem; color: #E1E1E1; }
    .service-website .page-box .content .list.advantage .article-list .unit .box .subject { line-height: 0.28rem; font-size: 0.16rem; color: #666; }
    
    /*域名服务*/
    .service-domain .page-box,
    .service-shop .page-box { padding: 0.24rem 0; }
    .service-domain .page-box .title .subject,
    .service-shop .page-box .title .subject { line-height: 0.32rem; font-size: 0.24rem; color: #FF7F00; }
    .service-domain .page-box .title .subtitle,
    .service-shop .page-box .title .subtitle { padding: 0 0.24rem; line-height: 0.28rem; color: #999; }
    
    .service-domain .page-box .content .recommend .unit { margin-top: -0.01rem; padding: 0.24rem 0.16rem; border: 0.01rem solid #E5E5E5; }
    .service-domain .page-box .content .recommend .unit .right { padding-left: 0; padding-top: 0.16rem; text-align: center; }
    .service-domain .page-box .content .price .list .unit { height: 0.4rem; border-bottom: 0.01rem solid rgba(0,0,0,0.1); line-height: 0.4rem; overflow: hidden; }
    .service-domain .page-box .content .price .list .unit + .unit { border-left: none; }
    
    /*商铺装修*/
    .service-shop .page-box .content { margin: auto; }
    .service-shop .page-box .content .list-box .list { margin-bottom: 0.24rem; padding: 0 0.16rem; opacity: 0; }
    .service-shop .page-box .content .list-box .list + .list { border-left: none; }
    .service-shop .page-box .content .list-box .list .box .info .subject { margin: 0.08rem auto auto auto; font-size: 0.2rem; color: #666; }
    
    .service-shop .page-box .case-list .list-box { margin: auto; }
    .service-shop .page-box .case-list .list-box .list { margin-bottom: 0.16rem; padding: 0 0.16rem; }
    
    /*网站推广*/
    .service-spread .page-box { padding: 0.24rem 0.16rem; }
    .service-spread .page-box .title .subject { border-bottom: 0.04rem solid #E0E0E0; line-height: 0.48rem; font-size: 0.24rem; color: #2A6BDF; }
    .service-spread .page-box .content .list .heading { margin-bottom: 0.16rem; font-size: 0.24rem; color: #FF7F00; }
    .service-spread .page-box .content .list .article-list { position: relative; padding-left: 0; height: auto; opacity: 0; overflow: hidden; }
    .service-spread .page-box .content .list .article-list .left { position: relative; margin: auto; width: 1.2rem; height: 1.2rem; line-height: 1.2rem; }
    .service-spread .page-box .content .list .article-list .right { text-align: center; }
    .service-spread .page-box .content .list .article-list .right .subject { margin-top: 0.12rem; margin-bottom: 0.12rem; font-size: 0.2rem; color: #32B2FB; }
    .service-spread .page-box .content .list .article-list .right .summary { line-height: 0.28rem; font-size: 0.16rem; color: #666; }
    
    /*企业邮箱*/
    .service-mail .page-box,
    .service-wechat .page-box,
    .service-phone .page-box { padding: 0.24rem 0.16rem; }
    .service-mail .switcher-menu,
    .service-wechat .switcher-menu,
    .service-phone .switcher-menu { margin-bottom: 0; }
    .service-mail .switcher-menu .link a,
    .service-wechat .switcher-menu .link a,
    .service-phone .switcher-menu .link a { display: block; position: relative; height: 0.48rem; background: #CDCDCD; line-height: 0.48rem; font-size: 0.16rem; color: #FFF; }
    .service-mail .switcher-menu .link a:after,
    .service-wechat .switcher-menu .link a:after,
    .service-phone .switcher-menu .link a:after { content: ""; position: absolute; bottom: -0.12rem; left: 50%; margin-left: -0.12rem; width: 0; height: 0; border-left: 0.12rem solid transparent; border-right: 0.12rem solid transparent; border-top: 0.12rem solid #32B2FB; opacity: 0; 
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        -ms-transition: all 0.5s;
        -o-transition: all 0.5s; 
        transition: all 0.5s; } 
    .service-mail .content .mail-global .section { padding: 0.24rem 0; }
    .service-mail .content .mail-global .section.property { border-bottom: 0.01rem solid rgba(0,0,0,0.1); }
    .service-mail .content .mail-global .section.property .subject { font-size: 0.2rem; color: #32B2FB; }
    .service-mail .content .mail-global .section .title .subject { font-size: 0.24rem; color: #FF7F00; }
    .service-mail .content .mail-global .section.advantage .article-list { margin: 0 -0.24rem 0 -0.24rem; }
    .service-mail .content .mail-global .section.advantage .article-list .box .unit .article { height: auto; border: 0.01rem solid rgba(0,0,0,0.1); overflow: hidden; }
    .service-mail .content .mail-global .section.advantage .article-list .box .unit .article .right .info { margin-top: 0.16rem; margin-bottom: 0.16rem; padding: 0 0.16rem; height: 1.28rem; text-align: center; overflow: hidden; }
    .service-mail .content .mail-global .section.ensure .article-list { margin-top: 0.16rem; }
    .service-mail .content .mail-global .section.ensure .article-list .box .unit .article .right .info { text-align: center; }
    .service-mail .content .mail-global .section.ensure .article-list .box .unit:last-child { border-left: none; }
    
    .service-mail .content .email-263 .title .summary { padding: 0.24rem 0; border-bottom: 0.01rem solid rgba(0,0,0,0.1); line-height: 0.24rem; font-size: 0.18rem; color: #32B2FB; }
    .service-mail .content .email-263 .content .section { padding: 0.24rem 0; }
    .service-mail .content .email-263 .content .section .title { margin-bottom: 0.08rem; font-size: 0.24rem; color: #FF7F00;}
    .service-mail .content .email-263 .content .section.advantage .article-list .box { height: auto; border: 0.01rem solid rgba(0,0,0,0.1); overflow: hidden; } 
    .service-mail .content .email-263 .content .section.advantage .article-list .box .right .info { margin-top: 0.24rem; padding: 0 0.16rem; height: auto; overflow: hidden; }
    .service-mail .content .email-263 .content .section.advantage .article-list .box .right .subject { margin-bottom: 0; text-align: center; font-size: 0.18rem; }
    
    /*百度认证*/
    .service-attestation .page-box > div { padding: 0.24rem 0.08rem; }
    .service-attestation .section .title .subject { line-height: 0.32rem; font-size: 0.24rem; color: #FF7F00; }
    .service-attestation .section .title .subtitle { padding: 0; line-height: 0.24rem; font-size: 0.14rem; color: #999; }
    .service-attestation .page-box .honest-enterprise .info { padding-left: 0; height: 100%; }
    .service-attestation .page-box .honest-enterprise .info .summary { position: relative; padding: 0 0.32rem; color: #666; }
    .service-attestation .page-box .honest-enterprise .info .summary .icon { position: absolute; max-width: 0.24rem; color: #C5C5C5; }
    .service-attestation .page-box .honest-enterprise .info .summary .icon-before { top: 0.04rem; left: 0; }
    .service-attestation .page-box .honest-enterprise .info .summary .icon-after { bottom: -0.12rem; right: 0; }
    .service-attestation .page-box .business-identification .content .unit { padding: 0.16rem 0.48rem; opacity: 0; }
    .service-attestation .page-box .business-identification .content .article-box .right { margin-top: 0.16rem; padding-left: 0; text-align: center; color: #999; }
    
    /*微信营销*/
    .service-wechat .page-box .section { padding: 0.24rem 0; border-bottom: 0.01rem solid rgba(0,0,0,0.1); }
    .service-wechat .page-box .section .title .subject { margin-bottom: 0.16rem; font-size: 0.24rem; color: #FF7F00; }
    .service-wechat .page-box .friends .section.advantage .article-list .right { padding-left: 0; }
    
    /*云主机*/
    .service-host .page-box { padding: 0.24rem 0.16rem; }
    .service-host .page-box .work-host-type .title .subject { line-height: 0.48rem; font-size: 0.24rem; color: #FF7F00; }
    .service-host .page-box .work-host-outline .section .title .subject { font-size: 0.24rem; color: #FF7F00; }
    .service-host .page-box .work-host-outline .section.overview .content .article-list .left { border-right: none; }
    .service-host .page-box .work-host-outline .section.overview .content .article-list .right { margin-top: 0.24rem; padding-left: 0; }
    .service-host .page-box .work-host-outline .section.overview > .summary { margin-top: 0; color: #999; }
    .service-host .page-box .work-host-outline .section.cases .content .article-list .unit { padding: 0.16rem 0.32rem; opacity: 0; }
    
    /*400电话*/
    .service-phone .content .section .summary { margin-top: 0.24rem; padding: 0.08rem 0.24rem; border: 0.01rem solid rgba(0,0,0,0.1); }
    
    /*=== 案例展示 ===*/
    /*详情页*/
    .page-case .content .single .left { margin-top: 0.24rem; padding-right: 0.32rem; padding-left: 0.32rem; }
    .page-case .content .single .right { padding-right: 0.32rem; padding-left: 0.32rem; }
    .page-case .content .single .right .box .title .subject { font-size: 0.2rem; }
    
    /*=== 资讯知识 ===*/
    /*首页*/
    .index-news .content .box .text { margin-top: 0.08rem; padding-left: 0; line-height: 0.24rem; }
    .index-news .content .box .info { margin-top: 0.08rem; font-size: 0.14rem; line-height: 0.24rem; color: #AAA; }
    
    /*列表页*/
    .page-news .content .list .box .right .info .text { position: relative; padding: 0; line-height: 0.24rem; font-size: 0.14rem; }
    .page-news .content .list .box .right .info { position: relative; padding: 0 0.08rem; }
    .page-news .content .list .box .right .info .text .subject { margin-bottom: 0.08rem; font-size: 0.16rem; }
    
    /*详情页*/
    .page-news .single .title { font-size: 0.2rem; }
    
    /*=== 联系我们 ===*/
    /*首页*/
    .index-contact { background: #1B3458; border-bottom: 0.01rem solid #314869; text-align: center; color: #7C8797; }
    
    /*主页*/
    .page-contact .contact .content .left { padding-right: 0; min-height: 4rem; }
    .page-contact .contact .content .left .map-box { box-shadow: 0 0 0.04rem rgba(0,0,0,0.2); }
    .page-contact .contact .content .right { margin-top: 0.16rem; padding-left: 0; }
    .page-contact .amap-info { width: 2.8rem; }
    
    /*=== 底部 ===*/
    .foot > div { height: auto; line-height: 0.24rem; overflow: hidden; }
    .foot ul > li { float: none; position: relative; }
    
}

@media ( min-width : 360px) { 
    
} 

/*平板电脑*/
@media ( min-width : 768px) { 
    
    .uk-width-medium-1-4 { width: 25%; }
    .uk-width-medium-1-6 { width: 16.666666%; }
    
    /*=== 高德地图 ===*/
    .page-contact .contact .content .map-box .amap-overlays .amap-adcontent-body .amap-info-combo { display: block; }
    
    /*=== 菜单 - 主导航 ===*/
    /*手机导航*/
    .mobile-menu { width: 30%; }
    
    /*=== 首页 ===*/
    /*顶部*/
    .tm-home-top { position: fixed; top: 0; left: 0; padding: 0.16rem 0; width: 100%; background: rgba(27,52,88,0); z-index: 999; }
    .tm-home-top .logo img { max-width: 100%; }
    .tm-home-top.on .logo img { max-width: 60%; }
    
    /*内容*/
    .index-box { padding: 0.48rem 0; }
    .index-box .title { width: auto; line-height: 0.48rem; }
    .index-box .title > span { display: inline; }
    .index-box .title .maintitle { float: left; margin-right: 0.16rem; font-size: 0.24rem; }
    .index-box .title .subtitle { float: right; }
    
    .index-box .cat-list { float: right; text-align: left; }
    .index-box .cat-list > ul > li { margin: auto auto auto 0.16rem; padding: 0.08rem 0; width: auto; font-size: 0.14rem; }
    
    /*内容公用*/
    .index-service .content .list,
    .index-case .content .list,
    .page-case .content .list,
    .index-news .content .list { padding: 0.24rem; }
    
    /*数据展示*/
    .index-date { padding: 0.4rem 0; }
    .index-date .box .date .number { line-height: 0.72rem; font-size: 0.56rem; }
    
    /*内页公用*/
    .page { padding: 0; }
    .page .page-banner { display: block; }
    .page-menu { border-bottom: 0.01rem solid #EAEAEA; line-height: 0.56rem; }
    .page-menu li { padding: 0; width: auto; text-align: left; }
    .page-menu li + li { margin-left: 0.32rem; }
    .page-menu li a { display: inline; box-shadow: none; }
    
    /*=== 关于公司 ===*/
    /*首页*/
    .index-about { padding-top: 4rem; padding-bottom: 0; }
    .index-about .about-box .content .pic { padding-right: 0.32rem; }
    .index-about .about-box .content .article { padding-left: 0.32rem; padding-right: 0.16rem; }
    .index-about .about-box .content .article article header { margin: 0.32rem auto; }
    
    /*主页*/
    .page-about .page-box,
    .page-contact .page-box,
    .page-news .page-box { padding: 0 0.08rem; }
    
    /*=== 业务服务 ===*/
    /*主页*/
    .page-service .page-box { padding: 0.48rem 0; } 
    .page-service .content { margin: auto -0.16rem; }
    .page-service .content .list { padding: 0.24rem 0.16rem; opacity: 0; }
    
    /*网站建设*/
    .service-website .page-box .content { padding: 0.48rem 0; }
    .service-website .page-box .content .list .title .subject { line-height: 0.48rem; font-size: 0.32rem; }
    .service-website .page-box .content .list.why .article-list .right .text { padding-left: 0.48rem; }
    .service-website .page-box .content .list.why .article-list .right .text .subject { font-size: 0.32rem; }
    .service-website .page-box .content .list.difference .article-list .unit { margin-top: auto; }
    .service-website .page-box .content .list.difference .article-list .unit .box .picture { padding: 0 0.32rem; }
    .service-website .page-box .content .list.difference .article-list .unit .box .info { padding: 0.16rem 0.32rem; }
    .service-website .page-box .content .list.advantage .article-list .unit .box { margin-bottom: auto; }
    .service-website .page-box .content .list.advantage .article-list .unit .box .icon { margin-bottom: 0.24rem; }
    .service-website .page-box .content .list.advantage .article-list .unit .box .subject { line-height: 0.32rem; font-size: 0.18rem; }
    
    /*域名服务*/
    .service-domain .page-box,
    .service-shop .page-box { padding: 0.48rem 0; }
    .service-domain .page-box .title .subject,
    .service-shop .page-box .title .subject { line-height: 0.48rem; font-size: 0.32rem; }
    .service-domain .page-box .title .subtitle,
    .service-shop .page-box .title .subtitle { padding: 0 2rem; line-height: 0.32rem; }
    
    .service-domain .page-box .content .recommend .unit { margin-top: 0; }
    .service-domain .page-box .content .recommend .unit .right { padding-left: 0.24rem; text-align: left; }
    .service-domain .page-box .content .price .list .unit { height: 0.56rem; border-bottom: none; line-height: 0.56rem; }
    .service-domain .page-box .content .price .list .unit + .unit { border-left: 0.01rem solid #FFF; }
    
    /*商铺装修*/
    .service-shop .page-box .content { margin: auto -0.64rem; }
    .service-shop .page-box .content .list-box .list { margin-bottom: 0; padding: 0 0.64rem; }
    .service-shop .page-box .content .list-box .list + .list { border-left: 0.01rem solid #F1F1F1; }
    .service-shop .page-box .content .list-box .list .box .info .subject { margin: 0.32rem auto; font-size: 0.24rem; }
    
    .service-shop .page-box .case-list .list-box { margin: auto -0.16rem; }
    .service-shop .page-box .case-list .list-box .list { margin-bottom: auto; padding: 0 0.16rem; }
    
    /*网站推广*/
    .service-spread .page-box { padding: 0.48rem 0; }
    .service-spread .page-box .title .subject { line-height: 0.72rem; font-size: 0.32rem; }
    .service-spread .page-box .content .list .heading { margin-bottom: 0.32rem; font-size: 0.32rem; }
    .service-spread .page-box .content .list .article-list { padding-left: 1.6rem; height: 1.2rem; }
    .service-spread .page-box .content .list .article-list .left { position: absolute; left: 0; top: 0; }
    .service-spread .page-box .content .list .article-list .right { text-align: left; }
    .service-spread .page-box .content .list .article-list .right .subject { font-size: 0.24rem; }
    .service-spread .page-box .content .list .article-list .right .summary { line-height: 0.32rem; font-size: 0.18rem; }
    
    /*企业邮箱*/
    .service-mail .page-box,
    .service-wechat .page-box,
    .service-phone .page-box { padding: 0.48rem 0; }
    .service-mail .switcher-menu,
    .service-wechat .switcher-menu,
    .service-phone .switcher-menu { margin-bottom: 0.48rem; }
    .service-mail .switcher-menu .link a,
    .service-wechat .switcher-menu .link a,
    .service-phone .switcher-menu .link a { height: 0.72rem; line-height: 0.72rem; font-size: 0.32rem; }
    .service-mail .switcher-menu .link a:after,
    .service-wechat .switcher-menu .link a:after,
    .service-phone .switcher-menu .link a:after { bottom: -0.16rem; margin-left: -0.16rem; border-left: 0.16rem solid transparent; border-right: 0.16rem solid transparent; border-top: 0.16rem solid #32B2FB; }
    .service-mail .content .mail-global .section { padding: 0.48rem 0; }
    .service-mail .content .mail-global .section.property { border-bottom: none; }
    .service-mail .content .mail-global .section.property .subject { font-size: 0.24rem; }
    .service-mail .content .mail-global .section .title .subject { font-size: 0.32rem; }
    .service-mail .content .mail-global .section.advantage .article-list { margin: 0.24rem -0.24rem 0 -0.24rem; }
    .service-mail .content .mail-global .section.advantage .article-list .box .unit .article { height: 1.6rem; }
    .service-mail .content .mail-global .section.advantage .article-list .box .unit .article .right .info { margin-bottom: 0; padding: 0; text-align: left; }
    .service-mail .content .mail-global .section.ensure .article-list { margin-top: 0.32rem; }
    .service-mail .content .mail-global .section.ensure .article-list .box .unit .article .right .info { text-align: left; }
    .service-mail .content .mail-global .section.ensure .article-list .box .unit:last-child { border-left: 0.01rem solid rgba(0,0,0,0.1); }
    
    .service-mail .content .email-263 .title .summary { padding: 0.48rem 0; line-height: 0.4rem; font-size: 0.24rem; }
    .service-mail .content .email-263 .content .section { padding: 0.48rem 0; }
    .service-mail .content .email-263 .content .section .title { margin-bottom: 0.24rem; font-size: 0.32rem; }
    .service-mail .content .email-263 .content .section.advantage .article-list .box { height: 1.6rem; border: 0.01rem solid rgba(0,0,0,0.1); overflow: hidden; } 
    .service-mail .content .email-263 .content .section.advantage .article-list .box .right .info { padding: 0; height: 1.12rem; }
    .service-mail .content .email-263 .content .section.advantage .article-list .box .right .subject { margin-bottom: 0.16rem; text-align: left; }
    
    /*百度认证*/
    .service-attestation .page-box > div { padding: 0.48rem 0; }
    .service-attestation .section .title .subject { line-height: 0.48rem; font-size: 0.32rem; }
    .service-attestation .section .title .subtitle { padding: 0 0.64rem; line-height: 0.32rem; font-size: 0.16rem; }
    .service-attestation .page-box .honest-enterprise .info { padding-left: 0.32rem; }
    .service-attestation .page-box .honest-enterprise .info .summary { padding: 0 0.64rem; font-size: 0.18rem; }
    .service-attestation .page-box .honest-enterprise .info .summary .icon { position: absolute; max-width: 0.4rem; }
    .service-attestation .page-box .honest-enterprise .info .summary .icon-before { top: -0.08rem; left: 0; }
    .service-attestation .page-box .honest-enterprise .info .summary .icon-after { bottom: -0.24rem; right: 0.16rem; }
    .service-attestation .page-box .business-identification .content .unit { padding: 0.24rem 0.48rem; }
    .service-attestation .page-box .business-identification .content .article-box .right { margin-top: 0; padding-left: 0.24rem; text-align: left; }
    
    /*微信营销*/
    .service-wechat .page-box .section { padding: 0.48rem 0; }
    .service-wechat .page-box .section .title .subject { margin-bottom: 0.24rem; font-size: 0.32rem; }
    .service-wechat .page-box .friends .section.advantage .article-list .right { padding-left: 0.64rem; }
    
    /*云主机*/
    .service-host .page-box { padding: 0.48rem 0; }
    .service-host .page-box .work-host-type .title .subject { line-height: 0.48rem; font-size: 0.32rem; }
    .service-host .page-box .work-host-outline .section .title .subject { font-size: 0.32rem; }
    .service-host .page-box .work-host-outline .section.overview .content .article-list .left { border-right: 0.02rem solid #DFDFDF; }
    .service-host .page-box .work-host-outline .section.overview .content .article-list .right { margin-top: 0; padding-left: 0.64rem; }
    .service-host .page-box .work-host-outline .section.overview > .summary { margin-top: 0.32rem; }
    .service-host .page-box .work-host-outline .section.cases .content .article-list .unit { padding: 0.24rem 0.32rem; opacity: 0; }
    
    /*400电话*/
    .service-phone .content .section .summary { margin-top: 0; }
    
    /*=== 案例展示 ===*/
    /*详情页*/
    .page-case .content .single .left { margin-top: auto; padding-left: 0; padding-right: 0.16rem; }
    .page-case .content .single .right { padding-left: 0.16rem; padding-right: 0; }
    .page-case .content .single .right .box .title .subject { font-size: 0.24rem; }
    
    /*=== 资讯知识 ===*/
    /*首页*/
    .index-news .content .box .text { margin-top: auto; padding-left: 0.24rem; }
    .index-news .content .box .info { margin-top: auto; }
    
    /*列表页*/
    .page-news .content .list .box .right .info .text { padding: 0 1.04rem 0 1.44rem; line-height: 0.32rem; font-size: 0.16rem; }
    .page-news .content .list .box .right .info { padding: 0 0.32rem; }
    .page-news .content .list .box .right .info .text:before,
    .page-news .content .list .box .right .info .text:after { content: ""; display: block; position: absolute; top: 0; width: 0.01rem; height: 100%; background: rgba(0,0,0,0.1); }
    .page-news .content .list .box .right .info .text:before { left: 1.08rem; }
    .page-news .content .list .box .right .info .text:after { right: 0.72rem; }
    .page-news .content .list .box .right .info .text .subject { font-size: 0.18rem; }
    
    /*详情页*/
    .page-news .single .title { font-size: 0.24rem; }
    
    /*=== 联系我们 ===*/
    /*首页*/
    .index-contact { background: #1B3458; border-bottom: 0.01rem solid #314869; text-align: left; color: #7C8797; }
    
    /*主页*/
    .page-contact .contact .content .left { padding-right: 0.16rem; }
    .page-contact .contact .content .right { margin-top: auto; padding-left: 0.16rem; }
    .page-contact .amap-info { width: 3.2rem; }
    
    /*=== 底部 ===*/
    .foot > div { height: 0.32rem; line-height: 0.32rem; }
    .foot ul > li { float: left; }
    
} 

/*笔记本电脑*/
@media ( min-width : 992px) {   
    
    /*=== 业务服务 ===*/
    /*首页*/
    .index-service .content .list .box article .subject,
    .page-service .content .list .box article .subject { margin-top: auto; text-align: left; }
    .index-service .content .list .box .icon,
    .page-service .content .list .box .icon { padding-right: 0.16rem; font-size: 0.64rem; }
    .page-service .content .list .box .icon { padding-right: 0; }
    
} 

/*PC电脑*/
@media ( min-width : 1200px) {
    
    .uk-container { max-width: 12rem; }
    
    /*=== 菜单 - 主导航 ===*/
    .main-menu { display: block; }
    
    /*手机导航*/
    .mobile-menu-icon { display: none; }
    .mobile-menu { display: none; }
    
    /*=== 业务服务 ===*/
    /*首页*/
    .index-service .content .list .box .icon,
    .page-service .content .list .box .icon { font-size: 0.72rem; }
    
    /*=== 资讯知识 ===*/
    /*首页*/
    .index-news .content .box .text { margin-top: auto; padding-left: 0.24rem; }
    .index-news .content .box .info { margin-top: 0.08rem; }
    
}

/*大屏PC电脑*/
@media ( min-width : 1600px) { 
    
    .uk-container { max-width: 14rem; }
    
}

/*=== Uikit ===*/
.uk-grid { margin-left: 0; }
.uk-grid > * { padding-left: 0; }
.uk-grid + .uk-grid { margin-top: 0; }
.uk-container { padding: 0 0.08rem; }

/*=== 菜单 - 主导航 ===*/
.main-menu { padding: 0.24rem 0; }

/*一级导航*/
.main-menu .menu { height: 0.4rem; line-height: 0.4rem; font-size: 0.14rem; }
.main-menu .menu > li { float: left; position: relative; margin-left: 0.08rem; }
.main-menu .menu > li > a { display: block; padding: 0 0.32rem; color: #D7E5FF; }
.main-menu .menu > li.current-menu-item > a,
.main-menu .menu > li:hover > a { background: #FFF; border-radius: 0.2rem; color: #333; }
.main-menu .menu > li:hover .sub-menu { opacity: 1; z-index: 1; visibility: visible; }
.main-menu .menu > li:hover .sub-menu > li > a { height: 0.41rem; }

/*二级导航*/
.main-menu .sub-menu { position: absolute; top: 0.56rem; left: 50%; margin-left: -0.6rem; padding: 0.08rem 0; width: 1.2rem; box-shadow: 0 0 0.04rem rgba(0,0,0,0.2); background: #FFF; border-radius: 0.08rem; text-align: center; opacity: 0; z-index: -1; visibility: hidden;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s; 
    transition: all 0.3s; }
.main-menu .sub-menu:before { content: ""; display: block; position: absolute; top: -0.08rem; left: 50%; margin-left: -0.08rem; width: 0; height: 0; border-left: 0.08rem solid transparent; border-right: 0.08rem solid transparent; border-bottom: 0.08rem solid #FFF; z-index: 2; }
.main-menu .sub-menu:after { content: ""; display: block; position: absolute; top: -0.09rem; left: 50%; margin-left: -0.08rem; width: 0; height: 0; border-left: 0.08rem solid transparent; border-right: 0.08rem solid transparent; border-bottom: 0.08rem solid rgba(0,0,0,0.1); z-index: 1; }
.main-menu .sub-menu > li > a { display: block; height: 0; color: #666; overflow: hidden; }
.main-menu .sub-menu > li + li > a { border-top: 0.01rem solid #EEE; }
.main-menu .sub-menu > li:hover > a { color: #2B6CE0; }

/*=== 首页 ===*/
/*顶部*/
.tm-home-top.on { padding: 0.08rem 0; background: rgba(27,52,88,0.75); }
.tm-home-top.on .main-menu { padding: 0.08rem 0 0 0; }

/*内容*/
.index-box .cat-list > ul > li a { display: block; padding: 0 0.16rem; background: #FFF; box-shadow: 0 0 0.02rem rgba(0,0,0,0.1); color: #666; } 
.index-box .cat-list > ul > li a:hover,
.index-box .cat-list > ul > li.on a { box-shadow: 0 0 0.04rem rgba(0,0,0,0.15); color: #4E8EFF; }

/*内容公用*/
.index-service,
.index-case { background: #F3F9FB; }
.index-service .content,
.index-case .content,
.page-case .content,
.index-news .content { margin: auto -0.24rem; }

/*数据展示*/
.index-date .countup > div + div .box { border-left: 0.01rem solid #E5E5E5; }
.index-date .box { line-height: 0.24rem; color: #999; }

/*底部广告*/
.index-ad { height: 1.6rem; overflow: hidden; }

/*=== 内页公用 ===*/
.page .crumbs { height: 0.56rem; background: #F6F6F6; line-height: 0.56rem; font-size: 0.14rem; }
.page .crumbs .subtitle { color: #888; }
.page .crumbs .current { color: #FF840A; }

.page-menu li a:hover,
.page-menu li.current a { color: #2A6BDF; }

/*=== 业务服务 ===*/
/*首页*/
.index-service .content .list .box,
.page-service .content .list .box { position: relative; padding: 0.24rem; background: #FFF; box-shadow: 0 0 0.02rem rgba(0,0,0,0.1); }
.index-service .content .list .box:before,
.index-service .content .list .box:after,
.page-service .content .list .box:before,
.page-service .content .list .box:after { content: ""; display: block; position: absolute; left: 0; width: 100%; height: 0.01rem; background: #4E8EFF; visibility: hidden;
    -webkit-transform: scaleX(0);
    -moz-transform: scaleX(0);
    -ms-transform: scaleX(0);
    -o-transform: scaleX(0);
    transform: scaleX(0); 

    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s; 
    transition: all 0.5s; }
.index-service .content .list .box:before,
.page-service .content .list .box:before { top: 0; }
.index-service .content .list .box:after,
.page-service .content .list .box:after { bottom: 0; }
.index-service .content .list .box:hover:before,
.index-service .content .list .box:hover:after,
.page-service .content .list .box:hover:before,
.page-service .content .list .box:hover:after { visibility: visible;
    -webkit-transform: scaleX(1);
    -moz-transform: scaleX(1);
    -ms-transform: scaleX(1);
    -o-transform: scaleX(1);
    transform: scaleX(1); }
.index-service .content .list .box .line:before,
.index-service .content .list .box .line:after,
.page-service .content .list .box .line:before,
.page-service .content .list .box .line:after { content: ""; display: block; position: absolute; top: 0; width: 0.01rem; height: 100%; background: #4E8EFF; visibility: hidden;
    -webkit-transform: scaleY(0);
    -moz-transform: scaleY(0);
    -ms-transform: scaleY(0);
    -o-transform: scaleY(0);
    transform: scaleY(0); 

    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s; 
    transition: all 0.5s; }
.index-service .content .list .box .line:before,
.page-service .content .list .box .line:before { left: 0; }
.index-service .content .list .box .line:after,
.page-service .content .list .box .line:after { right: 0; }
.index-service .content .list .box:hover .line:before,
.index-service .content .list .box:hover .line:after,
.page-service .content .list .box:hover .line:before,
.page-service .content .list .box:hover .line:after { visibility: visible;
    -webkit-transform: scaleY(1);
    -moz-transform: scaleY(1);
    -ms-transform: scaleY(1);
    -o-transform: scaleY(1);
    transform: scaleY(1); }

.index-service .content .list .box:hover .icon i,
.page-service .content .list .box:hover .icon i,
.index-service .content .list .box article .subject a:hover { color: #4E8EFF; }
.index-service .content .list .box article .info { height: 0.56rem; line-height: 0.28rem; color: #999; overflow: hidden; }

/*主页*/
.page-service .title { margin-bottom: 0.16rem; }
.page-service .title .subject { font-size: 0.24rem; }
.page-service .title .subtitle { color: #2A6BDF; }
.page-service .content .list .box { box-sizing: border-box; height: 100%; }
.page-service .content .list .box:hover a { color: #4E8EFF; }
.page-service .content .list .box .icon { font-size: 0.72rem; }
.page-service .content .list .box article .info { line-height: 0.28rem; font-size: 0.14rem; color: #999; }

/*网站建设*/
.service-website .page-box .content .list + .list { margin-top: 0.32rem; }
.service-website .page-box .content .list .title .subtitle { color: #666; }

.service-website .page-box .content .list.why .article-list,
.service-website .page-box .content .list.what .article-list,
.service-website .page-box .content .list.guarantee .article-list { padding: 0.32rem 0; border-bottom: 0.01rem solid rgba(0,0,0,0.1); }
.service-website .page-box .content .list.why .article-list { opacity: 0; }
.service-website .page-box .content .list.why .article-list .right .text .summary { color: #666; }

.service-website .page-box .content .list.difference .article-list { border-bottom: 0.01rem solid rgba(0,0,0,0.1); } 
.service-website .page-box .content .list.difference .article-list .article-list-box { margin: auto -0.24rem; padding: 0.32rem 0 0.48rem 0; }
.service-website .page-box .content .list.difference .article-list .unit .box { box-sizing: border-box; height: 100%; box-shadow: 0 0 0.02rem rgba(0,0,0,0.1); }
.service-website .page-box .content .list.difference .article-list .unit .box .subject { padding: 0 0.16rem; height: 0.72rem; background: #00A7E9; line-height: 0.72rem; font-size: 0.24rem; color: #FFF; overflow: hidden; }

.service-website .page-box .content .list.advantage .article-list { padding: 0.32rem 0; border-bottom: 0.01rem solid rgba(0,0,0,0.1); }
.service-website .page-box .content .list.advantage .article-list .article-list-box { margin: auto -0.16rem; }
.service-website .page-box .content .list.advantage .article-list .unit { padding: 0 0.16rem; opacity: 0; }
.service-website .page-box .content .list.advantage .article-list .unit .box:hover .icon { border-color: #2A6BDF; color: #2A6BDF; }

/*域名服务*/
.service-domain .page-box .content .recommend { margin: 0.32rem auto; }
.service-domain .page-box .content .recommend .subject { height: 0.56rem; background: #2A6BDF; line-height: 0.56rem; font-size: 0.24rem; color: #FFF; }
.service-domain .page-box .content .recommend .unit:first-child { border-right: none; }
.service-domain .page-box .content .recommend .unit .right .heading { margin-bottom: 0.08rem; font-size: 0.18rem; color: #2A6BDF; }
.service-domain .page-box .content .recommend .unit .right .summary { line-height: 0.24rem; color: #666; }
.service-domain .page-box .content .recommend .unit .right .summary p { margin-bottom: 0; }

.service-domain .page-box .content .price .list { cursor: pointer; }
.service-domain .page-box .content .price .list:nth-child(odd) { background: #D9E7FF; }
.service-domain .page-box .content .price .list:nth-child(even) { background: #F2F7FF; }
.service-domain .page-box .content .price .list:hover { background: #2A6BDF; color: #FFF; }
.service-domain .page-box .content .price .list .heading { color: #2A6BDF; }
.service-domain .page-box .content .price .list .prix { color: #FF7F00; }
.service-domain .page-box .content .price .list:hover .heading,
.service-domain .page-box .content .price .list:hover .prix { color: #FFF; }

/*商铺装修*/
.service-shop .page-box .content .list-box { padding: 0.64rem 0; }
.service-shop .page-box .content .list-box .list .box .icon-box { padding: 0 0.64rem; }
.service-shop .page-box .content .list-box .list .box .icon-box .icon { background: #F1F1F1; border-radius: 50%; font-size: 0.96rem; color: #A9A9A9; }
.service-shop .page-box .content .list-box .list .box:hover .icon-box .icon { background: #2A6BDF; color: #FFF; }
.service-shop .page-box .content .list-box .list .box .info .summary { color: #999; }

.service-shop .page-box .case-list { padding-top: 0.48rem; padding-bottom: 0.24rem; border-top: 0.01rem solid rgba(0,0,0,0.1); }
.service-shop .page-box .case-list .list-box .box { padding: 0.32rem 0; }
.service-shop .page-box .case-list .list-box .list .unit .picture { box-shadow: 0 0 0.02rem rgba(0,0,0,0.3); }
.service-shop .page-box .case-list .list-box .list .unit .subject { margin: 0.08rem auto; }
.service-shop .page-box .case-list .list-box .more a { display: inline-block; padding: 0 0.48rem; height: 0.4rem; background: #4E8EFF; border-radius: 0.2rem; line-height: 0.4rem; color: #FFF; overflow: hidden; }
.service-shop .page-box .case-list .list-box .more a:hover { background: #2A6BDF; }

/*网站推广*/
.service-spread .page-box .title { border-bottom: 0.01rem solid rgba(0,0,0,0.1); }
.service-spread .page-box .title .subject span { position: relative; top: 0.04rem; border-bottom: 0.04rem solid #2A6BDF; }
.service-spread .page-box .title .summary { margin: 0.24rem auto; color: #999; }
.service-spread .page-box .content .list { padding: 0.32rem 0; border-bottom: 0.01rem solid rgba(0,0,0,0.1); }
.service-spread .page-box .content .list .article-list + .article-list { margin-top: 0.48rem; }
.service-spread .page-box .content .list .article-list .left .number { width: 100%; height: 100%; background: #EEE; border-radius: 50%; font-size: 0.72rem; color: #32B2FB; }
.service-spread .page-box .content .list.effect .article img { border: 0.04rem solid #E0E0E0 !important; }

/*企业邮箱*/
.service-mail .switcher-menu .link a:hover,
.service-wechat .switcher-menu .link a:hover,
.service-mail .switcher-menu .list.uk-active .link a,
.service-wechat .switcher-menu .list.uk-active .link a { background: #32B2FB; }
.service-mail .switcher-menu .list.uk-active .link a:after,
.service-wechat .switcher-menu .list.uk-active .link a:after,
.service-phone .switcher-menu .list.uk-active .link a:after { opacity: 1; }

.service-mail .content .mail-global .section.property .picture { margin: 0.32rem auto; }

.service-mail .content .mail-global .section.advantage .article-list .box .unit { padding: 0.24rem; opacity: 0; }
.service-mail .content .mail-global .section.advantage .article-list .box .unit .article .left .icon { margin-top: 0.32rem; font-size: 0.96rem; color: #C2C2C2; }
.service-mail .content .mail-global .section.advantage .article-list .box .unit .article .right .info .subject { font-size: 0.18rem; }
.service-mail .content .mail-global .section.advantage .article-list .box .unit .article .right .info .summary { color: #999; }

.service-mail .content .mail-global .section.advantage,
.service-mail .content .mail-global .section.ensure { border-bottom: 0.01rem solid rgba(0,0,0,0.1); }
.service-mail .content .mail-global .section.ensure .article-list .box .unit .article .right .info .subject { margin-bottom: 0.16rem; font-size: 0.24rem; }
.service-mail .content .mail-global .section.ensure .article-list .box .unit:last-child .right .info { text-align: center; }
.service-mail .content .mail-global .section.ensure .article-list .box .unit:last-child .right .info .summary { display: inline-block; text-align: left; }

.service-mail .content .mail-global .section.contrast .article-list { margin-top: 0.32rem; }

.service-mail .content .email-263 .content .section + .section { border-top: 0.01rem solid rgba(0,0,0,0.1); }
.service-mail .content .email-263 .content .section:last-child { padding-bottom: 0; }

.service-mail .content .email-263 .content .section.advantage .article-list { padding: 0.24rem 0;  opacity: 0; }
.service-mail .content .email-263 .content .section.advantage .article-list .box .left .icon { margin-top: 0.32rem; font-size: 0.96rem; color: #C2C2C2; }
.service-mail .content .email-263 .content .section.advantage .article-list .box .right .summary,
.service-mail .content .email-263 .content .section.point .unit .info .summary { color: #999; }

.service-mail .content .email-263 .content .section.point .article-list { margin: auto -0.16rem; }
.service-mail .content .email-263 .content .section.point .unit { padding: 0.16rem; opacity: 0; }
.service-mail .content .email-263 .content .section.point .unit .info { box-sizing: border-box; padding: 0.24rem; height: 100%; border: 0.01rem solid rgba(0,0,0,0.1); border-top: 0.06rem solid #32B2FB; }
.service-mail .content .email-263 .content .section.point .unit .info .subject { margin-bottom: 0.08rem; font-size: 0.18rem; color: #32B2FB; }
.service-mail .content .email-263 .content .section.point .unit .info .subject i { position: relative; top: 0.01rem; margin-right: 0.08rem; font-size: 0.24rem; }

.service-mail .content .email-263 .content .section.protocol .article-list { margin-top: 0.24rem; }

/*百度认证*/
.service-attestation .page-box .honest-enterprise .title,
.service-attestation .page-box .business-commitment .title { margin-bottom: 0.32rem; }

.service-attestation .page-box .business-identification { background: #F5F7FA; }
.service-attestation .page-box .business-identification .content { margin: 0.32rem -0.48rem 0 -0.48rem; }
.service-attestation .page-box .business-identification .content .article-box { padding: 0.24rem; background: #FFF; border: 0.01rem solid rgba(0,0,0,0.1); }
.service-attestation .page-box .business-identification .content .article-box .left .icon { background: #32B2FB; border-radius: 50%; font-size: 0.96rem; color: #FFF; }
.service-attestation .page-box .business-identification .content .article-box .right .info .subject { margin-bottom: 0.08rem; font-size: 0.2rem; }
.service-attestation .page-box .business-identification .content .article-box .right .info .price .number { font-size: 0.24rem; color: #FF7F00; }

.service-attestation .page-box .business-commitment .content { margin: auto -0.16rem; }
.service-attestation .page-box .business-commitment .content .unit { padding: 0.16rem; opacity: 0; }
.service-attestation .page-box .business-commitment .content .unit .article-box { box-sizing: border-box; padding: 0.24rem; height: 100%; border: 0.01rem solid rgba(0,0,0,0.1); border-top: 0.06rem solid #32B2FB; }
.service-attestation .page-box .business-commitment .content .unit .article-box .icon { padding: 0 0.48rem; }
.service-attestation .page-box .business-commitment .content .unit .article-box .icon .text { border-radius: 50%; border: 0.01rem solid #32B2FB; font-size: 0.48rem; color: #32B2FB; }
.service-attestation .page-box .business-commitment .content .unit .article-box .info .subject { margin: 0.32rem auto 0.16rem auto; font-size: 0.24rem; }
.service-attestation .page-box .business-commitment .content .unit .article-box .info .summary { color: #999; } 

/*微信营销*/
.service-wechat .page-box .wechat-pub .section.develop { padding-top: 0.24rem; color: #32B2FB; }

.service-wechat .page-box .wechat-pub .section.system .article-list { margin: auto -0.48rem; }
.service-wechat .page-box .wechat-pub .section.system .article-list .unit { padding: 0.24rem 0.48rem 0 0.48rem; opacity: 0; }
.service-wechat .page-box .wechat-pub .section.system .article-list .unit .icon { margin: auto auto 0.24rem auto; width: 1.2rem; height: 1.2rem; border-radius: 50%; border: 0.01rem solid #32B2FB; line-height: 1.2rem; font-size: 0.72rem; color: #32B2FB; overflow: hidden; }
.service-wechat .page-box .wechat-pub .section.system .article-list .unit .subject { font-size: 0.18rem; }

.service-wechat .page-box .wechat-pub .section.module .article-list { margin: auto -0.24rem; }
.service-wechat .page-box .wechat-pub .section.module .article-list .unit { padding: 0.24rem; }

.service-wechat .page-box .wechat-pub .section.effect .article-list,
.service-wechat .page-box .friends .section.effect-friends .article-list { margin: auto -0.16rem; }
.service-wechat .page-box .wechat-pub .section.effect .article-list .unit,
.service-wechat .page-box .friends .section.effect-friends .article-list  .unit { padding: 0.16rem; opacity: 0; }
.service-wechat .page-box .wechat-pub .section.effect .article-list .unit .picture,
.service-wechat .page-box .friends .section.effect-friends .article-list .unit .picture { border: 0.01rem solid rgba(0,0,0,0.1); }

.service-wechat .page-box .friends .section.business { color: #666; }
.service-wechat .page-box .friends .section.business-function .article-list .left { padding-right: 0.32rem; }

.service-wechat .page-box .friends .section.business-pk .article-list { margin-top: 0.48rem; }

/*云主机*/
.service-host .page-box .work-host-type { padding-bottom: 0.32rem; border-bottom: 0.01rem solid rgba(0,0,0,0.1); }
.service-host .page-box .work-host-type .title .subtitle { color: #999; }
.service-host .page-box .work-host-type .content .article-list { margin: auto -0.16rem; }
.service-host .page-box .work-host-type .content .article-list .unit { padding: 0.24rem 0.16rem; opacity: 0; }
.service-host .page-box .work-host-type .content .article-list .unit .box { border: 0.01rem solid rgba(0,0,0,0.1); border-top: 0.06rem solid #32B2FB; }
.service-host .page-box .work-host-type .content .article-list .unit .box > div { padding: 0.16rem 0.08rem; }
.service-host .page-box .work-host-type .content .article-list .unit .box .cell { border-bottom: 0.01rem solid rgba(0,0,0,0.1); }
.service-host .page-box .work-host-type .content .article-list .unit .box .cell:last-child { border-bottom: none; }
.service-host .page-box .work-host-type .content .article-list .unit .box .cell:nth-child(odd) { border-left: 0.01rem solid rgba(0,0,0,0.1); }
.service-host .page-box .work-host-type .content .article-list .unit .box .cell .summary { font-size: 0.2rem; }
.service-host .page-box .work-host-type .content .article-list .unit .box .cell .subject,
.service-host .page-box .work-host-type .content .article-list .unit .box .name .summary { height: 0.32rem; font-size: 0.16rem; color: #999; overflow: hidden; }
.service-host .page-box .work-host-type .content .article-list .unit .box .name { border-left: none !important; border-bottom: 0.01rem solid rgba(0,0,0,0.1); }
.service-host .page-box .work-host-type .content .article-list .unit .box .cell.name .subject { font-size: 0.24rem; color: #333; }
.service-host .page-box .work-host-type .content .article-list .unit .box .cell.price .number { font-size: 0.24rem; color: #2A6BDF; }

.service-host .page-box .work-host-outline .section { padding: 0.48rem 0; border-bottom: 0.01rem solid rgba(0,0,0,0.1); }
.service-host .page-box .work-host-outline .section .title { margin-bottom: 0.24rem; }

.service-host .page-box .work-host-outline .section.overview .content .article-list { padding: 0.24rem 0; opacity: 0; }
.service-host .page-box .work-host-outline .section.overview .content .article-list .box,
.service-host .page-box .work-host-outline .section.overview .content .article-list .info { height: 1.2rem; overflow: hidden; }
.service-host .page-box .work-host-outline .section.overview .content .article-list .left .box .icon-box { margin-right: 0.32rem; width: 1.2rem; height: 1.2rem; background: #EEE; border-radius: 50%; line-height: 1.2rem; text-align: center; font-size: 0.72rem; color: #32B2FB; overflow: hidden; }
.service-host .page-box .work-host-outline .section.overview .content .article-list .left .box .subject { line-height: 1.2rem; font-size: 0.42rem; color: #C7C7C7; }

.service-host .page-box .work-host-outline .section.cases .content { margin: auto -0.32rem; }
.service-host .page-box .work-host-outline .section.cases .content .article-list .unit .picture a { display: block; box-shadow: 0 0 0.02rem rgba(0,0,0,0.2); }
.service-host .page-box .work-host-outline .section.cases .content .article-list .unit .picture a:hover { box-shadow: 0 0 0.08rem rgba(0,0,0,0.2); }

/*400电话*/
.service-phone .switcher-menu .link a:after { border-top-color: #FF7F00; }
.service-phone .switcher-menu .link a:hover,
.service-phone .switcher-menu .list.uk-active .link a { background: #FF7F00; }

.service-phone .content .section + .section { margin-top: 0.32rem; }
.service-phone .content .section .summary p { margin-bottom: auto; }
.service-phone .content .section .title .subject { margin-bottom: 0.16rem; font-size: 0.18rem; color: #2A6BDF; }
.service-phone .content .section .table table { min-width: 12rem; border-collapse: collapse; }
.service-phone .content .section .table table tr th,
.service-phone .content .section .table table tr td { padding: 0.08rem 0.24rem; border: 0.01rem solid rgba(0,0,0,0.1); }
.service-phone .content .section .table table tr th { background: #F5F5F5; }
.service-phone .content .section .table table tr td a { display: block; padding: 0 0.08rem; background: #4DB116; border-radius: 0.04rem; font-size: 0.14rem; color: #FFF; }
.service-phone .content .section .table table tr td a:hover { background: #FF7F00; }

/*=== 案例展示 ===*/
/*首页*/
.index-case .content .list .box,
.page-case .content .list .box { box-shadow: 0 0 0.02rem rgba(0,0,0,0.1); }
.index-case .content .list .box:hover,
.page-case .content .list .box:hover { box-shadow: 0 0 0.08rem rgba(0,0,0,0.2); }
.index-case .content .list .box .pic,
.page-case .content .list .box .pic { position: relative; border-bottom: 0.04rem solid #DCDCDC; }
.index-case .content .list .box .pic:after,
.page-case .content .list .box .pic:after { content: ""; display: block; position: absolute; left: 0; bottom: -0.04rem; width: 100%; height: 0.04rem; background: #4E8EFF; visibility: hidden; 
    -webkit-transform: scaleX(0);
    -moz-transform: scaleX(0);
    -ms-transform: scaleX(0);
    -o-transform: scaleX(0);
    transform: scaleX(0);
    
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s; 
    transition: all 0.5s; }
.index-case .content .list .box:hover .pic:after,
.page-case .content .list .box:hover .pic:after { visibility: visible; 
    -webkit-transform: scaleX(1);
    -moz-transform: scaleX(1);
    -ms-transform: scaleX(1);
    -o-transform: scaleX(1);
    transform: scaleX(1); }
.index-case .content .list .box .pic .icon,
.page-case .content .list .box .pic .icon { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); line-height: 100%; color: #FFF; z-index: 9; opacity: 0; }
.index-case .content .list .box .pic .icon i,
.page-case .content .list .box .pic .icon i { position: absolute; top: 50%; left: 50%; margin-top: -0.24rem; margin-left: -0.24rem; width: 0.48rem; height: 0.48rem; line-height: 0.48rem; text-align: center; font-size: 0.48rem; font-weight: 700; }
.index-case .content .list .box:hover .pic .icon,
.page-case .content .list .box:hover .pic .icon { opacity: 1; }
.index-case .content .list .box .text,
.page-case .content .list .box .text { padding: 0.16rem; background: #FFF; line-height: 0.24rem; }
.index-case .content .list .box .text .subject a,
.page-case .content .list .box .text .subject a { color: #333; }
.index-case .content .list .box .text .term a,
.page-case .content .list .box .text .term a { color: #AAA; }

/*列表页*/
.page-case .content .list-box { margin: 0.24rem auto; }

/*详情页*/
.page-case .content .single { padding: 0.48rem 0; }
.page-case .content .single .box { box-shadow: 0 0 0.02rem rgba(0,0,0,0.2); }
.page-case .content .single .box .info { padding: 0.24rem; border-bottom: 0.01rem solid rgba(0,0,0,0.05); }
.page-case .content .single .box .post-nav-box { padding: 0.24rem; font-size: 0.14rem; }
.page-case .content .single .right .box { padding: 0.24rem; }
.page-case .content .single .right .box .title .term { font-size: 0.14rem; color: #888; }
.page-case .content .single .right .box .summary { margin: 0.16rem auto; line-height: 0.24rem; font-size: 0.14rem; color: #888; }
.page-case .content .single .right .box .link { margin-bottom: 0.24rem; padding-bottom: 0.4rem; border-bottom: 0.01rem solid rgba(0,0,0,0.1); }
.page-case .content .single .right .box .link a { display: block; background: #E5E5E5; line-height: 0.48rem; font-size: 0.14rem; }
.page-case .content .single .right .box .link > div + div a { margin-top: 0.16rem; }
.page-case .content .single .right .box .link .preview a { background: #2A6BDF; color: #FFF; }
.page-case .content .single .right .box .link a:hover,
.page-case .content .single .right .box .link .preview a:hover { background: #FF840A; color: #FFF; }
.page-case .content .single .right .box .random-case { margin: auto -0.08rem; }
.page-case .content .single .right .box .random-case .random-list { padding: 0.16rem 0.08rem; }
.page-case .content .single .right .box .random-case .random-list .random-box { padding-bottom: 0.08rem; box-shadow: 0 0 0.02rem rgba(0,0,0,0.2); font-size: 0.14rem; }
.page-case .content .single .right .box .random-case .random-list .random-box .subject,
.page-case .content .single .right .box .random-case .random-list .random-box .term { padding: 0 0.08rem; height: 0.24rem; line-height: 0.24rem; overflow: hidden; }
.page-case .content .single .right .box .random-case .random-list .random-box .subject { margin-top: 0.08rem; }
.page-case .content .single .right .box .random-case .random-list .random-box .term { color: #AAA; }

/*=== 关于公司 ===*/
/*首页*/
.index-about .about-box > div { position: relative; height: 100%; }
.index-about .about-box .content { box-sizing: border-box; position: absolute; top: -2rem; left: 0; padding: 0.24rem; width: 100%; background: #2A6BDF; color: #D7E5FF; }
.index-about .about-box .content > div > div { position: relative; }
.index-about .about-box .content .article article header .subject { line-height: 0.4rem; letter-spacing: 0.01rem; font-size: 0.24rem; color: #FFF; }
.index-about .about-box .content .article article footer .link { margin-top: 0.16rem; line-height: 0.4rem; }
.index-about .about-box .content .article article footer .link a { display: block; position: relative; padding: 0 0.32rem; background: #FFF; border-radius: 0.2rem; border: 0.02rem solid #FFF; color: #2A6BDF; overflow: hidden; }
.index-about .about-box .content .article article footer .link a span { position: relative; z-index: 2; }
.index-about .about-box .content .article article footer .link a:before { content: ""; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #2A6BDF; visibility: hidden; z-index: 1;
    -webkit-transform: scaleX(0);
    -moz-transform: scaleX(0);
    -ms-transform: scaleX(0);
    -o-transform: scaleX(0);
    transform: scaleX(0);
    
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s; 
    transition: all 0.5s; }
.index-about .about-box .content .article article footer .link:hover a { color: #FFF; }
.index-about .about-box .content .article article footer .link:hover a:before { visibility: visible; 
    -webkit-transform: scaleX(1);
    -moz-transform: scaleX(1);
    -ms-transform: scaleX(1);
    -o-transform: scaleX(1);
    transform: scaleX(1); }

/*主页*/
.page-about .list { padding: 0.32rem 0; }
.page-about .list + .list { border-top: 0.01rem solid #E3E3E3; }
.page-about .list .title,
.page-contact .contact .title { margin-bottom: 0.24rem; }
.page-about .list .title .subject,
.page-contact .contact .title .subject { font-size: 0.24rem; }
.page-about .list .title .subtitle,
.page-contact .contact .title .subtitle { color: #2A6BDF; }

.page-about .images-box { padding-right: 0.32rem; padding-bottom: 0.16rem; width: 5.6rem; overflow: hidden; }
.page-about .about-slides { position: relative; overflow: hidden; }
.page-about .about-slides .slides-pagination { position: absolute; bottom: 0; z-index: 9; }
.page-about .about-slides .slides-pagination .swiper-pagination-bullet { margin: auto 0.04rem; width: 0.12rem; height: 0.12rem; border: 0.01rem solid rgba(255,255,255,1); }

.page-about .honor .images { margin: auto -0.16rem; }
.page-about .honor .image { padding: 0.16rem; opacity: 0; }
.page-about .honor .image .pic { box-shadow: 0 0 0.04rem rgba(0,0,0,0.2); }
.page-about .honor .image .pic:hover { box-shadow: 0 0 0.08rem rgba(0,0,0,0.3); }
.page-about .honor .modal-box img { margin: 0.16rem auto; }

/*=== 资讯知识 ===*/
/*首页*/
.index-news .content .box { padding: 0.24rem; background: #F7F7F7; box-shadow: 0 0 0.02rem rgba(0,0,0,0.1); }
.index-news .content .box:hover { box-shadow: 0 0 0.16rem rgba(0,0,0,0.2); }

/*列表页*/
.page-news .content .list-box { padding: 0.16rem 0; }
.page-news .content .list { padding: 0.16rem 0; opacity: 0; }
.page-news .content .list .box { border-bottom: 0.01rem solid rgba(0,0,0,0.1); }
.page-news .content .list .box:hover { box-shadow: 0 0 0.08rem rgba(0,0,0,0.1); }
.page-news .content .list .box .right .info .text .summary { color: #888; }
.page-news .content .list .box .right .info .text .date { position: absolute; left: 0; padding-right: 0.32rem; font-family: 'context'; }
.page-news .content .list .box .right .info .text .date .year { width: 0.8rem; font-size: 0.32rem; color: #555; }
.page-news .content .list .box .right .info .text .date .month-day { font-size: 0.14rem; color: #AAA; }
.page-news .content .list .box .right .info .text .icon { position: absolute; top: 50%; right: 0; margin-top: -0.2rem; width: 0.4rem; height: 0.4rem; line-height: 0.4rem; font-size: 0.24rem; }
.page-news .content .list .box .right .info .text .icon a { display: block; color: #CCC; }
.page-news .content .list .box .right .info .text .icon:hover { right: -0.08rem; }
.page-news .content .list .box .right .info .text .icon:hover a { color: #FF840A; }

/*详情页*/
.page-news .single { padding: 0.48rem 0; }
.page-news .single .date { color: #AAA; }
.page-news .single .info { margin: 0.24rem auto; padding: 0.24rem 0; border-top: 0.01rem solid rgba(0,0,0,0.1); border-bottom: 0.01rem solid rgba(0,0,0,0.1); }
.page-news .single .post-nav-box { font-size: 0.14rem; }

/*=== 联系我们 ===*/
/*首页*/
.index-contact a { color: #7C8797; }
.index-contact a:hover { color: #FFF; }
.index-contact .left .box .subject { line-height: 0.48rem; letter-spacing: 0.02rem; font-size: 0.24rem; }
.index-contact .right .box .name { line-height: 0.48rem; font-size: 0.18rem; }
.index-contact .right .box .info { line-height: 0.28rem; font-size: 0.14rem; }

/*主页*/
.page-contact .contact { padding: 0.48rem 0; }
.page-contact .contact .content .map-box { min-height: 4rem; max-height: 100%; }
.page-contact .contact .content .map-box .amap-overlays .amap-adcontent-body { min-width: 2.4rem; box-shadow: 0 0 0.04rem rgba(0,0,0,0.1); border: none; }
.page-contact .contact .content .map-box .amap-overlays .amap-adcontent-body .info-content { padding: 0 0.16rem; background: #00A1D9; font-size: 0.14rem; color: #FFF; }
.page-contact .contact .content .map-box .amap-overlays .amap-adcontent-body .amap-info-combo { padding-bottom: 0.08rem; }
.page-contact .contact .content .map-box .amap-overlays .amap-adcontent-body .amap-info-combo table { margin-top: 0; }
.page-contact .contact .content .map-box .amap-overlays .amap-adcontent-body .amap-info-combo .keyword { height: 0.22rem; font-size: 0.14rem; }

/*=== 底部 ===*/
.foot { padding: 0.16rem 0; background: #1B3458; font-size: 0.14rem; color: #666; }
.foot a { color: #666; }
.foot a:hover { color: #FFF; }
.foot ul { display: inline-block; }
.foot ul > li + li { margin-left: 0.16rem; }
.foot ul > li.gongan img { max-width: 0.16rem; }
.foot ul > li.gongshang img { max-height: 0.32rem; }

/*=== 侧边浮动条 ===*/
.online { position: fixed; right: 0; bottom: 0.4rem; z-index: 999; }
.online .box,
.online .box .list { position: relative; right: 0; }
.online .box .list > ul > li { position: relative; width: 0.4rem; height: 0.4rem; line-height: 0.4rem; color: #FFF; cursor: pointer; overflow: hidden; }
.online .box .list > ul > li.custom { right: 0; background: #FF7F00; }
.online .box .list > ul > li.wechat { background: #4887F6; }
.online .box .list > ul > li.to-top { background: #666; }
.online .box .list > ul > li a { color: #FFF; }
.online .box .custom-info { position: absolute; min-width: 2rem; box-shadow: 0 0 0.04rem rgba(0,0,0,0.1); z-index: 999; }
.online .box .custom-info .title { padding: 0 0.16rem 0 0.24rem; height: 0.56rem; background: #FF7F00; line-height: 0.56rem; color: #FFF; }
.online .box .custom-info .title .tm-icon { cursor: pointer; }
.online .box .custom-info .content { background: #FFF; color: #5E5E5E; }
.online .box .custom-info .content a { color: #5E5E5E; }
.online .box .custom-info .content > ul > li + li { border-top: 0.01rem solid rgba(0,0,0,0.07); }
.online .box .custom-info .content .qq .number,
.online .box .custom-info .content .tel .subtitle .subject { font-size: 0.14rem; }
.online .box .custom-info .content .qq li a { display: block; padding: 0 0.24rem; background: #F5F5F5; line-height: 0.4rem; }
.online .box .custom-info .content .tel { padding: 0.16rem 0.24rem; border-top: 0.01rem solid rgba(0,0,0,0.05); line-height: 0.24rem; }
.online .box .custom-info .content .tel li { padding: 0; line-height: 0.24rem; }
.online .box .custom-info .content .icon { margin-right: 0.08rem; }

.online #WeChat .uk-modal-dialog { margin: auto; padding: 0; background: none; }
.online #WeChat .box { max-width: 2.4rem; margin-bottom: 0; }
.online #WeChat .box .subject { padding-bottom: 0.08rem; background: #FFF; line-height: 0.32rem; font-size: 0.14rem; }

/*=== 分页导航 ===*/
.tm-pageing-box { padding-bottom: 0.32rem; }
.tm-pageing { display: inline-block; }
.tm-pageing > * { display: block; float: left; padding: 0 0.12rem; border: 0.01rem solid #CFCFCF; line-height: 0.32rem; color: #272850; }
.tm-pageing > * + * { border-left: none; }
.tm-pageing > *:hover,
.tm-pageing .current { background: #2A6BDF; border-color: #2A6BDF; color: #FFF; }