@charset "gb2312";
/* CSS Document */
body {font-family: "宋体";font-size: 12px;margin:0px; padding:0px; line-height:24px;background: url(index_02.gif) 

repeat-x top #f4f4f4; color:#333  }
ul,li,div,form,img,h1,h2,h3,h4,p,dl,dt,dd{ list-style:none; padding:0px; margin:0px; font-style:normal; border:0; }
a{text-decoration:none;color:#333;}
a:hover{ color:#f60;}
.f14{font-size:14px}
.f16{font-size:16px}
.c16{color:#fa9006; font-size:16px}
.cfff{color:#ffffff; font-weight:bold}
.c0082cb{font-size:14px; color:#0082cb}
.c66612{ color:#666}
.c0012{font-size:12px; color:#C00; }
.c0018{ font-size:18px; color:#C00; font-weight:bold}
.cbh{ clear:both}
.flr{ float:right}
.mtp10{ margin-top:10px}
.mag15{ margin:20px 5px 0 5px}
.w980{ width:980px; margin:0 auto}
#top{ margin:5px 0 0 0; text-align:right; height:25px; line-height:25px;}
#top a:hover{ text-decoration:underline; color:#333}
#top .top_r{ background:url(index_07.gif) no-repeat  right top ; margin:0 5px; width:210px; height:25px; line-height:25px; float:right; padding-right:18px; color:#FFF }
#top .top_r a{ color:#FFF}
.logo{ float:left; width:206px }
.tel { float:right; text-align:right; width:505px; margin-top:20px}
.wd{ position:absolute; width:107px; height:30px; margin:20px 0 0 230px}
#menu{ height:39px; line-height:39px; color:#FFF; font-size:14px; font-weight:bold; }
#menu li{ text-align:center; background:url(index_18.gif) no-repeat; width:115px; float:left}
#menu li a{ color:#fff}
#menu li a:hover{ color:#FC0}
.index_banner{text-align:center; background:url(bannerbg_02.gif) repeat-x}
.banner{ padding-top:1px; text-align:center; background:url(bannerbg_02_1.gif) repeat-x}
.index_newsbg{ background: url(newbg_02.gif) repeat-x;}
.index_news{ background:url(index_23.gif) no-repeat 0 center; height:39px; overflow:hidden; line-height:39px; padding:0 310px 0 90px}
#index_wzja{ background:#FFF; margin:10px 0; padding:10px}
#index_wzja li{ float:left; width:224px; border-right:1px #CCC solid; margin-right:10px; padding:0 10px 0 0; display:inline }
#index_wzja li.mdb{margin:0; padding:0; border-right:none}
#index_wzja li .index_wzja_til{ background:url(index_29.gif) no-repeat; width:103px; height:36px;  text-align:center; font-size:14px; font-weight:bold; color:#FFF; margin-bottom:10px}
#index_wzja li .index_wzja_til a{ color:#FFF; display:block;padding:5px 0 8px;}
#index_wzja li .index_wzja_til a:hover{ background:url(index_291.gif) no-repeat;}
#index_wzja li .index_con_wzjz{ background:url(index_39.gif) no-repeat right bottom; height:130px}
#index_wzja li .index_con_yykf{ background:url(index_34.gif) no-repeat right bottom; height:130px}
#index_wzja li .index_con_rjkf{ background:url(index_36.gif) no-repeat right bottom; height:130px}
#index_wzja li .index_con_yxtg{ height:130px}

#index_l{float:left; width:740px}
#index_l .index_l_khal_til{ background:#e1dfdf; border-top:3px #ffcc00 solid; line-height:35px; line-height:35px; padding:0 10px; font-size:14px;}
#index_l .index_l_khal_con,#index_l .index_l_tc_con{ background:#FFF; padding:6px 0}
#index_l .index_l_khal_con li{ width:200px; margin:5px 5px 0px 29px; float:left;}
#index_l .index_l_khal_con li p{ width:200px; line-height:25px; height:24px; overflow:hidden;}
#index_l .index_l_khal_con li img{border:1px #CCCCCC solid; padding:5px; }
#index_l .index_l_tc_til,#index_l .index_l_wz_til{background:#e1dfdf; border-top:3px #ffcc00 solid;line-height:35px; line-height:35px;}
#index_l .index_l_tc_til li,#index_l .index_l_wz_til li{ float:left; width:185px; margin-right:2px; text-align:center; font-size:14px; font-weight:bold; background:#cccccc; cursor:pointer}
#index_l .index_l_tc_til li.hover,#index_l .index_l_wz_til li.hover,.hzhb_til li.hover{ background:#666666; color:#FFF}
#index_l .index_l_tc_con{ padding:10px}
#index_l .index_l_tc_con .tc_con_wzjs li{ float:left; width:174px; margin-right:8px; display:inline; background:#eeeeee; padding-bottom:10px}
#index_l .index_l_tc_con .tc_con_wzjs li .tc_con_wzjs_til{ height:45px; line-height:45px; text-align:center; background:#ffba00; font-size:14px; font-weight:bold}


#index_l .index_l_wz_til li{  width:146px; }
#index_l .index_l_wz_con{ padding:10px 0; background:#FFF}
#index_l .index_l_wz_con li{ float:left; width:340px; margin:0 15px; line-height:26px; text-overflow:ellipsis;white-space:nowrap;overflow:hidden; }

#index_r{float:right; width:230px}
#index_r .index_qyfc{background:#e1dfdf; border-top:3px #ffcc00 solid; padding:10px }
#index_r .index_wzzd_til{ background:#30303a; padding-left:10px; line-height:35px; color:#FFF; font-weight:bold; font-size:14px}
#index_r .index_wzzd_con{ background:#eae9e9; padding:13px;}
#index_r .index_khwd_til{background:#e1dfdf; border-top:3px #ffcc00 solid; padding-left:10px; line-height:35px; font-size:14px; font-weight:bold }
#index_r .index_khwd_con,.hzhb_con{ background:#FFF; padding:10px}
#index_r .index_khwd_con li{ padding-bottom:10px; border-bottom:1px #CCCCCC dotted; margin-bottom:10px}
#index_r .index_khwd_con { height:300px; overflow:hidden;}
#index_r .index_khwd_con p{ font-family:"宋体"; font-size:12px; line-height:22px;}
#index_r .index_khwd_con li .index_khwd_con_a{ background:url(index_57.gif) no-repeat; padding-left:30px }
#index_r .index_khwd_con li .a_kuan{line-height:18px; margin-right:2px;border-left:1px #CCCCCC solid;border-right:1px #CCCCCC solid; padding:0 10px}
#index_r .xzth{ background: url(index_58.gif) no-repeat; height:241px; padding:70px 10px 10px 10px; line-height:20px;}
.hzhb_til{background:#e1dfdf; border-top:3px #ffcc00 solid;}
.hzhb_til li{width:146px;float:left; margin-right:2px; text-align:center; font-size:14px; font-weight:bold; background:#cccccc; cursor:pointer; line-height:30px;}	
.hzhb_tu li{ float:left; margin:5px 0 5px 18px; display:inline; }
.hzhb_tu li img{ border:1px #CCCCCC solid }
.hzhb_con .iconl{ float:left; position:absolute; width:16px; height:33px;margin:15px 0 0 0}
.hzhb_con .iconr{ float:right; position:absolute;width:16px; height:33px; margin:15px 0 0 943px}

#footbg{ background:#28272f; margin-top:10px; color:#FFF; padding:10px 0}
.foot{width:214px; float:left; line-height:24px; border-right:1px solid #666; padding: 0 15px }
.foot a{ color:#FFF}
.foot a:hover{ color:#FC0 }

/********内页公用******/
.con_menu li{ display:inline;float:left; width:125px; height:37px; line-height:32px;  text-align:center; background:url(con_05.gif) no-repeat; margin-right:5px;font-size:14px;}
.con_menu li a{ display:block;color:#fff; height:37px;}
.con_menu li a:hover,.con_menu li.hover a{background:url(c_07.gif) no-repeat; color:#333}
/********客户案例******/
#con_l{float:left; width:230px}
#con_r{float:right; width:738px;background:#fff;}
.con_til{background:#e1dfdf; border-top:3px #ffcc00 solid; padding-left:10px; line-height:35px; font-size:14px; font-weight:bold}
.con_con{background:#fff; padding:10px}
.con_list li a:hover{ text-decoration:underline}

.task_item_til{ font-size:14px; width:220px; height:25px; overflow:hidden}
.task_item_til a{ color:#0082cb; font-weight:bold;}
.task_item_til a:hover{ text-decoration:underline }
.task_item_kh{  border-right:1px solid #f4f4f4;border-bottom:1px solid #f4f4f4;float:left;display:inline;padding:12px;position: relative; background:#FFF; width:221px; text-align:left; color:#666; height:330px;}
.task_item{  border-right:1px solid #f4f4f4;border-bottom:1px solid #f4f4f4;float:left;display:inline;padding:12px;position: relative; background:#FFF; width:221px; text-align:left; color:#666; height:280px;}
.task_item_kh{width:220px; }
.task_tag{ margin:5px 0; line-height:18px }
.task_item img,.task_item_kh img{border: none; margin:0 0 5px 0}
.pic{ width:221px; height:136px; overflow:hidden;}
.task_item_ys a{ background:#0082cb; width:60px; height:22px; display:block; text-align:center; color:#FFF; margin-right:5px }
.task_item_ys a:hover{ background:#666 }
/********移动客户案例详细******/
.khan_l{ float:left; width:250px; text-align:center}
.khan_r{ float:left; width:650px; padding-left:20px; border-left: double 1px #CCCCCC}
/********客户案例模版详细******/
.con_mbl{ float:left; width:248px; border:double 2px #f4f4f4}
.con_mbr{ float:left; width:400px;  margin-left:64px; display:inline}
.con_mbr .title{ font-family:"微软雅黑"; font-size:24px;line-height:30px;font-weight: 300; height:40px;}
/********客户案例详细******/
.con_anlixx{ background: url(anlitil.jpg) no-repeat #FFF; height:170px; padding-left:45px}
.con_anlixx_con li{ float:left; width:162px; text-align:center; margin:10px 0 10px 15px}
.con_anlixx_con li p{width:162px; overflow:hidden; height:25px;}
.con_anlixx_con li img{ border:1px #CCCCCC solid}
.con_anlixx_iconl{ float:left;position:absolute; margin:70px 0 0 5px}
.con_anlixx_iconr{float:left; position:absolute;margin:70px 0 0 908px}
/********移动开发******/
.ydkf_top li{ float:left; width:290px; padding:0 15px;}
.ydkf_til li{ float:left; background:url(ydkf_19.gif) no-repeat; width:325px;  text-align:center;height:65px; line-height:65px;font-size:20px; font-weight:bold; cursor:pointer; font-family:"微软雅黑" }
.ydkf_til li.hover{ background:url(ydkf_20.gif) no-repeat; color:#669900; font-size:20px;}
.ydkf_l{ float:left; width:680px}
.ydkf_l .ydkf_l_anli li{ float:left; width:300px; margin:15px; display: inline }
.ydkf_r{float:right;width:285px}
.ydkf_lr_til{ background:url(ydkf_28.gif) repeat-x; height:41px; line-height:41px; color:#669900; font-size:14px; font-weight:bold; padding-left:20px}
/********建站套餐******/
.jztc li{ float:left;margin:8px; }
.jztc li img{  border:1px #eaeaea solid; -webkit-box-shadow:1px 1px 2px #ccc;    -moz-box-shadow:1px 1px 2px #ccc;    box-shadow:1px 1px 2px #ccc; }
.jztc_til{ background:url(lc_03.gif) no-repeat; height:38px; font-family:"微软雅黑"; line-height:38px; font-size:18px; padding-left:15px; color:#FFF}
.jztcfl{ margin:0 5px 15px 5px }
.jztcfl a{ display:inline-block; padding:1px 8px; margin:2px 4px;background:#0082cb; cursor:pointer; color:#FFF}
.jztcfl a:hover{ background:#999; color:#fff}
/********新闻中心******/
.news{ padding:15px; background:#FFF} 
.news li{ height:35px; line-height:35px; border-bottom:1px #CCCCCC  dotted}
/****新闻中心详细****/
.news h1{ text-align:center; font-size:18px; line-height:40px; font-weight:bold }
.news h2{ text-align:center; font-size:14px; line-height:22px;font-weight: normal; margin-bottom:10px  }
.news .autor{ background: #E0E0E0;text-align:center; padding:5px; margin-bottom:20px}
/****付款方式****/
.khdiv{ width:504px; background:#FFF; border:1px solid #CCC; padding:5px; margin-bottom:20px}
.khdiv2 td{ padding-left:10px; background:#eee; line-height:30px; font-size:14px}
	
.page{ margin:20px 5px 10px 5px }
.page a{ display:inline-block; background:#CCC; padding:0 5px; margin:0 2px}
.page a:hover{ background:#e74800; color:#fff}

/*5-14**/
.color23{ color:#223248;font-weight:bold; font-size:14px; }
.color666{ color:#666}
.newbg{ border-bottom:1px dotted #CCC; padding-bottom:10px; margin:10px 0}
.news_top{line-height:24px;padding:8px; margin:0 0 10px 0; background: #F8F8F8}
/********5/16/客户留言******/
.k140{ width:140px;}
.khly li{ margin-bottom:20px }
/********企业扶持******/
.help_l{float:left;height:125px;width:235px;background:url(t.jpg) no-repeat 10px;}
.help_r{ float:right; height:125px; background:#f9f9f9; width:735px; }
.help_r li{float:left;width:360px;padding-left:37px;font-size:14px;height:41px;line-height:41px;background: url(Help_09.gif) no-repeat 15px center;}
.but{ width:300px; border:solid 1px #CCC; height:20px; margin-left:10px;}
.txtbg{ width:750px; border:solid 1px #CCC; height:100px; margin-left:10px;}
.send { width:180px; height:80px; background:url(send.gif); border:none; }
.verif {width:80px; border:solid 1px #CCC; height:20px;}

/********5/17/服务首页******/
.fwsy li{ float: left; width:460px; padding:20px 30px 0 10px   }
.fwsy li .fwsy_til_icon{ padding:0 10px; margin-right:20px;  background:#000; width:35px;line-height:30px;color:#FFF; font-size:30px;}
.fwsy li .fwsy_til{ font-family:"微软雅黑"; font-size:24px;line-height:30px; margin:20px 0;font-weight: 300;}
/********5/17/栏目导航二级下拉******/
#ull{position: absolute;z-index: auto;width: 115px;display:none;}
#ull li{ font-size:12px;}
/********软件开发******/
.rjkf_l{float:left;width:772px;}
.rjkf{background:url(rjkf_19.gif) no-repeat; float:left; width:370px; height:219px; margin:0 10px 10px 0; padding-right:5px; }
.rjkf .jiejue{width:150px; background:url(rjkf_15.gif) no-repeat; line-height:24px; font-size:14px; }
.rjkf .jiejue a{display:block; color:#FFF;padding-left:10px; }
.rjkf .jiejue a:hover{background:url(rjkf_151.gif) no-repeat}
.rjkf_tu{ float:left; padding-right:10px; width:90px}
.rjkf_text{ float:right; width:245px;}
.rjkf_text li{ padding-left:20px; background:url(icon.gif) no-repeat 0 6px }
.rjkf_r{float:right;width:205px}
.rjkf_lr_til{ background:url(ydkf_28.gif) repeat-x; height:41px; line-height:41px; color:#F90; font-size:14px; font-weight:bold; padding-left:20px}
.rjkf_ys{padding:10px;}
.rjkf_ys li{float:left; width:370px;}

/*****网站地图*****/
.map #classname{width:125px; height:37px; line-height:32px;  text-align:center; background:url(c_07.gif) no-repeat; margin-right:5px;font-size:14px;}
.map span{ margin-right:15px; font-weight:bold}
/*****网站建设方案*****/
.ab_c_nr {font-family: "微软雅黑", "宋体", Arial; overflow: hidden; clear: both; margin-top: 15px; display: block;}
.ab_c_nr h3 {width: 100%; height: 45px; display: block;}
.ab_c_nr h4 {padding: 10px 0px; width: 100%; height: 20px; color: rgb(51, 51, 51); overflow: hidden; clear: both; display: block;}
.wzlx {background: rgb(255, 110, 0); width: 300px; height: 45px; text-align: center; color: rgb(255, 255, 255); line-height: 45px; font-size: 22px; margin-right: 5px; float: left;}
.wzlx_e {color: rgb(117, 117, 117); line-height: 20px; float: left; }
.wzlx_e span {overflow: hidden; clear: both; }
.wzlx_num {line-height: 40px; margin-right: 5px; float: left; display: block;}
.wzlx_num span {color: rgb(51, 51, 51); font-size: 40px; font-weight: bold;}
.wzlx_nrjs {width: 100%; overflow: hidden; clear: both; display: block;}
.wzlx_nrjs_l {width: 350px; height: 290px; margin-right: 10px; float: left; display: block;}
.wzlx_nrjs_r {width: 610px; height: 290px; color: rgb(51, 51, 51); float: left; display: block;}
.wzlx_nrjs_r h3 { height: 32px; color: rgb(51, 51, 51); line-height: 32px; overflow: hidden; clear: both; font-size:12px; font-weight: bold; display: block;}
.wzlx_nrjs_r ul li {line-height: 32px; overflow: hidden; clear: both; border-bottom-color: rgb(221, 221, 221); border-bottom-width: 1px; border-bottom-style: solid; display: block;}
/*****banner*****/
.ibanner { height: 360px; left:0px; width:100%;}
.ibanner ul li{ float:left; list-style:none; width:100%; position:absolute;}
.ibanner ul li a{display:block;}
.ibanner A IMG { width: 999px; height:360px; visibility:hidden;}
.fla { height: 360px; position: relative; overflow:hidden;}
.fla .num{position:absolute;right:10px; bottom:5px;}
.fla .num li{float: left;color: #B70004;text-align: center;line-height: 16px;width: 16px;height: 16px;font-family: Arial;font-size: 12px;cursor: pointer;overflow: hidden;margin: 3px 1px;border: 1px solid #B0AFAB;background-color: #D1D0CE;}
.fla .num li.on{color: #fff;line-height: 16px;width: 16px;height: 16px;font-size: 14px;margin: 3px 1px;border: 1px solid #B70004;background-color: #B70004;font-weight: bold;}
#mg0{ margin-right:0px !important;}
#con_th_2 ul { display:block; overflow:hidden; height:auto;}
#con_th_2 ul li{ float:left; width:12%;line-height:26px; text-overflow:ellipsis;white-space:nowrap;overflow:hidden; margin-left:4px;}
.rele{ width:100%; height:auto; display:block; overflow:hidden}
.rele ul li{ float:left; width:50%; height:24px; line-height:24px;margin:0px; padding:0px; border-bottom:none;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.rele ul li a{ margin:0px 5px;}
.mtp20{ margin-top:20px;}
.con_con img { max-width:100%; height:auto;}
.bgf5{ background:#f5f5f5}
.bgff{ background:#ffffff}
.zxnews ul li{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}