@charset "utf-8";
/* CSS Document */
ul,li,dl,dt,dd,ol{ list-style-type:none; margin:0; padding:0;}
h1,h2,h3,h4,h5,h6,form,input,textarea,label,table,tr,td,p,header,article,footer,nav,section,aside,menu{margin:0; padding:0;}
header,article,footer,nav,section,aside,menu{ display:block;}
table{ border-collapse:collapse; border-spacing:0;}
img{ border:none;}
a:link,a:visited{color:#000;text-decoration:none;outline:none;}
a:active,a:hover{color:#000; text-decoration:none;}
body{ margin:0;padding:0;font:14px/22px Microsoft Yahei;font-size:1.4em; line-height:1.571em; min-width:320px; background:#f1f1f1; padding-bottom:45px; font-size:62.5%;}
.fl{ float:left;}
.fr{ float:right;}
.cl{ clear:both; font-size:0; line-height:0; height:0; width:100%; overflow:hidden;}
.fix:after {visibility:hidden;display:block;font-size:0;content:""; clear:both; height:0;}
.fix{*zoom:1;}
.bg{ background:#F5F5F5;}
.hide { display:none; }
/*顶部*/
header{width:100%; display:block;}
.top_bar{text-align:center;max-width:640px; min-width:320px; margin:0 auto; padding:0;}
.top_bar img{width:100%; float:left;}
.fen{ width:100%; height:20px; line-height:20px; text-align:center; margin-top:15px; padding-bottom:15px;}
.fen a,.fen b{ display:inline-block; background:#fff; padding:0 5px; height:20px; line-height:20px; border:1px solid #999 }
.fen b,.fen a:hover{ background:#f60; color:#fff;border:1px solid #f60 }
/*导航*/
.bankbtns{ background:#01111E; margin:0 auto; overflow:hidden;max-width:640px; min-width:320px;/*max-height:320px;*/}
.bankbtns a em{ width:100%; float:left; display:block; padding:3% 0; font-family:"微软雅黑", "黑体"; font-style:normal;}
.bankbtns a:link { color:#fff; text-decoration:none; }
.bankbtns a:visited { color:#fff; text-decoration:none; }
.bankbtns a:hover { color:#f60; text-decoration:none; background:#02192B; }
@media screen and (min-width:320px) {/*@media all and (min-width:320px) and (max-width:2000px){*/
.bankbtns a{ font-size:1.8em; font-size:18px; text-align:center; padding:3% 0; width:20%; display:block; background: url(../images/navxx.jpg) right no-repeat;}/*-moz-border-radius:3px;firefox??-webkit-border-radius:3px; chrome??border-radius:3px; 通用,重要??/
}
@media screen and (max-width: 450px) { /*当屏幕尺寸小??50px时，应用下面的CSS样式*/
.bankbtns a{ font-size:1.3em; font-size:13px; text-align:center; padding:3% 0; width:20%; display:block; background: url(../images/navxx.jpg) right no-repeat;}
}

/*滚动banner*/
.slider-focus{position:relative;max-width:640px;overflow:hidden;/*max-height:320px;*/margin:0px auto;}
.slider-focus .hd{ position:absolute;width:100%;height:28px;left:0;bottom:2%;z-index:1;line-height:28px;text-align:center;}
.slider-focus .hd li{ display:inline-block;vertical-align:middle;width:13px;height:13px;margin:0 3px;-webkit-border-radius:50%;-moz-border-radius:50%;-o-border-radius:50%;border-radius:50%;font-size:0;line-height:0;text-indent:-9999em;background:#fff; cursor:pointer;}
.slider-focus .hd li.on{ background:#f60;  }
.slider-focus .bd{ position:relative; z-index:0; }
.slider-focus .bd li{ position:relative; text-align:center;  }
.slider-focus .bd li img{vertical-align:top;width:100%;/* 图片宽度100%，达到自适应效果 */}
.slider-focus .bd li a{ -webkit-tap-highlight-color:rgba(0,0,0,0);  }  /* 去掉链接触摸高亮 */
.slider-focus .bd li .tit{ display:block; width:100%;  position:absolute; bottom:0; text-indent:10px; height:28px; line-height:28px; background:url(../images/focusbg.png) repeat-x; color:#fff;  text-align:left; }

/*服务业务*/
.service{max-width:640px; min-width:320px; margin:0 auto; overflow:hidden; text-align:center;}
.service .title{ width:100%;}
.service .title img{ width:100%;}
.service .service_line{ width:100%;}
.service .service_line h2{ width:25%; display:block; float:left; padding:3% 0;}
.service .service_line h2 img{ width:88%; display:block; margin:0 auto;}
@media screen and (min-width:320px) {/*@media all and (min-width:320px) and (max-width:2000px){*/
.service .service_line h2 em{ width:100%; display:block; font-size:1.5em; font-size:15px; font-style:normal; font-family:"微软雅黑", "黑体"; color:#f60; padding:5% 0; font-weight:normal;}
}
@media screen and (max-width: 450px) { /*当屏幕尺寸小??50px时，应用下面的CSS样式*/
.service .service_line h2 em{ width:100%; display:block; font-size:1.1em; font-size:11px; font-style:normal; font-family:"微软雅黑", "黑体"; color:#f60; padding:5% 0; font-weight:normal;}
}

/*有这些困惑才走进我们*/
.puzzled{max-width:640px; min-width:320px; margin:0 auto; overflow:hidden; text-align:center;}
.puzzled img{ width:100%;}

/*快速解决问*/
.solve{max-width:640px; min-width:320px; margin:0 auto; overflow:hidden; text-align:center;}
.solve img{ width:100%;}

/*产品列表*/
.product{max-width:640px; min-width:320px; margin:0 auto 3% auto; overflow:hidden;/*max-height:320px;*/min-height:530px;}
.product .title{ width:100%; padding:3% 0; background:#f60; text-align:center; float:left;}
@media screen and (min-width:320px) {
.product .title span{ width:100%; font-size:2.4em; font-size:24px; color:#FFFFFF; font-family:"微软雅黑", "黑体";}
}
@media screen and (max-width:550px) {
.product .title span{ width:100%; font-size:1.6em; font-size:16px; color:#FFFFFF; font-family:"微软雅黑", "黑体";}
}
.product .jt_img{ width:100%; float:left;}
.product .jt_img img{ width:100%; float:left;}
.product .p_img{ width:98%; margin:0 auto; overflow:hidden; padding:2% 1% 0 1%;/*max-height:320px;*/}
.product .p_img a{display:block; width:46%; float:left; padding:1%; background:#fff; margin:1%; color:#666;}
.product .p_img a:hover{display:block; width:46%; float:left; padding:1%; background:#f60; margin:1%;color:#fff;}
.product .p_img a .imgurl{width:100%; float:left; /*display:block;*/}
.product .p_img a .imgurl img{width:100%; float:left;height:120px;}
.product .p_img a .txt{ width:100%; display:block; height:30px; line-height:2.5em; overflow:hidden;text-overflow:ellipsis; white-space:nowrap; font-size:1.3em; font-size:13px; font-family:"微软雅黑", "黑体"; text-align:center;}
.product .p_img a .txt:hover{color:#fff;}
.product .paging{width:100%; text-align:center; float:left; padding:20px 0;}
.product .paging a{ padding:0.5% 1.5%; background:#666; color:#fff; margin:1%; font-size:1.4em; font-size:14px;}
.product .paging a:hover{ color:#fff; background:#1C9850; text-decoration:none; }
.product .paging a.on_c{ color:#fff; background:#1C9850; text-decoration:none; }

/*新闻切换*/
.news{max-width:640px; min-width:320px; margin:15px auto 0 auto; background:#333; height:40px; overflow:hidden; line-height:40px; /*max-height:320px;*/}
.news ul{ width:100%;}
.news ul li{ width:33.3%; float:left;}
.news ul li a{ color:#fff; display:block; height:40px; line-height:40px; width:100%; text-align:center; font-size:1.6em; font-size:16px; font-family:"微软雅黑", "黑体"; text-decoration:none;}
.news ul li a:hover { color:#f90;}
.news ul li a.cur { background:#f60;}
.news ul li a.cur:hover { color:#fff;}
.newslist{max-width:640px; min-width:320px; overflow:hidden; margin:0 auto;}
.newslist ul{width:100%; margin:3% 0 1% 0; list-style-type:none; overflow:hidden; float:left; display:block; font-family:"微软雅黑", "黑体"; }
.newslist ul li{width:96%; padding:1% 2%; display:block;clear:both}
.newslist ul li span{ float:left; display:inline; background:#f60; padding:1% 2%; line-height:16px; margin-right:3%; font-size:1.2px; font-size:12px; color:#fff; text-align:center;}
@media screen and (min-width:320px) {
.newslist ul li a{ font-size:18px; font-size:1.4em; padding-top:2%; display:block; color:#666666;display: -webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow: hidden;}
}
@media screen and (max-width: 450px) {
.newslist ul li a{ font-size:14px; font-size:1.4em; padding-top:2%; display:block; color:#666666;display: -webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow: hidden;}
}
.newslist ul li a:hover{ color:#f60; text-decoration:none; }
.newslist a.morebtn{ background:url(../images/gd.jpg) center no-repeat; width:100%; text-align:center; display:block; padding:2% 0; font-size:1.4em; font-size:14px; color:#333;}
.newslist a.morebtn:hover{ color:#f60;}

/*营销型网站建*/
.wzjs_top{max-width:640px; min-width:320px; margin:0 auto; overflow:hidden; text-align:center;}
.wzjs_top img{ width:100%;}

.wzjs_how{max-width:640px; min-width:320px; margin:0 auto; overflow:hidden; text-align:center;}
.wzjs_how img{ width:100%;}

.good{max-width:640px; min-width:320px; margin:0 auto; overflow:hidden; text-align:center;}
.good .title{ width:100%;}
.good .title img{ width:100%;}
.good .good_line{ width:100%;}
.good .good_line h2{ width:25%; display:block; float:left; padding:3% 0;}
.good .good_line h2 img{ width:88%; display:block; margin:0 auto;}
@media screen and (min-width:320px) {/*@media all and (min-width:320px) and (max-width:2000px){*/
.good .good_line h2 em{ width:100%; display:block; font-size:1.5em; font-size:15px; font-style:normal; font-family:"微软雅黑", "黑体"; color:#f60; padding:5% 0; font-weight:normal;}
}
@media screen and (max-width: 450px) { /*当屏幕尺寸小??50px时，应用下面的CSS样式*/
.good .good_line h2 em{ width:100%; display:block; font-size:1.1em; font-size:11px; font-style:normal; font-family:"微软雅黑", "黑体"; color:#f60; padding:5% 0; font-weight:normal;}
}

.Feature{max-width:640px; min-width:320px; margin:0 auto; overflow:hidden; text-align:center; background:#fff;}
.Feature .title{ width:100%;}
.Feature .title img{ width:100%;}
.Feature .Feature_line{ width:100%;}
.Feature .Feature_line h2{ width:33.3%; display:block; float:left; padding:3% 0;}
.Feature .Feature_line h2 img{ width:80%; display:block; margin:0 auto;}
@media screen and (min-width:320px) {/*@media all and (min-width:320px) and (max-width:2000px){*/
.Feature .Feature_line h2 em{ width:100%; display:block; font-size:2.4em; font-size:24px; font-style:normal; font-family:"微软雅黑", "黑体"; color:#333; padding:5% 0; font-weight:normal;}
}
@media screen and (max-width: 450px) { /*当屏幕尺寸小??50px时，应用下面的CSS样式*/
.Feature .Feature_line h2 em{ width:100%; display:block; font-size:1.6em; font-size:16px; font-style:normal; font-family:"微软雅黑", "黑体"; color:#333; padding:5% 0; font-weight:normal;}
}

/*竞价账户管理*/
.issue{max-width:640px; min-width:320px; margin:0 auto; overflow:hidden; text-align:center; background:#fff;}
.issue .title{ width:100%;}
.issue .title img{ width:100%;}
.issue .issue_line{ width:100%;}

.issue .issue_line ul{ width:100%; height:100%; float:left; display:block; text-align:left; padding-bottom:2%;} 
.issue .issue_line ul li{ width:25%; float:left; display:block; position:relative; margin:1% 0; } 
.issue .issue_line ul li em{ width:90%; display:block; float:left; margin-left:5%;} 
.issue .issue_line ul li em img{ width:100%; display:block;} 
.issue .issue_line ul li:hover{text-decoration:none}
.issue .issue_line ul li:hover i{width:90%; display:block; position:absolute; top:0;left:0; margin-left:5%;}
.issue .issue_line ul li i{display:none; width:90%;cursor:hand; margin-left:5%;}
.issue .issue_line ul li i img{ width:100%;}

.jj_job{max-width:640px; min-width:320px; margin:0 auto; overflow:hidden; text-align:center;}
.jj_job img{ width:100%;}

.select3{max-width:640px; min-width:320px; margin:0 auto; overflow:hidden; text-align:center;}
.select3 img{ width:100%;}

.annoyance{max-width:640px; min-width:320px; margin:0 auto; overflow:hidden; text-align:center;}
.annoyance img{ width:100%;}

.form_jj{max-width:640px; min-width:320px; margin:0 auto; overflow:hidden; text-align:center;}
.form_jj img{ width:100%;}

/*联系我们*/
.contact{max-width:640px; min-width:320px; overflow:hidden; margin:0 auto; text-align:left; padding:1% 0;}
.contact ul{ width:100%; display:block; float:left;}
.contact ul li{ width:96%; display:block; float:left; padding:0.5% 2%;}
.contact ul li em{ width:5.2%; display:block; float:left; margin-right:3%;}
.contact ul li em img{ width:100%; }
.contact ul li span{ width:90%; color:#7A7A7A;font-size:14px; font-size:1.4em; display:block; float:left; padding-top:1%;}
.contact ul li span i{ color:#f60; font-style:normal;}

@media screen and (min-width:320px) {/*@media all and (min-width:320px) and (max-width:2000px){*/
.contact h2{ width:96%; padding:3% 2%; font-size:26px; font-size:2.6em;}
.contact ul li span{ width:91%; color:#7A7A7A;font-size:14px; font-size:1.4em; display:block; float:left; padding-top:1%;}
}
@media screen and (max-width: 450px) { /*当屏幕尺寸小??50px时，应用下面的CSS样式*/
.contact h2{ width:96%; padding:3% 2%; font-size:16px; font-size:1.6em;}
.contact ul li em{ width:5.2%; display:block; float:left; margin-right:3%; margin-top:0.5%;}
.contact ul li span{ width:91%; color:#7A7A7A;font-size:12px; font-size:1.2em; display:block; float:left; padding-top:1%;}
}

.map{max-width:640px; min-width:320px; margin:0 auto; text-align:left; padding:1% 0 3% 0%;}

/*文章*/
.wz{max-width:640px; min-width:320px; overflow:hidden; margin:0 auto; background:#fff;}
.wz .title{width:96%; text-align:left; float:left; font-family:"微软雅黑", "黑体"; padding:2% 2% 0 2%; }
.wz .title h2{ width:100%; font-size:16px; font-size:1.6em; line-height:28px; font-weight:normal; color:#f60; float:left; padding:1% 0;}
.wz .title span{ width:100%; font-size:12px; font-size:1.2em; color:#ccc; float:left; border-top:1px dashed #d1d1d1; padding:1% 0;}
.wz .txt{width:96%; float:left; font-size:14px; font-size:1.4em; line-height:28px; color:#929292; padding:2%; font-family:"微软雅黑", "黑体";text-indent:28px;}
.wz .txt img{width:100%;height:auto; display: block; text-indent:0; margin:1% 0;}
.wz .t_d{ width:96%; float:left; border-top:0.1em dashed #d1d1d1; padding:2% 0; margin:0 2%; color:#f60;}
.wz .t_d a{ padding:0% 2%; display:inline-block; color:#a1a1a1; font-size:12px; font-size:1.2em; line-height:26px; font-family:"微软雅黑", "黑体";}
.wz .t_d a:hover{ color:#f60; text-decoration:none; }


.next_fp,.fh_but{max-width:640px; min-width:320px; overflow:hidden; margin:0 auto; font-size:1.4em; font-size:1.4em; padding:1% 0; border-top:1px solid #ddd;}
.wz .fh_but2{ font-size:1.2em; font-size:1.2em;}
.next_fp a,.fh_but a,.wz .fh_but2 a{ display:inline-block; padding:0 1%;}
.footer_txt .logo_tel{ display:none;}
/*底部*/
.footer_txt .txt{padding-left:15px;}
.footer_txt .tb_img{display:none}
@media screen and (min-width:320px) {
.footer_txt{max-width:640px; min-width:320px; overflow:hidden; margin:0 auto; background:#282828;}
.footer_txt .logo_tel{ width:27.5%; padding:0 2% 0 4%; margin:3% 0; border-right:1px solid #313131; float:left;}
.footer_txt .logo_tel img{ width:100%; float:left; display:block;}
.footer_txt .tb_img{ width:3.6%; padding:0 2% 0 4%; margin:3% 0; float:left;}
.footer_txt .tb_img img{ width:100%; float:left; display:block;}
.footer_txt .txt{ width:56%; margin:3% 0; float:left; font-size:1.2em; font-size:12px; color:#888; line-height:28px;}
.footer_txt .txt em{ color:#e38203; font-style:normal;}
}
@media screen and (max-width: 450px) {/*当屏幕尺寸小??50px时，应用下面的CSS样式*/
.footer_txt{max-width:640px; min-width:320px; overflow:hidden; margin:0 auto; background:#282828;}
.footer_txt .logo_tel{ width:0%; padding:0%; margin:0%; border-right:0; float:left; overflow:hidden; display:none;}
.footer_txt .logo_tel img{ width:0%; float:left; display:block;}
.footer_txt .tb_img{ width:23px; padding:0 2% 0 4%; margin:3% 0; float:left;}
.footer_txt .tb_img img{ width:100%; float:left; display:block;}
.footer_txt .txt{ width:85%; margin:3% 0; float:left; font-size:1.2em; font-size:12px; color:#888; line-height:28px;}
.footer_txt .txt em{ color:#e38203; font-style:normal;}
}

/*尾部*/
#footer{position:fixed;bottom:0;left:0;z-index:2000;width:100%;height:45px;display:block; background:#f60; text-align:center; color:#fff; font-size:14px; font-size:1.4em;}
.ulFooter{ overflow:hidden;}
.ulFooter li{ width:33.3%; float:left; display:inline; overflow:hidden;}
.ulFooter li a{ display:block; text-align:center; height:45px; color:#fff;}
.ulFooter li a img{margin-top:5px; float:left;}
.ulFooter li a span{ line-height:45px; text-align:center; display:inline-block; text-align:center;}

/*版权*/
@media screen and (min-width:320px) {
.copyright{max-width:640px; min-width:320px; overflow:hidden; margin:0 auto; background:#2d2d2d; padding:1% 0; font-size:1.2em; font-size:12px;  text-align:center; color:#555;}
}
@media screen and (max-width: 450px) {
.copyright{max-width:640px; min-width:320px; overflow:hidden; margin:0 auto; background:#2d2d2d; padding:2% 0; font-size:1.2em; font-size:12px;  text-align:center; color:#555;}
}


.fenye{ width:100%; margin:0 auto;  margin-top:20px; text-align:center; margin-bottom:30px;   }
.fenye a{ display:inline-block;padding:0 8px;text-align:center; line-height:24px; border:1px solid #cecece; font-size:14px; color:#666666; margin:1px;}
.fenye b,.fenye a:hover{ display:inline-block;padding:0 8px;text-align:center; line-height:24px; border:1px solid #f60; font-size:14px; color:#fff; margin:1px; background:#f60;}

.ny_news2{ max-width:640px; margin:0 auto; background:#fff; padding-top:10px;}
.ny_news2:after{visibility:hidden;display:block;font-size:0;content:""; clear:both; height:0;}
.ny_news2 ul{ width:96%; margin:0 auto;}
.ny_news2 ul li{ display:block; float:left; width:32.6%; height:30px; line-height:30px; text-align:center; font-size:12px; background:#666; color:#fff; margin-bottom:3px; margin-right:1%;}
.ny_news2 ul li.on{ background:#f60}
.ny_news2 ul li a{ color:#fff;}
.ny_news2 ul li:nth-of-type(3n+3){ margin-right:0;}

.almain-hy{ max-width:640px; margin:0 auto;}
.almain-hy li{ display:block; float:left;width:50%; height:28px; line-height:28px; text-align:center; font-size:12px; color:#fff; border-bottom:1px dashed #f2f2f2;}

.almain-hy li a{ color:#333;}
.almain-hy li.current a{ color:#f60}


.anliliebiao{ position:relative;}
.almain-hy{ display:none; position:absolute; background:#fff; top:40px; left:0;border-bottom:2px solid #f60;}
.casemore{ position:absolute;right:15px; top:10px; color:#fff; font-style:normal;font-size:14px;}