@charset "utf-8";
ul,ol{list-style-type:none;}
select,input,img,select{vertical-align:middle;}
button,input,select,textarea{font-size:100%;}
li{list-style-type:none;vertical-align:top;}
img{vertical-align:middle;border:0px;margin:0;padding:0;}
h1,h2,h3,h4,h5,h6{margin:0;padding:0;font-size:100%;}
address,cite,dfn,em,var{font-style:normal;}
table{border-collapse:collapse;border-spacing:0;}
a img{border:0;}
del{text-decoration:line-through;}
i,em{font-style:normal;}
.vimg-align{vertical-align:middle;}
legend{color:#222;}
fieldset,img{border:0;}

a:hover{text-decoration:none;color:#df262e}
.posit_relat{position:relative;}
.curs_point{cursor:pointer;}
.fl{ float:left; display:inline;}
.fr{ float:right; display:inline;}
.st{font-family:"宋体";}
.w{width:1200px; margin:0 auto;}
.dis{ display:block;}
.undis{ display:none;}
.inlndis{ display:inline;}
.del_text{text-decoration:line-through}
.orange{ color:#fb4d09;}
.orange1{ color:#e51717;}
.orange2{ color:#fd8e17;}
.write{color:#fff;}
.white{color:#cac4c4}
/* 灰色由深到浅 */
.gray{color:#4d596a;}
.gray1{color:#647082;}
.gray2{color: #828c9b;}
.gray3{color: #96a3b7}
.gray4{color: #dde8ef}
.red{color:#f42a26;}
.blue{ color:#04a1c9;}
.clear{ clear:both;}
.f11{ font-size:11px;}
.f13{ font-size:13px;}
.f14{ font-size:14px;}
.f15{ font-size:15px;}
.f16{ font-size:16px;}
.f17{ font-size:17px;}
.f18{ font-size:18px; font-weight:bold;}
.f20{ font-size:20px;}
.f26{ font-size:26px;}
.f50{ font-size:50px;}
.bold{ font-weight:bold;}
.ln_hei20{ line-height:20px;}
.ln_hei22{ line-height:22px; width:95%}
.ln_hei24{ line-height:24px;}
.ln_hei26{ line-height:26px;}
.ln_hei40{ line-height:40px;}
.ln_hei60{ line-height:60px;}
.mar_top3{ margin-top:3px;}
.mar_top5{ margin-top:5px;}
.mar_top10{ margin-top:10px;}
.mar_top15{ margin-top:15px;}
.mar_top18{ margin-top:18px;}
.mar_top20{ margin-top:20px;}
.mar_top30{ margin-top:30px;}
.mar_top35{ margin-top:35px;}
.mar_top40{ margin-top:40px;}
.mar_top50{ margin-top:50px;}
.mar_left3{ margin-left:3px;}
.mar_left5{ margin-left:5px;}
.mar_left10{ margin-left:10px;}
.mar_left20{ margin-left:20px;}
.mar_left30{ margin-left:30px;}
.mar_left35{ margin-left:35px;}
.mar_left40{ margin-left:40px;}
.mar_left60{ margin-left:60px;}
.mar_bot5{ margin-bottom:5px;}
.mar_btm10{ margin-bottom:10px;}
.mar_btm20{ margin-bottom:20px;}
.mar_btm30{ margin-bottom:30px;}
.mar_btm50{ margin-bottom:50px;}

.fl_txt { text-align: left; }
.fr_txt { text-align: right; }
.text_c{ text-align:center;}

.border_gray{ border:1px solid #dde8ef; }

a.orange_line {color:#fb4d09;text-decoration:none;}a.orange_line:hover {color:#04a1c9;}
a.orange_fff_line {color:#fb4d09;text-decoration:none;}a.orange_fff_line:hover {color:#fff;text-decoration: underline;}
a.green_line {color:#09BA46;text-decoration:none;}a.green_line:hover {text-decoration: underline;}
a.carr_ln_a{color:#fb610f;font-weight:bold; }a.carr_ln_a:hover{text-decoration:underline;}
a.blue_line{color:#04a1c9; }a.blue_line:hover{ color:#fb4d09; text-decoration:underline;}
a.blue_line1{color:#0CA9D6; }a.blue_line1:hover{ color:#0CA9D6; text-decoration:underline;}
a.blue_line2{color:#00A8FF; }a.blue_line1:hover{ color:#0CA9D6; text-decoration:underline;}
a.blue_org_a{color:#04a1c9; text-decoration:underline;}a.blue_org_a:hover {color:#fb4d09;}
a.blue_org_line{color:#04a1c9;}a.blue_org_line:hover {color:#fb4d09; text-decoration:underline;}
a.gray_line{color:#828c9b; text-decoration:none}a.gray_line:hover{color:#04a1c9; text-decoration:underline;}
a.title_gray_line { color:#647082;text-decoration:none;}
a.title_gray_line:hover { color:#FD600F;text-decoration: underline}
a.txt_gray_line { color:#4d596a;text-decoration:none;}
a.txt_gray_line:hover { color:#FD600F;text-decoration: underline}
a.write_wri{color:#cac4c4}a.write_wri:hover {color:#fff}
a.fff_orange_line {color:#fff;text-decoration:underline;}a.fff_orange_line:hover {color:#fff;text-decoration:none;}
a.fff_gray_bluebg {color:#fff;text-decoration:none;}a.fff_gray_bluebg:hover {color:#CAC4C4;text-decoration:none;}

.und_ln_big_title{border-bottom:1px solid #fdcdcf; position:relative; height:47px; }
.und_ln_big_title a{ position:absolute; top:0px;left:0px; line-height:47px;border-bottom:1px solid #df262e; font-weight:bold; font-size:24px;}
.und_ln_big_title font{ font-weight:normal; font-size:14px; line-height:normal; }

.und_ln_title{border-bottom:1px solid #dde8ef; position:relative; height:47px; }
.und_ln_title h2{ position:absolute; top:0px;left:0px; line-height:47px;border-bottom:1px solid #04a1c9; font-weight:bold; font-size:20px;}

.und_ln_title18{border-bottom:1px solid #dde8ef; position:relative; height:47px; }
.und_ln_title18 h2{ position:absolute; top:0px;left:0px; line-height:47px;border-bottom:1px solid #04a1c9; font-weight:bold; font-size:18px;}

.und_ln_tit18{border-bottom:1px solid #dde8ef; position:relative; height:47px; }
.und_ln_tit18 span{ position:absolute; top:0px;left:0px; line-height:47px;border-bottom:1px solid #04a1c9; font-size:18px;}

.und_ln_tit_mag{border-bottom:1px solid #dde8ef; position:relative; height:30px; }
.und_ln_tit_mag span{ position:absolute; top:0px;left:0px; line-height:30px;border-bottom:1px solid #04a1c9; font-size:18px;}


.allPing_bg_fff{ position:relative; width:100%; height:auto; overflow:hidden; /* background:#fff; */ border-top:1px solid #dde8ef; background: url("../img/bg/left_wrap_bg_pic.png") repeat-y scroll; background-position:center center;}
.allPing_bg_gray{ position:relative; width:100%; height:auto; overflow:hidden; background:#f6f7fb; border-top:1px solid #dde8ef;}
.allPing_bg_fff_bd{ position:relative; width:100%; height:auto; overflow:hidden; /* background:#fff; */ border-top:1px solid #dde8ef; border-bottom:1px solid #dde8ef; background: url("../img/bg/left_wrap_bg_pic.png") repeat-y scroll; background-position:center center; }

.main_wraps{ position:relative; width:1200px; height:auto; margin:0 auto; overflow:hidden;}
/* 用户左侧有导航栏的页面显示 */
.main_wraps .left_nav{ float:left; width:180px; margin-top:40px; margin-bottom:50px;}
.main_wraps .right_cont{ float:left; width:1014px; height:auto; min-height:500px; overflow:hidden; border-left:4px solid #04a1c9; padding-top:40px; padding-bottom:50px;}

.txt_bann{ position:relative; width:100%; height:auto;overflow:hidden; margin-bottom:20px; }
.txt_bann .title, .joinus_txt .tit{ font-size:16px; color:#4d596a;}
.txt_bann .txt{ font-size:14px; color:#647082; line-height:20px; margin-top:10px; }

.half_bann{ position:relative; float:left; width:46%; height:auto; }
.txt_half_bann{ position:relative; float:left; width:46%; height:auto; }
.banner_fl{ position:relative; float:left; width:48%; height:auto; }
.banner_fr{ position:relative; float:right; width:48%; height:auto; }


/* 类似于帮助中心模块的，左右布局，且左边为导航显示。 */
.right_cont .wanZ_wrap_fr{ position:relative; float:left; width:962px; padding-top:0px; margin-left:50px; height:auto; overflow:hidden; }

/* 顶部信息栏显示 */
.toolbar{background:url(/image/bg/bottom_bg.gif) repeat scroll 0 0 transparent; height:35px; width:100%;}
.toolbar ul{ width:1200px; margin:0 auto; overflow:hidden; font-size:14px;}
.toolbar ul li{ line-height:35px; color:#CAC4C4;}
.toolbar ul li.checkeds{ background:#04a1c9; z-index:1001; }
.toolbar ul li.li1{ float:left; margin-right:35px;}
.toolbar ul li.li2{ float:left; margin-right:10px; text-align:center; height: auto;position: relative; width:80px;}
.toolbar ul li.li3{ float:right; margin-left:25px; }
.toolbar_text { /* position: absolute; */ left:0; top:35px; _top:36px; color: #606060; font-size:13px; background:#04a1c9; width:150px; height:50px; z-index:1000; text-align:left; padding:10px; color:#fff;}
.toolbar_text p{ line-height:24px; }

/* 一级导航栏显示 */
.nav{ width:1200px; margin:0 auto; height:94px; }
.logo{ margin-top:0px; }
.nav_menu{ height:94px; z-index:999; width:100%;}
/* .nav_menu li{ float:left; position:relative; z-index:999; } */
.nav_menu li{ position:relative; z-index:999; }
/* logo显示 */
.nav_menu li.li1{ float:left; width:195px; }
/* 一级菜单显示 */
/* .nav_menu li.li2{ margin-top:25px; width:860px; } */
.nav_menu li.li2{ float:right; margin-top:25px; width:1003px; }
/* 登录注册按钮显示 */
/* .nav_menu li.li3{ float:right; width:135px; margin-right:0px; position:relative; margin-top:25px; }
.nav_menu li.li3 a{ text-align:center; color:#fff; font-size:16px; width:65px; height:43px; line-height:43px; }
.nav_menu li.li3 a.head_login{ float:left; background:#04a1c9; }
.nav_menu li.li3 a.head_login:hover{ background:#04c2f2; }
.nav_menu li.li3 a.head_reg{ float:right; background:#000000; }
.nav_menu li.li3 a.head_reg:hover{ background:#757575; } */
/* 一级菜单属性 */
/* .mod_menu{ height:47px; width:100%; }
.mod_menu li{ float:right; line-height:67px; position:relative; z-index:999; text-align:center; height:68px;}
.mod_menu li.l1{ width:95px; }
.mod_menu li.l2{ width:115px; }
.mod_menu li.l3{ width:85px; }
.mod_menu li a{ display:block; font-size:17px; height:68px;}
.mod_menu li a:hover{ color:#ffffff; background:#04a1c9; border-top-left-radius:3px; border-top-right-radius:3px; }
.mod_menu li a.page_start:hover{ color:#ffffff; border-radius:3px; }
.mod_menu li.menu_hover{display:block; background-position:center bottom;}
.nav_pop{width:100%; background:#04a1c9; height:80px; margin-top:-1px; margin:-1 auto; display:none;}
.nav_pop_conts{ width:1200px; min-height:80px; height:auto; margin:0 auto; overflow:hidden; }
.nav_pop_conts li{ padding:0 30px; font-size:16px; text-align:center; line-height:75px; }
.nav_pop_conts li.l_left{ float:left; }
.nav_pop_conts li.l_right{ float:right;  }
.nav_pop_conts li.li1{ float:left; padding:0 15px;}
.nav_pop_conts li a{ color:#FFFFFF;}
.nav_pop_conts li a:hover{ color:#CAC4C4;} */
/* 一级导航 start */
.mod_menu{ height:47px; width:100%; }
.mod_menu li{ float:right; line-height:67px; position:relative; z-index:999; text-align:center; height:68px; }
.mod_menu li.l1{ width:95px; }
.mod_menu li.l2{ width:115px; }
.mod_menu li.l3{ width:85px; }
.mod_menu li.l4{ width:125px; height:42px; line-height:42px; background:#04a1c9; border-radius:3px; margin-left:20px; }
.mod_menu li.l5{ width:118px; text-align:left; margin-left:30px; background:url(../img/icon/login_after.png) no-repeat;}
.mod_menu li a{ display:block; font-size:17px; height:68px; }
.mod_menu li a:hover{ background:url(http://www.51idc.com/img/icon/daosanjiao.png) no-repeat; background-position: bottom center; z-index:999; cursor:pointer;}
.mod_menu li.l4 a:hover{ color:#fff; }
.xiaojianjiao{ background:url(http://www.51idc.com/img/icon/daosanjiao.png) no-repeat; background-position: bottom center;}
.mod_menu li.menu_hover{display:block; background-position:center bottom;}

.nav_pop{width:100%; background:#04a1c9; height:90px; margin-top:-6px; margin:-6 auto; position: absolute; display:none; z-index:998; clear:both; }
.nav_pop_conts{ width:1200px; min-height:90px; height:auto; margin:0 auto; overflow:hidden;}
.nav_pop_conts li{ padding:0 20px; font-size:16px; text-align:center; line-height:85px; }
.nav_pop_conts li.l_left{ float:left; }
.nav_pop_conts li.l_right{ float:right; }
.nav_pop_conts li.li1{ float:left; padding:0 15px;}
.nav_pop_conts li a{ color:#FFFFFF;}
.nav_pop_conts li a:hover{ color:#CAC4C4;}

/* 一级导航 end */
 
 
/* 51idc故事 start */
.gs_wrap5 {background-color:#04a1c9; clear:both; text-align:center;}
.gs_wrap6 {background:url(../img/gushi/gs6_1.jpg);text-align:center;}
/* 51idc故事 end */

/* 底部bottom */
.bottom {width:100%; background:#F6F7FB; }
.state_item {height:135px;width:1200px; margin:0 auto; overflow:hidden; height:auto; }
.state_item li {float:left;position:relative; /* width:100px; */ margin:30px 90px 30px 0px; font-size:14px; }
.state_item li i{ float:left; background:url(../img/icon/prod_startpage.png) no-repeat; }
.state_item li i.weixin{ background-position: -432px -291px; width:133px; height:133px; margin-top:10px; }
.state_item li.li1 { width:133px; }
.state_item li.li2 { float:right; width:191px; margin-right:0px; }
.state_item li .i4 {position:absolute;left:0px;top:0px;background:url(../image/pic/bottom_6.gif);width:32px;height:31px;}
.state_item li .i5 {position:absolute;left:0px;top:0px;background:url(../image/pic/bottom_7.gif);width:32px;height:31px;}
.state_item li .i6 {position:absolute;left:0px;top:0px;background:url(../image/pic/bottom_8.gif);width:32px;height:31px;}
.state_item li .i7 {position:absolute;left:0px;top:0px;background:url(../image/pic/bottom_5.gif);width:32px;height:31px;}
.state_item li dl dt {font-size:18px;color:#647082;border-bottom:1px solid #96a3b7; line-height:40px; margin-bottom:20px; }
.state_item li dl dd {height:24px;line-height:24px;color:blue;}
.state_item li dl dd i{ float:left; background:url(../img/icon/prod_startpage.png) no-repeat; margin-right:10px; display:inline-block; vertical-align:middle;_margin-top:13px;}
.state_item li dl dd i.i1{ background-position: -540px -150px; width:7px; height:7px; margin-top:9px;}
.state_item li dl dd i.sina{ background-position: -510px -142px; width:23px; height:20px; margin-top:4px;}
.state_item li dl dd i.qq{ background-position: -508px -183px; width:23px; height:20px; margin-top:4px;}
.state_item li dl dd i.bbs{ background-position: -510px -220px; width:23px; height:20px; margin-top:4px;}

.bottom_web { width:1200px; margin:0 auto; height:auto; overflow:hidden; padding:12px 0px; font-size:14px; color:#647082;text-align:center;}
.bottom_text { text-align:center; margin-top:2px; }
.bottom_img { margin-top:20px; }
.bottom_img img{ border:1px solid #dde8ef; }

/* 橙色按钮 */
.org_btn1{ padding:6px 35px; background:#fb4c09; height:28px; line-height:28px; border-radius:3px; color:#fff; font-size:16px; text-align:center; cursor:pointer;}
a.org_btn1:hover {color:#fff; background:#fd6931; }

/* 蓝色按钮 */
.blue_btn1{ padding:6px 35px; background:#04a1c9; height:28px; line-height:28px; border-radius:3px; color:#fff; font-size:16px; text-align:center; cursor:pointer;}
a.blue_btn1:hover {color:#fff; background:#04c2f2; }

/* 价格样式 */
.price_org { font-size:18px; font-weight:bold; color:#fb4d09; }

/* 左侧导航栏_start */
#left_nav_banner{ position:absolute; top:40px; width:180px; }
.nav_bann{ }
.nav_bann dt{ font-size:20px; height:40px; line-height:40px; border-bottom:1px dashed #96a3b7; margin-bottom:20px; }
.nav_bann dd{ text-align:left; padding-left:20px; height:35px; line-height:35px;}
.nav_bann dd:hover{ background:#d1f6ff; color:#04a1c9; border:1px solid #04a1c9; border-right:0px; border-top-left-radius:3px; border-bottom-left-radius:3px; cursor:pointer; }
.nav_bann dd.hover a,.nav_bann dd a:hover{ color:#fff;}
.left_nav_selected{ background:#04a1c9; color:#fff; border-top-left-radius:3px; border-bottom-left-radius:3px; }

/* 左侧导航栏_end */


/* 用于宽度为1200的4列排版显示(页面底部相关帮助模块)start */
.w_cont_four{ position:relative; width:100%; height:auto; overflow:hidden; margin-top:30px; }
.w_cont_four .cont_fl{ float:left; width:22%; margin-right:42px; }
.w_cont_four .cont_fl h2{ font-size:16px; }
.w_cont_four .cont_fl .cont_banner{ margin-top:15px; height:auto; overflow:hidden; border:1px solid #dde8ef; padding:15px 10px; }
.cont_banner ul{ position:relative; }
.cont_banner ul li{ float:left; width:100%; line-height:26px; color:#647082; }
.cont_banner ul li a{ color:#828C9B; }
.cont_banner ul li a:hover{ color:#04a1c9; }
/* 用于宽度为1200的4列排版显示end */

/* 输入框 */
.input_bar1{ width:172px; height:25px; border:1px solid #dde8ef; line-height:23px; padding-left:10px;}


/* 在线咨询_start */
.ask_wrap {
	width:70px;
	height:197px;
	position:fixed;
	_position:absolute;
	_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||200)-(parseInt(this.currentStyle.marginBottom,10)||0)));
	right:-1px;
	bottom:10%;
	z-index:999;
}
.info_wrap{ width:100px;}
.info_wrap ul li{ width:70px; height:40px;background:#b2bdcf; letter-spacing:0em; margin-top:2px; position:relative; color:#fff; text-align:center; line-height:35px; }
.info_wrap ul li a,.info_wrap ul li a:hover{color:#fff; cursor:pointer;}
.info_wrap ul li i{ display:inline-block; position:absolute;left:0px; top:0px; width:55px; height:40px;}
.info_wrap ul li:hover{ background:#04a1c9; }
/* 在线咨询_end */

/* 新闻列表使用 */
.page{ text-align: right; margin:35px 0px; height:25px;}
.page .current{ background:#04a1c9; border:1px solid #04a1c9; border-radius:3px; padding:2px 12px; color:#fff; margin-left:15px;}
.page a{ border:1px solid #828c9b; padding:2px 12px; border-radius:3px; color:#647082; margin-left:5px;}
.page a:hover{ background:#d1f6ff; border:1px solid #04a1c9;}
.page a.lastpage{ border:none; background:none}
.page .on {
background: #364e74;
color: #fff;
border: 1px solid #364e74;
}
.page .lis {
float: right;
}
.page .lis .upP {
padding-left: 5px; 
background: none;
}
/*控制显示问题的宽度-超过宽度则用省略号替换*/
.width280{ float:left; width:280px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; word-break:keep-all; }
.width242{ float:left; width:242px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; word-break:keep-all; }