@charset "utf-8";
*{margin:0;padding:0}
body{font-size:13px;font-family:arial;-webkit-text-size-adjust:none;line-height:1.62;background-color: #fff}
body,html{  max-width:768px; margin:0 auto; color:#666; font-family:"微软雅黑"}
table{border-collapse:collapse;border-spacing:0}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}
ul,ol,li{list-style:none;}
em{font-style:normal}
kbd{ font-family:"微软雅黑"}
img{border:none;}
input,img{vertical-align:middle;}
q:before, q:after { content:'' }
.fn-clear:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}
.fn-clear{*zoom:1}
a{color:#666;text-decoration:none;-webkit-tap-highlight-color:rgba(0,0,0,0);}
a:active{color:#333;-webkit-tap-highlight-color:rgba(0,0,0,0);}
section,aside,header,footer,hgroup,article{display:block}
.foot{width:100%;min-width:320px;margin-top:10px;padding:10px 0;color:#222;text-align:center;}
.foot a{color:#222;margin:0 3px;}

.share-tips{position: fixed;left:50%;top:10px;margin-left:-125px;width:250px;height:222px;z-index:1000;background:url(http://a.zhixun.in/plug/img/share-tips.png) center center no-repeat;background-size: 250px auto}
/*网页样式重置reset*/
html { font-size:1em;-webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-tap-highlight:rgba(0,0,0,0);-webkit-text-size-adjust:none;}
body { font-size:0.75em}
label { cursor:pointer}
a:link, a:visited { text-decoration:none}
input,button,select,textarea{outline:none} textarea{resize:none;}

a, abbr, acronym, address, applet, article, aside, audio, b, blockquote, big, body, center, canvas, caption, cite, code, command, datalist, dd, del, details, dfn, dl, div, dt, em, embed, fieldset, figcaption, figure, font, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, keygen, label, legend, li, meter, nav, menu, object, ol, output, p, pre, progress, q, s, samp, section, small, span, source, strike, strong, sub, sup, table, tbody, tfoot, thead, th, tr, tdvideo, tt,
u, ul, var { margin:0; padding:0}

article, aside, footer, header, hgroup, nav, section, figure, figcaption { display: block} /*html5设置*/

h1, h2, h3, h4, h5, h6, th, td, table, input, button, select, textarea, sub{ font-size:1em}
body, input, button, select, textarea, sub{ font-family:Arial, sans-serif}
em, cite, address, optgroup { font-style:normal}
kbd, samp, code { font-family:monospace}

img, input, button, select, textarea { vertical-align:middle}
ul, ol { list-style:none}
img, fieldset { border:0}
abbr, acronym { cursor:help; border-bottom:1px dotted black}
table {	width:100%; border-spacing:0; border:0}
table th, table td { border:0}
legend, hr { overflow:hidden; position:absolute; top:0; left:0}
legend, hr, caption { visibility:hidden; font-size:0; width:0; height:0; line-height:0}

/*------------------------------------------------------------------------------------------------------------------------------*/
/*统一样式*/
html { width: 100%; height: 100%; }
body { margin:0 auto; width:100%;font-family:"微软雅黑";background-size: auto; }
.load{ width:100%; height:100%; background:#ececec; text-align:center; display: -webkit-box;
  -webkit-box-orient: horizontal;
  -webkit-box-pack: center;
  -webkit-box-align: center; }
/*------------------------------------------------------------------------------------------------------------------------*/

body {height: 100%; overflow: hidden; overflow-y:auto;}

/*index*/
.p-index { position:relative; height: 100%; width: 100%; float:left; overflow: hidden;display: none; }
.portrait .p-index { -webkit-transform: scale(0.4); margin-top: -44%; }

/*模块 m-*/
.m-page { position:absolute; left:0%; top:0%; height:100%; width:100%;}
.m-page.show { z-index:10; display:block; }
.m-page.hide { z-index:5; display:none; }
.m-page.active { z-index:15; display:block; }

.m-page3 .plate { position:relative; width:100%; height:50%!important; }



/* ** 轮播图插件 */
.m-page6 .u-img { width:100%; height:140px; }
.imgSlider{height:100%;width:100%;}
		



/******************/




/******按钮************************************************************************************/

.up{ position:absolute; bottom:15px; left:45%; z-index:10000;}
@keyframes up
{
0% {  bottom:35px; opacity:0}
30% {  bottom:35px; opacity:0}
85% {  bottom:15px; opacity:1}
100% {  bottom:10px; opacity:0}
}

@-moz-keyframes up
{
0% {  bottom:35px; opacity:0}
30% {  bottom:35px; opacity:0}
85% {  bottom:15px; opacity:1}
100% {  bottom:10px; opacity:0}
}
@-webkit-keyframes up 
{
0% {  bottom:35px; opacity:0}
30% {  bottom:35px; opacity:0}
85% {  bottom:15px; opacity:1}
100% {  bottom:10px; opacity:0}
}
@-o-keyframes up 
{
0% {  bottom:35px; opacity:0}
30% {  bottom:35px; opacity:0}
85% {  bottom:15px; opacity:1}
100% {  bottom:10px; opacity:0}
}
.up
{animation: up 1.3s infinite   ;
-moz-animation: up 1.3s infinite   ;	/* Firefox */
-webkit-animation: up 1.3s infinite      ;	/* Safari 和 Chrome */
-o-animation: up 1.3s infinite   ;	/* Opera */
}

.dian{ position:absolute; bottom:15px; left:45%; z-index:10000;}
@keyframes dian
{
from { transform:scale(1,1);-webkit-transform:scale(1,1);-o-transform:scale(1,1); -moz-transform:scale(1,1);}
to { transform:scale(1.2,1.2);-webkit-transform:scale(1.2,1.2);-o-transform:scale(1.2,1.2);-moz-transform:scale(1.2,1.2);}
}

@-moz-keyframes dian
{
from { transform:scale(1,1);-webkit-transform:scale(1,1);-o-transform:scale(1,1); -moz-transform:scale(1,1);}
to { transform:scale(1.2,1.2);-webkit-transform:scale(1.2,1.2);-o-transform:scale(1.2,1.2);-moz-transform:scale(1.2,1.2);}
}
@-webkit-keyframes dian 
{
from { transform:scale(1,1);-webkit-transform:scale(1,1);-o-transform:scale(1,1); -moz-transform:scale(1,1);}
to { transform:scale(1.2,1.2);-webkit-transform:scale(1.2,1.2);-o-transform:scale(1.2,1.2);-moz-transform:scale(1.2,1.2);}
}
@-o-keyframes dian 
{
from { transform:scale(1,1);-webkit-transform:scale(1,1);-o-transform:scale(1,1); -moz-transform:scale(1,1);}
to { transform:scale(1.2,1.2);-webkit-transform:scale(1.2,1.2);-o-transform:scale(1.2,1.2);-moz-transform:scale(1.2,1.2);}
}
.dian
{animation: dian 0.5s infinite alternate;
-moz-animation: dian 0.5s infinite alternate;	/* Firefox */
-webkit-animation: dian 0.5s infinite alternate ;	/* Safari 和 Chrome */
-o-animation: dian 0.5s infinite alternate;	/* Opera */
}
 
 
/*第一屏*/
.top{ height:60px;background:#fff;}
.logo{ float:left; padding:10px; position:absolute; z-index:100}
 
/*------------------ menu收缩展开效果 */
.box{position: absolute; text-align:right; width:100%;   z-index:50}
.box h1{ padding-top:15px; padding-right:10px; padding-bottom:15px;}
.text{background:rgba(255,255,255,0.96);width:100%; height:100%; position:relative;font-size:18px;width:140px;float:right; filter:alpha(opacity=96);
	-moz-opacity:0.96;
	-khtml-opacity: 0.96;
	opacity: 0.96;}
.text ul li{ text-align:right; border-bottom:1px solid #eee; line-height:38px; padding-right:10px;}
.text ul li a{ color:#000; }
.text ul li img{ float:right; margin-top:3px; padding-left:3px;}

/*------------------banner */
.banner{ width:100%; height:auto;}
.banner img{ width:100%; height:auto;}




/*第二屏*/
.mainbbt{ text-align:center; padding:10px 0 5px 0 }
.mainb { width:93%; margin:0 auto}
.mk_a{ width:100%; overflow:hidden}
.mk_left{ float:left; width:66.3333%;}
.mk_right{ float:left;width:33.3333%;}
 
.mk_left img,.mk_right img{ width:100%; height:auto}
.mainb img{ width:100%; height:auto}

.mkaicon{ float:left; width:50%;}
.mkaicon img{width:100%; height:auto}


/*第三屏*/
.cbt{ padding:15px 0 10px 0;}
.cmain{ overflow:hidden; padding-bottom:7px;}
.cleft{ float:left; width:35%;}
.cright{ float:left; width:65%;}




/*第四屏*/
.maind{ width:90%; margin:0 auto; overflow:hidden}
.maind img{ width:100%; height:auto}
.dtop{ padding-bottom:6px;}
.dtop img{ width:100%; height: auto }

.dleft{ float:left; width:66.555%;}
.dright{ float:left; width:33.111%;}

.indexlist{ padding:6px 17px; overflow:hidden; background:#f0f0f0; margin-top:7px; }
.indexlist ul{  overflow:hidden }
.indexlist ul kbd{ float:left;}
.indexlist ul li h1{ padding-left:5px;}
.indexlist ul li{ float:left;  padding-top:5px; }
.indexlist ul li a{ color:#333; font-size:14px; line-height:22px; }

.c4left{ float:left;   width:68.1%;}
.c4right{ float:left;  width:31.9%;}

/*第五屏*/

/*.jjfa{ width:100%; height:auto; position:absolute; top:20px;}
.jjfa img{ width:100%; height:auto;}

.contact{ width:100%; height:auto; position:absolute; bottom:0}
.contact img{ width:100%; height:auto;}
.contactbt{ text-align:center; width:100%;position:absolute; top:20px;}
.contactbt img{width:190px; height:35px; margin:0 auto}

.contactword{ width:90%;position:absolute;top:100px; padding:0 10%;}
.contactword ul li{ float: left; width:33.3333%; }
.contactword ul li a img{ width:80%; height:auto; margin:0 auto;}

.contacttel{ width:100%; height:auto; position:absolute; bottom:75px;}
.contacttel img{ width:180px; height:45px; padding-left:45px;}

.copyright{ width:100%; height:45px; line-height:45px; font-size:12px; text-align:center; color:#fff; background:#000;}
.copyright a{ color:#fff;}*/

/*第五屏*/

.jjfa{ width:100%; height:auto; position:absolute; top:20px;}
.jjfa img{ width:100%; height:auto;}

.contact{ width:100%; height:auto; position:absolute; bottom:0}
.contact img{ width:100%; height:auto;}
.contactbt{ text-align:center; width:100%;position:absolute; top:20px;}
.contactbt img{width:190px; height:35px; margin:0 auto}

.contactword{ width:80%;position:absolute;top:90px; padding:0 10%;}
.contactword ul li{ float: left; width:33.3333%; text-align:center }
 
.contactword ul li a img{ width:60%; height:auto; margin:0 auto;}

.contacttel{ width:100%; height:auto; position:absolute; bottom:126px;left:3%;}
.contacttel img{ width:180px; height:45px; padding-left:45px;}

.gsadd{width:100%; max-width:800px;  left:-3%;position: absolute; padding-top:12px; }
.gsadd kbd{ background:rgba(255,255,255,0.6); display:block; text-align:center; padding:7px 15px 6px 15px; width:100%; box-sizing:border-box;font-size:15px; color:#333; line-height:18px; font-family: "Helvetica Neue"}

.copyright{ width:100%; height:45px; line-height:45px; font-size:12px; text-align:center; color:#fff; background:#000;}
.copyright a{ color:#fff;} 




.graybg{ background:#f0f0f0;}
/*案例*/
.Case{ width:100%; height:auto; background:#f2f2f2; position:relative }

.casebt{ width:100%; height:auto; position:relative; z-index:0}
.casebt img{ width:100%; height:auto;}
.caseword{ background:#f2f2f2; padding:0 7px; overflow: hidden; position: relative; opacity:0   }
.caseword ul{ width:50%; float:left; padding-bottom:15px}
.caseword ul li{ width:96%; margin:0 auto; position:relative; background:#fff; box-shadow:0px 0px 10px #ddd;}
.caseword ul li kbd{ display:block; height:42px; width:100%;  }
.caseword ul li img{ width:100%; height:auto;}
.caseword ul li kbd img{ width:80px; height:42px;}
.caseword ul li kbd span{ float:right; position:absolute; right:0}
.caseword ul li kbd h2{ font-size:14px; color:#2b549c; padding-left:5px;}
.caseword ul li kbd b{ color:#adadad; font-size:8px; padding-left:5px;}

.casebt ul{ font-size:16px; position:absolute; bottom:10px; background:#fff; height:43px; width:80%; padding:0 10%; z-index:51}
.casebt ul li{ line-height:43px; float:left; width:33.3333%; text-align:center; }
.current a{ color:#2c55a1; border-bottom:2px solid #2c55a1; padding:0 5px; line-height:22px;}






@keyframes caseword
{
from { left:50px; opacity:0.01}
to {  left:0;opacity:1}
}

@-moz-keyframes caseword
{
from { left:50px;opacity:0.01}
to {  left:0;opacity:1}
}
@-webkit-keyframes caseword 
{
from { left:50px; opacity:0.01}
to {  left:0;opacity:1}
}
@-o-keyframes caseword 
{
from { left:50px;opacity:0.01}
to {  left:0;opacity:1}
}
.caseword
{animation: caseword 0.6s forwards;
-moz-animation: caseword 0.6s forwards;	/* Firefox */
-webkit-animation: caseword 0.6s forwards ;	/* Safari 和 Chrome */
-o-animation: caseword 0.6s forwards;	/* Opera */
}






/*关于我们*/
.aboutbt{ width:100%; height:auto; padding:10px 0}
.aboutbt img{ width:100%; height:auto;}

.abouttextbt{ overflow:hidden; }
.abouttextbt span{ float:left;width:30%;}
.abouttextbt span img{ width:100%; height:auto;}
.abouttextbt p{ width:64%; padding-left:2%; padding-right:2%; float:right; font-size:14px; }
.abouttext{ font-size:16px; width:95%; margin:0 auto;  padding:10px 0 20px 0; }
.honors{ width:100%; height:auto;}
.honors img{ width:100%; height:auto;}


/*每个内页都有footkong和footer*/
.footerkong{ height:60px;}
.footer{ background:#2a2f35; width:100%; overflow:hidden; position:fixed; bottom:0; max-width:768px;}
.footer ul{ padding:0 12px 0 13px;}
.footer ul li{ float:left; width:33.33333%;}
.footer ul li img{ width:100%; height:auto}

/*app开发*/
.appword{ padding:10px;}

.apptext{ background:#fff; border:1px solid #ddd; border-radius:10px; padding:10px;}
.apptext img{ width:100%; height:auto;}
.appbg{ padding:10px; background:url(../images/app_06.jpg) no-repeat bottom center; background-size:100% auto; padding-bottom:120px; font-size:16px;}
.apptext span{ padding:15px 10px;  font-size:16px; display:block}

.apptext_bt img{ width:100%; height:auto;}
.appbottom{ width:100%; height:auto; margin-top:-11px; padding-bottom:20px;}
.appbottom img{ width:100%; height:auto;}

.appbt{ line-height:40px; text-align:center; width:70%; margin:15px auto 12px auto; color:#fff; font-size:16px; border-radius:2px; }
.apptexta{ background:#fff; border:1px solid #ddd; border-radius:10px; padding:10px; padding-bottom:20px;}
.apptexta span{ padding:0 5px; font-size:14px; display:block}
.top10{ margin-top:10px;}
.jgmk{ background:#f0f0f0; padding-bottom:10px; margin-bottom:13px;}
.jgmk h3{ font-size:16px; line-height:35px; display:block; height:35px; padding:0 10px; color:#fff; margin-bottom:10px;}
.jgmk b{ display:block; font-size:18px; color:#c30000; padding:0 10px;}
.jgmk p{ padding:0 10px; background:0; font-size:14px;}



/*IDC中心*/
.idcword{ padding:15px 10px; border-bottom:1px solid #eee;}
.idcword p{  margin:0 auto; border-left:4px solid #0097d6; font-size:14px; line-height:18px; padding:5px;}

/*策划与方案*/

.chyfa{ padding:10px 10px; overflow:hidden }
.chyfa ul{  overflow:hidden }
.chyfa ul h1{ font-size:16px; line-height:22px;}
.chyfa ul kbd{ float:left;}
.chyfa ul li{ float:left; padding-left:15px; padding-top:5px; font-size:12px; line-height:16px;}
.chyfa ul li p{ color:#999;}
.chyfa ul li a{ color:#333}

.newsbt{ padding:0 5px;   }
.newsbt h1{border-radius:6px;border:1px solid #ddd;background:#fff; padding:10px 7px;  line-height:20px; font-size:18px; color:#2c55a1}
.newstext{ line-height:160%; font-size:16px; color:#888; padding:8px 10px; }

/*微信开发*/

.wechatbottom{ width:100%; height:auto; padding:20px 0; }
.wechatbottom img{ width:100%; height:auto;}

.wxlist{ padding:0 0 15px 15px ;}
.wxlist li{ overflow:hidden; font-size:14px;}
.wxlist li span{ float:left; padding:5px 10px 0 0}
.wxlist li span img{ width:13px;  height:15px; float:left}
.wxlist li b{ float:left; font-weight:normal}




/*配套推荐*/
.pttj{ padding:10px 10px 20px 10px;}

.pttjtext{ border:1px solid #dadada; background:#fff; padding:10px; font-size:16px; }
.pttjbottom{ width:100%; height:auto; margin-top:-1px; }
.pttjbottom img{ width:100%; height:auto;}
.pttjbtn{ text-align:center;}

.pttj table{ background:#fff; border:2px solid #ddd }
.pttj table td{ border-bottom:1px solid #eee; border-right:1px solid #eee; font-size:16px; line-height:35px; padding-left:5px; }
.red{ color:#c30000;}
.blue{ color:#2fa8e1;}
.pttj table .red{ font-size:18px; line-height:45px;}


.pttjall{background:#fff; border:1px solid #ddd; border-radius:10px; padding:10px;}
.p_bt{ font-size:16px; height:25px; padding-top:3px; }
.p_bt img{ vertical-align: text-top; margin-right:10px;}
.pword{ margin:0 7px; border-left:2px solid #ededed; padding:0 0 10px 10px;font-size:14px; }
.pword p{ padding:5px 10px 10px 10px; border-bottom:1px dashed #e6e6e6; display:block; }
.pword span{ display:block; padding-top:6px; line-height:14px;}
.blue{ color:#2fa8e1}
.green{ color:#7cae0a}








/*网站制作*/
 

.weblist{ padding:5px;}
.weblist dd{ background:url(../images/web_0.jpg) no-repeat left top; background-size:10px 17px; padding-left:20px; font-size:16px;}
.weblist dd kbd{ font-family:"微软雅黑"}
.marginbottom10{ margin-bottom:10px;}

.weblista{ padding:5px;}
.weblista dd{ background:url(../images/sc0.jpg) no-repeat left top; background-size:10px 15px; padding-left:20px; font-size:16px; text-align:left}
.weblista dd kbd{ font-family:"微软雅黑"}

.webbt{ width:100%; height:auto;  }
.webbt img{ width:100%; height:auto}

.webCost{ text-align:center; padding:20px 0}
.webCostword{ padding:10px; width:92%; margin:0 auto 20px auto; background:#fff; border-radius:6px; text-align:center; }
.webCostword h1{ font-size:20px; }
.webCostword p{ font-size:16px; padding:10px 0 }
 
/*高端定制*/
.gdbt{ width:100%; margin:10px auto; border:1px solid #d80001;border-radius:4px;font-size:18px; line-height:35px; color:#d80001; text-align:center;} 
.orage{ color:#ff7000}
.gdtext{ font-size:16px; padding:0 10px;}
.gdbtblue{ width:100%; margin:10px auto; border:1px solid #39afff; border-radius:4px; font-size:18px; line-height:35px; color:#39afff; text-align:center;} 

.gdword{ overflow:hidden; padding-bottom:10px;}
.gdword ul{ width:46%; float:left; padding:0 2%; }
.gdword ul li{box-shadow:none; background:#39afff; padding:2px 10px; width:87%; margin:0 auto; border-radius:6px; line-height:35px; font-size:14px; color:#fff; margin-bottom:5px; }
.gdword ul li img{ width:18px; height:18px; vertical-align: text-top; margin-right:5px;}

.gdbtgreen{ width:100%; margin:10px auto; border:1px solid #3fbdba; border-radius:4px; font-size:18px; line-height:35px; color:#3fbdba; text-align:center;} 










 
/*联系我们*/
.contactmain{ background:url(../images/contact_05.jpg) no-repeat top; background-size:100% 100%; background:#f1f1f1}
.contactmain b{ text-align:center; line-height:50px; display:block; font-size:16px;}
.contactmain ul{ padding:10px 10px; overflow:hidden}
.contactmain ul kbd{ float:left; width:20%; text-align:right; }

.contactmain ul li{ float:left;width:80%}
.contactmain ul li p{ line-height:20px;font-size:16px; margin:0;padding:5px 0 0 10px; }


/*恒昊支付*/
.pay{ padding:5px 0;}
.pay ul{ margin-top:10px;}
.pay ul li{ border:1px solid #f1f1f1; overflow:hidden; padding:5px; background:#fbfbfb;}
.pay ul li kbd{ float:left; width:30%;}
.pay ul li kbd img{ width:90%; height:auto; border:1px solid #f1f1f1; }
.pay ul li p{ float:left; width:70%; font-size:14px; line-height:20px; padding-top:3px; }

.newstext img{ max-width:100%; height:auto;}