@charset "utf-8";
/* CSS Document */

.case_prev{ position:absolute; left:0px; top:355px; z-index:10;}
.case_prev a{ display:block; text-indent:-1000px; overflow:hidden; width:25px; height:25px; background:url(../images/case/inside_arrow.jpg) no-repeat;}
.case_prev a:hover{ background:url(../images/case/inside_arrow.jpg) no-repeat 0 -25px;}
.case_next{ position:absolute; right:0px; top:355px; z-index:10;}
.case_next a{ display:block; text-indent:-1000px; overflow:hidden; width:25px; height:25px;background:url(../images/case/inside_arrow.jpg) no-repeat -25px 0px;}
.case_next a:hover{ background:url(../images/case/inside_arrow.jpg) no-repeat -25px -25px;}

.case_con{width: 1112px;margin:0 auto;padding-left: 88px;}
.cast_title{background: url(../images/case/case_title_line.jpg) repeat-x;width: 100%;height:40px;line-height:39px;}
.cast_title h3{font-size:18px; height:39px; line-height:39px; color:#000; border-bottom:1px solid #8F1B21; width:80px;}

.case_option{margin-top: 29px;}

.select_category{ float:left; height:39px; line-height:39px;}
.select_category li{ float:left; margin-right:20px;}
.select_category li a{ background:url(../images/case/case_dot.jpg) no-repeat left; padding-left:12px;}
.select_category li a.current,.select_category li a:hover{ background:url(../images/case/case_dot_hover.jpg) no-repeat left;}
.case_type{float:right;height: 39px;}

.case_type h4{ float:left; font-size:12px; color:#8F1B21; font-weight:normal; padding-right:20px; margin-top:10px;}
.case_type ul{float:left;margin-top: 8px;}
.case_type ul li.t1{ float:left; width:70px; height:24px;  }
.case_type ul li.width_li{ float:left; width:55px;}

/*.drop_down:hover .choice,.drop_down:hover .choice_2{ display:block;}*/


.case_type ul li span{ float:left; display:block;  padding:0 5px;}
.drop_down{ float:left; position:relative;   width:45px; height:24px; border:1px solid #fff; padding-left:10px; border-bottom: none; background:#fff; z-index:999;}
.drop_down:hover{ display:block; border:1px solid #e3e3e3; border-bottom: none;}
.drop_down a.x1{ float:left;  display:block; width:40px; height:23px; background:url(../images/case/arrow.jpg) right center no-repeat;}

.choice{ position:absolute; top:24px; left:-2px; z-index:999; width:122px; height:179px; background:url(../images/case/xl_bg.png) no-repeat; display:none; }
.choice ul{ margin-left:10px; margin-top:10px;}
.choice ul li a.parent{ background:url(../images/case/icon_x.jpg) no-repeat left; padding-left:10px;}
.choice ul li a.now{ background:url(../images/case/icon_y.jpg) no-repeat left; padding-left:10px;}
.choice dl{ float:left; width:55px; margin-top:18px;}
.choice dl dd{ padding-left:20px;}
.choice_2{display:none;  position:absolute; top:24px; left:-65px; z-index:999; width:122px; height:159px; background:url(../images/case/xl_bg_2.png) no-repeat; }





.classic_case_over {position:relative;width:1020px;height: 436px;margin-top: 8px;overflow:hidden;}
.classic_case_list{ width:1020px; margin-bottom:24px; height:400px; overflow:hidden; }

.classic_case_list li{ width:1020px;  float:left; cursor:pointer;}
.classic_case_list li dl{  }
.classic_case_list li dl dd{ position:relative;float:left; width:192px; height:194px; margin-right:11px; margin-bottom:13px; }

.choice_nav{ padding-left:10px; display:none;}



.white_layer{ position:absolute; z-index:10; width:190px; height:188px; background:url(../images/white.png) repeat; /* background:#fff;filter:alpha(opacity=30);-moz-opacity:0.3; opacity: 0.3;*/ }
.border_red{ position:absolute; z-index:15; width:188px; height:188px; border:2px solid #8F1B21; display:none;}
.case_list_title{ position:absolute; z-index:12; bottom:0; left:0; width:190px; height:41px; background: url(../images/case/case_name_bg.jpg) no-repeat;}
.cast_t{ display:block; padding-right:10px; width:170px; line-height:16px;}


.position{ position:relative; width:1003px; height:39px; border-bottom:1px solid #e1e1e1; line-height:39px;}

.btClose{ position:absolute; width:19px; height:17px; right:0; top:12px; z-index:100;}

.project_con{ position:relative; width:1003px; height:40px; z-index:2;}
.project_description{ position:absolute; left:0; top:40px; z-index:200; width:1003px; height:203px;  background:#fff; border-bottom:1px solid #e70012;filter:alpha(opacity=90);-moz-opacity:0.9; opacity: 0.9; }
.project_description dt{ padding-bottom:10px;}
.project_details span{ display:block;  height:19px; background:#838383; color:#fff; text-align:center; line-height:19px; margin-top:15px;}
.project_details span	a.white { color:#fff; text-decoration:none;}
.project_details span a.white:hover { color:#8F1B21;}


.project_details{ float:left; width:153px; padding-left:100px; padding-top:12px;}
.description{ float:left; width:640px; margin-left:30px;}
.description h4{ font-size:12px; font-weight:normal; padding-top:12px;}
.des_scroll{ width:640px; height:138px;}


.project_pic_list{ position:relative; width:1003px; margin-top:50px; height:408px; text-align:center; z-index:1; }


.left_thumbs{ position: absolute; left:0; top:123px; width:242px; height:480px; overflow:hidden; }
.left_thumbs_pic_list{ position:absolute; width:142px; left:-142px; top:220px;}
.left_thumbs_pic_list p{ width:142px; color:#8F1B21; font-family: Arial; line-height:16px;}

.right_thumbs{ position: absolute; right:0px; top:123px; width:242px; height:480px; overflow:hidden;}
.right_thumbs_pic_list{ position:absolute; width:142px; right:-142px; top:220px;}
.right_thumbs_pic_list p{ width:142px; color:#8F1B21; font-family: Arial; line-height:16px;}


.project_prev{ position:absolute; left:0px; top:230px; z-index:10;}
.project_prev a{ display:block; text-indent:-1000px; overflow:hidden; width:25px; height:25px; background:url(../images/case/inside_arrow.jpg) no-repeat;}
.project_prev a:hover{ background:url(../images/case/inside_arrow.jpg) no-repeat 0 -25px;}
.project_next{ position:absolute; right:0px; top:230px; z-index:10;}
.project_next a{ display:block; text-indent:-1000px; overflow:hidden; width:25px; height:25px;background:url(../images/case/inside_arrow.jpg) no-repeat -25px 0px;}
.project_next a:hover{ background:url(../images/case/inside_arrow.jpg) no-repeat -25px -25px;}

ul.city_list{  }
ul.city_list li{ width:80px;}

.city_scroll{ width:102px; padding-left:15px; height:140px; margin-top:8px;}

/*.topway_width{ position:relative; width:100%; z-index:100;}
.topway{ width:100%; position:absolute; margin-top:60px;left:0px; top:60px;}
.topway_left{ position:absolute;CURSOR: pointer;left:0px;	top: 80px; z-index:5; width:25px; height:25px; background:url(../images/case/topway_11.jpg) no-repeat;}
.topway_right{	position:absolute;	right:0px;	top: 80px;CURSOR: pointer; width:25px; height:25px; background:url(../images/case/topway_14.jpg) no-repeat;}
.tabs_tu{ float:left; width:237px; margin-right:15px; height:264px; padding:8px 11px 0 11px;}
.tabs li:hover{ background:url(../images/case/topway_03.jpg) no-repeat; width:237px; height:264px; display:block; color:red; padding:8px 11px 0 11px;CURSOR: pointer;}
.tabs{ width:100%; height:264px; overflow:hidden;}*/




 #wrap {color: #404040;width: 1222px;position:absolute;top:270px;z-index:101;left: 50%;margin-left: -611px;}
.jcarousel-skin-tango .jcarousel-container-horizontal { width:100%;}

.jcarousel-skin-tango .jcarousel-clip-horizontal {    width: 100%;}
#topway{ margin: 0 auto;}
#display {clear: both;width: auto;height: 250px;overflow: scroll;border: 1px solid #666;background-color: #fcfcfc;padding: 10px;display:none;}
.topway{ width:100%; position:relative; margin-top:60px;}
.topway_left{ position:absolute;CURSOR: pointer;left:0px;	top: 80px;}
.topway_right{	position:absolute;	right:0px;	top: 80px;CURSOR: pointer;}
.tabs_tu li{ float:left; width:237px; margin-right:15px; height:264px; padding:8px 11px 0 11px; display:block; CURSOR: pointer;}
.tabs_tu li:hover{ background:url(images/topway_03.jpg) no-repeat; color:red;}
.tabs{width:100%;height: 384px;overflow:hidden;}

.case_bat {position:absolute;left:50%;bottom: 15px;}
.case_bat li{width:10px;height:10px;background:#B3B3B3;margin-right:18px;float:left;cursor:pointer;}
.case_bat li.active{background:#8F1B21;}

.tabs li{float:left;width: 386px;margin-right:0px;height: 384px;padding:8px 11px 0 11px;display:block;CURSOR: pointer;}
.tabs li:hover{background:url(../images/case/topway_03.jpg) no-repeat; color:#8F1B21;}
.tabs li img{width: 384px;height: 302px;}
.tabs li p{ line-height:30px}

.jcarousel-clip-horizontal {width:  100%;height: 384px;}
.tabs li.tabs_tu a { width:237px; margin-right:15px; height:264px; padding:8px 11px 0 11px; CURSOR: pointer;}
.tabs li.tabs_tu a:hover{ background:url(images/topway_03.jpg) no-repeat; display:block; color:red;}
.jcarousel-prev-horizontal {position: fixed;top: 400px;left: 0px;width: 25px;height: 25px;cursor: pointer;background: url(../images/case/inside_arrow.jpg) no-repeat;}
.jcarousel-direction-rtl .jcarousel-prev-horizontal {    left: auto;    right: 5px;    background-image: url(next-horizontal.png);}
.jcarousel-prev-horizontal:hover,.jcarousel-prev-horizontal:focus,.jcarousel-prev-horizontal:active {background: url(../images/case/inside_arrow.jpg) no-repeat 0 -25px;}
.jcarousel-clip {overflow: hidden;}
.jcarousel-next-horizontal {position: fixed;top: 400px;right: 0px;width: 25px;height: 25px;cursor: pointer;background: url(../images/case/inside_arrow.jpg) no-repeat -25px 0px;}
.jcarousel-next-horizontal:hover,.jcarousel-next-horizontal:focus,.jcarousel-next-horizontal:active {background: url(../images/case/inside_arrow.jpg) no-repeat -25px -25px}

.carousel-left,
.carousel-right { position:absolute; top:185px; z-index:302; width:25px; height:25px;}
.carousel-left { left:0px; background: url(../images/case/topway_11.jpg) no-repeat 0 0;}
.carousel-right { right:0px; background: url(../images/case/topway_14.jpg) no-repeat 0 0;}


.case_title{width: 1102px;height:26px;border-bottom:1px solid #e1e1e1;margin: 50px auto;margin-bottom: 39px;padding-left: 98px;}
.case_title span{ float:left;}
.case_title p{ float:right;}
.case_title a{ color:#8F1B21;}