body{ background-color:#fff;}
.column_side{width: 280px; height:420px; position: absolute; *position: absolute; top:40px; left: 0; z-index: 10; border-bottom:1px #eee solid; display:block }
.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: 148px; overflow: hidden; margin-bottom: 5px;}
.column .column_content .column_list a{ padding: 0 30px 15px 0; height: 14px; line-height: 14px;  width: auto; display:block; float: left;color: #666; min-width: 24px; zoom:1 }
.column .column_content .column_list a:hover{color:#e70103;}
.column .column_content .column_list a.red{ color: #e70103;}
.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: 460px;overflow: hidden;position: relative;}
#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: 1180px; height: 161px; margin: 0 auto; margin-top: 20px;border-top:1px #eee solid; border-left:1px #eee solid;}
.module_list ul li{ width: 294px; height: 42px; overflow: hidden; padding: 60px 0; float: left; border-right:1px #eee solid; border-bottom:1px #eee solid; }
.module_list ul li .icon{ width: 40px; height: 42px; float: left;background: url(/images/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;  margin-bottom:10px;  }
.module_list ul li .module_words a:hover{ color: #e70103;}
.module_list ul li .module_words label{ color: #999;}

.column_index { width: 1180px; height: auto; margin: 0 auto; margin-top: 40px;}
.column_index .column_name{ width:100%; height: auto; border-bottom: 1px #eee solid; padding-bottom: 15px;}
.column_index .column_name p{ width: auto; height: 24px; line-height: 24px; float: left;  cursor: pointer; color: #333; font-size: 24px; margin-right: 30px; }
.column_index .column_name p.cur{ color: #e70103;}
.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: #999;}
.column_index .column_name label a:hover{ color: #e70103;}
.content_designers { width: 100%; height: 220px; overflow: hidden; position: relative; margin-top: 20px;}
.content_designers .designers_detail{position: absolute; right: -20px; width: 1200px;}
.designers_list .scroll_content{width: 100%;height: 220px;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: 1200px; float: right; overflow: hidden; height: 220px;}
.designers_list ul.designers_list_top{ width:100%; height: 220px;  overflow: hidden;}
.designers_list ul.designers_list_top li{ width: 220px; height: 220px; float: left; position: relative; margin-right:20px}
.designers_list ul.designers_list_top li .user_msg{ height: auto; width: 220px; position: absolute; left: 0; bottom: 0;background: url("/images/pic_bg.png") repeat-x 0 -240px;}
.designers_list ul.designers_list_top li img{ width: 220px; height: 220px;}
.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("/images/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("/images/sprite.png") 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;}

.new_content{height:305px;overflow: hidden;}
.column_new_content{}
.designers_list_01{ width: 1020px;}
.column_index .check_more{ width: 180px; height: 40px; display: block; background: #e70103; 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;}
.index_case_list ul{ width: 104%;}
.index_case_list ul li{ width: 278px; height: 374px; float: left; margin-right: 20px; position: relative; border: 1px #eee solid;}
.index_case_list ul li .big_img { width: 100%; height: 280px;}
.index_case_list ul li .big_img img { width:280px; height: 280px;}
.index_case_list ul li .small_img{ width: 60px; height: 60px; position: absolute; top: 250px; 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: #e70103;}
.index_case_list ul li .title{height: 14px;padding-top: 40px; color: #333;}
.index_case_list ul li .name{ padding: 8px 0 20px; 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: #e70103; 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("/images/pic_bg.png") repeat-x 0 -20px; left:0; color: #fff; font-family:'微软雅黑'; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}

.index_original_list{ width: 1179px; height: auto; overflow: hidden; border-right:1px #eee solid; border-bottom:1px #eee 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: #e70103;}
.index_original_list .green{ background: #54bda6;}
.index_original_list .original_detail{ width: 275px; height: 210px; float: left; margin:20px 20px 0 0; text-align:center; position:relative;}
.index_original_list .original_detail img{ width: 275px; 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: #e70103;}
.index_original_list .original_detail .ico{ width:100%;height:100%; position:absolute; z-index:999; left:0px; top:0px; background:url("/images/play2.png") 110px 70px no-repeat;}

.index_news_list{ width: 102%; margin: 30px 0 40px;}
.index_news_list .news_info{ width: 340px; height: 545px; float: left; overflow: hidden; border: 1px #eee solid; padding: 20px 18px 20px 20px; margin-right: 20px;}
.index_news_list .news_info p.column_name{ width: 80%; font-size: 18px; height: 18px; line-height: 18px; border: 0; padding-bottom:10px; color: #333; font-family:'微软雅黑';}
.index_news_list .news_info .news_list{ height: 100px; padding: 0; border-bottom: 1px #eee solid; position:relative}
.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:330px; float: left; height: 60px; margin:20px 10px 0 10px;}
.index_news_list .news_info .news_list a,.news_title{ font-size: 14px; height: 25px; display: block; color: #333; padding:0;}
.index_news_list .news_info .news_list a:hover{ color: #e70103;}
.index_news_list .news_info .news_list .news_title a { display: inline; padding: 0;}
.index_news_list .news_info .news_list .answer{ width:330px; height:40px; line-height:20px; overflow:hidden; float: left; color: #999; overflow: hidden; }
.index_news_list .news_info .news_list .last_time{width:100px; text-align: right; font-size: 12px; position:absolute; top:20px; right:10px;}

.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: 40px;}
.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;}


    #content{margin-top: 0;}
    .swiper-container {
        height: 420px;
    }
    .slider_mark {
        width: auto;
        position: absolute;
        bottom: 15px !important;
        left: 50% !important;
        height: 15px;
        z-index: 100;
        margin-left: -50px;
    }
    .slider_mark li {
        width: 10px;
        height: 10px;
        float: left;
        margin: 0 5px;
        border-radius: 5px;
        cursor: pointer;
    }
    .content_width { width: 100%; margin: 0 auto;}