*{ margin:0; padding:0; list-style-type:none; }
a{ text-decoration:none; }
a:hover{ text-decoration:underline; }
.fnleft{ float:left; }
.fnright{ float:right; }

.topbar{ width:100%; height:32px; padding-top:18px; background:#000; }
.box_topbar{ width:1200px; margin:0 auto; font-family:microsoft yahei; }
.box_topbar b{ font-size:24px; font-weight:bold; color:#FC0; display:block; margin-top:-10px; }
.box_topbar a{ color:#fff; }
.box_topbar a:hover{ color:#FC0; }
.box_topbar ul li{ float:left; height:14px; line-height:14px; vertical-align:middle; padding:0 15px; border-right:1px solid #fff; }
.box_topbar ul li:last-child{ border:0; padding-right:0; }
.bannerarea{ width:100%; height:600px; }
.btn_goto{ width:100%; text-align:center; z-index:11; position:absolute; }
.btn_goto a{ display:block; width:350px; height:80px; line-height:80px; vertical-align:middle; background:#000 url(custom/ioc_ra_custom1.png) no-repeat 260px 30px; font-family:microsoft yahei; font-size:26px; color:#fff; font-weight:bold; margin:500px auto 0 auto; text-align:left; text-indent:100px; }
.btn_goto a:hover{ background:#FC0 url(custom/ioc_ra_custom2.png) no-repeat 260px 30px; color:#000; text-decoration:none; }
.pic_banner{ width:100%; height:600px; background:url(custom/banner_temp.jpg) repeat-x top center; z-index:1; position:absolute; }
.box_case{ width:100%; padding:40px 0; background:#fafafa; overflow:hidden; }
.hd_case{ width:100%; text-align:center; }
.bd_case{ width:1200px; margin:0 auto; }
.bd_case dl{ width:385px; float:left; margin:20px 15px 0 0;  }
.bd_case dl.last{ margin-right:0; }
.bd_case dl dd{ font-size:20px; font-family:microsoft yahei; width:385px; text-align:center; margin-top:10px; }
.bd_case dl dd a{ color:#333; }
.bd_case dl dd a:hover{ color:#09F; }
.joinin{ width:100%; overflow:hidden; }
.hd_joinin{ width:100%; text-align:center; margin-top:40px; }
.bd_joinin{ width:1200px; margin:0 auto; overflow:auto; }
.bd_joinin dl{ width:285px; float:left; margin:25px 20px 0 0; }
.bd_joinin dl dd{ width:285px; margin-top:5px; font-family:microsoft yahei; text-align:center; }
.bd_joinin dl dd h5{ margin:0 auto; font-size:20px; font-weight:bold; line-height:normal; width:260px; white-space:nowrap;  overflow:hidden; text-overflow:ellipsis; text-align:center;}
.bd_joinin dl dd span{ margin-left:15px; }
.bd_joinin dl dd em{ font-style:normal; color:#c00; }
.bd_joinin dl dd a{ display:block; width:200px; height:35px; line-height:35px; background:#0068b7; font-weight:bold; color:#fff; text-align:center; margin:15px auto 0 auto; }
.bd_joinin dl dd a:hover{ background:#F33; }
.bd_joinin dl.last{ margin-right:0; }
.customorder{ width:1120px; padding:35px 40px; border:1px solid #eaeaea; margin:40px auto; background:url(custom/bg_flower.jpg) no-repeat 600px 55px; }
.customorder dl{ width:1120px; overflow:hidden; font-family:microsoft yahei; }
.customorder dl dt{ width:550px; float:left; margin-top:10px; }
.customorder dl dd{ width:160px; float:right; }
.customorder dl dd a{ color:#fff; text-indent:30px; font-weight:bold; font-size:20px; display:block; width:160px; height:50px; line-height:50px; vertical-align:middle; background:#000 url(custom/ioc_ra_custom1.png) no-repeat 130px 16px; }
.customorder dl dd a:hover{ background:#FC0 url(custom/ioc_ra_custom2.png) no-repeat 130px 16px;; text-decoration:none; color:#000; }

/* 列表 */
.hd_list{ width:100%; height:40px; border-bottom:1px solid #eee; }
.hd_list span{ display:block; margin:0 auto; width:1200px; height:40px; line-height:40px; font-family:microsoft yahei; font-weight:bold; font-size:20px; vertical-align:middle; }
.column_list{ width:1200px; margin:0 auto; }
.column_list dl.la{ margin-right:0; }
.column_list dl{ width:385px; float:left; margin:30px 15px 0 0; }
.column_list dl dd{ width:345px; height:100px; padding:20px; background:#000; color:#fff; font-size:14px; line-height:130%; }
.column_list dl dd span{ font-size:18px; font-family:microsoft yahei; font-weight:bold; display:block; margin-bottom:10px; }
.joinin_list{ width:1200px; margin:0 auto; overflow:hidden; }
.column_joinin1{ clear:both; float:left; }
.column_joinin2{ float:right; }
.joinin_list dl{ width:585px; height:190px; overflow:hidden; background:#000; font-family:microsoft yahei; margin-top:30px; }
.joinin_list dl dt{ width:285px; overflow:hidden; float:left; }
.joinin_list dl dd{ width:260px; padding:15px 20px 0 20px; color:#fff; font-size:14px; float:right; }
.joinin_list dl dd em{ font-style:normal; }
.joinin_list dl dd em.title_joinin{ display:block; font-size:20px; font-weight:bold; color:#0CF; padding-bottom:7px; }
.joinin_list dl dd em.price_joinin{ color:#FC0; font-weight:bold; }
.joinin_list dl dd span{ margin-left:15px; }
.joinin_list dl dd a{ display:block; width:100px; height:30px; background:#ffbe00; color:#000; font-size:14px; font-family:microsoft yahei; font-weight:bold; line-height:30px; vertical-align:middle; text-align:center; }
.joinin_list dl dd a:hover{ background:#F36; text-decoration:none; color:#fff; }


/*  定制表单  */
.box_customorder{ width:1200px; height:700px; margin:50px auto 0 auto; }
.bd_customorder{ width:900px; height:700px; float:left; background:#f4f4f4; font-family:microsoft yahei; overflow:hidden;}
.cr_bd_customorder{ width:900px; height:60px; padding-top:10px; background:url(custom/bg_hdorder.jpg) repeat-x; text-align:center; }
.lable_customorder{ width:300px; height:700px; float:right; background:url(custom/bgcr_black.png) repeat;}
.con_customorder{ width:300px; height:700px; background:url(custom/ioc_ra_custom1.png) no-repeat 0 330px; padding:0 50px; }
.hd_lable_customorder{ padding-top:40px; padding-bottom:40px; font-size:20px; font-weight:bold; font-family:microsoft yahei; color:#fff; }
.tm_bd_customorder{ width:800px; padding:50px 0 0 100px;height:580px;background-color:#f4f4f4; float:left;position:absolute; left:900px;
}
.tm_bd_customorder ul{ overflow:hidden; padding-bottom:15px;}
.tm_bd_customorder ul li{ width:138px; height:68px; line-height:68px; vertical-align:middle; border:1px solid #d9d9d9; float:left; margin-right:20px; text-align:center; background:#fff; }
.tm_bd_customorder ul li.visited_tm{ width:136px; height:66px; border:2px solid #ff8800; background:#fff url(custom/ico_visited.png) no-repeat right bottom;
}
.tm_bd_customorder dl{ width:800px; margin:20px 0 0 0; overflow:hidden; }
.tm_bd_customorder dl dt{ width:80px; height:35px; line-height:35px; vertical-align:middle; float:left; font-weight:bold; }
.tm_bd_customorder dl dd{ float:left; }
.tm_bd_customorder dl dd input.textbox1{ width:178px; height:33px; line-height:33px; vertical-align:middle; border:1px solid #d9d9d9; text-indent:15px; font-size:12px; color:#666; }
.tm_bd_customorder dl dd select{ height:35px; }
.num_customorder{ width:185px; height:33px; border:1px solid #d9d9d9; background:#fff; overflow:hidden; }
.num_customorder span{ display:block; float:left; }
.tm_bd_customorder dl dd input.textbox2{ width:110px; text-align:center; height:33px; line-height:33px; vertical-align:middle; border:0; font-size:14px; font-weight:bold; color:#666; }
.ico_code{ display:block; float:left; margin-right:15px; }
.ico_code img{ padding-top:5px; }
.btn_nextstep{ margin-top:40px; margin-left:200px; }
.textbox3{ width:400px; height:100px; border:1px solid #d9d9d9; }
.textbox4{ width:178px; height:33px; line-height:33px; vertical-align:middle; text-indent:15px; font-size:12px; color:#666; border:1px solid #ee5f45; }
.btncustom{ padding:3px 5px; }
.text_service{ text-indent:75px; }
.portrait_service{ margin-top:30px; }
.name_service{ margin-top:30px; text-indent:100px; }
.tel_service{ margin-top:15px; text-indent:40px; }
.welcome_custom{ margin-top:50px; color:#F90; }

.con_customorder dl{ overflow:hidden; font-family:microsoft yahei; margin-bottom:10px; }
.con_customorder dl dt{ float:left; width:80px; height:25px; line-height:25px; vertical-align:middle; text-align:right; margin-right:15px; color:#CCC; }
.con_customorder dl dd{ float:left; padding:2px; border:1px solid #fff; color:#fff; }
.btn_submit{ margin-top:50px; }
.btn_submit a{ display:block; width:229px; height:58px; float:left; margin-right:30px; }
.btn_submit a.btnlast{ background:url(custom/btn_last01.jpg) no-repeat; }
.btn_submit a.btnlast:hover{ background:url(custom/btn_last02.jpg) no-repeat; }
.btn_submit a.btnnext{ background:url(custom/btn_next01.jpg) no-repeat; }
.btn_submit a.btnnext:hover{ background:url(custom/btn_next02.jpg) no-repeat; }
.btn_submit a.btnover{ background:url(custom/btn_customok01.jpg) no-repeat; }
.btn_submit a.btnover:hover{ background:url(custom/btn_customok02.jpg) no-repeat; }

.showcase{ width:1200px; margin:20px auto; }
.listcase{ width:280px; float:left; }
.listcase dl{ width:260px; padding:9px; border:1px solid #d9d9d9; margin-bottom:20px; }
.listcase dl dt img{ width:260px; height:174px; }
.listcase dl dd{ width:280px; margin-top:10px; font-size:16px; font-family:microsoft yahei; font-weight:bold; text-align:center; }
.listcase dl dd a{ color:#666; }
.concase{ width:900px; float:right; }