@charset "utf-8";


/* --- 公用样式 --- */
p,span{line-height:100%;}
span{display:block;}
.clear{clear:both;}
a{transition:all .3s ease;}
a:hover{color:#FF6700;}


/* --- 字体样式 --- */
@font-face{
    font-family:eng;
    src:url(../images/CenturyGothic.TTF);
    src:url(../images/CenturyGothic.eot)\9; 
}


/*1024*/
@media screen and (min-width:1024px)  and  (max-width:2600px)  {

/* --- 公用样式 --- */
body,html{font-size:14px;}
.pc{display:block;}
.wap{display:none;}
.left{float:left;}
.right{float:right;}
.img{ transition:all .6s ease; overflow:hidden;}
.img:hover{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);}
.wrap{max-width:1200px; margin:0 auto;}


/* --- 栏目 --- */
.column{text-align:center; margin-top:80px; margin-bottom:80px;}
.column h2{font-size:36px; font-weight:bold; margin-bottom:20px;}
.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); height:30px; line-height:30px; font-size:12px; position:relative; z-index:10;}

/* 电话 */
.top .tel{float:left; margin-left:50px; color:#fff; background:url(../images/tel.png) no-repeat 0 center; padding-left:15px;}

/* 链接 */
.top .link{float:right; margin-right:50px; color:#fff;}
.top .link a{color:#993300; transition:all .3s ease;}
.top .link a:after{content:"|"; margin-left:12px; margin-right:10px; color:#ea8a33;}
.top .link a:last-child:after{content:""; margin-right:0;}
.top .link a:hover{color:#fff;}



/* --- 头部 --- */
.header{position:absolute; top:30px; left:0; width:100%; background:url(../images/headerline.png) bottom repeat-x; z-index:20;}

/* 头部 logo*/
.header .logo{height:80px; line-height:80px; margin-left:50px; float:left;}

/* 头部 导航*/
.header .nav{float:right;}
.header .nav ul{float:left;}
.header .nav li{float:left; line-height:80px; font-size:16px; margin-right:30px;}
.header .nav li a{color:#fff; position:relative;display:block; }
.header .nav li a:before{content:""; height:3px; background:#fff; width:0%; position:absolute; bottom:0px;transition:all .3s ease;}
.header .nav li a:hover:before{width:100%; background:#FFAC61; }
.header .nav li a:hover{color:#FFAC61;}

.header .nav .weixin{float:left; background:#44B549; width:120px; height:35px; line-height:35px; text-align:center; color:#fff;  margin-right:50px; margin-top:23px; border-radius:5px;}
.header .nav .weixin a{color:#fff;}
.header .nav .weixin:hover{background:#38983E;}




/* --- banner --- */
.banner{position:relative; height:675px; z-index:0;}

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


/* 文案 */
.banner .text{position:absolute; left:50px; bottom:50px; z-index:20;}
.banner .text p{color:#fff; font-size:18px; margin-bottom:15px;}
.banner .text h3{color:#fff; font-size:48px; font-weight:bold;}



/* --- 微信公众号系统 --- */
.home-weixin { margin-bottom:80px;}

/* 操作 */
.home-weixin .btn{text-align:center; margin-top:-50px; margin-bottom:50px;}
.home-weixin .btn a{padding:8px 20px; color:#fff; margin-left:10px; margin-right:10px; 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-bottom:30px; }
.home-weixin .list ul{width:105%;}
.home-weixin .list li{float:left; width:186px; height:233px; border:1px solid #efefef; margin-right:12px; text-align:center; border-radius:5px; margin-bottom:12px; transition:all .3s ease;}
.home-weixin .list li .pic{margin-top:15px; margin-bottom:15px; transition:all .3s ease;}
.home-weixin .list li .text h3{margin-bottom:15px;}
.home-weixin .list li .text p{max-width:90%; margin:0 auto; font-size:12px; line-height:150%; color:#999;}
.home-weixin .list li:hover{ border:1px solid #FF6700; box-shadow: 10px 10px 20px #ececec; }
.home-weixin .list li:hover .pic{margin-top:10px; }
.home-weixin .list li:hover .text h3{ color:#FF6700;}

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



/* --- seo --- */
.home-seo{background:#f7f7f7; overflow:hidden; padding-bottom:80px;}

/* 关键词 */
.home-seo .keyword{background:#44B549; width:350px; height:50px; margin:0 auto; padding:3px;  border-radius:5px; margin-bottom:50px; margin-top:-50px; transition:all .3s ease;}
.home-seo .keyword input{background:#fff; width:75%; border:none; height:44px; float:left;  border-radius:3px 0 0 3px; padding-left:10px;}
.home-seo .keyword .button{background:none; width:25%; border:none; float:right; line-height:44px; color:#fff; cursor:pointer;}
.home-seo .keyword:hover{opacity:.8;box-shadow: 10px 10px 20px #ececec;}

/* 列表 */
.home-seo .list li{float:left; width:25%; border-right:1px solid #efefef;}
.home-seo .list li:last-child{border:none;}
.home-seo .list li .pic{text-align:center;}
.home-seo .list li .text h3{text-align:center; font-size:16px; margin-top:25px; margin-bottom:25px;}
.home-seo .list li .text p{max-width:80%; margin:0 auto; margin-bottom:15px; line-height:150%; color:#666; font-size:12px;}
.home-seo-gn .list{width:100%}
.home-seo-gn .list li{width:16.6%;}


/* --- 小程序 --- */
.home-small-program{ overflow:hidden; padding-bottom:80px;}
.home-small-program li{float:left; width:33.3333%; margin-bottom:50px;}
.home-small-program li .pic{float:left;}
.home-small-program li .text{float:left; margin-top:10px; margin-left:20px;}
.home-small-program li .text h3{margin-bottom:10px; font-size:18px;}
.home-small-program li .text p{ color:#666;}
.home-small-program li a:hover h3{ color:#FF6700;}



/* --- h5 --- */
.home-html5{background:#f7f7f7; height:733px; position:relative;}
.home-html5 .pic{position:absolute; left:0; top:0; z-index:10;}
 
/* 内容 */
.home-html5 .box{position:relative; z-index:20; margin-left:300px; padding-top:80px;}

/* 标题 */
.home-html5 .box .title{ clear:both; margin-bottom:50px;}
.home-html5 .box .title h3{font-size :36px; font-weight:bold; margin-bottom:20px;}
.home-html5 .box .title p{line-height:200%; width:80%; margin-bottom:30px;}
.home-html5 .box .title .btn a{background:#44B549; color:#fff; padding:10px 30px;  border-radius:5px; }
.home-html5 .box .title .btn a:hover{opacity:.8;}
	
/* 适配 */
.adaptation{overflow:hidden; clear:both; margin-bottom:50px;}
.adaptation li{float:left; width:16.6666%; text-align:center; border-left:1px solid #efefef;}
.adaptation li em{display:block; margin-bottom:20px}
	
/* 列表 */
.home-html5 .list li{float:left; width:33.333%; margin-bottom:20px;}
.home-html5 .list li h3{font-size:18px; margin-bottom:10px; position:relative; display:inline-block;}
.home-html5 .list li h3:before{content:""; background:#333; height:2px; width:0%; position:absolute; bottom:-5px; transition:all .3s ease;}
.home-html5 .list li p{color:#999; line-height:150%; width:80%;}
.home-html5 .list li:hover h3:before{width:100%;}



/* --- 案例 --- */
.home-case {padding-bottom:80px; overflow:hidden; padding-top:10px;}
.home-case ul{width:105%;}
.home-case li{float:left; width:380px; margin-right:30px; box-shadow: 0px 0px 20px #ececec; border-radius:5px; overflow:hidden; margin-bottom:30px; position:relative;  transition:all .3s ease;}
.home-case li .text{position:absolute; left:0;  top:100%; width:100%; height:100%; background:#FF6700; background-color:rgba(255,103,0,0.8); z-index:10; opacity:0; transition:all .3s ease; border-radius:5px; overflow:hidden; }
.home-case li .text h3{text-align:center; font-size:18px; background:url(../images/case-more.png) no-repeat center bottom; padding-bottom:60px; color:#fff; margin-top:80px;}
.home-case li:hover .text{ opacity:1; top:0;}
.home-case li:hover {box-shadow: 0px 0px 30px #ddd; }
.home-case .more{text-align:center; margin-top:30px;}



/* --- 网站模版 --- */
.home-template{background:#f7f7f7; position:relative; overflow:hidden; padding-bottom:80px;}

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

/* 内容 */
.home-template .bd{margin-bottom:30px; overflow:hidden;}
.home-template .bd ul{width:105%;}
.home-template .bd li{float:left; margin-right:20px; margin-bottom:20px; box-shadow: 0px 0px 20px #ececec;}

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



/* --- 文章 --- */
.home-article{overflow:hidden; padding-top:80px; padding-bottom:80px;}
.home-article .list h2{font-size:36px; font-weight:bold; margin-bottom:20px;}
.home-article .list li{line-height:250%;}
.home-article .list li em{color:#999; border-right:1px solid #ddd; padding-right:10px; margin-right:10px;}
.home-article .list li p{display:inline-block;}



/* --- 底部 --- */
.footer{background:#555; overflow:hidden; padding-top:50px; padding-bottom:50px;}

/* 网站地图 */
.sitemap dl{float:left; margin-right:50px;}
.sitemap dl dt{color:#fff; font-size:14px; font-weight:bold; margin-bottom:15px;}
.sitemap dl dd em{display:block; font-size:12px; line-height:250%;}
.sitemap dl dd em a{color:#ccc;}
.sitemap dl dd em a:hover{color:#fff;}
.sitemap dl dd.notice {width:150px;}
.sitemap dl dd.notice a{float:left; width:50%;}

/* 二维码 */
.footer .qrcode{float:right; width:120px; font-size:12px; color:#999; text-align:center; color:#ccc;}
.footer .qrcode .pic{margin-bottom:15px;}

/* 电话 */
.footer .tel{float:right; text-align:center; color:#fff; font-size:12px; margin-left:50px;}
.footer .tel-400{height:30px; line-height:30px; text-align:center; border-radius:100px; color:#fff; margin-bottom:20px; background:url(../images/qq.png) no-repeat 20px center #ff6700; padding-left:40px; padding-right:20px; display:inline-block;}
.footer .text p{line-height:200%;}



/* --- 版权 --- */
.copyright{background:#393939; font-size:12px; height:50px; line-height:50px; font-size:12px; color:#ccc; text-align:center;}
.copyright img{margin-left:10px;}



/* --- 内页 --- */
.page-box{background:#f5f5f5; padding-bottom:60px;padding-top:50px;}

/* 框架 */
.page-box .box{background:#fff; border-radius:5px; box-shadow: 0px 0px 20px #ececec;  overflow:hidden;  position:relative; z-index:10;}
.page-box .box-left{float:left; width:240px;}
.page-box .box-right{position:relative; float:right; width:960px; box-shadow: -2px 0px 10px #ececec; }

/* 分类 */
.page-box .box-left .type h3{background:#FF6700; height:60px; padding-left:30px; font-size:24px; line-height:60px; color:#fff;}

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

/* 栏目 名称*/
.category h2{border-bottom:1px solid #ddd; height:60px; font-size:24px; line-height:60px; padding-left:20px;}

/* 栏目 位置*/
.category .path{position:absolute; right:20px; top:0; line-height:60px; color:#999;}
.category .path a{margin-left:5px; margin-right:5px;}

/* 分页 */
.showpage{text-align:center; overflow:hidden; margin-bottom:50px;}
.showpage a{display:inline-block;  border:1px solid #ddd; border-radius:5px; height:35px; padding:0 12px; line-height:35px; margin-left:3px; margin-right:3px; cursor:pointer;}
.showpage span{display:inline-block; padding:0 12px; line-height:35px; border:1px solid #FF6700; border-radius:5px; height:35px; line-height:35px; 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; height:378px; background-size:cover;position:relative;}
.news-banner .text{position:absolute; left:0; bottom:125px; color:#fff; width:100%;}
.news-banner .text h3{color:#fff; font-size:36px; font-weight:bold; margin-bottom:15px;}
.news-banner .text p{line-height:200%;}

/* 分类*/
.article-type ul{margin:20px;}
.article-type ul li{height:50px; line-height:50px; border-bottom:1px solid #ddd; padding-left:10px; font-size:16px;}
.article-type ul li a{ display:block;}
.article-type ul li.now,.article-box .type ul li:hover{background:url(../images/arrow-new-s-type.png) no-repeat 90% center #f9f9f9;}
.article-type ul li.now a{color:#ff6700;}

/* 列表*/
.article-list{overflow:hidden; padding:30px;}
.article-list li{border-bottom:1px solid #efefef; overflow:hidden; padding-bottom:30px; margin-bottom:30px;}
.article-list li .pic{float:left; margin-right:25px; overflow:hidden;}
.article-list li .pic img{width:190px; height:120px;}
.article-list li .text{float:left; width:75%;}
.article-list li .text h3{font-size:18px; margin-bottom:10px;}
.article-list li .text em{display:block; font-size:12px; color:#999; margin-bottom:15px;}
.article-list li .text p{line-height:150%; color:#999;}

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

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

/* 其他 */
.article-other{padding: 30px;} 
.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; height:378px;  position:relative; overflow:hidden;}
.app-banner .text{position:absolute; left:0; bottom:125px; color:#fff; width:100%;}
.app-banner .text h3{color:#fff; font-size:36px; font-weight:bold; margin-bottom:15px;}
.app-banner .text p{line-height:200%;}
.app-banner .text p em{color:#ff6600;}

.app-banner .app-search{background:#fff; width:320px; height:40px; line-height:40px; margin:0 auto; margin-top:250px; border-radius:5px; overflow:hidden;}
.app-banner .app-search input{height:40px; line-height:40px; width:80%; border:none; padding-left:10px; 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:40px;height:40px; cursor:pointer;}

/* 分类 */
.app-type li{padding:20px; border-bottom:1px solid #efefef;}
.app-type li h4{margin-bottom:10px; font-size:16px;}
.app-type li dd a{display:inline-block; color:#666; margin-right:10px; padding:2px 10px; font-size:12px; border-radius:5px; margin-bottom:5px;}
.app-type li dd a:hover{color:#FF6700;background:#f5f5f5; }
.app-type li dd a.now{background:#FF6700; color:#fff;}

/* 筛选 */
.app-screen {position:absolute; right:20px; top:16px;}
.app-screen li{float:left;}
.app-screen li a{background:#efefef; padding:5px 15px; border-radius:5px; margin-left:5px; margin-right:5px;}
.app-screen li a.now{background:#44B549; color:#fff;}
	
/* 列表*/
.app-list{padding:30px; overflow:hidden;}
.app-list li{float:left; width:25%; text-align:center;}
.app-list li a{display:block; transition:all .3s ease;}
.app-list li a:hover{background:#f5f5f5;box-shadow: 10px 10px 20px #ececec;}
.app-list li .pic{padding-top:20px; padding-bottom:15px;}
.app-list li .text{padding-bottom:20px;}
.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-list-mall li{float:left; width:25%; text-align:center; height:280px;}
.app-list-mall .text .desc{ color:#999; line-height:160%; padding:0 18px;}
.app-list-mall-case{}

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

/* 信息 */
.app-info{height:60px; line-height:60px; border-bottom:1px solid #efefef;}
.app-info .path{margin-left:20px; color:#999; float:left;}

.app-info .tag{margin-left:50px; float:left; color:#999; }
.app-info .tag a{margin-left:15px;}

.app-info .goback{float:right; margin-right:20px; }
.app-info .goback a{color:#FF6700;}


/* 评级 */
.app-star{ background:url(../images/star-back.jpg) no-repeat 0 3px; padding-left:30px; height:25px; margin:30px;}
.app-star i{display:block; width:102px; height:21px; float:left; margin-top:3px;}
.app-star i.star-5{background:url(../images/star-5.png) no-repeat 0 center;}
.app-star i.star-4{background:url(../images/star-4.png) no-repeat 0 center;}
.app-star i.star-3{background:url(../images/star-3.png) no-repeat 0 center;}
.app-star i.star-2{background:url(../images/star-2.png) no-repeat 0 center;}
.app-star i.star-1{background:url(../images/star-1.png) no-repeat 0 center;}
.app-star em{display:block; float:left; background:#5CB85C; color:#fff; padding:1px 8px; border-radius:5px; margin-left:20px;}


/* 盒子 */
.app-box{padding:30px; overflow:hidden;}

/* 图片 */
.app-pic{background:url(../images/app-mobile-back.jpg) no-repeat; width:271px; height:545px; margin-left:100px; position:relative; float:left;}
.app-pic li em{display:block; width:238px; height:424px; overflow:hidden; margin-left:17px; margin-top:45px;}
.app-pic .prev,.app-pic .next{position:absolute; top:45%; cursor:pointer;}
.app-pic .prev{left:-50px;}
.app-pic .next{right:-50px;}

/* 简介 */
.app-dep{float:right; width:650px;}

/* 简介 标题*/
.app-dep h1{font-size:28px; font-weight:lighter; margin-bottom:20px;}

/* 简介 价格*/
.app-dep .price{background:#f5f5f5; overflow:hidden; padding:20px; margin-bottom:20px;}
.app-dep .price p.p1{float:left;}
.app-dep .price p.p1 em{font-size:24px; color:#FF6700;}
.app-dep .price p.p2{float:right;}
.app-dep .price p.p2 em{color:#44b549;}

/* 简介 选择*/
.app-dep .choose{margin-bottom:20px;}
.app-dep .choose dl{overflow:hidden; margin-bottom:15px;}
.app-dep .choose dl dt{float:left; line-height:30px; margin-right:5px; color:#999;}
.app-dep .choose dl dd{float:left;}
.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:100px; text-align:center; height:30px; line-height:30px; margin-right:10px;}
.app-dep .choose dl input.checkbox:checked + label i{border:1px solid #FF6700; color:#FF6700; } 

/* 简介 联系*/
.app-dep .contact{overflow:hidden; margin-bottom:20px;}
.app-dep .contact .qq{float:left; width:138px; height:40px; line-height:40px; background:url(../images/app-qq.png) no-repeat; padding-left:40px;}
.app-dep .contact .qq a{ color:#417aa7;}
.app-dep .contact .group{float:left; line-height:40px; background:url(../images/qun.png) no-repeat 0 center; padding-left:20px; margin-left:20px;}
.app-dep .contact .group em{color:#FF6700;}

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

/* 简介 演示*/
.app-dep .demo .text{color:#999; margin-bottom:15px;}
.app-dep .demo .pic em{border:1px solid #efefef; padding:5px; border-raidus:5px; display:block; float:left; margin-right:15px;}



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

/* 详细介绍 切换*/
.app-more .hd {height:35px; line-height:35px; border-bottom:1px solid #FF6700; margin-bottom:30px;}
.app-more .hd li{display:inline-block; width:150px; text-align:center; cursor:pointer;}
.app-more .hd li.on{background:#FF6700; color:#fff;}

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

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



/* 推荐应用 */
.app-top{padding:30px; overflow:hidden;}
.app-top .title{margin-bottom:20px;}
.app-top .title h3{font-size:24px;}
.app-top .list li{float:left; margin-right:30px; font-size:12px; text-align:center;}
.app-top .list li .pic{margin-bottom:15px;}




/* --- 高端网站定制 --- */
.web{}

/* banner */
.web-banner .bd li .text{ margin-top:180px;}
.web-banner .bd li .text h3{font-size:36px; font-weight:bold; color:#fff; margin-bottom:15px;}
.web-banner .bd li .text p{color:#fff;width:500px; line-height:200%; margin-bottom:20px;}
.web-banner .bd li .text em a{display:block; border:1px solid #fff; width:125px; height:40px; line-height:40px; text-align:center; color:#fff; border-radius:100px;}
.web-banner .bd li .text em a:hover{background:#fff; color:#333;}

/* 服务 */
.web-service {overflow:hidden; margin-bottom:80px;}
.web-service li{float:left; width:20%; text-align:center; margin-top:20px; transition:all .3s ease; min-height:500px;}
.web-service li .pic{width:120px; height:120px; margin:0 auto; margin-bottom:20px; border-radius:100%; transition:all .3s ease;}
.web-service li .text h3{font-size:18px; margin-bottom:20px;}
.web-service li .text p{line-height:200%; color:#666;}

.web-service li:hover{margin-top:0;}
.web-service li:hover .pic{box-shadow: 10px 10px 20px #ececec;}
.web-service li:hover .text h3 {color:#FF6700;}

.web-service li.li01 .pic{background:url(../images/web-01.png) no-repeat center center #f9f9f9;}
.web-service li.li02 .pic{background:url(../images/web-02.png) no-repeat center center #f9f9f9;}
.web-service li.li03 .pic{background:url(../images/web-03.png) no-repeat center center #f9f9f9;}
.web-service li.li04 .pic{background:url(../images/web-04.png) no-repeat center center #f9f9f9;}
.web-service li.li05 .pic{background:url(../images/web-05.png) no-repeat center center #f9f9f9;}

.web-service li.li01:hover .pic{background:url(../images/web-01-hover.png) no-repeat center center #FF6700;}
.web-service li.li02:hover .pic{background:url(../images/web-02-hover.png) no-repeat center center #FF6700;}
.web-service li.li03:hover .pic{background:url(../images/web-03-hover.png) no-repeat center center #FF6700;}
.web-service li.li04:hover .pic{background:url(../images/web-04-hover.png) no-repeat center center #FF6700;}
.web-service li.li05:hover .pic{background:url(../images/web-05-hover.png) no-repeat center center #FF6700;}

/* 流程 */
.web-follow{background:#f5f5f5; overflow:hidden; padding-bottom:80px;}
.web-follow li{float:left; width:20%; text-align:center; position:relative;} 
.web-follow li .pic{background:#fff; border-radius:100px; width:120px; height:120px; margin:0 auto; margin-bottom:20px;  transition:all .3s ease;}
.web-follow li .text p{line-height:200%; color:#666;}
.web-follow li:hover .pic{box-shadow: 10px 10px 20px #ececec;}
.web-follow li:after{content:""; background:url(../images/arrow-web.png) no-repeat 0 center; height:120px; position:absolute; right:-20px; top:0; width:39px;}
.web-follow li:last-child:after{background:none;}

/* 案例介绍 */
.web-case{background:url(../images/banner/web-banner.jpg) no-repeat center bottom; height:528px; background-size:cover; overflow:hidden;}
.web-case .text{ margin-top:180px; float:left;}
.web-case .text h3{font-size:36px; font-weight:bold; color:#fff; margin-bottom:15px;}
.web-case .text p{color:#fff;width:500px; line-height:200%; margin-bottom:20px;} 
.web-case .text em a{display:block; border:1px solid #fff; width:125px; height:40px; line-height:40px; text-align:center; color:#fff; border-radius:100px;}
.web-case .text em a:hover{background:#fff; color:#333;}

.web-case .pic{float:right; background:url(../images/web-case-back.png) no-repeat; width:564px; height:326px; margin-top:140px; overflow:hidden;}
.web-case .pic img{margin-left:70px; margin-top:23px;}

/* 案例展示 */
.web-case-show{margin-bottom:80px;}
.web-case-show .goback{text-align:right; margin-top:50px; margin-bottom:50px;}
.web-case-show .show{text-align:center;}
.web-case-show .show p{margin-bottom:50px;}




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

/* banner */
.banner-template{background:url(../images/banner/banner-template.jpg) no-repeat center top; height:409px; overflow:hidden;}
.banner-template .text{margin-top:150px;}
.banner-template .text h3{font-size:36px; font-weight:bold; color:#fff; margin-bottom:15px;}
.banner-template .text p{line-height:200%; color:#fff;}
.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{ border:1px solid #ddd; border-radius:5px; overflow:hidden; margin-top:50px; position:relative; z-index:10; margin-bottom:50px; box-shadow: 0px 10px 30px #ececec;}

/* 分类 */
.template-type .type{height:70px; line-height:70px; background:#F7F7F7; border-bottom:1px solid #ddd;} 
.template-type .type ul{float:left;}
.template-type .type li{float:left; width:180px; border-right:1px solid #ddd;}
.template-type .type li a{display:block; padding-left:85px; font-size:24px; }
.template-type .type li.now a{color:#2086ee;}

.template-type .type li a.li01{background:url(../images/template-01.png) no-repeat 20px center;}
.template-type .type li a.li02{background:url(../images/template-02.png) no-repeat 20px center;}
.template-type .type li a.li03{background:url(../images/template-03.png) no-repeat 20px center;}
.template-type .type li a.li04{padding-left:0px; text-align:center;}

.template-type .type li.now { background:#fff;}
.template-type .type li.now a.li01{background:url(../images/template-01-hover.png) no-repeat 20px center #fff;}
.template-type .type li.now a.li02{background:url(../images/template-02-hover.png) no-repeat 20px center #fff;}
.template-type .type li.now a.li03{background:url(../images/template-03-hover.png) no-repeat 20px center #fff;}


.template-type .type .free{float:right; line-height:70px; font-size:24px; margin-right:20px;}
.template-type .type .free a{color:#ff6700;}


/* 筛选 */
.template-type .screen{padding:30px 30px 0 30px;}
.template-type .screen dl {border-bottom:1px solid #efefef; padding-bottom:10px; margin-bottom:20px; overflow:hidden;}
.template-type .screen dl dt{float:left; width:10%; padding:2px 10px; color:#999;}
.template-type .screen dl dd{float:left; width:90%;}
.template-type .screen dl dd a{display:inline-block; padding:2px 10px; margin-bottom:5px; border-radius:5px; position:relative; margin-right:10px;}
.template-type .screen dl dd a:hover{background:#f5f5f5;}
.template-type .screen dl dd a.now,.template-type .screen dl dd em{ display:inline-block;background:#FF6700;padding:2px 10px;border-radius:5px;margin-right:10px; 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:30px;}
.template-type .price p{line-height:200%;}
.template-type .price em{color:#ff6700; display:block; margin-top:15px;}


/* 价格列表 */
.price-list{margin-bottom:50px; overflow:hidden; padding-bottom:20px;}
.price-list ul{width:105%;}
.price-list li{float:left; width:280px; box-shadow: 0px 0px 20px #ececec; margin-right:25px; margin-top:20px;   transition:all .3s ease;}
.price-list li .text{height:270px; text-align:center; overflow:hidden;    transition:all .3s ease;}
.price-list li .text h3{font-size:24px; color:#fff; margin-top:40px; 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:24px; font-weight:lighter; color:#fff;}
.price-list li .text a{display:block; background:#fff; width:180px; height:32px; line-height:32px; border-radius:5px; margin:0 auto; margin-top:20px; font-size:12px;}

.price-list li .dep{padding:20px;}
.price-list li .dep dl{ overflow:hidden; line-height:250%;}
.price-list li .dep dl dt{float:left; color:#999;}
.price-list li .dep dl dd{float:right;}
.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 .dep li dt,.price-list li .dep li dd{ height:32px; line-height:32px;}
.price-list-xcx li .dep dt img{width:32px; vertical-align:middle; float:left;}
.home-weixin .list li .text .plugin-price{ color:#FF6700; font-weight:bold; padding-bottom:10px;}
.home-weixin .list li img{ border-radius:10px;}
.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;}

.price-list li:hover{margin-top:10px;}
.price-list li:hover .text{background:#ff6700;}


/* pc 模版列表 */
.template-list {overflow:hidden; margin-bottom:50px;}
.template-list ul{width:105%;}
.template-list li a{  width:390px; overflow:hidden; float:left; margin-right:15px; margin-bottom:15px; display:block;}
.template-list li .pic{margin:10px; box-shadow:3px 1px 3px 3px #ccc;}
.template-list li .text{margin-left:20px; line-height:25px;}

/* wap 模版列表 */
.template-mobile-list {overflow:hidden; margin-bottom:50px;}
.template-mobile-list ul{width:105%;}
.template-mobile-list li a{background:url(../images/template-mobile-list.png) no-repeat; width:191px; height:345px; overflow:hidden; float:left; margin-right:60px; margin-bottom:30px; display:block;}
.template-mobile-list li .pic{margin-left:5px; margin-top:7px;}
.template-mobile-list li .text{height:27px; line-height:27px; text-align:center;}




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

/* 微信搜索 */
.weixin-search{ background:#f5f5f5; height:60px; line-height:60px;}
.weixin-search .text{float:left; line-height:60px;}
.weixin-search .search{float:right; position:relative;}
.weixin-search .search input{border:1px solid #ddd; border-radius:100px; padding-left:10px; height:35px; line-height:35px;  transition:all .3s ease;}
.weixin-search .search button{background:url(../images/weixin-search.png) no-repeat; width:18px; height:18px; border:none; position:absolute; right:10px; top:20px; cursor:pointer;}
.weixin-search .search input:focus{border:1px solid #ff6700;}


/* 介绍 */
.weixin-about{margin-bottom:50px;}


/* 优势 */
.weixin-advantage{overflow:hidden; margin-bottom:-50px;}
.weixin-advantage li{float:left; width:25%; height:80px; margin-bottom:50px;}
.weixin-advantage li .pic{float:left;}
.weixin-advantage li .text{float:left; width:65%; margin-left:20px;}
.weixin-advantage li .text h3{margin-bottom:10px;}
.weixin-advantage li .text p{width:80%; color:#999; line-height:150%}

.weixin-shouhou{overflow:hidden;  }
.weixin-shouhou li{float:left; text-align:center; width:25%; height:300px; margin-bottom:50px;}
.weixin-shouhou li .pic{ }
.weixin-shouhou li .text{ }
.weixin-shouhou li .text h3{margin-bottom:10px;}
.weixin-shouhou li .text p{  color:#999; line-height:150%}


/* --- SEO --- */

/* 介绍 */
.seo-price{width:260px;   height:40px; line-height:38px; overflow:hidden;}
.seo-price #siteSearchContent{width:70%; height:38px; line-height:38px; border:none; padding-left:10px; background:#fff; color:#444; float:left; border-radius:30px 0 0 30px;}
.seo-price #siteSearchSubmit{width:30%; background:#ff6700; float:left;border:none; height:38px; line-height:38px;color:#fff;cursor:pointer;  border-radius:0 30px 30px 0 ;}


/* 介绍 */
.seo-about{overflow:hidden; margin-bottom:80px;}
.seo-about li{width:45%;}
.seo-about li h3{text-align:center; font-size:24px; color:#ff6700; margin-bottom:30px;}

.seo-about li dl.list{min-height:650px;}
.seo-about li dl.list dt{margin-bottom:10px; color:#ff6700; font-size:18px;}
.seo-about li dl.list dd{margin-bottom:20px;}
.seo-about li dl.list dd p{line-height:200%; color:#666;}

.seo-about li dl.price{width:105%;}
.seo-about li dl.price dd{float:left; border:1px solid #ddd; height:40px; line-height:40px; width:260px; text-align:center; border-radius:5px; margin-bottom:20px; margin-right:20px;   transition:all .3s ease; background:#fff;}
.seo-about li dl.price dd em{ color:#ff6700; }
.seo-about li dl.price dd:hover{border:1px solid #ff6700; box-shadow: 10px 10px 20px #ececec;}


/* 优势 */
.seo-advantage{background:#F2F3F7; overflow:hidden; padding-bottom:80px;}

/* 优势 PK*/
.pk-list{background:#DDEFFD; float:left; width:135px; text-align:center; padding:0 9px; margin-top:21px;}
.pk-list li{ border-bottom:1px dotted #bbb; height:60px; line-height:60px;}
.pk-list li:last-child{border-bottom:none;}

/* 优势 我们 */
.seo-us{float:left; width:548px;}
.seo-us h3{background:url(../images/seo-pk-01.jpg) no-repeat; height:100px; line-height:100px; font-size:30px; text-align:center; font-weight:bold; color:#fff;}
.seo-us dl{background:#fff; border:1px solid #ddd; border-top:none; padding:0 50px;}
.seo-us dl p{height:57px; line-height:57px; text-align:center; border-bottom:1px dashed #efefef;}
.seo-us dl p em{color:#ff6700;}
.seo-us dl p:last-child{border:none;}

/* 优势 同行 */
.seo-other{float:left; width:512px; margin-top:21px;}
.seo-other h3{background:url(../images/seo-pk-02.jpg) no-repeat; height:79px; line-height:79px; font-size:30px; text-align:center; font-weight:bold; color:#fff;}
.seo-other dl{background:#fff; border:1px solid #ddd; border-top:none; padding:0 50px; border-left:none;}
.seo-other dl p{height:57px; line-height:57px; text-align:center; border-bottom:1px dashed #efefef;}
.seo-other dl p:last-child{border:none;}


/* 案例 */
.seo-case{margin-bottom:80px; overflow:hidden;}
.seo-case ul{width:105%;}
.seo-case li{float:left; width:223px; border:1px solid #efefef; padding:5px; margin-right:20px; margin-bottom:20px;  transition:all .3s ease;}
.seo-case li .title{background:#f5f5f5; height:30px; line-height:30px; text-align:center; margin-bottom:10px;  transition:all .3s ease;}
.seo-case li .list p{font-size:12px; 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:15px;}

.seo-case li:hover{border:1px solid #ff6700; box-shadow: 10px 10px 20px #ececec;}
.seo-case li:hover .title{background:#ff6700; color:#fff;}


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

/* 承诺 象限*/
.seo-promise .quadrant{background:url(../images/seo-promise.jpg) no-repeat; width:260px; height:260px; float:left; margin-left:100px; margin-top:50px;}
.seo-promise .quadrant .text { position:relative; height:260px; margin-bottom:70px;}
.seo-promise .quadrant .text p{position:absolute; font-size:24px;}
.seo-promise .quadrant .text p.p1{top:-40px; left:85px;}
.seo-promise .quadrant .text p.p2{top:115px; right:-115px;}
.seo-promise .quadrant .text p.p3{bottom:-40px; left:85px;}
.seo-promise .quadrant .text p.p4{top:115px; left:-115px;}

.seo-promise .quadrant a{display:block; width:150px; height:36px; line-height:32px; background:#fff; text-align:center; border:1px solid #ff6700; border-radius:5px; margin:0 auto;}
.seo-promise .quadrant a:hover{background:#ff6700; color:#fff;}

/* 承诺 介绍*/
.seo-promise .dep{float:right; width:50%;}
.seo-promise .dep li {overflow:hidden; margin-bottom:35px;}
.seo-promise .dep li .pic{float:left;}
.seo-promise .dep li .text{float:left; margin-left:20px; width:80%;}
.seo-promise .dep li .text h3{margin-bottom:15px; font-weight:bold; }
.seo-promise .dep li .text p{color:#666; line-height:150%;}


/* 态度 */
.attitude{overflow:hidden; margin-top:50px; margin-bottom:50px;}
.attitude li{float:left; width:25%;}
.attitude li .pic{float:left; margin-top:6px;}
.attitude li .text{float:left; margin-left:20px;}
.attitude li .text h3{font-size:24px; margin-bottom:10px;}
.attitude li .text p{color:#999; font-size:16px;}



}



/* 1920px */
@media screen and (min-width:1920px)  and  (max-width:1920px)  {
	
/* --- h5 --- */
.home-html5 .pic{position:absolute; left:-100px; top:0; z-index:10;}

}


/*  1680px */
@media screen and (min-width:1680px)  and  (max-width:1680px)  {
	
/* --- h5 --- */
.home-html5 .pic{position:absolute; left:-180px; top:0; z-index:10;}

}


/* 1550px*/
@media screen and (min-width:1500px)  and  (max-width:1500px)  {
	
/* --- banner --- */
.banner{height:580px;}

/* 视频 */
.video{height:580px;}

/* --- h5 --- */
.home-html5 .pic{left:-230px;}

/* 内容 */
.home-html5 .box{margin-left:350px;}

}



/* 1440px*/
@media screen and (min-width:1440px)  and  (max-width:1440px)  {
	
/* --- banner --- */
.banner{height:530px;}

/* 视频 */
.video{height:530px;}

/* --- h5 --- */
.home-html5 .pic{left:-230px;}

/* 内容 */
.home-html5 .box{margin-left:350px;}

}



/* 1366px*/
@media screen and (min-width:1366px)  and  (max-width:1366px)  {
	
/* --- banner --- */
.banner{height:500px;}

/* 视频 */
.video{height:500px;}

/* --- h5 --- */
.home-html5 .pic{left:-280px;}

/* 内容 */
.home-html5 .box{margin-left:350px;}

}



/* 1280px*/
@media screen and (min-width:1280px)  and  (max-width:1280px)  {
	
/* --- banner --- */
.banner{height:450px;}

/* 视频 */
.video{height:450px;}

/* --- h5 --- */
.home-html5 .pic{left:-300px;}

/* 内容 */
.home-html5 .box{margin-left:380px;}

}



/* 1024px */
@media screen and (min-width:1024px)  and  (max-width:1024px)  {
	

/* --- 公用样式 --- */
.wrap{max-width:960px; margin:0 auto;}
.pc{display:none;}
.wap{display:block;}


/* --- 栏目 --- */
.column{text-align:center; margin-top:80px; margin-bottom:20px;}


/* --- 头部 --- */
.header{border-bottom:none;}
/* 导航 */
.wap-nav{}
.drawer-nav{z-index:300;}
.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: 40px }

/* --- banner --- */
.banner{height:330px; z-index:0; margin-bottom:50px;}
/* 视频 */
.video{height:330px;}


/* --- 微信公众号系统 --- */
.home-weixin { margin-bottom:80px;}
/* 操作 */
.home-weixin .btn{margin-top:30px;}
/* 列表 */
.home-weixin .list li{ width:180px; height:240px; margin-right:15px; }


/* --- seo --- */
.home-seo{background:#f7f7f7; overflow:hidden; padding-bottom:80px; margin-bottom:30px;}
/* 关键词 */
.home-seo .keyword{margin-top:30px; }


/* --- h5 --- */
.home-html5 .pic{display:none; }
 /* 内容 */
.home-html5 .box{ margin-left:0px;}
/* 标题 */
.home-html5 .box .title{ text-align:center;}
.home-html5 .box .title p{ margin:0 auto; margin-bottom:30px; }


/* --- 小程序 --- */
.home-small-program{ margin-top:50px; overflow:hidden;}


/* --- 案例 --- */
.home-case li{width:290px; margin-left:15px;  margin-right:15px;}


/* --- 底部 --- */

/* 网站地图 */
.sitemap{float:left; }
.sitemap dl{float:left; margin-right:20px;}
/* 二维码 */
.footer .qrcode{ float:left; }
/* 电话 */
.footer .tel{margin-right:20px; float:left; }



/* --- 内页 --- */

 /* 内容 */
.home-template .bd li{float:left; margin-left:15px;  margin-right:15px; margin-bottom:20px; box-shadow: 0px 0px 20px #ececec;}


/* --- 新闻 --- */
/* banner */
.news-banner{background:url(../images/banner/banner-news.jpg) no-repeat center top; height:378px; background-size:cover;position:relative;}
.news-banner .text{ text-align:center;}
.news-banner .text h3{color:#fff; font-size:36px; font-weight:bold; margin-bottom:15px;}
.news-banner .text p{line-height:200%;}


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

/* banner */
.app-banner .text{color:#fff; width:100%; position:absolute; top:80px; left:0; text-align:center;}
.app-banner .app-search{margin-top:220px; z-index:100; position:relative;}


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

/* 图片 */
.app-pic{margin-left:0;  float:none; margin:0 auto; margin-bottom:50px;}

/* 简介 */
.app-dep{float:none; width:auto; overflow:hidden;}



/* --- 高端网站定制 --- */

/* 案例介绍 */
.web-case{background:url(../images/banner/web-banner.jpg) no-repeat center bottom; height:528px; background-size:cover; overflow:hidden;}
.web-case .text{ margin-top:180px; text-align:center; width:100%;}
.web-case .text p{margin:0 auto; margin-bottom:30px;}
.web-case .text a{margin:0 auto;}



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

/* 模版分类 */
.template-type{ border:1px solid #ddd; border-radius:5px; overflow:hidden; margin-top:-70px; position:relative; z-index:10; margin-bottom:50px; box-shadow: 0px 10px 30px #ececec;}

/* 筛选 */
.template-type .screen dl dt{float:left; width:12%; padding:2px 10px; color:#999;}
.template-type .screen dl dd{float:left; width:88%;}


/* pc 模版列表 */
.template-list {overflow:hidden; margin-bottom:50px;}
.template-list ul{width:100%;}
.template-list li {width:50%; float:left; margin-bottom:20px;}
.template-list li a{ background:url(../images/template-list.png) no-repeat; width:390px; height:306px; overflow:hidden;  margin-right:0; margin-bottom:15px; display:block; margin:0 auto; float:none;}


/* wap 模版列表 */
.template-mobile-list ul{width:100%;}
.template-mobile-list li {width:25%; float:left; margin-bottom:30px;}
.template-mobile-list li a{ float:none; margin-right:0; margin-bottom:30px; display:block; margin:0 auto;}


/* 价格列表 */
.price-list li{width:220px; }




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


/* 优势 */
.weixin-advantage{overflow:hidden; margin-bottom:-50px;}
.weixin-advantage li{text-align:center; overflow:hidden; height:150px;}
.weixin-advantage li .pic{float:none; margin-bottom:15px;}
.weixin-advantage li .text{float:none; width:100%; margin-left:0; }
.weixin-advantage li .text h3{margin-bottom:10px;}
.weixin-advantage li .text p{width:80%; color:#999; line-height:150%; text-align:center;margin:0 auto;}




/* --- SEO --- */

/* 优势 */
.seo-advantage{background:#F2F3F7; overflow:hidden; padding-bottom:80px;}

/* 优势 PK*/
.pk-list{background:#DDEFFD; float:left; width:100px; text-align:center; padding:0 9px; margin-top:21px;}

/* 优势 我们 */
.seo-us{float:left; width:430px;}

/* 优势 同行 */
.seo-other{float:left; width:430px; margin-top:21px;}

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

/* 承诺 介绍*/
.seo-promise .dep{width:45%;}
.seo-promise .dep li .text{ width:70%;}



/* 态度 */
.attitude{overflow:hidden; margin-top:50px; margin-bottom:50px;}
.attitude li{float:left; width:25%; text-align:center;}
.attitude li .pic{margin-top:6px; float:none; margin-bottom:15px;}
.attitude li .text{ float:none;  margin-left:0;}
.attitude li .text h3{font-size:24px; margin-bottom:10px;}
.attitude li .text p{color:#999; font-size:16px;}



}