/*====================首页===========================*/
/*banner*/
.banner 
{width: 100%;  height: 486px; background: url(banner.jpg) no-repeat center;}
.banner .nr
{width: 646px; height: 142px; padding-top:130px; margin: 0 auto; text-align: center; color: #fff;}
.banner .nr p 
{font-size: 16px;}
.banner .nr .p1 
{color: #ec6803; margin: 30px 0; font-size: 16px;}
.banner .nr h1 
{color: #fff; font-size: 38px;}
/*服务*/
.syonebj 
{background: #f3f3f3; height: 170px; overflow:hidden;}
.syoneA li 
{float: left; width: 248px; text-align: center; padding:0 20px; margin: 24px 0 0;}
.syoneA li i 
{display: inline-block; width: 58px; height: 58px; background: url(icon.png) no-repeat;}
.syoneA li:nth-child(1) i 
{background-position: -15px 0;}
.syoneA li:nth-child(2) i 
{background-position: -108px 0;}
.syoneA li:nth-child(3) i 
{background-position: -201px 0;}
.syoneA li:nth-child(4) i 
{background-position: -300px 0;}
.syoneA li:nth-child(5) i 
{background-position: -408px 0;}
.syoneA li h6 
{font-size: 20px; padding-top:20px; 
-webkit-transition:all .3s ease-out;
-moz-transition:all .3s ease-out;
-ms-transition:all .3s ease-out;
-o-transition:all .3s ease-out;
transition:all .3s ease-out;
}
.syoneA li p 
{height: 0; font-size: 14px;color:#888; margin-top: 20px; 
-webkit-transition:all .3s ease-out;
-moz-transition:all .3s ease-out;
-ms-transition:all .3s ease-out;
-o-transition:all .3s ease-out;
transition:all .3s ease-out;
opacity:0
}
.syoneA li:hover
{margin-top:10px;} 
.syoneA li:hover h6
{padding-top:10px;} 
.syoneA li:hover p
{margin-top: 10px; opacity:1} 

/*========================建设区块==================*/
.syfuwu
{margin:22px auto 0; border: 1px solid #efefef;}
.syfuwu  ._tit 
{float: left; width: 239px; height: 260px; color: #fff; text-align: center; padding: 30px 32px 0 32px; background: #3388ff;}
.syfuwu  ._tit h2 
{font-size: 26px;}
.syfuwu  ._tit p 
{height: 116px; margin: 15px 0 15px; font-size: 14px; line-height: 23px; overflow: hidden;  }
.syfuwu  ._tit .a1 
{border: 1px solid #fff; height:34px; line-height:34px; display:inline-block; padding: 0px 30px; border-radius: 5px; color: #fff; clear:both; position:relative; z-index:2;}
.syfuwu ul
{width:1004px; float:left;}
.syfuwu ul li 
{float: left; width: 251px; height: 260px;  border-right: 1px solid #efefef; text-align: center; transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; -webkit-transition:all 0.3s ease;}
.syfuwu ul li a
{display: block; padding: 30px 32px 0 32px;}
.syfuwu ul li i 
{overflow: hidden; display: inline-block; width: 125px; height: 56px; background: url(t12.png) no-repeat;}
.syfuwu ul li h3 
{color: #303936; font-size: 18px; overflow: hidden; font-weight:bold;}
.syfuwu ul li p 
{height:72px; line-height: 24px; color: #6c6169; overflow:hidden; margin:15px 0 15px; 
 text-overflow: ellipsis; display: -webkit-box; display: -moz-box; display: -ms-box; display: box; -webkit-box-orient: vertical; -moz-box-orient: vertical; -ms-box-orient: vertical; box-orient: vertical; -webkit-line-clamp: 3;
 }
.syfuwu ul li:hover 
{ 
-moz-box-shadow:inset 0px 0px 30px rgba(51, 136, 255, 0.8); 
-webkit-box-shadow:inset 0px 30px 8px rgba(51, 136, 255, 0.8); 
box-shadow:inset 0px 0px 30px rgba(51, 136, 255, 0.8); 
}
.syfuwu  ._tit .a1:before
{content:""; width:0%; height:100%; background:#fff; border-radius: 5px; position:absolute; left:50%; top:0px; z-index:-1;}
.syfuwu  ._tit .a1:hover:before
{width:100%; left:0%;}
.syfuwu  ._tit .a1:hover
{color:#333;}
.syfuwu ul li:nth-child(1) i 
{background-position: 26px 0;}
.syfuwu ul li:nth-child(2) i 
{background-position: -85px 0;}
.syfuwu ul li:nth-child(3) i 
{background-position: -190px 0;}
.syfuwu ul li:nth-child(4) i 
{background-position: -308px 0;}
/*推广*/
.syfuwu.ys2 ._tit
{background: #f18518;}
.syfuwu.ys2 ul li:nth-child(1) i 
{background-position: 26px -99px;}
.syfuwu.ys2 ul li:nth-child(2) i 
{background-position: -88px -99px;}
.syfuwu.ys2 ul li:nth-child(3) i 
{background-position: -190px -99px;}
.syfuwu.ys2 ul li:nth-child(4) i 
{background-position: -304px -98px;}
.syfuwu.ys2 ul li:hover 
{ 
-moz-box-shadow:inset 0px 0px 30px #f18518; 
-webkit-box-shadow:inset 0px 30px 8px #f18518; 
box-shadow:inset 0px 0px 30px #f18518; 
}
/*微信开发*/
.syfuwu.ys3 ._tit
{background: #29cc5f;}
.syfuwu.ys3 ul li:nth-child(1) i 
{background-position: 29px -197px;}
.syfuwu.ys3 ul li:nth-child(2) i 
{background-position: -84px -197px;}
.syfuwu.ys3 ul li:nth-child(3) i 
{background-position: -193px -197px;}
.syfuwu.ys3 ul li:nth-child(4) i 
{background-position: -304px -197px;}
.syfuwu.ys3 ul li:hover 
{ 
-moz-box-shadow:inset 0px 0px 30px #29cc5f;
-webkit-box-shadow:inset 0px 30px #29cc5f;
box-shadow:inset 0px 0px 30px #29cc5f;
}

/*网站案例*/
.site-case 
{background: #f5f5f5; padding:0px 0 53px 0; margin-top:20px;}
.group
{background:#fff; height: 560px; overflow:hidden;
-moz-box-shadow:2px 4px 8px #ddd; 
-webkit-box-shadow:2px 4px 8px #ddd; 
box-shadow:2px 4px 8px #ddd; 
}
.groupA
{border-top:3px solid #181818;}
.groupA li 
{float: left; width: 207px; height: 48px; line-height: 48px;  position: relative; text-align: center;}
.groupA li i 
{position: absolute; top:5px; right: 8px; display: block; width: 50px; height: 17px; background: url(t9.png) no-repeat 0 center;}
.groupA li i.xin
{background-position: -90px center;}

.groupA li a
{height:100%; display:block; background: #f8f8f8;}
.groupA li a:hover
{color:#333;}
.groupA li.on a
{background:#fff;}
.groupA li.on:before
{content:""; width:100%; height:3px; background:#ff6a01; position:absolute; left:0px; top:-3px;}
.groupB
{padding:24px 50px 0; overflow: hidden;}
.groupB1
{overflow:hidden;}
.groupB1 .pic 
{width:496px; float: left; margin-right: 86px; overflow:hidden;}
.groupB1 .n
{width:505px; float: left;}
.groupB1 .n h3
{line-height:40px; font-size: 20px; color: #190b08;}
.groupB1 .n p 
{height:84px; line-height: 28px; overflow:hidden; margin:23px 0 10px;}
.groupB1 .n a 
{display: inline-block; line-height: 34px; padding: 0 28px; color: #fe6a00; background: #fff; border: 1px solid #fe6a00; position:relative; overflow:hidden; z-index:2;}
.groupB1 .n a.on
{color: #fff; background: #fe6a00;}
.groupB1 .n a.a1
{margin-right: 20px;}
.groupB1 .n a:before
{content:""; width:100%; height:0%; background:#fe6a00; position:absolute; left:0px; top:0px; z-index:-1; 
transition:all 0.3s ease-out;
} 
.groupB1 .n a:hover:before
{  height:100%;  }
.groupB1 .n a:hover
{color: #fff;}
.groupB2
{overflow:hidden; padding-top:35px;}
.groupB2 li 
{width:353px; height:208px; text-align:center; overflow:hidden; border:1px solid #cccccc; float: left; margin-right: 40px;}
.groupB2 li:nth-child(3) 
{margin-right: 0;}
.groupB2 li img 
{text-align:center;}
/*对于结果*/
.syjieguo 
{padding: 50px 0;}
.syjieguo h1
{text-align: center; font-size: 28px; margin-bottom: 23px;}
.syjieguo p
{text-align: center; color: #8c8c8c;}
.company 
{width:890px; height:160px; margin:0px auto 50px; overflow:hidden; position:relative;}
.company ul 
{width:9999px; height:120px;}
.company ul li
{width:890px; float: left; overflow:hidden;}
.company ul li
{width:890px; float: left; overflow:hidden;}
.company ul li .pic
{width:132px; float:left; overflow:hidden;}
.company ul li .n
{padding-left:135px;}
.company ul li .n h3
{font-size: 20px;}
.company ul li .n p
{margin: 20px 0 10px; line-height: 22px; color: #8c8c8c;}
.company span 
{color: #afafaf;}
.company .hd
{width:100%; height:10px; text-align:center; position:absolute; left:0px; bottom:10px; z-index:20;}
.company .hd ol
{height:100%;}
.company .hd ol li 
{width: 10px;  height: 10px; display:inline-block; text-indent:99px; overflow:hidden; border: 1px solid #099cc8;  border-radius: 50%; margin:0 5px;}
.company .hd ol li.on 
{background: #0491c9;}

/*新闻*/
.news 
{background: #f8f8f8; padding:20px 0 50px; border-top:1px solid #f0f0f0; border-bottom:1px solid #f0f0f0;  overflow: hidden;}
.newsB 
{overflow:hidden; padding-top:20px;}
.newsA
{width: 368px; margin-right:70px; background:#fff; border:1px #f2f2f2 solid;  float: left;}
.newsA:nth-child(3n){margin-right: 0}
.newsA.on
{margin-right:0;}
.newsA .picA
{height:120px;}
.newsA .picA h3
{height:100%; line-height:120px; text-align:center; font-size:28px; color:#fff; background:rgba(0,0,0,0.5);}
.newsA  ul
{padding:10px 15px;}
.newsA  ul li
{height:30px; line-height: 30px; font-size:13px; padding-left:10px; background:url(t1.gif) no-repeat left center;}
.newsA  ul li a
{width:270px; display:block; float:left; color: #555;}
.newsA  ul li span 
{float: right; font-size:12px; color: #909090;}
.newsA  ul li a:hover
{color: #f86a04;}

/*客户*/
.client 
{overflow:hidden; margin:20px auto 70px; position:relative;}
.clientA
{width:1150px; height:170px; margin:0 auto; overflow:hidden; position:relative;}
.clientB
{width:9999px; float:left;}
.clientB ul
{width:1150px; height:100%; float:left;}
.clientB ul li
{width:172px; height:74px; text-align:center; float:left; margin:0 20px 20px 0; border:1px solid #dbdbdb; overflow:hidden;}
.clientB ul li img
{width:80%; margin:0px auto; display:table; height:80%; padding-top:10px}
.clientB ul li:nth-child(6n)
{margin-right:0;}
.client .prev,.client .next
{width: 22px;  height: 41px; background: url(t2.png) no-repeat 0 0; cursor:pointer;  position: absolute; top: 77px;}
.client .prev
{left: 0px;}
.client .next 
{right:0px;  background-position:-53px 0;}
/*立即联系*/
.sonebj 
{padding: 45px 0; background: url(bj1.jpg) no-repeat fixed center top/cover; position: relative;}
.sonebj:before
{content:""; width:100%; height:100%; background:rgba(0,0,0,0.5); position:absolute; left:0px; top:0px; z-index:1;}
.soneA
{width:1120px; margin:0 auto; overflow:hidden; position:relative; z-index:20;}
.soneA h6 
{font-size: 30px;color: #fff; line-height: 40px;}
.soneA p 
{line-height: 50px; font-size: 18px; color: #eee;}
.soneA .btn
{width: 200px; height: 48px; line-height: 48px; color: #fff; font-size: 18px; border: 1px #fff solid; text-align: center; display: block; border-radius: 3px; margin-top:-24px; position: absolute; top: 50%; right:0px; z-index:5;}
.soneA .btn:before
{content:""; width:0%;  height:100%; background:#fff; position:absolute; left:0px; top:0px; z-index:-1;}
.soneA .btn:hover:before
{width:100%;}
.soneA .btn:hover
{color:#333;}
/*建站合作流程*/
.flow 
{padding: 20px 0 46px; overflow:hidden;}
.flow-icon 
{overflow: hidden;}
.flow-icon li 
{float: left; margin-right: 103px; cursor: pointer;}
.flow-icon li:nth-child(8) 
{  margin-right: 0;}
.flow-icon li i 
{display: block; width: 60px; height: 60px; background: url(t11.png) no-repeat;}
.flow-icon li p 
{margin-top: 10px; color: #515151;}
.flow-icon li:nth-child(1) i 
{background-position: -1px 0;}
.flow-icon li:nth-child(2) i 
{background-position: -89px 0;}
.flow-icon li:nth-child(3) i 
{background-position: -171px 0;}
.flow-icon li:nth-child(4) i 
{background-position: -272px 0;}
.flow-icon li:nth-child(5) i 
{background-position: -369px 0;}
.flow-icon li:nth-child(6) i 
{background-position: -465px 0;}
.flow-icon li:nth-child(7) i 
{background-position: -567px 0;}
.flow-icon li:nth-child(8) i 
{background-position: -166px 0;}
.flow-hint 
{  color: #b1b1b1; padding-top: 24px;}
.flow-icon li:hover
{margin-top:-10px;}
/* =======================网站报价======================== */
/*网站建设套餐*/
.baojiaA
{padding:10px 0 30px; overflow:hidden;}
.baojiaA li 
{width: 310px; text-align: center; padding: 38px 50px 50px; border: 1px solid #ccc; border-top-color:#0775c2; border-left:none;  float: left;}
.baojiaA li:nth-child(1)
{border-left: 1px solid #ccc;}
.baojiaA li h3
{line-height:30px; font-size: 24px; margin-bottom: 20px;}
.baojiaA li .p1 span 
{color: #fc8301; font-size: 32px; font-weight: bold; padding-right: 5px;}
.baojiaA li .p2
{line-height:24px; margin: 22px 0;}
.baojiaA li .p3
{height:50px; color: #7c7c7c; line-height: 25px; font-size: 12px;}
.baojiaA1
{width:1240px;  padding: 15px 0;  font-size: 18px; text-align:center;  border: 1px solid #ccc; border-top:none; overflow:hidden; clear:both;}
.baojiaA1 .a1
{line-height: 31px; height: 33px;  display: inline-block; color: #fc8301; border :1px solid #fc8301; border-radius: 20px; padding: 0 24px; margin: 0 20px;  position:relative; box-sizing:content-box;}
.baojiaA1 .a1:before
{content:""; width:0%; height:100%; background:#fc8301; border-radius: 20px; position:absolute; left:50%; top:0px; z-index:-1;}
.baojiaA1 .a1:hover:before
{width:100%; left:0px;}
.baojiaA1 .a1:hover
{color:#fff;}
.baojiaA1 li.on
{background: #f2f3f5; border-top: 1px solid #fe8400;}
.baojiaA1 li.on h3 
{color: #fe8400;}

/*网站建设*/
.baojiaB
{height: 580px; padding-top:120px;  background: url(tbbj1.jpg) no-repeat center; overflow:hidden;}
.baojiaB dl
{overflow:hidden;}
.baojiaB dl dt
{float:right;}
.baojiaB dl dd
{width: 520px; float: left;}
.baojiaB dl dd h1 
{font-size: 38px; color:#000; font-weight: bold;}
.baojiaB dl dd h1 span 
{color: #ff5800;}
.baojiaB dl dd h3
{line-height:60px; font-size: 24px;}
.baojiaB dl dd p 
{font-size: 14px; line-height: 24px; text-indent: 2em; text-align: justify;}
.baojiaB dl dd .tn 
{margin-top: 34px;}
.baojiaB dl dd .tn a 
{  font-size: 16px; line-height: 40px; color: #fff; display: inline-block; margin-right: 24px;  padding: 0 30px; border-radius: 5px;  background: #181818;}
.baojiaB dl dd .tn a.on 
{background: #ff5800;}
.baojiaB dl dd .tn a:hover 
{color:#fff;  background: #ff5800;}
.baojiaB .dlA dd .tn a.on 
{background: #fff; color:#006acd;}
.baojiaB .dlA dt
{float:left;}
.baojiaB .dlA dd
{float:right; color:#fff; padding:40px 40px 0 0; background:url(ts16.png) no-repeat right top;}
.baojiaB .dlA dd h1
{text-align:right;}
.baojiaB .dlA dd h1 span
{color:#fff;}
.baojiaB .dlA dd h3
{text-align:right;}
.baojiaB1
{background: url(tbbj1.jpg) no-repeat center;}
.baojiaB2
{background: url(tbbj2.jpg) no-repeat center;}
.baojiaB3
{background: url(tbbj3.jpg) no-repeat center;}
.baojiaB4
{background: url(tbbj4.jpg) no-repeat center; padding-top:50px;}
.baojiaB5
{background: #ecedf1;}
.baojiaB4 dd
{margin-top:100px;}

/*=================== 成功案例模块=====================*/
.caseA
{line-height:2; color: #666; padding:26px 0;}
.caseA h3
{color: #ff9b31; font-size: 18px; font-weight:normal;}
/*列表*/
.case
{overflow:hidden;}
.case ul
{width:1400px; overflow:hidden;}
.case ul li
{width:362px; height:288px; margin:0 78px 20px 0px; float:left;}
.case ul li .pic
{height:207px; display:block;position:relative; overflow:hidden;}
.case ul li .pic p img
{width:100%; height:100%;}
.case ul li .pic span
{display:block; text-align:center; width:100%; height:107px; background:rgba(255,255,255,0.7); background-size:100% 100%; position:absolute; left:0; bottom:-150%;}
.case ul li .pic span img
{display:inline-block; position:relative; top:50%; margin-top:15px\9;
  	transform:translateY(-50%);
	-webkit-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
}
.case ul li .txt
{text-align:center; margin-top:-4px; padding:11px 0; min-height:40px; position:relative; overflow:hidden;}
.case ul li .txt p
{color:#000;}
.case ul li .txt i
{display:block; margin-top:6px; font-size:12px; color:#8f8f8f;}
.case ul li .txt span
{display:block; width:100%; height:100%; position:absolute; left:0; top:-100%; z-index:-1; background-color:#dc060d;}
.case ul li img,.case ul li p,.case ul li i,.case ul li span
{
	transition: all .6s linear 0s;
	-webkit-transition: all .6s linear 0s;
	-moz-transition: all .6s linear 0s;
	-ms-transition: all .6s linear 0s;
}
.case li:hover .pic p img{
	transform: scale(1.1,1.1);
	-webkit-transform: scale(1.1,1.1);
	-moz-transform: scale(1.1,1.1);
	-ms-transform: scale(1.1,1.1);	
}
.case ul li:hover .txt p,.case ul li:hover .txt i{color:#fff;}
.case li:hover .pic span{bottom:0;}
.case li:hover .txt span{top:0;}
/*与你合作*/
.caseB
{height:42px; position:relative;}
.caseB:after
{content:""; width:390px; height:1px; background:#c8c8c8; position:absolute; left:0px; top:50%;}
.caseB:before
{content:""; width:390px; height:1px; background:#c8c8c8; position:absolute; right:0px; top:50%;}
.caseB p
{width:366px; height:42px; line-height:40px; font-size:15px; color:#666; text-align:center; border:1px solid #dddddd; margin:0 auto; position:relative;}
.caseB p:after
{content:""; width:10px; height:10px; border:1px solid #dddddd; margin-top:-6px; position:absolute; left:-45px; top:50%;}
.caseB p:before
{content:""; width:10px; height:10px; border:1px solid #dddddd; margin-top:-6px; position:absolute; right:-45px; top:50%;}

/*提示咨询*/
.caseC
{line-height: 28px; padding:35px 0;}
.caseC .p1
{color: #fb6800;}
.caseC p em 
{margin-right: 15px;}
.caseC i 
{display: inline-block; width: 19px; height: 20px;  background: url(qq.png) no-repeat 0 3px; position:relative; top:3px;}
.caseC .a1
{color: #3279b7;}
/* ================================定制开发 =========================*/
/*彰显优势*/
.dingzhiAbj 
{background: #f0f0f0;}
.dingzhiA
{overflow: hidden; padding:30px 0;}
.dingzhiA1 
{float: left; width: 760px;}
.dingzhiA1 li 
{float: left; width: 349px; margin:0 30px 60px 0;}
.dingzhiA1 li  i 
{width:50px; height:35px; display: block; background: url(t3.png) no-repeat;}
.dingzhiA1 li:nth-child(1) i
{background-position: 0px 0px;}
.dingzhiA1 li:nth-child(2) i
{background-position: -330px 0px;}
.dingzhiA1 li:nth-child(3) i
{background-position: -110px 0px;}
.dingzhiA1 li:nth-child(4) i
{background-position: -220px 0px;}
.dingzhiA1 h3 
{line-height:36px; color: #2f3827; font-size: 16px; font-weight:bold;}
.dingzhiA1 p 
{line-height: 24px; color: #7a736d; padding-top:15px;}

.dingzhiA2 
{width: 322px; padding:0px 33px 30px;  text-align: center; background: #fff; border-top:5px solid #fed44c;  border-bottom:5px solid #fed44c; float: right;}
.dingzhiA2 h2 
{line-height:70px; color: #131313; font-size: 22px;}
.dingzhiA2 span
{line-height:1; display: inline-block; color:#ff6800; font-size: 60px; font-weight: bold; padding:0 17px 0; position:relative;}
.dingzhiA2 span:after
{content:"¥"; width:17px; text-align:left; font-size: 16px; color:#333; position:absolute; top:0px; left:0px;}
.dingzhiA2 span:before
{content:"+"; width:17px; text-align:right; font-size: 16px; color:#333; position:absolute; top:0px; right:0px;}
.dingzhiA2 p 
{  line-height: 24px; color:#7a736d; padding-top:20px; margin-top:20px; border-top:1px solid #ebebeb;}
.dingzhiA2 a 
{display: block; width: 240px; height: 46px; line-height: 46px; background: #ff6800;  margin: 0 auto; margin-top: 20px;   color:#fff; position:relative; z-index:20;}
.dingzhiA2 a:before
{content:""; width:0%; height:0%; background:rgba(0,0,0,0.1); position:absolute; left:50%; top:50%; z-index:-1;}
.dingzhiA2 a:hover:before
{width:100%; height:100%; left:0px; top:0px;}
/*建站前*/
.dingzhiB 
{overflow:hidden; padding-bottom:60px;}
.dingzhiB ul
{text-align:center;}
.dingzhiB li 
{  width: 306px; display:inline-block; margin:0 40px;}
.dingzhiB li i
{height:323px; display:block; background:url(td1.png) no-repeat center center;}
.dingzhiB li i h3
{color:#fff; font-size:18px; font-weight:bold; text-align:center; padding-top:155px;}
.dingzhiB li  p 
{line-height: 26px; padding-top: 24px;  color: #7a736d;}
.dingzhiB li:nth-child(2) i
{background-image:url(td2.png);}
.dingzhiB li:nth-child(3) i
{background-image:url(td3.png);}
/*建站中*/
.dingzhiC
{overflow:hidden; padding-bottom:70px;}
.dingzhiC ul li
{  width: 218px; height: 327px; float: left; text-align: center; padding: 0 25px; background: #f97200; margin-right: 39px;}
.dingzhiC ul li:nth-child(2n) 
{background: #262626;}
.dingzhiC ul li:last-child
{margin-right:0px;}
.dingzhiC ul li i
{height:129px; display:block; margin-top:20px;}
.dingzhiC ul li h3 
{line-height:40px; font-size: 18px; font-weight: bold; color: #fff;}
.dingzhiC ul li:nth-child(2n)  h3 
{color: #f97200;}
.dingzhiC ul li p 
{color: #fff; line-height: 26px;}

/*建设后*/
.dingzhiD
{overflow:hidden; text-align:center; padding-bottom:70px;}
.dingzhiD li 
{  display: inline-block; width: 308px; text-align: center;  margin:0 35px;}
.dingzhiD li h3 
{  line-height: 64px; font-size: 20px; margin-bottom:6px; color: #fff; border:none; text-decoration: none;  border-radius:7px; font-weight: bold; position:relative; background: #f97200; 
-webkit-transform-style: preserve-3d;          
transform-style: preserve-3d;}
.dingzhiD li h3:before 
{content: ''; width:100%; height:100%; top:0; left:0; background:#c55d00; border-radius:inherit; position:absolute; z-index:-1;
 box-shadow: 0 0 0 0px #c55d00;  
-webkit-transform: translate3d(0, 6px, -1em);          
transform: translate3d(0, 6px, -1em);  
}
.dingzhiD li:nth-child(2) h3 
{background: #0058ac;}
.dingzhiD li:nth-child(2) h3:before  
{background: #083e7a;}
.dingzhiD li:nth-child(3) h3 
{background: #369805;}
.dingzhiD li:nth-child(3) h3:before  
{background: #2a6f04;}
.dingzhiD li p 
{line-height: 65px; font-size:16px; color: #7a736d; text-align:left; border-bottom:1px dotted #e5e5e5;}
.dingzhiD li p span 
{width:64px; margin-left:40px; color: #f97200; font-size: 20px; text-align:center;  float:left;}
/*申请*/
.dingzhiE 
{height:230px; overflow: hidden; background:#f86300;  margin-bottom: 25px; position:relative;}
.dingzhiE:after
{content:""; width:17px; height:100%; position:absolute; left:0px; top:0px; background:url(t6.png) no-repeat left center;}
.dingzhiE:before
{content:""; width:17px; height:100%; position:absolute; right:0px; top:0px; background:url(t6a.png) no-repeat left center;}
.dingzhiE1
{width:623px; color:#fff; padding:65px 0 0 20px; float: left;}
.dingzhiE1 dt
{width:190px; height:100px; line-height:100px; font-size:90px; text-align:center; float:left; position:relative;}
.dingzhiE1 dt:before
{content:""; width:2px; height:90px; position:absolute; right:0px; top:10px; background:#fff;}
.dingzhiE1 dd
{padding-left:200px;}
.dingzhiE1 dd h3
{line-height:60px; font-size:34px; padding-bottom:5px;}
.dingzhiE1 dd p
{font-size:20px;}
.dingzhiE2
{width:623px; height:230px; background:#fff; padding:22px 22px 0; border:20px solid #dbdfe6; border-left:0px; float:left;}
.dingzhiE2 ul
{float:left;}
.dingzhiE2 li 
{width: 352px; height: 44px; border: 1px solid #ccc ; margin-bottom: 8px;}
.dingzhiE2 li i 
{width: 48px; height: 44px; display:block; background: url(t7.png) no-repeat; border-right: 1px solid #ccc; float:left;}
.dingzhiE2 li:nth-child(1) i
{background-position: 5px -8px;}
.dingzhiE2 li:nth-child(2) i
{background-position: -114px -8px;}
.dingzhiE2 li:nth-child(3) i
{background-position: -247px -8px;}
.dingzhiE2 .put1
{width: 280px; height: 42px; line-height:42px; border:none; padding:0 15px; float:left;}
.dingzhiE2 .put2
{width:170px;}
.dingzhiE2 input::placeholder 
{color: #2a3338;}
.dingzhiE2 li em 
{width: 103px; height: 30px; background: url(ctm_code.png) no-repeat; float:right;}
.dingzhiE2 .btnt
{width:170px; padding-top:30px; float:right;}
.dingzhiE2 .btnt a
{width:170px; height:46px; line-height:46px; margin-bottom:3px; display:block;}
.dingzhiE2 .btnt .a1
{background:#97cb11; font-size:18px; text-align:center; color:#fff;}
.dingzhiE2 .btnt .a2
{background:#f8eadf; color:#ff6600;}
.dingzhiE2 .btnt .a2 i
{width:25px; height:46px; display:block; margin:0 5px 0 20px; float:left; background: url(t7.png) no-repeat -350px -8px;}
/*===========================SEO模块=========================== */
.seoA 
{overflow:hidden; padding:25px 0 50px;}
.seoA li 
{width: 249px; text-align: center; padding:30px 0; border-right:1px solid #e5e5e5;  float: left;}
.seoA  li i 
{display: block; width: 178px;  height: 70px;  background: url(seo_icon.png) no-repeat;}
.seoA  li:nth-child(1) i
{background-position: -12px -77px;}
.seoA  li:nth-child(2) i
{background-position: -278px -85px;}
.seoA  li:nth-child(3) i
{background-position: -530px -71px;}
.seoA  li:nth-child(4) i
{background-position: -760px -77px;}
.seoA  li:nth-child(5) i
{background-position: -1015px -73px;}
.seoA  li:nth-child(5)
{border-right:0px;}
.seoA  li p 
{color: #343631; font-size: 16px; font-weight: bold; padding-top: 5px;}
.seoA ul li:hover
{padding-top:10px;}

/*好的排名网站基础很重要*/
.seoB
{overflow:hidden; padding-bottom:30px;}
.seoB ul li
{margin:10px 0; width:25%; text-align:center; padding:0 10px; float:left; overflow:hidden;}
.seoB ul li i
{height:70px; display:block;}
.seoB ul li h3
{height:35px; line-height:35px; font-size:16px; color:#555; font-weight:bold; overflow:hidden; margin-top:15px;}
.seoB ul li p
{  height:50px; line-height:25px; font-size:12px; color:#888; overflow:hidden; margin-top:10px;}
/*常见问题*/
.seoCbj
{  background: url(t8.png) no-repeat right 70px;}
.seoC
{padding-bottom:60px;}
.seoC p 
{line-height: 38px; color:#555;}
.seoC p em 
{font-size: 18px;}
.seoC p span 
{color: #e13b3f;}
/*网站优化服务*/
.seoDbj
{overflow:hidden; background: url(bj4.jpg) no-repeat center center/cover;}
.seoD
{padding:20px 0 50px;}
.seoD ul li
{width: 250px; height: 350px; color:#fff; text-align: center; background: #feb17b; float: left; margin: 0 30px; padding: 0 32px;}
.seoD ul li:nth-child(2)
{background: #a6cf69;}
.seoD ul li:nth-child(3)
{background: #84cac8;}
.seoD ul li:nth-child(4)
{background: #ef847e;}
.seoD ul li h3
{line-height:84px; font-size: 26px; font-weight: bold;}
.seoD ul li p
{height:100px; line-height:20px; font-weight: bold; overflow:hidden;}
.seoD ul li i
{height:70px; display:block; overflow:hidden; margin:5px 0 20px;}
.seoD ul li i img
{height:100%;}
.seoD ul li a
{width: 112px; height: 42px; line-height: 40px; display:block; font-size: 18px; color: #fff; font-weight:bold; border: 1px solid #ffffff; margin: 0 auto; position:relative; z-index:2;}
.seoD ul li a:before
{content:""; width:100%; height:0%; background:#fff; position:absolute; left:0px; top:0px; z-index:-1;}
.seoD ul li a:hover:before
{height:100%;}
.seoD ul li a:hover
{color:#333;}
.seoD ul li:hover
{margin-top:-10px;
-moz-box-shadow:0px 0px 10px #999;
-webkit-box-shadow:0px 0px 10px #999;
box-shadow:0px 0px 10px #999;	
}
/*网站优化的好处*/
.seoE
{overflow: hidden; padding:20px 0;}
.seoE dl
{overflow:hidden; padding-bottom:30px;}
.seoE dl dt
{width:500px; padding-right:50px; text-align:center; float:left;}
.seoE dl dd
{width:650px; float: left;}
.seoE dl dd h3
{line-height:54px; font-size: 20px;font-weight: bold; color: #F97200; padding-top:35px;}
.seoE dl dd p
{color: #666; line-height: 30px;}
.seoE .dlA dt
{float:right;}
/*=========================移动开发==========================*/
.ban_wap
{  height:488px; background:url(ban_wap.png) no-repeat center;  position: relative;}
.ban_wapA
{width:226px; color:#fff; text-align: center; margin-left:-113px; position:absolute; left:50%; top:138px;}
.ban_wapA h2 
{line-height:70px; font-size: 22px;}
.ban_wapA span
{line-height:1; display: inline-block;  font-size: 60px;  padding:0 17px 0; position:relative;}
.ban_wapA span:after
{content:"¥"; width:17px; text-align:left; font-size: 22px;  position:absolute; bottom:2px; left:0px;}
.ban_wapA span:before
{content:"+"; width:17px; text-align:right; font-size: 24px; position:absolute; top:0px; right:0px;}
.ban_wapA p 
{  line-height: 24px;  padding-top:20px; margin-top:10px;}
.ban_wapA a 
{display: block; width: 200px; height: 36px; line-height: 36px; background: #ffc84f;  margin: 0 auto; margin-top: 30px;   color:#a80834;}

/* ================================关于我们====================*/

/*公司简介*/
.aboutA 
{line-height:2; font-size:16px; color:#555; padding: 0px 0 70px;}   
.aboutA1
{  padding-top:30px; overflow: hidden;}
.aboutA1 li 
{float: left; border-left: 1px dashed #ccc; margin-left:45px; padding-left:45px;}
.aboutA1 h3
{line-height:28px; color: #fc5a00; font-size: 18px;}
.aboutA1  p 
{line-height: 20px; font-size:14px;}
.aboutA1 li:nth-child(1)
{padding-left:0px; border-left:0px;} 
/*资质证书*/
.aboutBbj
{width: 100%; height: 634px; background:url(bj2.jpg) no-repeat center center; position: relative;}
.aboutBbj:before
{content:""; width:620px; height:384px; background:url(bj3.png) no-repeat left top; position:absolute; right:0px; top:0px; z-index:2;}
.aboutB
{width:1126px; height:450px; margin:0 auto; overflow:hidden; position:relative; z-index:20;}
.aboutB ul
{width:9999px;}
.aboutB ul li
{width:302px; height:401px; float:left; background:url(t4.png) no-repeat left center; margin-right:80px; float:left;}
.aboutB ul li img 
{width: 276px; height: 376px; border: 1px solid #9b9a9c;margin: 11px 0 0 12px;}
.aboutB ul li:hover
{background-image:url(t4a.png);}
.aboutB .hd
{width:100%; height:6px; position:absolute; left:0px; bottom:5px; z-index:20;}
.aboutB .hd ol
{height:100%; text-align:center; font-size:0px;}
.aboutB .hd ol li
{width: 45px; height: 6px;  background:#b4bbc5;  display:inline-block; margin: 0 6px; cursor: pointer;}
.aboutB .hd ol li.on
{background:#db4c21;}

/*建站优势*/
.aboutC 
{padding-bottom:30px; overflow:hidden;}
.aboutC dl
{width: 390px; height: 158px;  float: left;  border: 1px solid #ccc; padding: 25px 20px 20px; margin:0 38px 30px 0;}
.aboutC dl dt
{  width: 80px;  height: 75px; float: left; background: url(t5.png) no-repeat; margin-top:10px;}
.aboutC dl dd 
{width: 260px; float: right;}
.aboutC dl dd h3 
{line-height:38px; font-size: 18px;}
.aboutC dl dd p 
{line-height: 20px; color: #737872;}
.aboutC dl:nth-child(3n) 
{margin-right:0px;}
.aboutC dl:nth-child(1) dt
{background-position: -25px -25px;}
.aboutC dl:nth-child(2) dt
{background-position: -190px -19px;}
.aboutC dl:nth-child(3) dt
{background-position: -374px -14px;}
.aboutC dl:nth-child(4) dt 
{background-position: -32px -133px;}
.aboutC dl:nth-child(5) dt
{background-position: -191px -127px;}
.aboutC dl:nth-child(6) dt
{background-position: -370px -130px;}

/* =============联系我们模块============== */
.ban_contact .n
{width:1246px; text-align:center; color: #eaebec; margin: 0 auto; text-align: center;}
.ban_contact h1 
{line-height:76px; font-size: 50px; color: #fff; font-weight: bold;  letter-spacing : 8px; padding-top:70px;}
.ban_contact span
{height:58px; line-height:56px; display:inline-block; font-size: 30px; letter-spacing : 15px;  padding:0 20px;  border: 1px solid #fff; margin:20px 0;}
.ban_contact p
{font-size:26px; font-family:"SimSun","宋体" }

/*联系1*/
.contactA
{overflow:hidden; padding:20px 0;}
.contactA li 
{width: 260px; height: 262px; background: #bfe6eb;  text-align: center;  margin-right: 50px; padding: 0 20px;  float: left;}
.contactA li i 
{display: block; width: 180px;  height: 72px; background: url(contact_icon.png) no-repeat center center; margin: 0 auto;}
.contactA li h3 
{font-size: 18px; color: #000100;  font-weight: bold;  margin: 16px 0;}
.contactA li:nth-child(2) 
{background: #f2c4c4;}
.contactA li:nth-child(3) 
{background: #bfe6eb;}
.contact-rel li:nth-child(4) 
{background: #b1dbf4;}
.contactA .last 
{margin-right: 0;}
.contactA li p 
{line-height: 28px; font-size:16px;}
.contactA li:nth-child(1) i 
{background-position: 17px 0;}
.contactA li:nth-child(2) i 
{background-position: -129px 0;}
.contactA li:nth-child(3) i 
{background-position: -285px 0;}
.contactA li:nth-child(4) i 
{background-position: -451px 0;}
.contactA li .p1
{height:72px; text-align:center;}
.contactA li .p1 img
{height:100%;}
.contactA li .p2
{font-size:12px;}

/*联系2*/
.contactB 
{  height: 614px; position: relative; margin-bottom:50px;}
.contactB2 
{   width: 514px; height: 100%; padding:35px 60px 0; background: rgba(11,10,10,.7); position: absolute;  right: 0; top: 0;}
.contactB2 h3 
{line-height:90px; font-size: 30px; color: #fff;}
.contactB2 ul li 
{margin-bottom: 18px;}
.contactB2 .put1
{width: 100%; height: 40px; line-height:38px; color: #fff; padding:0 15px; background: none; border:1px solid #fff; 
}
.contactB2 li input::placeholder 
{color: #999;}
.contactB2 .tcon 
{width: 100%; height: 160px; line-height:2; color: #fff; padding:15px; background: none; border:1px solid #fff; 
}
.contactB2 .ti
{width: 100px; height:35px; display:block; line-height: 35px; text-align:center; background: #dedede;}
/*新闻详情*/
.text_overflow /*限制文字,文字超出显示冒号*/
{white-space:nowrap; text-overflow: ellipsis; overflow:hidden;}
.body{background:#F3F3F3}
.newslr{padding:30px 0px;overflow: hidden}
.bkleft{width: 880px;float: left}
.bkleft,.bkright{border:1px solid #EAEAEA; padding:0px; margin:0px 2% 10px; background:#FFFFFF}
.bkleft h1{font-size:28px}
.bkleft section{text-align:center; line-height:200%}
.bkleft section p{font-size:12px; color:#6F6F6F;border-bottom:1px solid #EEEEEE; margin:0px 20px;padding:10px}
.bkleft section h1{margin-top: 20px;margin-bottom: 10px;}
.bkleft .lrzw{line-height:2; color: #555555;padding:40px;}
.bkleft .lrzw img {max-width:100%; height:auto;}
.newsmorelb{margin:0px 20px;padding:5px}
.newsmorelb p{border-bottom:1px solid #E1E1E1;padding-bottom:5px;font-size:18px;color:#393939;}
.newsmorelb ul{margin:0px; padding:0px 20px}
.newsmorelb ul li{font-size:12px; color:#ACACAC; line-height:2;list-style: disc;}
.newsmorelb ul li a{color:#777777;font-size:14px;}
.newsmorelb ul li a:hover{text-decoration: underline}
.noneb{width: 300px;float: right}
.bkright{margin:15px 0px; padding:20px}
.bkright ul{margin:0px; padding:0px}
.bkright ul li{list-style:none; padding:0px;border-bottom:1px solid #EEEEEE;padding:5px 0px}
.bkright p{font-size:16px; font-weight:bold;border-bottom:1px solid #E1E1E1;padding-bottom:5px}
.bkright a{display:block; color:#888888}
.bkright span{font-size:12px; color:#BBBBBB}
.bkright a:hover{text-decoration: underline}