@charset "utf-8";
/* CSS Document */
body{ color:#000;min-width: 1300px;}

.wrap {width: 1200px; min-width: 1200px; margin: 0 auto;}

.headtop{width: 100%;margin: auto; background: #EFEFEF; height: 43px; line-height: 43px;}
.headtop .headtop_left{float:left; width: 180px; margin-left:68px;}
.headtop .headtop_left img{float:left; margin:10px 27px 0 0; }
.headtop .hradtop_nav{width: 450px; float: left;}
.headtop .hradtop_nav a{ width: 64px;float: left; text-align: center; font-size: 14px; line-height: 43px; font-family: "Microsoft YaHei"; color: #999;}

/*logo-substate*/
.headtop .headtop_left .chengshi {position: relative;z-index: 40;float:left;width:76px; }
.headtop .headtop_left .chengshi .tit-cs {display: block;cursor: pointer; line-height: 29px; padding-left: 20px;height: 29px; border: 1px solid #fff; margin-top: 11px;border-radius:10px;}
.headtop .headtop_left .chengshi .tit-cs .tit{display:block; color:#FFF; font-size:12px}
.headtop .headtop_left .chengshi i{margin-left: 11px; width: 10px; height: 11px; float: left; background:url(../images/headtop_ioc01.png) no-repeat; margin-top: 9px;}
.headtop .headtop_left .chengshi .d-list {position: absolute;top:40px;left:66%;display: none;width: 100px;margin-left: -50px;text-align: center;border-top: 3px solid #e43;border-bottom: 1px solid #e7e7e7;background: #fff;}
.headtop .headtop_left .chengshi .d-list .arrow {position: absolute;top: -19px;left: 50%;margin-left: -4px;color: #e43;}
.headtop .headtop_left .chengshi .d-list a {line-height: 40px;display: block;margin-bottom: -1px;white-space: nowrap;border: 1px solid #e6e6e6; background: #FFF; z-index: inherit;}
.headtop .headtop_left .chengshi .d-list a:hover {text-decoration: none;color: #fff;border-color: #e43;background: #e43; z-index: 999;}
.headtop .headtop_left .chengshi .d-list-row {width: 300px;margin-left: -150px;}
.headtop .headtop_left .chengshi .d-list-row a {float: left;width: 99px;margin-left: -1px;}
.headtop .headtop_left .chengshi-hover .d-list {display: block;width:76px; height: 29px; }
.tit-cs small{    position: absolute;right: 7px;}

.w270 {width: 270px;}
.r {float: right;_display: inline;}
.col-login {margin-right: -50px;*zoom: 1;}
.col-login .x-ico i{width: 24px; height: 24px; margin-top: 10px; margin-right: 16px; float: left; background: url(../images/headtop_ioc02.png)}
.col-login .log-btn {font-size:12px;float: left;width:27px;margin-top: 14px;padding: 0 6px;color: #999; text-align: center;height: 15px;line-height: 15px;}
.col-login .log-btn:hover {text-decoration: none;opacity: .8;filter: alpha(opacity=80);}
.col-login .log-btnt {border-left: 1px solid #dbdbdb;}
.col-login .login-info {line-height: 1.6;float: left;width: 188px;color: #999;}
.col-login .login-info a {color: #999;}
.col-login .login-info a:hover {text-decoration: none;}

.banner_bg{ background: url(../images/top.jpg) #000000 center top;width: 100%;height: 678px;}

.clearfix{ overflow: hidden;}

.sjs_info .title,.view_topic .icon,.question_list_part_one .img,.question_list ul li .icon{ background:url(../images/sprite_png.png);}


.sjs_info{ margin: 80px 0 50px;}
.sjs_info .title{ width: 410px; height: 42px; background-position:0 0; margin: 0 auto;}
.sjs_info .border_top{height: 10px; width: 100%; background: url(../images/border_top.jpg) repeat-x 0 0; margin-top: 50px;}
.sjs_info .border_bottom{height: 7px; width: 100%; background: url(../images/border_bottom.jpg) repeat-x -5px 0;}
.sjs_info .detail{ border-left: 2px #DBDBDB solid; border-right: 2px #DBDBDB solid; padding-bottom: 35px;}
.sjs_info .detail .detail_left{ width: 645px; height: 420px; float: left; margin: 25px 40px 0 25px; position: relative;}
.sjs_info .detail .detail_left .sjs_img{ width: 633px;height: 400px; position:absolute; top: 0; left: 0; z-index: 1; overflow: hidden;}
.sjs_info .detail .detail_left .sjs_img img{ margin-left: -9%;}
.sjs_info .detail .detail_left .bg{ width: 633px;height: 400px; margin: 10px 0 0 10px; background: #C6A882;}
.sjs_info .detail .detail_left .sjs_url{position: absolute;top: 388px;left: 238px; width: 130px; height: 32px; line-height: 32px; color: #fff;background: #C6A882;z-index: 2;text-align: center;font-size: 14px;}
.sjs_info .detail .detail_right{ padding-top: 25px; float: left; width: 445px; font-family: '微软雅黑';}
.sjs_info .detail .detail_right .name{color: #c3b4a1;font-size: 32px;}
.sjs_info .detail .detail_right .rank{width: 100%; padding: 20px 0;font-size: 18px;color: #333;border-bottom: 2px #bcbcbc dotted;}
.sjs_info .detail .detail_right .space,.sjs_info .detail .detail_right .ideas,.sjs_info .detail .detail_right .works{ margin-top: 23px; font-size: 14px; color: #999;}
.sjs_info .detail .detail_right .space .column_name ,.sjs_info .detail .detail_right .ideas .column_name,.sjs_info .detail .detail_right .works .column_name{font-size: 18px; color: #333; margin-bottom: 5px;}

.Interview_content{ background:#FBF9F2;padding-top: 40px;}
.design_view{ padding-bottom: 20px;}

.view_topic{ width: 100%; border:1px #999 solid; position: relative; padding-bottom: 40px;}
.view_topic .icon{position: absolute;top: -1px;left: 30px;display: block;width: 30px;height: 80px;background-position: 0 -146px;}
.view_topic .head{ width: 120px; height: auto; float: left; padding: 35px 0 0 90px;}
.view_topic .detail{float: left;display: block;margin: 30px 80px 0 90px;color: #333;font-size: 16px;line-height: 28px;font-family: '微软雅黑';}

.question_list{ padding-top: 50px;}
.question_list ul{width: 850px; float: left;}
.question_list ul li .icon{width: 13px; height: 13px; display: block; float: left;margin-top: 7px; cursor: pointer;}
.question_list ul li .icon_ask{ background-position: -1px -121px;}
.question_list ul li .icon_answer{ background-position: -28px -125px;}
.question_list ul li img{ max-width: 100%;}
.question_list ul li p{ float: left;width: 95%;display: block; padding-left: 5px;font-size: 16px; color: #666;line-height: 24px;font-family: '微软雅黑';}
.question_list ul li.zf_ask { padding-bottom: 5px;}
.question_list ul li.zf_answer { padding-bottom: 20px;}
.question_list ul li.zf_ask p{color: #aa8223;}
.question_list ul li.zf_answer p{color: #666;}
.question_list_part_one .img{width: 305px; height: 530px;display: block; background-position:-148px -85px; margin-right: 30px; float: left;}
.question_list_part_two .img{width: 305px; height: auto;display: block;float: right; position: relative;}
.question_list_part_two .img img{width: 230px;padding: 10px;position: absolute;top: 0;left: 30px;background: #fff;}
.question_list_part_two .img .bg{height: 285px; width: 244px;display: block; background: url(../images/bg.jpg) repeat 0 0; margin-top: 50px;}

.question_list_part_three{ padding-bottom: 70px;}
.question_list_part_three .img{width: 305px; height: auto;display: block;float: left; position: relative; margin-right: 35px;}
.question_list_part_three .img img{width: 230px;  padding: 10px; position: absolute; top: 0; left:0; background: #fff;}
.question_list_part_three .img .bg{height: 285px; width: 244px;display: block; background: url(../images/bg.jpg) repeat 0 0; margin: 55px 0 0 40px;}