/*中间代码*/
#head_fs{width:100%; height:402px; background:url("index_18.jpg")/*tpa=http://www.hpidc.net/image/index_18.jpg*/ no-repeat center center; margin:auto;}
#center{ width:1170px; height:auto; margin:40px auto;}
.center_top{width:1170px; height:auto; margin-bottom:42px; margin-top:39px; margin-left:auto; margin-right:auto;}
.c_top_left{ width:835px; height:auto; float:left;}
/* 本例子css */
.slideTxtBox {
    width: 833px;
    border: 1px solid #DDD;
    text-align: left;
    float: left;
    color: #4D596A;
    height: 260px;
}
h1,h2,h3,h4,h5,h6{font-family: "";font-size: 12px;font-weight: normal;}


p{ 
padding:  0; 
margin: 0;  
line-height: 1.5; 
} 
.form {
    margin: 20px 0px 0px 80px;
}
 

.slideTxtBox .bd .bd_right{width:610px; margin-left:92px; margin-right:130px; float:left;}
.slideTxtBox .bd{ width:833px; float:left; height:auto;}
#center_zj{ width:100%; height:422px;  background:url("../images/center_gj.jpg")/*tpa=http://www.hpidc.net/image/center_gj.jpg*/ repeat; border-top:1px #f3f3f1 solid; border-bottom:1px #f3f3f1 solid; }
.center_px{width:1170px; height:auto; margin:0 auto;  margin-top:39px; font:"微软雅黑"; color:#666666; }



.px_left{ width:837px; height:auto;float:left; font-size:18px;}
.px_left_a{ width:837px; height:117px; float:left; margin-top:30px;}
.px_left_a1{ width:400px; height:115px; border:1px #e6e6e6 solid; float:left; background-color:#f3f3f3;}
.px_left_a1:hover{ border:#f08519 1px solid; z-index:10; position:relative;}
.px_left_a2{width:400px; height:115px; border:1px #e6e6e6 solid; float:right; margin-left:30px; background-color:#f3f3f3;}
.px_left_a2:hover{ border:#f08519 1px solid; z-index:10; position:relative;}
.px_left_a3{ width:400px; height:115px; border:1px #e6e6e6 solid; float:left; background-color:#f3f3f3;}
.px_left_a3:hover{ border:#f08519 1px solid; z-index:10; position:relative;}
.px_left_a4{width:400px; height:115px; border:1px #e6e6e6 solid; float:right; margin-left:30px; background-color:#f3f3f3;}
.px_left_a4:hover{ border:#f08519 1px solid; z-index:10; position:relative;}
.px_a1_x{ width:117px; height:115px; float:left; background:url("../images/index_57.jpg")/*tpa=http://www.hpidc.net/image/index_57.jpg*/ no-repeat center center;}
.px_a1_y{  height:115px; float:right;}
.px_a1_y ul{ display:block; margin-top:15px;}
.bt{ line-height:25px; }
.nr{ font-size:14px; display:block; line-height:30px; width:270px; height:60px; white-space:nowrap; overflow:hidden; }
.px_right{ width:312px; height:auto; float:right; margin-left:20px;}
.px_a2_x{ width:117px; height:115px; float:left; background:url("../images/index_54.jpg")/*tpa=http://www.hpidc.net/image/index_54.jpg*/ no-repeat center center;}
.px_a3_x{ width:117px; height:115px; float:left; background:url("../images/index_65.jpg")/*tpa=http://www.hpidc.net/image/index_65.jpg*/ no-repeat center center;}
.px_a4_x{ width:117px; height:115px; float:left; background:url("../images/index_62.jpg")/*tpa=http://www.hpidc.net/image/index_62.jpg*/ no-repeat center center;}
/*public*/
.fl{display:inline;float:left}
.fr{display:inline;float:right}
.cf:after{content:"";clear:both;display:block;height:0;overflow:hidden}
.pb10{padding-bottom:10px}
.mt10{margin-top:10px}
i,em{font-style: normal;}
/*main*/
.lanrenzhijia{width:312px;margin:0;background:#fff;}
.lanrenzhijia .title{}
.lanrenzhijia .title-list{ width:312px; position: relative; top: 2px; color:#666; font-size:18px;  padding-bottom:10px; border-bottom: 2px solid #9f9f9f; height:40px; line-height:40px;}
.lanrenzhijia .title-list li{ display:block; width:156px; height:40px; line-height:40px; float: left; display: inline;}
.lanrenzhijia .title-list li.on{ color: #1A89B9; cursor:pointer;}

.news{ height: 255px; position: relative; overflow: hidden; display: none; margin-top: 10px;}
.news.news ul{ padding-left:10px; margin-right:3px;}
.news.news ul li{ line-height:30px; border-bottom:1px dotted #c6c6c6;}
.news.news ul li span{ float:right;}
.news.news ul li a{ color:#666666; font-size:14px;}
.news.news ul li a:hover{ color:#0085c7;}
.product-wrap .show{ display: block; width:312px; height:255px;}
.news.show ul{ padding-left:10px; margin-right:3px; }
.news.show ul li{ line-height:30px; display:block; width:300px; white-space:nowrap; overflow:hidden;}
.news.show ul li span{ float:right; display:block; width:80px;}
.news.show ul li a{ color:#666666; font-size:14px;}
.news.show ul li a:hover{ color:#0085c7;}

.center_down{width:1170px; height:auto; margin:0 auto; margin-top:39px; font:"微软雅黑";}
.center_down_left{width:837px; height:auto;float:left; font-size:18px;}
.lianjie{ height:110px; border:1px #ccc solid; overflow:hidden; margin-top:14px; white-space:nowrap;  }
ul{zoom:1;}
.serce{ float:left; height:auto; margin-top:50px; *margin-top:25px;}
.lianjie ul{ font-size:14px; color:#4d596a; width:785px;   height:190px; margin:10px auto 10px; zoom:1;}
.lianjie ul li{ float:left; margin-left:8px; line-height:30px; display:inline-block; text-align:left;   }
.lianjie ul li a{ color:#4d596a; }
.lianjie ul li a:hover{ color:#1A89B9;}
.center_down_right{width:312px; height:auto; float:right; margin-left:20px;}
.down_r_x{ width:312px; height:38px; font-size:18px; color:#666666; line-height:38px; background:url("../images/down_bj.jpg")/*tpa=http://www.hpidc.net/image/down_bj.jpg*/ bottom bottom no-repeat;}
/*留言板特效*/
.footer { margin:35px 0 0 0; background:#2c2c2c}
.footer_nav { height:50px; line-height:50px; color:#5e5d5d; text-align:center}
.footer_nav b { margin:0 20px; color:#969696; font-style:normal; font-size:12px}
.footer_nav a  {color:#969696 }
.footer_nav a:hover { color:#FFFFFF}

.footer_all { border-top:1px solid #444; border-bottom:1px solid #444;}
.footer_all_in { margin:0 auto; width:1100px;}
.footer_all_lft { float:left; width:425px;}
.footer_all_rg { float:left; width:425px;}
.footer_nav_list ul li { float:left; padding:0 0 15px 20px; width:120px; height:200px; border-right:1px solid #444;}
.footer_nav_list ul li h3 { margin:25px 0 5px 0;}
.footer_nav_list ul li h3 a { color:#fff; font-weight:normal; font-size:16px;}
.footer_nav_list ul li menu a { display:block; line-height:28px; color:#fff; font-weight:normal; font-size:12px; color:#8e8e8e}
.footer_nav_list ul li.norbor { border:none}

.footer_all_mid { float:left; padding:20px 0 12px 0; width:248px; border-left:1px solid #555; border-right:1px solid #555}
.footer_all_mid h4 { padding:25px 0 20px 0; color:#888; font-weight:normal; font-size:14px; text-align:center}
.footer_all_mid p { margin:0 auto; width:119px; height:119px; background:url("../images/weixin.jpg")/*tpa=http://www.hpidc.net/images/weixin.jpg*/ no-repeat;}

.link_out { padding:20px 0 }
.links { position:relative; margin:0 auto; width:1100px; line-height:24px; color:#CCCCCC }
.links a { margin:0 12px 0 0; color:#838383; font-size:12px}
.links span { display:block; position:absolute; top:-32px; left:450px; width:200px; height:22px; background:url("../images/link_title.png")/*tpa=http://www.hpidc.net/images/link_title.png*/ no-repeat; text-align:center; font-size:18px}
.zzff_ba { line-height:45px; background:#3e3e3e; font-style:normal; text-align:center; color:#999}
.zzff_ba span { margin:0 10px 0 10px;}

.banner { width:100%; height:500px; }
.sp_b { position:absolute; left:0; top:0; width:100%; height:95px; background:url("../images/xuehua.png")/*tpa=http://www.hpidc.net/images/xuehua.png*/ top center no-repeat ; z-index:9999}
.slider, .conbox li { z-index:1; position: relative; width: 100%; height: 500px; overflow: hidden}
.conbox li.banner_bg_one { width:100%; height:500px; background:url("../images/banner_bg01.jpg")/*tpa=http://www.hpidc.net/images/banner_bg01.jpg*/ top center no-repeat }
.conbox li.banner_bg_two { width:100%; height:500px; background:url("../images/banner_bg02.jpg")/*tpa=http://www.hpidc.net/images/banner_bg02.jpg*/ top center no-repeat }
.conbox li.banner_bg_three { width:100%; height:500px; background:url("../images/banner_bg03.jpg")/*tpa=http://www.hpidc.net/images/banner_bg03.jpg*/ top center no-repeat }
.conbox li div.contain { position:relative; margin:0 auto; width:1100px; height: 500px; z-index:22; background:url("../images/loading.gif")/*tpa=http://www.hpidc.net/images/loading.gif*/ #fff center center no-repeat}





.part_con { background:url("../images/n_all_bg.png")/*tpa=http://www.hpidc.net/images/n_all_bg.png*/ 0 -731px repeat-x}
.part_con h2 { margin: 0 auto; width:199px; background:url("../images/part_title.png")/*tpa=http://www.hpidc.net/images/part_title.png*/ 0 5px no-repeat; color:#1a1a1a; font-size:20px; font-weight:normal; text-align:center}
.part_con_list { padding:35px 0 0 0; background:#FFFFFF}
.part_con_list ul { margin:0 auto; width:1100px;}
.part_con_list ul li { float:left; margin:0 9px 0 0; width:175px; height:80px}
.part_con_list ul li.normarg10 { margin:0}

.te_video a { position:absolute; right:0px; top:0px;width:80px; height:30px; line-height:30px; background:#4a667b; text-align:center; color:#fff; font-size:14px; display:block}
.te_video a:hover { background:#4883b0}

.layout{clear: both;width: 1200px;text-align: left;margin: 0 auto;}
.solid:after{content: '\20';display: block;height: 0;clear: both;}
.solid{*zoom: 1;}
.title{height: 52px;line-height: 52px;padding: 20px 0 0 5px;}
.title h3{float: left;font-size: 24px;font-family: "Microsoft YaHei";}
.product{background: #fff;}
.product ul{overflow: hidden;}
.product li{float: left;width: 239px;height: 270px;text-align: center;cursor: pointer;padding: 20px 0;position: relative;}
.product h3{font-size: 18px;line-height: 32px;font-family: "Microsoft YaHei";}
.product i{display: block;width: 80px;height: 80px;margin: 10px auto;}
.product b{width: 1px;height: 310px;position: absolute;right: -1px;top: 0;background: url(../images/xian3.gif) repeat-y;}
.product strong{width: 1px;height: 310px;position: absolute;right: -1px;top: 0;}
.p1,.p2,.p3,.p4,.p5,.p6{background: url(../images/product.gif) no-repeat;}
.product .p1{background-position: 0 0;}
.product .p2{background-position: 0 -80px;}
.product .p3{background-position: 0 -160px;}
.product .p4{background-position: 0 -240px;}
.product .p5{background-position: 0 -320px;}
.product em{line-height: 26px;}
.product span{color: #ff6900;}
.product .buy{display: block;width: 241px;height: 310px;background: url(../images/buy1.gif) no-repeat 45px 230px;text-indent: -9999px;position: absolute;left: 0;top: 0;}
.product .buy:hover{background: url(../images/buy2.gif) no-repeat 44px 230px;}
.product .box{border: 1px solid #d9d9d9;border-right: 0;width: 241px;}
.product .box:hover{border: 1px solid #f00;width: 240px;}
.product .box:hover b{background: none;width: 0;height: 0;}
.product .box1{border: 1px solid #d9d9d9;border-left: 0;border-right: 0;}
.product .box1:hover{border: 1px solid #f00;width: 237px;}
.product .box1:hover b{background: none;width: 0;height: 0;}
.product .box3{border: 1px solid #d9d9d9;border-left: 0;:0;width: 240px;}
.product .box3:hover{border: 1px solid #f00;width: 239px;}
.product .box3:hover strong{background: none;width: 0;height: 0;}

.contProBg {width:100%; min-width:1200px; background:#ededed; margin-top:50px;}
.contPro {width:299px; height:340px; float:left; background:#fff; position:relative; z-index:1; margin-left:-1px; overflow:hidden;}
.contPro .contProTil {height:30px;}
.contPro .contProTil div {height:30px; line-height:30px; background:#119dec; text-align:center; font-size:14px; color:#fff;}
.contPro .contProImg {height:120px; overflow:hidden; text-align:center; margin-top:15px;}
.contPro .contProDesc {height:40px; line-height:40px; padding:0 50px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.contPro .contProDesc a{color:#F00;font-weight:bold;}
.contPro .ocntProTxt {height:120px; overflow:hidden; padding:0 50px;}
.ocntProTxt p{font-size:12px; line-height:20px; color:#666; font-family:"微软雅黑";}
.contProAc_1 {border:1px solid #ccc;}
.contProAc_1 .contProTil div {display:none;}
.center {width:1200px; margin:0 auto;}
.clearfix:after{content:"."; display:block; clear:both; visibility:hidden; height:0; line-height:0; font-size:0;}
.clearfix{zoom:1;}
.w1000 .left {width:235px;float:left;}
.data-center-nav .head {height:32px;line-height:32px;border-left:solid 1px #ccc;border-right:solid 1px #ccc;background:url("../images/sulian.gif")/*tpa=http://www.idc002.com/themes/default/images/sulian.gif*/ left -671px repeat-x;padding-left:14px;}
.data-center-nav .head strong {display:inline-block;font-size:14px;color:#fff;margin-right:8px;}
.data-center-nav .head span {font-size:12px;color:#fff;} 

.data-center-nav .bod li {height:36px;line-height:36px;border:solid 1px #ccc;background:#f4fbff;border-top:none;}

.data-center-nav .bod li a {display:block;height:36px;line-height:36px;font-size:14px;padding-left:14px;color:#333333;}
.data-center-nav .bod li a:hover {background-color:#fbeddf;}
.data-center-nav .bod li a cite.line {display:inline-block;width:3px;height:17px;background:url("../images/sulian.gif")/*tpa=http://www.idc002.com/themes/default/images/sulian.gif*/ -212px -202px no-repeat;position:relative; top:3px;margin-right:6px;}
.data-center-nav .bod li a cite.tui {display:inline-block;width:19px;height:15px;background:url("../images/sulian.gif")/*tpa=http://www.idc002.com/themes/default/images/sulian.gif*/ -250px -203px no-repeat;position:relative; top:2px;margin-left:6px;}
.data-center-nav .bod li.c a {background:#ffdfa4;}
.help-box {background:#fff;border:solid 1px #d4d4d4; margin-top:15px;}
.help-box .head { height:30px;border-bottom:solid 1px #d4d4d4; }
.help-box .head h1 {color:#333;height:30px;width:130px;float:left;line-height:30px;padding-left:13px;font-size:14px;font-weight:700;}

.help-box .head h1 cite {display:inline-block;width:14px;height:14px;background:url("../images/sulian.gif")/*tpa=http://www.idc002.com/themes/default/images/sulian.gif*/ -58px -467px no-repeat;position:relative;top:1px;margin-right:5px;}

.help-box .head a.more { height:30px;line-height:30px;color:#555; padding-left:40px}

.help-box .bod {padding:8px 13px;}
.help-box .bod li {height:30px;line-height:30px;}
.help-box .bod li a {color:#333;}

.w1000{ margin:0 auto; width:1215px; margin-top:10px;}
.box_right{float:left;padding-left:55px;width:965px;background-color:#fff;min-height:550px;}
.box_right .host_tit{float:left;width:100%;height:30px;margin-top:24px;border-bottom: 1px solid #999;}
.box_right .host_tit span{float:left;margin-right:10px;line-height:30px;font-size:20px;color:#474747;font-weight:500;}
.box_right .host_tit h2{float:left;line-height:20px;font-size:16px;color:#666;font-weight:500;margin-top:6px;margin-right:10px;}
.box_right .hire_tit{float:left;width:100%;line-height:40px;font-size:16px;color:#F60;font-weight:600;margin-top:14px;border-bottom:1px solid #D1DEE9;}
.box_right .host_p{float:left;width:100%;margin-top:30px;}
.box_right .host_p p{float:left;line-height:24px;color:#666666;font-size:14px;text-indent:30px;}
.wr{font-size:24px;line-height:50px;color:#FFF;font-weight:500;}
.th{font-size:18px;line-height:50px;color:#474747;font-weight:500;text-align:left;}
.tab1{border-left:1px solid #e1e1df;}
.tab1 td{border-bottom:1px solid #e1e1df;border-right:1px solid #e1e1df;height:36px;font-size:14px;color:#666666;font-weight:500;}
.tab2{border-left:1px solid #e1e1df;background:#FFF;}
.tab2 td{border-bottom:1px solid #e1e1df;border-right:1px solid #e1e1df;height:36px;font-size:14px;color:#666666;font-weight:500;}
.box_right .host_con{float:left;width:100%;}
.box_right .host_icon{float:left;width:100%;margin-top:20px;}
.box_right .host_icon h2{float:left;width:100%;color:#474747;font-size:24px;font-weight:500;line-height:40px;margin:20px 0px;}
.box_right .host_icon p{float:left;width:100%;line-height:30px;font-size:14px;color:#707070;font-weight:500;padding-bottom:50px;}
.ProBuy{width:102px;height: 38px;background: url("../images/template.png") no-repeat;font-size: 14px;font-weight: 400;color: white;text-align: center;line-height: 38px;display: block;}
.ProBuy a{width:102px;height:38px;font-size: 14px;font-weight: 400;color: white;text-align: center;line-height: 38px;display: block;}
.banner_1 {background: url("../images/tg.jpg") top center no-repeat; margin:0 auto; height:276px; }

/* QQ咨询 */
.kfoutbox img {display:inline;border:0 none;}
.kfoutbox{clear: both;position: absolute; z-index:10000;margin: 0px;}
.kfoutbox .kfboxmenu{width:29px; height:180px; background:url(../images/r.gif) no-repeat;margin: 0px;}
.kfoutbox .kfboxmenuleft{background:url(../images/l.gif) no-repeat;margin: 0px;}

.kfoutbox .kfbox{height:auto; width:110px; overflow:hidden; font-size:12px; text-align:center; font-family:"宋体",Verdana, Geneva, sans-serif;margin: 0px;}
.kfoutbox .kfbox a{text-decoration:none; color:#666666;}
.kfoutbox .kfbox img{border:none;VERTICAL-ALIGN: bottom}
.kfoutbox .kfbox .kf54kefuqqtop{width:110px; margin: 0px; padding: 0px;}
.kfoutbox .kfbox .kf54kefuqqtop img{
	margin: 0px;
	padding: 0px;
}
.kfoutbox .kfbox .kf54kefuqqtop .kfboxclose{
width:30px; height:40px; position:absolute; top:0px; right:0px; cursor:pointer; overflow: hidden;text-align:right;
}
.kfoutbox .kfbox .kf54kefuqqinfo{
	background:url(../images/middle.gif) repeat-y;
	height:25px;
	line-height:25px;
	font-weight:700;
	padding-right: 8px;
	padding-left: 8px;
	margin: 0px;
}
.kfoutbox .kfbox .kf54kefuqqbg{
	background:url(../images/middle.gif) repeat-y;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 8px;
	padding-left: 0px;
}
.kfoutbox .kfbox .who{clear:both; text-align:right; font-size:9px; padding-right:10px; margin-top:5px;}
.kfoutbox .kfbox .kf54kefuqqbottom{
	margin: 0px;
	padding: 0px;
}
.kfoutbox .kfbox .kf54kefuqqbg .kefu54kefunetli{
	list-style-type:none;
	margin: 0px;
	float: left;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	font-family: "宋体";
	font-size: 12px;
	width: 110px;
	text-align: left;
	line-height: 22px;
	background:url(../images/middle.gif) repeat-y;
}
.kfoutbox .kfbox .kf54kefuqqbg .kefu54kefunetli p{
	margin: 0px;
	padding: 0px;
}
.kfoutbox .kfbox .kf54kefuqqbg .kefu54kefunetgroup{
	list-style-type:none;
	margin: 0px;
	float: left;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	font-family: "宋体";
	font-size: 12px;
	width: 110px;
	text-align: left;
	line-height: 22px;
	background:url(../images/middle.gif) repeat-y;
}
.kfoutbox .kfbox .kf54kefuqqbg .kefu54kefunetgroup p{
	margin: 0px;
	padding: 0px;
}
.kfoutbox .kfbox .kf54kefuqqbg .kefu54kefunetli .kefu54kefunetpicimg {
	text-indent: 4px;
	float: left;
	margin-left: 5px;
	padding: 0px;
	width: 30px;
}
.kfoutbox .kfbox .kf54kefuqqbg .kefu54kefunetli .kefu54kefunettxt {
	text-indent: 4px;
	float: left;
	margin: 0px;
	padding: 0px;
	width: 70px;
}
.kfoutbox .kfbox .kf54kefuqqbg .kefu54kefunetli .kefu54kefunetmycode {
	float: left;
	width: 110px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	margin-bottom: 0px;
}
.kfoutbox .kfbox .kf54kefuqqbg .kefu54kefunetli .kefu54kefunetpicimgcenter {
	float: left;
	text-align: center;
	width: 100px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 4px;
	margin-left: 5px;
}