/* sjs_min_ban_99 */
.sjs_min_ban_99{ width:100%;height:294px; margin-top:75px; background:url(/style/images/sjs_min_bg.jpg) center top no-repeat; overflow:hidden; }
.sjs_min_ban_99 strong{ width:100%; line-height:1em; text-align:center; margin-top:93px; color:#fff; font-size:40px; font-weight:normal; display:block; }
.sjs_min_ban_99 i{ width:90px; height:1px; margin:18px auto 22px; background:#fff; display:block; }
.sjs_min_ban_99 span{ width:100%; line-height:1em; text-align:center; color:#fff; font-size:20px; display:block; }
/* sjs_pos_99 */
.sjs_pos_99{ width:1190px; height:67px; margin:0 auto; border-bottom:1px solid #bfbfbf; }
.sjs_pos_99_con{ height:27px; line-height:27px; padding-left:40px; padding-top:33px; background:url(/style/images/sjs_pos_ico.jpg) left 33px no-repeat; float:left; font-size:16px; color:#7c7c7c; }
.sjs_pos_99_con b{ color:#7c7c7c; font-size:18px; font-weight:normal; }
.sjs_pos_99_con a{ color:#7c7c7c; font-size:16px; }
.sjs_pos_99_con i{ color:#1b1b1b; font-size:16px; font-style:normal; }

.sjs_pos_right_99{ height:40px; padding-top:26px; float:right; }
.sjs_pos_right_99 a{ height:40px; line-height:40px; margin-left:44px; color:#6b6b6b; font-size:16px; float:left; display:block; }
.sjs_pos_right_99 a:hover,.sjs_pos_right_99 a.on{ border-bottom:3px solid #1b1b1b; color:#1b1b1b; }
/* sjs_list_99 */
.sjs_list_warp_99{ width:1210px; margin:0 auto; padding-top:42px; overflow:hidden; }
.sjs_list_warp_99 .sjs_list_99{ width:1210px; padding-bottom:80px; overflow:hidden; }
.sjs_list_warp_99 .sjs_list_99 a{ width:282px; height:420px; margin:0 10px 20px; float:left; overflow:hidden; display:none; }
.sjs_list_warp_99 .sjs_list_99 a i{ width:282px; height:354px; overflow:hidden; display:block; position:relative; }
.sjs_list_warp_99 .sjs_list_99 a:hover .sjs_list_99_bg{ width:282px; height:354px; position:absolute; left:0; top:0; background:#000; opacity:0.6; filter:alpha(opacity:60); }
.sjs_list_warp_99 .sjs_list_99 a .sjs_list_99_kzp{ width:100%; height:50px; line-height:50px; text-align:center; color:#fff; font-size:18px; font-weight:normal; position:absolute; left:0; top:50%; z-index:3; margin-top:-16px; filter:alpha(opacity:0); opacity:0;  }
.sjs_list_warp_99 .sjs_list_99 a:hover .sjs_list_99_kzp{ filter:alpha(opacity:100); opacity:1; }
.sjs_list_warp_99 .sjs_list_99 a .hot_case_line_up_box1{overflow: hidden;width: 50%;position: absolute;top: 0;left: 0}
.sjs_list_warp_99 .sjs_list_99 a .hot_case_line_up_box2{overflow: hidden;width: 50%;position: absolute;top: 0;right: 0}
.sjs_list_warp_99 .sjs_list_99 a .hot_case_line_up_box3{overflow: hidden;width: 50%;position: absolute;bottom: 0;left: 0}
.sjs_list_warp_99 .sjs_list_99 a .hot_case_line_up_box4{overflow: hidden;width: 50%;position: absolute;bottom: 0;right: 0}
.sjs_list_warp_99 .sjs_list_99 a .hot_case_line_up_box1 .line{border-top: 1px solid #fff;transition: all .3s}
.sjs_list_warp_99 .sjs_list_99 a .hot_case_line_up_box2 .line{border-top: 1px solid #fff;transition: all .3s}
.sjs_list_warp_99 .sjs_list_99 a .hot_case_line_up_box3 .line{border-top: 1px solid #fff;transition: all .3s}
.sjs_list_warp_99 .sjs_list_99 a .hot_case_line_up_box4 .line{border-top: 1px solid #fff;transition: all .3s}
.sjs_list_warp_99 .sjs_list_99 a:hover .hot_case_line_up_box1 .line{margin-left:110px}
.sjs_list_warp_99 .sjs_list_99 a:hover .hot_case_line_up_box2 .line{margin-right:110px}
.sjs_list_warp_99 .sjs_list_99 a:hover .hot_case_line_up_box3 .line{margin-left:110px}
.sjs_list_warp_99 .sjs_list_99 a:hover .hot_case_line_up_box4 .line{margin-right:110px}
.sjs_list_warp_99 .sjs_list_99 a i img{ width:282px; height:auto; /* height:354px; */ display:block; transition:all 0.6s;  }
.sjs_list_warp_99 .sjs_list_99 a:hover i img{ transform:scale(1.2);}
.sjs_list_99_info{ width:262px; height:64px; padding:0 0 0 18px; border:1px solid #bfbfbf; }
.sjs_list_99_info span{ width:100%; padding-top:11px; overflow:hidden; display:block; }
.sjs_list_99_info span b{ line-height:1em; color:#0d0d0d; font-size:18px; font-weight:bold; float:left; display:block; }
.sjs_list_99_info span em{ line-height:1.6em; padding-left:15px; color:#202020; text-transform:Uppercase; font-size:14px; font-weight:bold; float:left; display:block; }
.sjs_list_99_info strong{ line-height:1em; padding-top:4px; color:#999; font-size:12px; font-weight:normal; display:block; }

.sjs_more_99{ width:100%; height:56px; padding-top:50px; overflow:hidden; }
.sjs_more_99 span{ width:250px; height:54px; line-height:54px; text-align:center; margin:0 auto; border:1px solid #7d7d7d; color:#252424; font-size:20px; display:block; cursor:pointer; }
.sjs_more_99 span:hover{ background:#7d7d7d; color:#fff; }
/* sjs_con_warp_99 */
.sjs_con_warp_99{ width:100%; height:514px; margin-top:18px; background:#f1f1f1; overflow:hidden; }
.sjs_con_99{ width:1190px; height:484px; padding-top:30px; margin:0 auto; overflow:hidden; }
.sjs_con_99 a.sjs_con_99_left{ width:387px; height:450px; float:left; overflow:hidden; display:block; position:relative; }
.sjs_con_99 a.sjs_con_99_left img{ /*width:357px;*/ width:auto; height:450px; display:block; transition:all 0.6s; }
.sjs_con_99 a.sjs_con_99_left span{ width:242px; height:46px; line-height:46px; text-align:center; color:#fff; border:1px solid #fff; font-size:24px; font-weight:normal; position:absolute; left:50%; top:50%; margin:-23px 0 0 -121px; z-index:3; filter:alpha(opacity:0); opacity:0; }
.sjs_con_99 a.sjs_con_99_left i{ width:100%; height:100%; position:absolute; left:0; top:0; background:#000; opacity:0; filter:alpha(opacity:0); }
.sjs_con_99 a.sjs_con_99_left:hover i{ opacity:0.6; filter:alpha(opacity:60); }
.sjs_con_99 a.sjs_con_99_left:hover img{ transform:scale(1.2);}
.sjs_con_99 a.sjs_con_99_left:hover span{ filter:alpha(opacity:100); opacity:1; }
.sjs_con_99 a.sjs_con_99_left span:hover{ background:#fff; color:#4a4a4a; }

.sjs_con_99 .sjs_con_99_right{ width:760px; height:450px; float:right; }
.sjs_con_99 .sjs_con_99_right h3{ width:100%; padding-bottom:22px; }
.sjs_con_99 .sjs_con_99_right h3 b{ line-height:1em; color:#252525; font-size:30px; font-weight:normal; }
.sjs_con_99 .sjs_con_99_right h3 span{ line-height:1em; padding-left:20px; color:#757575; font-size:24px; font-weight:normal; }
.sjs_con_99 .sjs_con_99_right p{ line-height:2.2em; padding-bottom:12px; color:#5f5f5f; font-size:16px; }
.sjs_con_99 .sjs_con_99_right p b{ color:#050505; font-size:18px; font-weight:normal; }
/* sjs_case_list_99 */
.sjs_case_list_tit{ width:1200px; height:38px; padding:30px 0 0 10px; margin:0 auto; }
.sjs_case_list_tit li{ height:36px; line-height:36px; margin-right:66px; float:left; cursor:pointer; }
.sjs_case_list_tit li.on{ border-bottom:2px solid #1b1b1b; }

.sjs_case_list_warp_99{ width:1210px; margin:0 auto; padding:42px 0 80px; overflow:hidden; }
.sjs_case_list_warp_99 .sjs_case_list_99{ width:1210px; overflow:hidden; }
.sjs_case_list_warp_99 .sjs_case_list_99 a{ width:282px; height:210px; margin:0 10px 20px; float:left; overflow:hidden; display:none; }
.sjs_case_list_warp_99 .sjs_case_list_99 a i{ width:282px; height:210px; overflow:hidden; display:block; position:relative; }
.sjs_case_list_warp_99 .sjs_case_list_99 a .sjs_case_list_99_bg{ width:282px; height:210px; position:absolute; left:0; top:0; background:#000; opacity:0; filter:alpha(opacity:0); }
.sjs_case_list_warp_99 .sjs_case_list_99 a:hover .sjs_case_list_99_bg{ opacity:0.6; filter:alpha(opacity:60); }
.sjs_case_list_warp_99 .sjs_case_list_99 a b{ width:100%; line-height:1em; text-align:center; color:#fff; font-size:16px; font-weight:normal; position:absolute; left:0; top:160px; z-index:3; filter:alpha(opacity:0); opacity:0; }
.sjs_case_list_warp_99 .sjs_case_list_99 a span{ width:162px; height:34px; line-height:34px; text-align:center; color:#fff; border:1px solid #fff; font-size:14px; font-weight:normal; position:absolute; left:50%; top:73px; margin-left:-81px; z-index:3; filter:alpha(opacity:0); opacity:0; }
.sjs_case_list_warp_99 .sjs_case_list_99 a span:hover{ background:#fff; color:#4a4a4a; }
.sjs_case_list_warp_99 .sjs_case_list_99 a:hover b,.sjs_case_list_warp_99 .sjs_case_list_99 a:hover span{ filter:alpha(opacity:100); opacity:1; }
.sjs_case_list_warp_99 .sjs_case_list_99 a i img{ /*width:282px;*/ width:auto; height:210px; display:block; transition:all 0.6s;  }
.sjs_case_list_warp_99 .sjs_case_list_99 a:hover i img{ transform:scale(1.2);}













<!--ºÄʱ1769475080.8859Ãë-->