
.column_side{width: 280px; height:420px; position: absolute; *position: absolute; top:40px; left: 0; z-index: 10; border-bottom:1px #eee solid; }
.column{ width: 280px; height:420px; background: #fff; float: left; }
.column .column_content { width:220px; margin:0 30px 0; }
.column .content_outside { border-bottom:1px #eee solid; background: #fff; }
.column .column_content .column_name{ padding: 21px 0 16px; font-size: 14px; color: #333;     }
.column .column_content .column_name em{ margin-left: 5px; width: 7px; height: 12px; display: inline-block; background-position: -342px -45px; }
.column .no_border { border-bottom: none;}
.column .column_content .column_list{ width: 262px; height: 81px; overflow: hidden; margin-bottom: 5px;}
.column .column_content .column_list a{ padding: 0 30px 15px 0; height: 12px; line-height: 14px; width: auto; display:block; float: left;color: #666; min-width: 24px; zoom:1 }
.column .column_content .column_list a:hover{color:#dd4f50;}
.column .column_content .column_list a.red{ color: #dd4f50;}
.column_outside{ -webkit-box-shadow: 0 10px 14px #737373; -moz-box-shadow: 0 10px 14px #737373; box-shadow: 1px 1px 1px #EDEDED;}
.column_inner { position: absolute; left:280px; top:0; z-index: -1; height: auto; border: 1px #eee solid;  display: none; padding-bottom:0;  }
.column_inner .column_content { border: none;}

.column_inner .column_content .column_list{ width: 262px; height: auto; overflow: hidden;}
.inner_01{ top:0;}
.inner_02{ top:140px;}
.inner_03{top:32px; *top:30px;}
.column .outside_cur { width:220px; margin:0; border-bottom:1px #eee solid; padding: 0 32px 0 30px; }
.column .outside_prev_cur { width:220px; margin:0; border-bottom:1px #eee solid; padding: 0 30px 0 30px; }


.content_width_index{padding-top: 0px !important;z-index: 100 !important;}

#index_slider{width: 100%;height: 420px;overflow: hidden;position: relative;min-width: 1180px;}
#index_slider li{ float: left;}
/*.index_banner .banner_slider li{width: 100%;height: 420px;overflow: hidden; position: absolute;}
.index_banner .banner_slider li.on{display: none;}
.index_banner .banner_slider li img { width: 100%; height: 420px;}
.index_banner .slider_mark{ width:auto; position: absolute; bottom: 15px;left: 50%;height: 15px; z-index: 100; margin-left: -50px;}
.index_banner .slider_mark li{width: 10px;height: 10px;float: left;margin: 0 5px; background: #000; opacity: 0.75; border-radius:5px; }
.index_banner .slider_mark .on{ background: #707070;}
.index_banner .slider_ico{display: block;width: 10px;height: 10px; overflow: hidden;opacity: 0.5;filter:alpha(opacity=50);}
.index_banner .mark_dot_on .slider_ic{opacity: 100;filter:alpha(opacity=100);}
.index_banner{right: 0;}*/

.module_list{ width: 1200px; height: 161px; margin: 0 auto; border-top:1px #D7D4D4 solid; border-left:1px #D7D4D4 solid;}
.module_list ul li{ width: 299px; height: 42px; overflow: hidden; padding: 60px 0; float: left; border-right:1px #D7D4D4 solid; border-bottom:1px #D7D4D4 solid; }
.module_list ul li .icon{ width: 40px; height: 42px; float: left;background: url(../image/sprite.png) no-repeat;}
.module_list ul li .icon_cast{ margin-left: 48px; background-position: -4px -61px;}
.module_list ul li .icon_designers{ margin-left: 34px; background-position:-60px -61px; }
.module_list ul li .icon_answer{ width: 50px; margin-left: 42px; background-position: -111px -62px; }
.module_list ul li .icon_trade{ width: 41px; margin-left: 32px; background-position:-173px -62px; }
.module_list ul li .module_words{ width: 187px; float: left; margin-left: 15px;}
.module_list ul li .module_words a{ width: 100%; display: block; font-size: 18px; height: 18px; line-height: 18px; color: #333; font-family:'微软雅黑'; margin-bottom:10px;  }
.module_list ul li .module_words a:hover{ color: #dd4f50;}
.module_list ul li .module_words label{ color: #999;}

.column_index { width: 1200px; height: auto; margin: 0 auto; margin-top: 35px;}
.column_index .column_name{ width:100%; height: auto; border-bottom: 1px #D7D4D4 solid; padding-bottom: 10px;}
.column_index .column_name p{ width: auto; height: 24px; line-height: 24px; float: left; font-family:'微软雅黑'; cursor: pointer; color: #333; font-size: 24px; margin-right: 30px; }
.column_index .column_name p.cur{ color: #dd4f50;}
.column_index .column_name label {width: auto; float: right; padding-top: 12px;}
.column_index .column_name label a{ width: auto; float: left; margin-left: 20px; color: #666;}
.column_index .column_name label a:hover{ color: #dd4f50;}
.content_designers { width: 100%; height: 285px; overflow: hidden; position: relative; margin-top: 20px;}
.content_designers ul.tab_name{ width: 158px; position: absolute; left: 0; top: 0; border: 1px #eee solid; border-bottom: 0; z-index: 10; background: #fff; }
.content_designers ul.tab_name li{ width: 158px; height: 70px; cursor: pointer; line-height: 70px; color: #666; font-size: 14px; text-indent: 45px; border-bottom: 1px #eee solid;}
.content_designers ul.tab_name li em{width: 10px; height: 10px; margin:0 0 -2px 16px; display: inline-block;background: url(http://img.shejiben.com/global.png?20160326) -114px -148px; }
.designers_list{ width: 1020px; float: right;}
.content_designers ul.tab_name li.cur{ color: #dd4f50; border-left:3px #dd4f50 solid; text-indent: 43px; margin-left: -1px; }
.content_designers ul.tab_name li.cur em{background-position: -126px -148px; }
.content_designers .designers_detail{position: absolute; right: -20px; width: 1020px;}
.designers_list .scroll_content{width: 100%;height: 184px;overflow: hidden;position: relative;left: 0px;top: 0px;}
.designers_list .scroll_content-s{height: 84px;margin-top: 20px;}
.designers_list .scroll_content ul{position: absolute;top: 0px;}
.designers_list{ width: 1020px; float: right; overflow: hidden; height: 285px;}
.designers_list ul.designers_list_top{ width:100%; height: 184px;  overflow: hidden;}
.designers_list ul.designers_list_top li{ width: 204px; height: 184px; float: left; position: relative;}
.designers_list ul.designers_list_top li .user_msg{ height: auto; width: 184px; position: absolute; left: 0; bottom: 0;
    background: url(http://img.shejiben.com/index/pic_bg.png) repeat-x 0 -240px;}
.designers_list ul.designers_list_top li img{ width: 184px; height: 184px;}
.designers_list ul.designers_list_top li .user_msg .user_name{ width: auto; float: left; color: #fff;  padding: 40px 0 10px 20px;}
.designers_list ul.designers_list_top li .user_msg .user_company{width: auto; float: right; color: #CBCBCB; padding: 40px 20px 10px 0;}
.designers_list ul.designers_list_top li .user_msg .user_company a{color: #999;}

.designers_list ul.designers_list_bottom{ width: 100%; height: 82px; margin-top: 20px; }
.designers_list .scroll_content-s ul.designers_list_bottom {margin-top: 0;}
.designers_list ul.designers_list_bottom li{ width: 102px; height: 82px; float: left; position:relative;}
.designers_list ul.designers_list_bottom li .img{ width: 82px; height: 82px; display: block;}
.designers_list ul.designers_list_bottom li img{ width: 82px; height: 82px;}
.designers_list ul.designers_list_bottom li .username{height: 12px; line-height: 12px; width: 82px; padding: 20px 0 10px 0; color: #fff;
    text-align: center; position: absolute; left: 0; bottom: 0; z-index: 100; display: block;
    background: url(http://img.shejiben.com/index/pic_bg.png) repeat-x 0 -248px;}
.designers_list .prev , .designers_list .next { width: 30px; height: 34px;  position: absolute; top: 125px; margin-top: -34px;  z-index: 10;
    filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity: 0.5;opacity:0.5; background: url(http://img.shejiben.com/index/sprite.png?v=0.1) no-repeat #000; }
.designers_list .prev{background-position: -255px -34px; left: 0px;}
.designers_list .next{background-position: -289px -35px; right: 20px;}
.designers_list .prev:hover , .designers_list .next:hover{  filter:alpha(opacity=75);-moz-opacity:0.75;-khtml-opacity: 0.75;opacity:0.75;}

.column_new_content{height:305px;overflow: hidden;}
.designers_list_01{ width: 1020px;}
.column_index .check_more{ width: 180px; height: 40px; display: block; background: #dd4f50; margin: 0 auto; margin-top:30px; line-height: 40px; text-align: center; color: #fff; font-size: 14px; border-radius: 3px; }
.column_index .check_more:hover{ background: #f77071;}
.column_index .check_more em.arrow{ width: auto; height: 16px; line-height: 14px; display: inline-block; font-family: '宋体'; margin-left:5px; font-size: 16px;}

.index_case_list{width: 100%; height: auto; margin-top: 20px; overflow: hidden;}
.index_case_list ul{ width: 104%;}
.index_case_list ul li{ width: 222px; height: 244px; float: left; margin-right: 20px; position: relative; border: 1px #D7D4D4 solid;}
.index_case_list ul li .big_img { width: 100%; height: 200px;}
.index_case_list ul li .big_img img { width:222px; height: 200px;}
.index_case_list ul li .small_img{ width: 60px; height: 60px; position: absolute; top: 150px; left: 110px;}
.index_case_list ul li .small_img img {width: 60px; height: 60px; border-radius:30px; border: 1px #fff solid;}
.index_case_list ul li a,.index_case_list ul li span{ width: 100%; height: 12px; display: block;  text-align: center;}
.index_case_list ul li a:hover{color: #dd4f50;}
.index_case_list ul li .title{height: 14px;padding-top: 15px; color: #333;}
.index_case_list ul li .name{ padding: 8px 0 10px; color: #999;}

.index_company_list {width: 1179px; height: auto; border-right:1px #eee solid; }
.index_company_list ul{width: 101%; height:118px;}
.index_company_list ul li{ width: 196px; height: 118px; float: left; border-left:1px #eee solid; position: relative; cursor: pointer;}
.index_company_list ul li img{ width: 120px; height: 40px; margin:0 auto; margin-top: 39px;}
.index_company_list ul li em{ width: 12px; height: 7px; display: block; position:absolute;bottom:-1px; left: 92px;}
.index_company_list ul li.cur em { background-position: -375px -49px; z-index: 10;}
.index_company_list .company_content{ width: 100%; height: 144px; overflow: hidden;}
.index_company_list .company_detail {width: 1178px; height: 140px; display: block; border:1px #eee solid; background: #f8f8f8;}
.index_company_list .company_detail .c_img{ width: 80px; height: 80px; float: left; margin:30px 20px 30px 40px;}
.index_company_list .company_detail .c_img img{ border-radius: 40px; width: 80px; height: 80px;}
.index_company_list .company_detail .c_left{ width: auto; float: left; margin: 35px 0;}
.index_company_list .company_detail .c_left p{ font-size: 12px; color: #999; margin-top: 10px;}
.index_company_list .company_detail .c_left p em{ color: #666; margin-right: 7px;}
.index_company_list .company_detail .c_left .name{ font-size: 14px; height: 14px; color: #333; margin-top: 0;}
.index_company_list .company_detail .c_left .name a{ width: auto; height: auto; float: left;}
.index_company_list .company_detail .c_left .name em{ width:42px; height: 17px; float: left; margin-left: 10px; margin-right: 0; display: block;}
.index_company_list .company_detail .c_left .name em.icon_zm{ background-position: -168px -142px;}
.index_company_list .company_detail .c_left .name em.icon_rz{ background-position: -75px -142px;}
.index_company_list .company_detail .c_left .name em.icon_jy{ background-position: -121px -142px;}
.index_company_list .company_detail .c_left .name em.icon_xr{ background-position: -216px -142px;}
.index_company_list .company_detail .c_left .name em.icon_rz_qy{ background-position:-264px -142px;}

.index_company_list .company_detail .c_left .city{ margin-top: 20px;}
.index_company_list .company_detail .c_mid{width: auto; height: 24px; line-height: 24px; float: right; margin: 58px 0; font-size:18px; color: #dd4f50; font-family:'微软雅黑'; }
.index_company_list .company_detail .c_mid em{ width: 22px; height: 24px; display: inline-block; background-position: -335px -8px; float: left; margin-right:10px; }
.index_company_list .company_detail .c_right{width: 472px; height: 98px; float: right; margin: 20px 0 0 40px;}
.index_company_list .company_detail .c_right img { width: 98px; height: 98px; float: left; margin-right:20px; }

.pic_content{ height: 590px; width: 100%; overflow: hidden; margin-top: 20px;position: relative;}
ul.index_pic_list{width: 1200px;height: 600px;overflow: hidden;}
ul.index_pic_list li{ width: 280px; height: 280px; float: left; margin:0 20px 20px 0; position: relative; }
ul.index_pic_list li img{ width: 280px; height: 280px;}
ul.index_pic_list li.li_01{ width: 580px;}
ul.index_pic_list li.li_01 img{ width: 580px; height: 280px;}
ul.index_pic_list li.li_01 .title{ width: 540px;}
ul.index_pic_list li .title{ width: 240px; height: 18px; display: block; padding: 100px 20px 20px 20px; font-size: 18px; position: absolute; z-index: 10; bottom: 0;
    background:url(http://img.shejiben.com/index/pic_bg.png?v=0.1) repeat-x 0 -20px; left:0; color: #fff; font-family:'微软雅黑'; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}

.index_original_list{ width: 1200px; height: 239px; overflow: hidden; border-right:1px #D7D4D4 solid; border-bottom:1px #D7D4D4 solid; }
.index_original_list .column_name{ width: 224px; height: 239px; float: left; line-height: 239px; text-align: center; color: #fff; font-size: 26px; font-family:'微软雅黑'; margin-right: 14px; padding: 0; position: relative; }
.index_original_list .column_name em{ width: 10px; height: 17px; display: block; position: absolute; z-index: 10; right: 0; top:110px; background-position: -367px -11px;}
.index_original_list .red{ background: #dd4f50;}
.index_original_list .green{ background: #54bda6;}
.index_original_list .original_detail{ width: 210px; height: 210px; float: left; margin:20px 0 0 20px;}
.index_original_list .original_detail img{ width: 210px; height: 174px;}
.index_original_list .original_detail .title{ width: 100%; display: block; color: #666; margin-top: 12px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.index_original_list .original_detail .title:hover{color: #dd4f50;}

.index_news_list{ width: 102%; margin: 20px 0 20px;}
.index_news_list .news_info{ width: 345px; height: 250px; float: left; overflow: hidden; border: 1px #D7D4D4 solid; padding: 20px 18px 20px 20px; margin-right: 20px;}
.index_news_list .news_info p.column_name{ width: 100%; font-size: 14px; height: 14px; line-height: 22px; border: 0; padding-bottom:0; color: #333; font-family:'微软雅黑';}
.index_news_list .news_info .news_list{ height: 100px; padding: 0; border-bottom: 1px #eee solid;}
.index_news_list .news_info .news_list img{ width: 60px; height: 60px; border-radius:30px; float: left; margin-top: 20px; }
.index_news_list .news_info .news_list .news_msg{ width:260px; float: left; height: 60px; margin:20px 0 0 20px;}
.index_news_list .news_info .news_list a,.news_title{ font-size: 14px; height: 16px; display: block; color: #333; padding: 10px 0 14px;}
.index_news_list .news_info .news_list a:hover{ color: #dd4f50;}
.index_news_list .news_info .news_list .news_title a { display: inline; padding: 0;}
.index_news_list .news_info .news_list .answer{ width:180px; float: left; color: #999; overflow: hidden; white-space: nowrap; text-overflow: ellipsis}
.index_news_list .news_info .news_list .last_time{width:64px; text-align: right; float: right; font-size: 12px;}

.index_news_list .order .news_list .news_msg em{ padding: 0 20px 0 0;}
.index_news_list .commit .news_list .news_msg em{ padding: 0 10px 0 0;}


/*首页半通栏广告*/
.bantonglan{margin-top: 60px;}
.column_index .sjs_index_bantonglan{width:580px; height:90px;float:left;}
.column_index .sjs_index_bantonglan img{width: 580px; height: 90px;}
.column_index .first{margin-right: 20px;}

/*改动的设计机构的样式*/
.search_company .column_name{border: none;}
.column_index .index_rank_img {position: relative; width: 1178px; height: 174px; overflow: hidden; border: 1px #eee solid;}
.column_index .index_rank_img div{width: 550px;height: 174px;overflow: hidden; position: absolute; top: 0}
.column_index .index_rank_img div.index_rank_img_1{left:0; z-index: 1}
.column_index .index_rank_img div.index_rank_img_2{left:550px; z-index: 2}
.column_index .index_rank_img div.index_rank_img_3{left:760px; z-index: 3}
.column_index .index_rank_img div.index_rank_img_4{left:970px; z-index: 4}
.column_index .index_rank_img .on{width: 550px;}

.search_pic .column_name_l{ width: 400px; float: left;}
.search_pic .column_name_r{ width: 600px; float: right;}



/**灵感图集首页样式start*/
.classify{height:60px;background:#efefef;padding:0px 20px;margin:15px 0px;}
.classify_nav{float:left;padding-top:12px;}
.classify_nav .type{margin-right:5px;}
.classify_nav .type,.classify_nav .topic_link,.classify_nav .add_topic{float:left;}
.classify_nav a{margin-right:20px;}
#add_topic{color:#3e8803;line-height:25px;}
.classify_nav .type{line-height:25px;}
.classify_nav .topic_link{text-align:center;line-height:22px;padding:0px 2px;}
.classify_nav .on_topic_link{background:#3e8803;color:#fff;}
.classify_nav .topic_link:hover{text-decoration:underline;}
