@charset "utf-8";
/*wap*/
@media screen and (min-width:0px)  and  (max-width:1023px)  {
html,body{max-width:100%; margin:0 auto;}
html{font-size:62.5%}
.pc{display:none;}
.wap{display:block;}
@media only screen and (min-width:321px) {html {font-size:62.5%!important}}
@media only screen and (min-width:361px) {html {font-size:70.31%!important}}
@media only screen and (min-width:376px) {html {font-size:73.24%!important}}
@media only screen and (min-width:481px) {html {font-size:94%!important}}
@media only screen and (min-width:561px) {html {font-size:109%!important}}
@media only screen and (min-width:641px) {html {font-size:125%!important}}


/* --- 栏目 --- */
.column{text-align:center; padding:1.5rem;}
.column h2{font-size:1.8rem; font-weight:bold; margin-bottom:1.5rem;}
.column p{color:#666; max-width:800px; margin:0 auto; line-height:200%;}


/* --- 顶部 --- */
.top{background: -webkit-linear-gradient(left, #FF6700 , #FFAC61); background: -o-linear-gradient(right, #FF6700 , #FFAC61); background: -moz-linear-gradient(right, #FF6700 , #FFAC61); background: linear-gradient(to right, #FF6700 , #FFAC61); position:relative; z-index:10; line-height:3rem; overflow:hidden}

/* 电话 */
.top .tel{display:none;}

/* 链接 */
.top .link{ color:#fff; text-align:center;}
.top .link a{color:#993300; transition:all .3s ease;}
.top .link a:after{content:"|"; margin-left:.5rem; margin-right:.5rem; color:#ea8a33;}
.top .link a:last-child:after{content:""; margin-right:0;}
.top .link a:hover{color:#fff;}


/* --- 头部 --- */
.header{position:absolute; top:3rem; left:0; width:100%; border-bottom:1px dashed #333; z-index:20;}

/* 头部 logo*/
.header .logo{height:5rem; line-height:5rem; float:left; margin-left:1.5rem;}
.header .logo img{max-width:80%}

/* 导航 */
.wap-nav{}
.drawer-nav{z-index:200;}
.drawer-nav li{height:3.5rem; line-height:3.5rem; text-align:center; border-bottom:1px solid #efefef; font-size:1.4rem;}
.drawer-hamburger-icon {position: relative;display: block; margin-top: 3.5rem }



/* --- banner --- */
.banner{z-index:0; position:relative; overflow:hidden;}

/* 视频 */
.video{overflow:hidden; width:100%; }
.video .video-back{background:#000; background-color:rgba(0,0,0,0.5); position:absolute; left:0; top:-.5rem; width:100%; height:100%; z-index:10;}
.video .video-box{ width:100%; overflow:hidden; }
.video .video-box video{width:100%;}

/* 文案 */
.banner .text{position:absolute; left:1.5rem; bottom:1.5rem; z-index:20;}
.banner .text p{color:#fff; font-size:1.2rem; margin-bottom:.5rem;}
.banner .text h3{color:#fff; font-size:1.6rem; font-weight:bold;}



/* --- 微信公众号系统 --- */
.home-weixin { border-bottom:1rem solid #efefef; padding-bottom:1.5rem;}

/* 操作 */
.home-weixin .btn{text-align:center;  margin-bottom:2rem;}
.home-weixin .btn a{padding:.6rem 1.5rem; color:#fff; margin-left:.5rem; margin-right:.5rem; border-radius:5px;}
.home-weixin .btn a.free{background:#44B549;}
.home-weixin .btn a.self{background:#FF6700;}
.home-weixin .btn a:hover{opacity:.8;}

/* 列表 */
.home-weixin .list{overflow:hidden; padding:.5rem;}
.home-weixin .list ul{}
.home-weixin .list li{padding:.5rem; width:50%; float:left;  }
.home-weixin .list li a{border:1px solid #efefef; text-align:center; border-radius:5px;  display:block; padding:.75rem;height:220px; }
.home-weixin .list li a .pic{ margin-bottom:1rem; transition:all .3s ease;}
.home-weixin .list li a .text h3{margin-bottom:1rem;}
.home-weixin .list li a .text p{max-width:90%; margin:0 auto; line-height:150%; color:#999;}
  
/* 更多 */
.home-weixin .more{text-align:center;}



/* --- seo --- */
.home-seo{overflow:hidden; border-bottom:1rem solid #efefef;}

/* 关键词 */
.home-seo .keyword{background:#44B549; width:90%; height:4rem; margin:0 auto; padding:.15rem;  border-radius:5px; margin-bottom:50px; }
.home-seo .keyword input{background:#fff; width:70%; border:none; height:3.7rem; float:left;  border-radius:3px 0 0 3px; padding-left:1rem;}
.home-seo .keyword button{background:none; width:30%; border:none; float:right; line-height:3.7rem; color:#fff; cursor:pointer;}

/* 列表 */
.home-seo .list li{float:left; width:50%; border-right:1px solid #efefef; margin-bottom:2rem;}
.home-seo .list li:last-child{border:none;}
.home-seo .list li .pic{text-align:center;}
.home-seo .list li .pic img{width:50%;}
.home-seo .list li .text h3{text-align:center;  margin-top:1.5rem; margin-bottom:1.5rem; font-size:1.4rem;}
.home-seo .list li .text p{max-width:80%; margin:0 auto; margin-bottom:1rem; line-height:150%; color:#999; }

.home-seo-gn .list li{ height:480px;}


/* --- 小程序 --- */
.home-small-program{ overflow:hidden;  border-bottom:1rem solid #efefef;}
.home-small-program li{float:left; width:50%;  text-align:center; margin-bottom:1.5rem;}
.home-small-program li .pic{margin-bottom:1rem; }
.home-small-program li .text{ margin-top:10px; }
.home-small-program li .text h3{margin-bottom:.5rem; font-size:1.4rem;}
.home-small-program li .text p{ color:#999; max-width:80%; margin:0 auto; line-height:150%;}




/* --- h5 --- */
.home-html5{position:relative;}
.home-html5 .pic{}
 
/* 内容 */
.home-html5 .box{position:relative; z-index:20; }

/* 标题 */
.home-html5 .box .title{ padding:1.5rem; text-align:center; overflow:hidden; margin-bottom:1.5rem;}
.home-html5 .box .title h3{font-size:1.8rem; font-weight:bold; margin-bottom:1.5rem;}
.home-html5 .box .title p{line-height:200%;  margin-bottom:2rem;}
.home-html5 .box .title .btn a{background:#44B549; color:#fff; padding:.5rem 2rem;  border-radius:5px; }
.home-html5 .box .title .btn a:hover{opacity:.8;}
	
/* 适配 */
.adaptation{overflow:hidden; clear:both; margin-bottom:1.5rem ; background:#f7f7f7; overflow:hidden; padding:1.5rem 0 0 0;}
.adaptation li{float:left; width:33.333%; text-align:center; border-left:1px solid #efefef; margin-bottom:1.5rem;}
.adaptation li em{display:block; margin-bottom:1.5rem}
	
/* 列表 */
.home-html5 .list { padding:1.5rem; }
.home-html5 .list li{ margin-bottom:2.5rem;}
.home-html5 .list li h3{font-size:1.4rem; margin-bottom:1rem; position:relative; display:inline-block; border-bottom:1px solid #333;}
.home-html5 .list li p{color:#999; line-height:150%;}




/* --- 案例 --- */
.home-case { overflow:hidden;  border-bottom:1rem solid #efefef; padding:.5rem; padding-bottom:1rem;}
.home-case li{float:left; width:50%; padding:.5rem}
.home-case li a{  box-shadow: 0px 0px 20px #ececec; border-radius:5px; overflow:hidden; margin-bottom:30px; position:relative;  transition:all .3s ease;}
.home-case li .text{ z-index:10; }
.home-case li .text h3{text-align:center; background:#f5f5f5; line-height:3rem;}
.home-case .more{text-align:center; margin-top:1rem;}



/* --- 网站模版 --- */
.home-template{ position:relative; overflow:hidden; border-bottom:1rem solid #efefef; padding-bottom:1rem;}

/* 切换 */
.home-template .hd{text-align:center; margin-bottom:2rem; overflow:hidden;}
.home-template .hd li{display:inline-block; background:#ccc; width:10rem; height:3rem; line-height:3rem; border-radius:5px; margin-left:.5rem; margin-right:.5rem; color:#fff; cursor:pointer;}
.home-template .hd li.on{background:#FF6700;}
.home-template .hd li a{color:#fff;}

/* 内容 */
.home-template .bd{overflow:hidden; padding:.5rem;}
.home-template .bd ul{}
.home-template .bd li{float:left; box-shadow: 0px 0px 20px #ececec;  padding:.5rem; width:50%; margin-bottom:1.5rem;}
.home-template .bd li a{display:block;}


/* 更多 */
.home-template .more{text-align:center; }



/* --- 文章 --- */
.home-article{overflow:hidden; padding:1.5rem;  border-bottom:1rem solid #efefef;  }
.home-article .list{margin-bottom:2.5rem; border-bottom:.1rem solid #efefef; padding-bottom:1.5rem; }
.home-article .list h2{font-size:1.8rem; font-weight:bold; margin-bottom:1rem;}
.home-article .list li{line-height:250%; margin-bottom:1rem;}
.home-article .list li em{color:#999;}
.home-article .list li p{ line-height:150%;}
.home-article .list:last-child{margin-bottom:0;  border-bottom:none;  padding-bottom:none;}



/* --- 底部 --- */
.footer{background:#555; overflow:hidden; padding-bottom:1.5rem;}

/* 网站地图 */
.sitemap{padding:1.5rem;}
.sitemap dl{ overflow:hidden; margin-bottom:1.5rem;}
.sitemap dl dt{color:#fff; font-weight:bold; margin-bottom:1rem;}
.sitemap dl dd em{display:block; line-height:250%; float:left; width:33.33%;}
.sitemap dl dd em a{color:#ccc;}
.sitemap dl dd em a:hover{color:#fff;}


/* 二维码 */
.footer .qrcode{color:#999; text-align:center; color:#ccc;}
.footer .qrcode .pic{margin-bottom:1.5rem;}

/* 电话 */
.footer .tel{text-align:center; color:#fff; margin-bottom:1.5rem;}
.footer .tel-400{height:3rem; line-height:3rem; text-align:center; border-radius:100px; color:#fff; margin-bottom:20px; background: #578BEA; margin:0 1.5rem; margin-bottom:1.5rem;}
.footer .text p{line-height:200%;}


/* --- 版权 --- */
.copyright{background:#393939;  color:#ccc; text-align:center; padding:1.5rem;}
.copyright img{margin-left:1rem;}





/* --- 内页 --- */
.page-box{ }

/* 框架 */
.page-box .box{   overflow:hidden;  position:relative; z-index:10;}
.page-box .box-left{}
.page-box .box-right{position:relative; }

/* 分类 */
.page-box .box-left .type h3{height:3.5rem; line-height:3.5rem;  color:#fff;  font-size:1.4rem; background:#FF6700; padding-left:1.5rem; position:relative;} 
.page-box .box-left .type h3:after{content:""; background:url(../images/arrow-down.png) no-repeat 0 center; position:absolute; right:1.5rem; height:3.5rem; background-size:1.5rem; top:0; width:1.5rem;}


/* 栏目 */
.category{position:relative; overflow:hidden;}

/* 栏目 名称*/
.category h2{ height:5rem; line-height:5rem; text-align:center; font-size:1.4rem; font-weight:bold;}

/* 栏目 位置*/
.category .path{ background:#f5f5f5; height:3.5rem; line-height:3.5rem; text-align:center; color:#999;}
.category .path a{}

/* 分页 */
.showpage{text-align:center; overflow:hidden; margin-bottom:2rem;}
.showpage a{display:inline-block;  border:1px solid #ddd; border-radius:5px; height:3rem; padding:0 1rem; line-height:3rem; margin-left:.2rem; margin-right:.2rem; cursor:pointer;}
.showpage span{display:inline-block; padding:0 1rem; line-height:3rem; border:1px solid #FF6700; border-radius:5px; height:3rem; line-height:3rem; background:#FF6700; color:#fff;} 
.showpage a:hover{ background:#FF6700; color:#fff;border:1px solid #FF6700; }

/* banner */
.page-banner{position:relative;}
.page-banner .bd li{height:528px;}
.page-banner .hd{position:absolute; bottom:20px; text-align:center; width:100%;}
.page-banner .hd li{width:10px; height:10px; background:#fff; border-radius:100%; display:inline-block; margin-left:5px; margin-right:5px;}
.page-banner .hd li.on{background:#FF6700;}




/* --- 新闻 --- */

/* banner */
.news-banner{background:url(../images/banner/banner-news.jpg) no-repeat center top; background-size:cover;position:relative; height:20rem; overflow:hidden;}
.news-banner .text{ color:#fff;  text-align:center; margin-top:7.5rem}
.news-banner .text h3{color:#fff; font-size:1.8rem; font-weight:bold; margin-bottom:1rem;}
.news-banner .text p{line-height:200%; max-width:80%; margin:0 auto;}

/* 分类*/
.article-type ul{}
.article-type ul.wap{display:none;}
.article-type ul.wap li{height:3.5rem; line-height:3.5rem; text-align:center; border-bottom:1px solid #efefef;}
.article-type ul.pc{display:none;}

 

/* 列表*/
.article-list{overflow:hidden; padding:1.5rem;}
.article-list li{border-bottom:1px solid #efefef; overflow:hidden; padding-bottom:1.5rem; margin-bottom:1.5rem;}
.article-list li .pic{ overflow:hidden; margin-bottom:1.5rem;}
.article-list li .pic img{width:100%;}
.article-list li .text{}
.article-list li .text h3{font-size:1.6rem; margin-bottom:1rem;}
.article-list li .text em{display:block;  color:#999; margin-bottom:1rem;}
.article-list li .text p{line-height:150%; color:#999;}

/* 标题 */
.article-title {padding:0 1.5rem;}             
.article-title h1{text-align:center; margin-top:1.5rem; margin-bottom:1.5rem; font-size:1.8rem;}
.article-title .date{text-align:center; display:block; border-bottom:1px solid #efefef; padding-bottom:1.5rem;  color:#999;}

/* 内容 */
.article-show{padding:1.5rem; border-bottom:1px solid #efefef;}
.article-show p{margin-bottom:1.5rem; font-size:1.4rem ; line-height:200%;}
.article-show span{display:inline-block;}

/* 其他 */
.article-other{padding:1.5rem; } 
.article-other li{line-height:250%;}
.article-other li b{color:#999;}



/* --- 应用程序 --- */

/* banner */
.app-banner{background:url(../images/banner/banner-app.jpg) no-repeat center top; position:relative; overflow:hidden; background-size:cover}
.app-banner .text{ color:#fff;  text-align:center; margin-top:7.5rem; }
.app-banner .text h3{color:#fff; font-size:1.8rem; font-weight:bold; margin-bottom:1rem;}
.app-banner .text p{line-height:200%; max-width:80%; margin:0 auto;}
.app-banner .text p em{color:#ff6600;}

.app-banner .app-search{background:#fff;  line-height:4rem; margin:0 auto; border-radius:5px; overflow:hidden; margin:1.5rem;}
.app-banner .app-search input{height:4rem; line-height:4rem; width:80%; border:none; padding-left:1rem; float:left;}
.app-banner .app-search button{width:20%; border:none; background:url(../images/app-search.png) no-repeat center center #FF6700; float:left; line-height:4rem;height:4rem; cursor:pointer;}

 /* 分类 */
.app-type{}
.app-type ul{display:none;border-bottom:1rem solid #efefef;}
.app-type li{ border-bottom:1px solid #efefef; padding:1.5rem 0 1rem 1.5rem ;}
.app-type li h4{margin-bottom:1rem; font-size:1.4rem; text-align:center; font-weight:bold;}
.app-type li dd a{display:inline-block; color:#666; margin-right:1rem; padding:.3rem 1rem;  border-radius:5px; margin-bottom:.2rem;}
.app-type li dd a:hover{color:#FF6700;background:#f5f5f5; }
.app-type li dd a.now{background:#FF6700; color:#fff;}

/* 筛选 */
.app-screen { }
.app-screen li{float:left; width:33.33%;}
.app-screen li a{background:#efefef; height:3.5rem; line-height:3.5rem; text-align:center; display:block;}
.app-screen li a.now{background:#44B549; color:#fff;}
	
/* 列表*/
.app-list{padding:1.5rem; overflow:hidden; padding:.5rem; }
.app-list li{float:left; width:33.333%; text-align:center; padding:.5rem; }
.app-list li a{display:block; }
.app-list li .pic{padding-top:1rem; padding-bottom:1rem;}
.app-list li .text{padding-bottom:1rem;}
.app-list li .text em{display:block; line-height:200%;}
.app-list li .text em.price{color:#FF6700;}
.app-list li .text em.tag i{ width:16px; height:16px; display:inline-block;}
.app-list li .text em.tag i.gzh{background:url(../images/app-gzh.jpg) no-repeat;}
.app-list li .text em.tag i.xcx{background:url(../images/app-xcx.jpg) no-repeat;}





/* --- 应用程序 内容 --- */

/* 信息 */
.app-info{ border-bottom:1px solid #efefef; padding:1rem 1.5rem;}
.app-info .path{ color:#999; display:none;}

.app-info .tag{ color:#999; text-align:center;}
.app-info .tag a{margin-right:.8rem;}

.app-info .goback{ display:none;}


/* 评级 */
.app-star{ text-align:center; margin-bottom:1.5rem;}
.app-star i{display:block; width:10rem; height:2.5rem; margin-top:1.5rem; display:inline-block;}
.app-star i.star-5{background:url(../images/star-5.png) no-repeat center center;}
.app-star i.star-4{background:url(../images/star-4.png) no-repeat center center;}
.app-star i.star-3{background:url(../images/star-3.png) no-repeat center center;}
.app-star i.star-2{background:url(../images/star-2.png) no-repeat center center;}
.app-star i.star-1{background:url(../images/star-1.png) no-repeat center center;}
.app-star em{ display:none;}


/* 盒子 */
.app-box{padding:0 1.5rem; overflow:hidden;}

/* 图片 */
.app-pic{text-align:center; margin-bottom:3rem;}


/* 简介 */
.app-dep{}

/* 简介 标题*/
.app-dep h1{font-size:2rem; font-weight:lighter;  text-align:center; margin-bottom:1.5rem; font-weight:bold;}

/* 简介 价格*/
.app-dep .price{background:#f5f5f5; overflow:hidden; padding:1.5rem; margin-bottom:1.5rem;}
.app-dep .price p.p1{ margin-bottom:1.5rem;}
.app-dep .price p.p1 em{font-size:1.6rem; color:#FF6700;}
.app-dep .price p.p2{ }
.app-dep .price p.p2 em{color:#44b549;}

/* 简介 选择*/
.app-dep .choose{}
.app-dep .choose dl{overflow:hidden; margin-bottom:1.5rem;}
.app-dep .choose dl dt{ color:#999;margin-bottom:1rem;}
.app-dep .choose dl dd{margin-bottom:1.5rem;}
.app-dep .choose dl .checkbox{display:none;}
.app-dep .choose dl input.checkbox + label i{border:1px solid #efefef;  cursor:pointer; color:#333; display:inline-block; width:8rem; text-align:center; height:3rem; line-height:3rem; margin-right:1rem; float:left;}
.app-dep .choose dl input.checkbox:checked + label i{border:1px solid #FF6700; color:#FF6700; } 

/* 简介 联系*/
.app-dep .contact{overflow:hidden;  padding:1.5rem 0; }
.app-dep .contact .qq{width:13rem; height:3.5rem; line-height:3.5rem; background:url(../images/app-qq.png) no-repeat; padding-left:4rem; float:left;}
.app-dep .contact .qq a{ color:#417aa7;}
.app-dep .contact .group{float:right; line-height:3.5rem;   }
.app-dep .contact .group em{color:#FF6700;}

/* 简介 备注*/
.app-dep .tips{border-top:1px solid #efefef; padding-top:1rem;  margin-bottom:1rem;}

/* 简介 演示*/
.app-dep .demo li{text-align:center;}
.app-dep .demo .text{color:#999; text-align:center; margin-bottom:1.5rem;}
.app-dep .demo .pic{text-align:center; }
.app-dep .demo .pic em{display:block;}


/* 详细介绍 */
.app-more{padding:1.5rem; border-bottom:1px solid #efefef;}

/* 详细介绍 切换*/
.app-more .hd {height:3.5rem; line-height:3.5rem; border-bottom:1px solid #FF6700; margin-bottom:1.5rem;}
.app-more .hd li{ width:50%; text-align:center; cursor:pointer; float:left;}
.app-more .hd li.on{background:#FF6700; color:#fff;}

/* 详细介绍 内容*/
.app-more .bd li .app-content p{margin-bottom:1.5rem; line-height:200%;}

/* 详细介绍 常见问题*/
.app-more .bd li .app-ask dl{margin-bottom:1.5rem;}
.app-more .bd li .app-ask dl dt{ color:#44b549;}
.app-more .bd li .app-ask dl dd {color:#666;}


/* 推荐应用 */
.app-top{padding:1.5rem; overflow:hidden;}
.app-top .title{margin-bottom:1.5rem;}
.app-top .title h3{font-size:1.8rem; text-align:center;}
.app-top .list li{float:left; text-align:center; width:33.333%; padding:1rem;}
.app-top .list li .pic{ margin-bottom:1.5rem;}
.app-top .list li .text{line-height:150%;}




/* --- 高端网站定制 --- */
.web{}
 
/* 服务 */
.web-service {overflow:hidden; padding:0 1.5rem;  border-bottom:1rem solid #efefef;}
.web-service li{overflow:hidden; border-bottom:1px solid #efefef; padding-bottom:1.5rem; margin-bottom:1.5rem;}
.web-service li .pic{ display:none;}
.web-service li .text{  }
.web-service li .text h3{font-size:1.6rem; margin-bottom:1rem; color:#FF6700;}
.web-service li .text p{line-height:200%; color:#666; float:left; width:50%;}
 
 
/* 流程 */
.web-follow{overflow:hidden; padding:1.5rem;  border-bottom:1rem solid #efefef;}
.web-follow li{ position:relative; overflow:hidden; border-bottom:1px solid #efefef; padding-bottom:1.5rem; margin-bottom:1.5rem;} 
.web-follow li .pic{margin-bottom:1rem; float:left; width:20%;}
.web-follow li .text{float:left; width:75%; margin-left:1rem;}
.web-follow li .text p{line-height:200%; color:#999;} 
  

/* 案例介绍 */
.web-case{background:url(../images/banner/web-banner.jpg) no-repeat center bottom; background-size:cover; overflow:hidden;}
.web-case .text{ text-align:center; margin-top:8rem}
.web-case .text h3{font-size:1.8rem; font-weight:bold; color:#fff; margin-bottom:1rem;}
.web-case .text p{color:#fff; line-height:200%; margin-bottom:20px; max-width:80%; margin:0 auto;} 
.web-case .text em a{display:block; border:1px solid #fff; width:10rem; height:3.5rem; line-height:3.5rem; text-align:center; color:#fff; border-radius:100px; margin:0 auto; margin-top:1.5rem; margin-bottom:2.5rem;}
.web-case .text em a:hover{background:#fff; color:#333;}

.web-case .pic{ margin:1.5rem; text-align:center;}
.web-case .pic img{ border:.5rem solid #fff;}

/* 案例展示 */
.web-case-show{ }
.web-case-show .goback{ display:none;}
.web-case-show .show{text-align:center; padding:1.5rem;}
.web-case-show .show p{margin-bottom:1.5rem;}




/* --- 网站模版 --- */

/* banner */
.banner-template{background:url(../images/banner/banner-template.jpg) no-repeat center top;  overflow:hidden; padding-bottom:1.5rem;}
.banner-template .text{ margin-top:8rem; text-align:center;}
.banner-template .text h3{font-size:1.8rem; font-weight:bold; color:#fff; margin-bottom:1rem;}
.banner-template .text p{line-height:200%; color:#fff; max-width:80%; margin:0 auto;}
.banner-template .text p em{ color:#ff6700;}
.banner-template .text p em a{ color:#ff6700;}
.banner-template .text p em a:hover{text-decoration:underline;}


/* 模版分类 */
.template-type{   overflow:hidden;  position:relative; z-index:10; }

/* 分类 */
.template-type .type{line-height:3.5rem; background:#f5f5f5; overflow:hidden;} 
.template-type .type ul{ overflow:hidden;}
.template-type .type li{float:left; width:25%; text-align:center;}
.template-type .type li a{display:block; font-size:1.4rem; }
.template-type .type li.now a{color:#2086ee;}
 
.template-type .type li a.li04{padding-left:0px; text-align:center;}

.template-type .type li.now { background:#fff;}
 
.template-type .type .free{height:3.5rem; line-height:3.5rem; font-size:1.4rem;  border-bottom:1px solid #efefef; text-align:center; background:#fff;}
.template-type .type .free a{color:#ff6700;}


/* 筛选 */
.template-type .screen{padding:0 1rem;  border-bottom:1rem solid #efefef;}
.template-type .screen dl {border-bottom:1px solid #efefef;overflow:hidden;}
.template-type .screen dl dt{  color:#999; height:3.5rem; line-height:3.5rem; position:relative;}
.template-type .screen dl dt:after{content:""; background:url(../images/arrow-down2.png) no-repeat 90% center; width:1rem; height:3.5rem; position:absolute; right:0; top:0; background-size:1rem 1rem;}


.template-type .screen dl dd{ display:none;}
.template-type .screen dl dd a{display:inline-block; padding:.1rem 1rem; margin-bottom:1rem; border-radius:5px; position:relative; margin-right:1rem;}
.template-type .screen dl dd a:hover{background:#f5f5f5;}
.template-type .screen dl dd a.now{ background:#FF6700; color:#fff;}

.template-type .screen dl dd a:before{content:""; height:2px; position:absolute; width:100%; bottom:0; left:0;}
.template-type .screen dl dd a.c1:before{background:#A3A3A3}
.template-type .screen dl dd a.c2:before{background:#19FFFF}
.template-type .screen dl dd a.c3:before{background:#E5BC68}
.template-type .screen dl dd a.c4:before{background:#fff}
.template-type .screen dl dd a.c5:before{background:#FDCB5C}
.template-type .screen dl dd a.c6:before{background:#28C51D}
.template-type .screen dl dd a.c7:before{background:#FE0000}
.template-type .screen dl dd a.c8:before{background:#990099}
.template-type .screen dl dd a.c9:before{background:#18D4F7}
.template-type .screen dl dd a.c10:before{background:#FAE755}
.template-type .screen dl dd a.c11:before{background:#FFA618}
.template-type .screen dl dd a.c12:before{background:#000}
.template-type .screen dl dd a.c13:before{background:#CA9867}
.template-type .screen dl dd a.c14:before{background:#FE8ECF}
.template-type .screen dl dd a.c15:before{background:#905244}


/* 价格 */
.template-type .price {padding:1.5rem;}
.template-type .price p{line-height:200%;}
.template-type .price em{color:#ff6700; display:block; margin-top:1rem;}


/* 价格列表 */
.price-list{overflow:hidden;}
.price-list ul{}
.price-list li{}
.price-list li .text{ text-align:center; overflow:hidden; padding-top:1.5rem;}
.price-list li .text h3{font-size:2.4rem; color:#fff;  font-weight:bold;}
.price-list li .text em{display:block; line-height:50px; color:#fff;}
.price-list li .text p{ color:#fff; line-height:200%;}
.price-list li .text p b{font-size:2.4rem; font-weight:lighter; color:#fff;}
.price-list li .text a{display:block; background:#fff;  height:3rem; line-height:3rem; border-radius:5px; margin:1.5rem;}

.price-list li .dep{padding:20px; padding-right:0; clear:both; height:800px;}
.price-list li .dep dl{ overflow:hidden; line-height:250%;width:50%; float:left; height:50px;}
.price-list li .dep dl dt{float:left; color:#999;}
.price-list li .dep dl dd{float:right; padding-right:20px;}
.price-list li .dep dl dd em{display:block; width:15px; height:15px; margin-top:10px;}
.price-list li .dep dl dd em.yes{background:url(../images/price-yes.png) no-repeat; background-size:cover;}
.price-list li .dep dl dd em.no{background:url(../images/price-no.png) no-repeat; background-size:cover;}

.price-list li.li01 .text{background:#9FB5FF;}
.price-list li.li02 .text{background:#6D8DFE;}
.price-list li.li03 .text{background:#4770FF;}
.price-list li.li04 .text{background:#2555FF;}
 

/* pc 模版列表 */
.template-list {overflow:hidden; padding:.5rem; margin-bottom:2rem;}
.template-list ul{}
.template-list li{padding:.5rem; width:50%; float:left;}
.template-list li a{overflow:hidden; border:1px solid #efefef; display:block; padding:.5rem;}
.template-list li .pic{ margin-bottom:.5rem;}
.template-list li .text{ text-align:center; height:2.5rem; line-height:2.5rem;}


/* wap 模版列表 */
.template-mobile-list {overflow:hidden; padding:.5rem; margin-bottom:2rem;}
.template-mobile-list ul{}
.template-mobile-list li{padding:.5rem; width:50%; float:left;}
.template-mobile-list li a{overflow:hidden; border:1px solid #efefef; display:block; padding:.5rem;}
.template-mobile-list li .pic{ margin-bottom:.5rem;}
.template-mobile-list li .pic img{width:100%;}
.template-mobile-list li .text{ text-align:center; height:2.5rem; line-height:2.5rem;}



/* --- 公众号管理系统 --- */

/* 微信搜索 */
.weixin-search{ background:#f5f5f5; padding:1rem;}
.weixin-search .text{ margin-bottom:1rem; text-align:center; line-height:200%}
.weixin-search .search{}
.weixin-search .search input{border:1px solid #ddd; border-radius:100px; padding-left:1.5rem; height:3.5rem; line-height:3.5rem;  transition:all .3s ease; width:100%;}
.weixin-search .search button{background:url(../images/weixin-search.png) no-repeat; width:1.8rem; height:1.8rem; border:none; position:absolute; right:1rem; top:1rem; cursor:pointer;}
.weixin-search .search input:focus{border:1px solid #ff6700;}


/* 介绍 */
.weixin-about{}


/* 优势 */
.weixin-advantage{overflow:hidden; padding:0 1.5rem 0 1.5rem ;  border-bottom:1rem solid #efefef; margin-top:-1.5rem;}
.weixin-advantage li{ overflow:hidden; border-bottom:1px solid #efefef;  padding:1.5rem 0;}
.weixin-advantage li .pic{float:left;}
.weixin-advantage li .pic img{width:80%;}
.weixin-advantage li .text{float:left; width:65%; margin-left:.5rem;}
.weixin-advantage li .text h3{margin-bottom:1rem; font-size:1.4rem;}
.weixin-advantage li .text p{  color:#999; line-height:150%}


.weixin-shouhou{overflow:hidden; padding:0 1.5rem 5rem 1.5rem ;  border-bottom:1rem solid #efefef; margin-bottom:-15px;  }
.weixin-shouhou li{ overflow:hidden; width:50%; float:left; text-align:center;   padding:1.5rem 0;}
.weixin-shouhou li .pic{float:left;}
.weixin-shouhou li .pic img{width:80%;}
.weixin-shouhou li .text{  }
.weixin-shouhou li .text h3{margin-bottom:1rem; font-size:1.4rem;}
.weixin-shouhou li .text p{  color:#999; line-height:150%}


/* --- SEO --- */

/* 介绍 */
.seo-dep{padding:1.5rem; overflow:hidden; border-bottom:1rem solid #efefef; }
.seo-dep h3{text-align:center; font-size:1.8rem; font-weight:bold; margin-bottom:1.5rem;}
.seo-dep p{line-height:200%; margin-bottom:1.5rem;}
.seo-dep a{border:.1rem solid #666; width:10rem; height:3.5rem; line-height:3.5rem; margin:0 auto; display:block; text-align:center; border-radius:100px;}

.seo-price{ border-radius:100px; height:4rem; line-height:4rem; overflow:hidden;}
.seo-price input{width:70%; height:4rem; line-height:4rem; border:none; padding-left:1rem; background:#319CAC; color:#fff; float:left;}
.seo-price button{width:30%; background:#ff6700; float:left;border:none; height:4rem; line-height:38px;color:#fff;cursor:pointer; }



/* 介绍 */
.seo-about{overflow:hidden; border-top:1px solid #efefef;  border-bottom:1rem solid #efefef;}
.seo-about li{ padding:1.5rem;  border-bottom:1px solid #efefef; overflow:hidden;}
.seo-about li h3{text-align:center; font-size:1.8rem; color:#ff6700; margin-bottom:1.5rem;}

.seo-about li dl.list{}
.seo-about li dl.list dt{margin-bottom:1rem; color:#ff6700; font-size:1.4rem;}
.seo-about li dl.list dd{margin-bottom:1rem;}
.seo-about li dl.list dd p{line-height:200%; color:#666;}

.seo-about li dl.price{ }
.seo-about li dl.price dd{ border:1px solid #ddd; height:3.5rem; line-height:3.5rem;  text-align:center; border-radius:5px; margin-bottom:1rem; transition:all .3s ease; background:#f5f5f5;}
.seo-about li dl.price dd em{ color:#ff6700; }



/* 优势 */
.seo-advantage{overflow:hidden;  border-bottom:1rem solid #efefef;}

/* 优势 PK*/
.pk-list{display:none;}

/* 优势 我们 */
.seo-us{ margin-top:-1.5rem;}
.seo-us h3{background:url(../images/seo-pk-01.jpg) no-repeat;  height:5rem; line-height:5rem;font-size:1.8rem; text-align:center; font-weight:bold; color:#fff; background-size:cover; }
.seo-us dl{ }
.seo-us dl p{ text-align:center; line-height:3.5rem; border-bottom:1px solid #efefef; }
.seo-us dl p em{color:#ff6700;}

/* 优势 同行 */
.seo-other{}
.seo-other h3{background:url(../images/seo-pk-02.jpg) no-repeat; height:5rem; line-height:5rem; font-size:1.8rem; text-align:center; font-weight:bold; color:#fff; background-size:cover; }
.seo-other dl{ border-top:none; padding:0 1.5rem; }
.seo-other dl p{text-align:center;  line-height:3.5rem; border-bottom:1px solid #efefef;}
 

/* 案例 */
.seo-case{ overflow:hidden; padding:0 1.5rem;  margin-top:-1.5rem;  border-bottom:1rem solid #efefef;}
.seo-case ul{ }
.seo-case li{ margin-bottom:1.5rem;}
.seo-case li .title{background:#f5f5f5; height:3rem; line-height:3rem; text-align:center; margin-bottom:1rem;}
.seo-case li .list p{ line-height:200%; overflow:hidden;}
.seo-case li .list em{float:left;}
.seo-case li .list i{float:right; color:#888; text-align:right;}
.seo-case li .list i.number{ margin-right:1rem;}


/* 承诺 */
.seo-promise{ overflow:hidden; background:#F2F3F7;}

/* 承诺 象限*/
.seo-promise .quadrant{ text-align:center;}
.seo-promise .quadrant .pic{margin-bottom:1.5rem;}
.seo-promise .quadrant .pic img{width:50%;}
.seo-promise .quadrant .text { position:relative; overflow:hidden;}
.seo-promise .quadrant .text p{ width:50%; height:3.5rem; line-height:3.5rem; text-align:center; float:left; background:#D01041; color:#fff; font-size:1.4rem; border-bottom:1px solid #A00C31; border-right:1px solid #A00C31}

.seo-promise .quadrant a{display:block; height:3.5rem; line-height:3.5rem;  text-align:center; background:#A00C31; color:#fff;}
 

/* 承诺 介绍*/
.seo-promise .dep{ padding:1.5rem 1.5rem 0 1.5rem;}
.seo-promise .dep li {overflow:hidden; margin-bottom:2.5rem;}
.seo-promise .dep li .pic{float:left;}
.seo-promise .dep li .text{float:left; width:65%; margin-left:1rem;}
.seo-promise .dep li .text h3{margin-bottom:.5rem; font-weight:bold; }
.seo-promise .dep li .text p{ line-height:150%; color:#999;}


/* 态度 */
.attitude{overflow:hidden; }
.attitude li{float:left; width:50%; text-align:center; padding:1.5rem;}
.attitude li .pic{ margin-bottom:1rem;}
.attitude li .text{ }
.attitude li .text h3{ margin-bottom:1rem;}
.attitude li .text p{color:#999; line-height:150%;}




 

}