﻿/* CSS Document */
/* 整体结构 */
html { scrollbar-face-color:#efefef; scrollbar-highlight-color:#f6f6f6; scrollbar-3dlight-color:#e5e5e5; scrollbar-darkshadow-color:#ececec; scrollbar-Shadow-color:#dcd9d9; scrollbar-arrow-color:#285bbe; scrollbar-track-color:#f5f5f5;}
body { margin:0; font-family:"",arial,verdana,sans-serif; background:#c8daee; line-height:1.4em; font-size:12px;}
img { border:0;}
h1,h2,h3,h4,h5,h6,input,div,p,ul,dl,dt,dd,form { margin:0; padding:0;}
li { list-style:none;}
a,label,button { cursor:pointer;}
.clear:after {	content: "."; height: 0; visibility:hidden; display: block; clear: both;}
.hackbox { border-top:1px solid transparent !important; margin-top:-1px !important; border-top:0; margin-top:0; clear:both; visibility:hidden; font-size:0; line-height:0;}

.cla_bg { background:url(../Images/skin_1/cla_bg2.gif) repeat-x bottom;}
.cla_main_1 { background:url(../Images/skin_1/cla_bg1.gif) repeat-x top;}
.cla_main_2 { width:1000px; margin:0 auto; }
.cla_body_bg_ft { background:url(../Images/skin_1/cla_body_bg_ft.gif) no-repeat center bottom;}
.cla_body_bg_hd { background:url(../Images/skin_1/cla_body_bg_hd.gif) no-repeat center top;}

.cla_head { height:45px;}
.cla_wel { padding:25px 0 0 400px; color:#2659bc; float:left;}
.cla_wel a { font-weight:bold; text-decoration:none; color:#2659bc;}
.cla_wel a:hover { text-decoration:underline; color:#f00;}
ul.cla_tmm { padding:28px 30px 0 0; float:right;}
ul.cla_tmm li { padding:0 17px; float:right;}
ul.cla_tmm li a { text-decoration:none; color:#2659bc;}
ul.cla_tmm li a:hover { text-decoration:underline; color:#f00;}
.cla_flk_1 { background:url(../Images/skin_1/ico1.gif) no-repeat 2px 2px;}
.cla_flk_2 { background:url(../Images/skin_1/ico2.gif) no-repeat 0 1px;}
.cla_flk_3 { background:url(../Images/skin_1/ico3.gif) no-repeat 0 0;}

.cla_down { padding-top:10px; }
ul.cla_mm { width:50px; min-height:405px; margin:45px 0 0 28px; *_margin:45px 0 0 14px; float:left;}
ul.cla_mm li { height:60px; float:left;}
ul.cla_mm li a { display:block; width:50px; height:60px; background-image:url(../Images/skin_1/cla_mm_bg.gif); background-repeat:no-repeat; text-indent:-999em; blr:expression(this.onFocus=this.blur());}
ul.cla_mm li a:focus { -moz-outline:0; }
a.cla_mm_li_1_1 { background-position:-28px -9px;}
a.cla_mm_li_2_1 { background-position:-28px -69px;}
a.cla_mm_li_3_1 { background-position:-28px -129px;}
a.cla_mm_li_4_1 { background-position:-28px -189px;}
a.cla_mm_li_5_1 { background-position:-28px -249px;}
a.cla_mm_li_6_1 { background-position:-28px -309px;}
a.cla_mm_li_7_1 { background-position:-28px -452px;}
a.cla_mm_li_8_1 { background-position:-28px -545px;}
a.cla_mm_li_9_1 { background-position:-28px -369px;}
a.cla_mm_li_1_2 { background-position:-238px -9px;}
a.cla_mm_li_2_2 { background-position:-238px -69px;}
a.cla_mm_li_3_2 { background-position:-238px -129px;}
a.cla_mm_li_4_2 { background-position:-238px -189px;}
a.cla_mm_li_5_2 { background-position:-238px -249px;}
a.cla_mm_li_6_2 { background-position:-238px -309px;}
a.cla_mm_li_9_2 { background-position:-238px -369px;}
a.cla_mm_li_1_2:hover { background-position:-132px -9px;}
a.cla_mm_li_2_2:hover { background-position:-132px -69px;}
a.cla_mm_li_3_2:hover { background-position:-132px -129px;}
a.cla_mm_li_4_2:hover { background-position:-132px -189px;}
a.cla_mm_li_5_2:hover { background-position:-132px -249px;}
a.cla_mm_li_6_2:hover { background-position:-132px -309px;}
a.cla_mm_li_9_2:hover { background-position:-132px -369px;}

.cla_left { width:212px; padding:5px 0 0 10px; float:left;}
.cla_right { width:590px; padding:0 50px 0 0; float:right;}

/* 产品说明 */
.cla_pro_lf_b { padding:30px 0 0 0; background:url(../Images/skin_1/cla_pro_lf_hd.gif) no-repeat 0 0;}
.cla_pro_lf_list { width:207px; padding:7px 0 0 0; overflow-y:scroll; scrollbar-face-color:#efefef; scrollbar-highlight-color:#f6f6f6; scrollbar-3dlight-color:#e5e5e5; scrollbar-darkshadow-color:#ececec; scrollbar-Shadow-color:#dcd9d9; scrollbar-arrow-color:#285bbe; scrollbar-track-color:#f5f5f5;}
ul.cla_steps { margin-top:2px;}
ul.cla_steps li { width:190px; height:23px; margin:0; border-bottom:1px solid #e8f3fd;}
a.steps_li_1,a.steps_li_2 { display:block; width:178px; height:22px; padding:1px 0 0 12px; background:url(../Images/skin_1/ico5.gif) no-repeat 2px 8px; line-height:22px; text-decoration:none; color:#16387c; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
a.steps_li_2:hover { background: #f6f9fc url(../Images/skin_1/ico5.gif) no-repeat 2px 8px;}
a.steps_li_1 { background:#e8f3fd url(../Images/skin_1/ico5.gif) no-repeat 2px 8px;}

.cla_pro_rg {}
.cla_pro_lf_view { width:590px; padding:7px 0 0 0; overflow:auto; scrollbar-face-color:#efefef; scrollbar-highlight-color:#f6f6f6; scrollbar-3dlight-color:#e5e5e5; scrollbar-darkshadow-color:#ececec; scrollbar-Shadow-color:#dcd9d9; scrollbar-arrow-color:#285bbe; scrollbar-track-color:#f5f5f5;}
.cla_pro_lf_view_2 { padding:7px 0 0 0;}
.cla_pro_lf_view_3 { width:590px; padding:7px 0 0 0;}
.cla_view_hd { width:590px; height:40px;}
.cla_view_tt { width:450px; padding:5px 0 0 0; font-size:13px; font-weight:bold; color:#555; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; float:left;}
.cla_ab_bd_tt { width:470px; padding:5px 0 0 0; border-bottom:1px solid #ddd; font-size:13px; font-weight:bold; color:#555; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; float:left;}
span.cla_view_name { display:block;}
em.cla_view_spec { display:block; font-style:normal; font-size:12px; font-weight:lighter; color:#888;}

.cla_view_logo { width:80px; margin:0 20px 0 0; height:40px; float:right;}
.cla_view_logo img { width:80px; height:40px;}
.cla_view_mod { width:460px; float:left;}
.cla_view_mm { width:110px; height:380px; background:url(../Images/skin_1/pro_bg.gif) no-repeat 0 0; float:left;}
.cla_view_mm ul { margin:20px 0 0 0;}
.cla_view_mm ul li { padding:0 0 20px 0;}
.cla_view_mm ul li a { display:block; width:72px; height:54px; background-image:url(../Images/skin_1/pro_mm.gif); background-repeat:no-repeat;  text-indent:-999em; blr:expression(this.onFocus=this.blur());}
.cla_view_mm ul li a:focus { -moz-outline:0; }
a.cla_view_mm_1 { margin:0; background-position:0 -19px;}
a.cla_view_mm_2 { margin:0 0 0 17px; background-position:-17px -93px;}
a.cla_view_mm_3 { margin:0 0 0 28px; background-position:-28px -167px;}
a.cla_view_mm_4 { margin:0 0 0 20px; background-position:-20px -241px;}
a.cla_view_mm_1:hover{ margin:0; background-position:-120px -19px;}
a.cla_view_mm_2:hover{ margin:0 0 0 17px; background-position:-137px -93px;}
a.cla_view_mm_3:hover{ margin:0 0 0 28px; background-position:-148px -167px;}
a.cla_view_mm_4:hover{ margin:0 0 0 20px; background-position:-140px -241px;}
a.cla_view_mm_12 { margin:0; background-position:-120px -19px;}
a.cla_view_mm_22 { margin:0 0 0 17px; background-position:-137px -93px;}
a.cla_view_mm_32 { margin:0 0 0 28px; background-position:-148px -167px;}
a.cla_view_mm_42 { margin:0 0 0 20px; background-position:-140px -241px;}

.cla_view_mod_pic { padding:15px 0 0 0;}
.cla_view_mod_tx { padding:15px 0 0 0; color:#555;}
.cla_view_2dtx { padding:12px 10px 0 0; color:#555;}

/* 关注公司 */
.cla_about_lf_b { padding:30px 0 0 0; background:url(../Images/skin_1/cla_about_lf_hd.gif) no-repeat 0 0;}
.cla_per_about_lf_b { padding:30px 0 0 0; background:url(../Images/skin_1/cla_per_about_lf_hd.gif) no-repeat 0 0;}
.cla_about_list { width:207px; padding:5px 0 0 0; }
ul.cla_about_steps { margin-top:2px;}
ul.cla_about_steps li { width:207px; height:23px; margin:0; border-bottom:1px solid #e8f3fd;}
a.ab_steps_li_1,a.ab_steps_li_2 { display:block; height:22px; padding:1px 0 0 12px; background:url(../Images/skin_1/ico5.gif) no-repeat 2px 8px; line-height:22px; text-decoration:none; color:#16387c;}
a.ab_steps_li_2:hover { background: #f6f9fc url(../Images/skin_1/ico5.gif) no-repeat 2px 8px;}
a.ab_steps_li_1 { background:#e8f3fd url(../Images/skin_1/ico5.gif) no-repeat 2px 8px;}
span.cla_about_tt { display:block; padding:14px 0 2px 17px; background:url(../Images/skin_1/ico6.gif) no-repeat 0 14px; float:left;}
span.cla_cho_cate { padding:5px 10px 0 0; float:right;}
input.seach_bt_out { width:60px; height:21px; background:#2877dd; border:1px solid #2877dd; text-align:center; line-height:18px; color:#fff;}
input.seach_bt_over { width:60px; height:21px; background:#e77128; border:1px solid #fc934f; text-align:center; line-height:18px; color:#fff;}

ul.cla_pro_all { float:left;}
ul.cla_pro_all li { width:115px; margin:7px 0 0 10px; *margin:0 0 0 10px; padding:2px 15px 0 2px; *padding:2px 15px 15px 2px; float:left;}
ul.cla_pro_all li span { display:block; width:115px; height:86px; background:url(../Images/skin_1/box2_pic_bg.gif) no-repeat left bottom;}
ul.cla_pro_all li span img { width:110px; height:81px; margin:2px 0 0 2px;}
ul.cla_pro_all li em { display:block; width:115px; padding:4px 0 0 0; font-style:normal; text-align:center; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
ul.cla_pro_all li em a { text-decoration:none; color:#6e6d6d;}
ul.cla_pro_all li em a:hover { text-decoration:underline; color:#f00;}
h4.cla_comp_n { padding:15px 0 0 25px; font-size:14px;}

.voice { color:#555;}
.voice table { width:520px; letter-spacing:0px; }
.voice table thead th { height:40px;}
.txalign1 { text-align:right;}

/* 分页 */
.anppager_1 { margin:15px 0 0 0; padding:18px 0 27px 20px; background:url(../Images/d_line_1.gif) repeat-x top; font-weight:bold; color:#535353;}
.anppager_1 a { display:block; margin-right:3px; padding:3px 7px 2px 7px; background:#dcedff; border:1px solid #88b5e2; text-decoration:none; color:#3772ae; float:left;}
.anppager_1 a:hover { background:#02a9ec; color:#fff;}
.anppager_1 span { display:block; margin-right:3px; padding:3px 7px 2px 7px; background:#f1f1f1; border:1px solid #ddd; color:#aaa; float:left;}

/* fashion_1 */
.fashion_1_hd { background:url(../Images/skin_3/fashion_hd_bg.gif) no-repeat left top;}
.fashion_1_ft { width:573px; padding-bottom:35px; background:url(../Images/skin_3/fashion_ft_bg.gif) no-repeat left bottom;}
.f1_view_hd { height:75px;}
.f1_view_pic { width:110px; margin:16px 0 0 28px; _margin:16px 0 0 14px; float:left;}
.f1_view_pic img { width:55px; height:40px;}
.f1_view_tt { width:340px; margin:30px 0 0 0; color:#fff; float:left;}
.f1_view_tt span { display:block; padding:0 0 3px 0; font-weight:bold;}
.f1_view_tt em { display:block; font-style:normal;}  
.f1_view_logo { margin:16px 0 0 0; float:left;}
.f1_view_logo img { width:80px; height:40px;}

.f1_view_3d { width:528px; height:372px; margin:1px 0 0 23px;}
ul.f1_view_mm { height:38px; margin:10px 0 0 115px;}
ul.f1_view_mm li { padding:0 3px; float:left;}
ul.f1_view_mm li a { display:block; width:79px; height:27px; text-indent:-999em; blr:expression(this.onFocus=this.blur()); float:left;}
ul.f1_view_mm li a:focus { -moz-outline:0; } 
a.f1_view_mm1_1 { background:url(../Images/skin_3/f1_view_mm1_1.gif) no-repeat left top;}
a.f1_view_mm2_1 { background:url(../Images/skin_3/f1_view_mm2_1.gif) no-repeat left top;}
a.f1_view_mm3_1 { background:url(../Images/skin_3/f1_view_mm3_1.gif) no-repeat left top;}
a.f1_view_mm4_1 { background:url(../Images/skin_3/f1_view_mm4_1.gif) no-repeat left top;}
a.f1_view_mm1_2 { background:url(../Images/skin_3/f1_view_mm1_2.gif) no-repeat left top;}
a.f1_view_mm2_2 { background:url(../Images/skin_3/f1_view_mm2_2.gif) no-repeat left top;}
a.f1_view_mm3_2 { background:url(../Images/skin_3/f1_view_mm3_2.gif) no-repeat left top;}
a.f1_view_mm4_2 { background:url(../Images/skin_3/f1_view_mm4_2.gif) no-repeat left top;}
.f1_view_tx { width:490px; margin:3px auto 0 auto; color:#fff;}

/* fashion_2 */
.f2_hd { background:url(../Images/skin_3/f2_hd_bg.gif) no-repeat left top;}
.f2_ft { width:573px; padding-bottom:44px; background:url(../Images/skin_3/f2_ft_bg.gif) no-repeat center bottom;}
.f2_view_hd { height:125px; color:#38484f;}
.f2_name { width:140px; margin:25px 0 0 28px; float:left;}
.f2_logo { width:80px; height:40px; margin:9px 0 0 74px; float:left;}
.f2_logo img { width:80px; height:40px;}
.f2_size { width:140px; margin:25px 28px 0 0; float:right;}
.f2_view_con { height:310px;}
.f2_view_con_left { width:150px; height:50px; float:left;}
.f2_view_con_left .f2_view_pic { padding:28px 0 0 27px;}
.f2_view_con_left .f2_view_pic img { width:108px; height:80px;}
ul.f2_view_mm { margin:35px 18px 0 28px;}
ul.f2_view_mm li { height:20px; margin-top:3px;}
ul.f2_view_mm li a.f2_lk { display:block; height:20px;}
.f2_view_con_right { width:397px; padding-top:8px; float:right;}
.f2_view_tx { width:470px; margin:0 auto; padding-top:12px; color:#38484f;}

/* 公司资质 */
ul.qualification {}
ul.qualification li { padding:0 10px 0 0; float:left;}
ul.qualification li img { width:275px; height:200px;}

/* 提示 */
.ov1_fl_1 { position:absolute; width:0; height:0;}
.ov1_fl_2 { position:absolute; top:40px; left:7px; width:148px; height:35px; padding:16px 15px 15px 8px; background:url(../Images/skin_1/note_bg1.gif) no-repeat left top; color:#f00;}
.ov1_fl_3 { position:absolute; top:40px; left:-17px; width:148px; height:35px; padding:16px 15px 15px 8px; background:url(../Images/skin_1/note_bg3.gif) no-repeat left top; color:#f00;}
.ov2_fl_2 { position:absolute; top:0; left:7px; width:335px; height:53px; padding:17px 15px 15px 9px; background:url(../Images/skin_1/note_bg2.gif) no-repeat left top; line-height:1.3em; color:#f00;}
.ov3_fl_2 { position:absolute; top:-73px; left:22px; width:335px; height:53px; padding:7px 15px 15px 9px; background:url(../Images/skin_1/note_bg4.gif) no-repeat left top; line-height:1.3em; color:#f00;}
.ov4_fl_2 { position:absolute; top:23px; left:-75px; width:148px; height:35px; padding:16px 15px 15px 8px; background:url(../Images/skin_1/note_bg1.gif) no-repeat left top; color:#f00;}
.ov5_fl_2 { position:absolute; top:23px; left:-75px; width:148px; height:35px; padding:16px 15px 15px 8px; background:url(../Images/skin_1/note_bg3.gif) no-repeat left top; color:#f00;}
.ov6_fl_2 { position:absolute; top:23px; left:-75px; width:148px; height:35px; padding:16px 15px 15px 8px; background:url(../Images/skin_1/note_bg5.gif) no-repeat left top; color:#f00;}
.ov7_fl_2 { position:absolute; top:40px; left:7px; width:100px; height:35px; padding:16px 15px 15px 8px; background:url(../Images/skin_1/note_bg1.gif) no-repeat left top; color:#f00;}
.ov8_fl_2 { position:absolute; top:40px; left:7px; width:100px; height:35px; padding:16px 15px 15px 8px; background:url(../Images/skin_1/note_bg3.gif) no-repeat left top; color:#f00;}
.ov9_fl_2 { position:absolute; top:40px; left:7px; width:100px; height:35px; padding:16px 15px 15px 8px; background:url(../Images/skin_1/note_bg5.gif) no-repeat left top; color:#f00;}
.f2ov1_fl_2 { position:absolute; top:10px; left:7px; width:100px; height:35px; padding:16px 15px 15px 8px; background:url(../Images/skin_1/note_bg1.gif) no-repeat left top; color:#f00;}
.f2ov2_fl_2 { position:absolute; top:10px; left:7px; width:100px; height:35px; padding:16px 15px 15px 8px; background:url(../Images/skin_1/note_bg3.gif) no-repeat left top; color:#f00;}
.f2ov3_fl_2 { position:absolute; top:10px; left:7px; width:100px; height:35px; padding:16px 15px 15px 8px; background:url(../Images/skin_1/note_bg5.gif) no-repeat left top; color:#f00;}


/* design by yerz */

