/* CSS Document */
/* CSS Document */
#ho_info { background-color: #f5f5f5; min-height: 100px; }
#ho_info .now_work {padding: 20px 0px 4px 0px;; margin:0px; height:47px; overflow:hidden; }
#ho_info .now_work .pub_work { border: 1px solid #e9e8e6; background-color: #FFF; width: 590px; overflow:hidden; height: 45px; position: relative;  }
#ho_info .now_work .now_work_img { position: absolute; top: 0px; left: 0px; width: 140px; height: 100%; background-color: #007DE4; }
#ho_info .now_work .now_work_img img { display: block; margin: 9px auto; }
#ho_info .now_work .now_work_font1 { color: #313131;  font-size: 14px; line-height: 24px;     margin-left: 0px;}
#ho_info .now_work .now_work_font2 { color: #7d7d7d; font-size: 12px;    margin-left: 0px; }
#ho_info .now_work .now_work_time { position: absolute; top: 4px; right: 10px; height: 35px; }
/*#ho_info .now_work .now_work_time img { display: inline-block; }*/
#ho_info .now_work .now_work_time span:nth-child(1){    border-radius: 22px;
    height: 40px;
    min-width: 40px;
    background-color: #ddd;
    margin: -2px 0px 0px 23px;
    font-size: 28px;
    color: white;
    line-height: 40px;
    text-align: center;
}
#ho_info .now_work .now_work_time span:nth-child(2) { position: relative; top: -3px; margin-left: 5px; }

#list_demo{ height:348px; width:1202px; overflow:hidden; background-color: #F5F5F5;    margin: 0px 0px 0px 3px;}
#box2{ height: 350px; background: none repeat scroll 0 0 #F5F5F5; overflow: hidden;width: 1193px;margin: 0px auto 0 auto;}
#list_demo .main{clear:both;margin:0 auto;text-align:left;width:1050px;overflow:hidden;}
#list_demo .banner_tit{border-bottom:1px solid #e9e8e6;line-height:45px;font-size:18px;height:45px;padding-left:20px;position:relative;color:#444;}
#list_demo .role_fen{color:#007DE4;font-size:24px;}
#list_demo .hot_role{width:1995px;overflow:hidden;}
#centerwell{position:relative;height:350px;margin:0;padding:0;background:#F5F5F5;overflow:hidden;width:1202px;}
#centerwell li{position:relative;width:239px;height:350px;float:left;background:white;overflow:hidden;}
#centerwell h3{top:0;left:0;margin:0;height:350px;background-color:#000000;position:relative;cursor:pointer;width: 240px;}
#centerwell h3>div:first-child{text-align:center;padding:0 5px;width:230px;white-space:nowrap;height:42px;line-height:42px;color:white;overflow:hidden;text-overflow:ellipsis;background-color:rgba(0,0,0,0.4);position: absolute;bottom:88px;}
#centerwell h3>div:nth-child(2){position: absolute;bottom:28px;width:240px;}
#centerwell h3>div:nth-child(2) h1{color:#fff;font-size:22px;text-align: center;line-height:36px;}
#centerwell h3>div:nth-child(2) h4{color:#fff;font-size:14px;text-align: center}
#centerwell .hot_content{position: absolute;left: 243px;top: 15px;width: 450px;color: #5f5f5f;letter-spacing: 0pt;overflow: hidden;}
#list_demo .intr_brand {    margin: 37px 0px 0px 41px;float: left; background-image: url(../image/yuan_name.png); width: 130px; height: 130px; text-align: center; color: #7d7d7d;font-size: 10px; line-height: 18px; }
#list_demo .intr_brand span {  color: #007DE4; font-size: 18px; display: inline-block; margin-top: 30%; }
#list_demo .intr_Introd {    margin: -136px 0px 0px 0px;float: left; width: 220px; font-size: 12px; color: #444; line-height: 28px; margin-left: 25px; }
#list_demo .intr_font {    color: #444;font-size: 12px;  width: 419px; line-height: 28px; margin: 37px 0px 0px 27px; }
.intr-img img{margin-left: 20px;height:auto}
#centerwell h3 .hot_title{display:block;position:absolute;z-index:10;left:0;bottom:0;width:72px;height:177px;color:#444;text-align:center;}
#centerwell h3.on .hot_title{display:none;}
#list_demo .hot_content .hot_left{float:left;}
#list_demo .img_box{border:1px solid #000000;}
#list_demo .hot_left img{height:170px;width:130px;}
#list_demo .hot_content .hot_top{float:right;}
#list_demo .hot_top dl{position:relative;}
#list_demo .hot_top dl dt{float:left;}
#list_demo .img_box{border:1px solid #000000;}
#list_demo .hot_top dl dd{float:left;line-height:21px;padding-left:10px;width:260px;padding-right:10px;}
/*左右广告*/
#right_pic{width: 100px;height: 334px;position: absolute; z-index : 999;overflow: hidden;background-color: white}
#right_pic ul img{width: 100px;height: 50px;margin: -2px 0px}
#right_pic ul li:nth-child(1),#left_pic ul li:nth-child(1){    height: 20px;
    line-height: 20px;
    font-size: 14px;
    background-color: white;
    text-align: center;}
#right_pic ul li,#left_pic ul li{    margin: 10px 0px 0px 0px;}
#left_pic{width: 100px;height: 334px;position: absolute; z-index : 999;overflow: hidden;background-color: white;right: 1px}
#left_pic ul img{width: 100px;height: 50px;margin: -2px 0px}
@media screen and (max-width: 1400px) { #left_pic { display: none;   } #right_pic { display: none;   }}

#id_last { background-color: #FFF; ing: 30px 0px; min-width:1200px; }
#id_last .last_work { border-top: 2px solid#007DE4; }
#id_last .last_car { height: 25px; padding: 17px 0px; position: relative; text-align: center;    margin: 4px 0px 5px 34px; }

#id_last .last_car ul{ width:930px;margin: 0px auto; }
#id_last .last_car li { width: 100px; border: 1px solid #e9e8e6; height: 25px; line-height: 25px; padding: 0px 5px; margin: 0px 20px; color: #444; font-size: 14px; float:left;border-radius:3px;}
#id_last .last_car .li_now_list { background-color: #007DE4; color: #fff; }
#id_last .last_car .li_now_change { position: absolute; padding-left: 18px; top: 17px; right: 0px; color: #888;background-image: url(../image/new_shuax.png); background-position: 0px center; background-repeat: no-repeat; }
#id_last  .ul_now { display: block;}

.picScroll-lefts {  overflow: hidden;  position: relative;margin-bottom: 20px; }
.picScroll-lefts .tempWrap{overflow:hidden; position:relative; width:1170px;margin-left:4px;}
.picScroll-lefts .picList{width: 9999px; overflow: hidden; padding: 0px; margin: 0px;}
.picScroll-lefts .picList>div{position: relative;display: inline-block;top:0px;}
.picScroll-lefts .hd {  overflow: hidden;height:180px;margin-top:120px;}
.picScroll-lefts .hd ul { float: right;  overflow: hidden;  zoom: 1;  margin-top: 10px;  zoom: 1;height: 260px;overflow: hidden  }
.picScroll-lefts .bd {  margin: 10px;position: absolute;;top: 0;width:1170px;}
/*.picScroll-lefts .bd ul{display: none}*/
.picScroll-lefts .bd ul li {float:left;height: 276px;width:188px;margin: 0 3px; overflow: hidden;cursor: pointer; background: url("../image/pin_work.png") 0 0px no-repeat;   }
.picScroll-lefts .bd ul li a{display: inline-block;padding: 10px;}
.picScroll-lefts .bd ul li .pub_floatL{color: #007DE4;}
.picScroll-lefts .bd ul li .pub_floatR {color: #7d7d7d;}
.picScroll-lefts .bd ul li .pub_name {  font-size: 12px;  word-wrap:break-word;  color: #7d7d7d;  height: 36px;  overflow: hidden;  margin-top: 5px;  }
.picScroll-lefts .hd .prev, .picScroll-lefts .hd .next {border-radius: 2px;display: block;width:20px;height:40px;line-height: 40px;color:#fff;text-align: center;  float: left;  overflow: hidden;  cursor: pointer; background: rgba(0,0,0,0.2);}
.picScroll-lefts .hd .next {  background-position: 0 -50px;float:right  }




.project_left1 .bann_img { width: 365px; height: 224px; position: relative; }
.project_left1 .bann_img img { display: block; }
.project_left1 .bann_size { position: absolute; bottom: 0px; left: 0px; width: 100%; line-height: 35px; height: 35px; }
.project_left1 .bann_size_name { z-index: 10; text-align: center; color: #FFF; font-size: 14px; }
.project_left1 .bann_size_backimg { z-index: 9; background-color: #444; filter: alpha(opacity:50); opacity: 0.5; -moz-opacity: 0.5; -khtml-opacity: 0.5; }
.project_tietl {     color: #007DE4;
    display: inline-block;
    font-weight: bold;
    font-size: 14px;
    height: 25px;
    width: 366px; }
.project_tietl p{    width: 60px;
    border-bottom: 2px solid;
    padding: 0px 0px 5px 0px;}
.project_tietl a{    float: right;
    margin: -23px 0px 0px 0px;
    font-weight: 100;
    color: #888;
    font-size: 12px;}
.project_tiet2 {   color:#007DE4;
    display: inline-block;
    font-weight: bold;
    font-size: 14px;
    height: 25px;
    width: 215px;
}
.project_tiet2 p{      width: 60px;
    border-bottom: 2px solid;
    padding: 0px 0px 5px 0px;}
.project_tiet2 a{   float: right;
    margin: -21px 0px 0px 0px;
    color: #888;
    font-weight: 100;
    font-size: 12px;}
.project_tiet3 {   color:#007DE4;
    display: inline-block;
    font-weight: bold;
    font-size: 14px;
    height: 25px;
    width: 215px;
}
.project_tiet3 p{      width: 60px;
    border-bottom: 2px solid;
    padding: 0px 0px 5px 0px;}
.project_tiet3 a{   float: right;
    margin: -21px 0px 0px 0px;
    color: #888;
    font-weight: 100;
    font-size: 12px;}
.project_tiet4 {   color:#007DE4;
    display: inline-block;
    font-weight: bold;
    font-size: 14px;
    height: 25px;
    width: 286px;
}
.pub_floatR .tittle_word{text-indent: 2em;
    overflow: hidden;
    height: 40px;}
.project_tiet4 p{      width: 60px;
    border-bottom: 2px solid;
    padding: 0px 0px 5px 0px;}
.project_left1 li { color: #444;
    font-size: 14px;
    position: relative;
    padding-right: 50px;
    margin: 10px 0px 0px -7px;
    width: 317px;}
.project_left1 li span { position: absolute;
    top: 0px;
    right: 0px;
    background-color: #FFF;
    color: #a0a0a0; }
.project_left2 {    margin: 0px 22px 0px 35px;
    width: 242px;
    height: 320px;
 }
.project_left2 ul{  width: 222px;
    height: 323px;
    overflow: hidden;
    margin: 4px 0px 0px 0px;}
@-moz-document url-prefix(){
    .project_left2 ul{  width: 222px; height: 323px}
}
.disc{
    background: url("../img/c_16px.png")no-repeat;
    background-size: 4px 4px;
    padding-left: 14px;
    background-position: 1px 9px;
}
.project_left2 li {
    color: gainsboro;
    font-size: 12px;
    width: 238px;
    height: 30px;
    margin-left: 2px;
   }

.project_left2 li a{     font-size: 14px;
    display: inline-block;
    vertical-align: middle;
    width: 201px;
    height: 22px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;}

.list_more { display: block; height: 16px; }
.list_more a { display: block; float: right; }
.project_left3 {width: 220px;
    margin: 0px 0px 0px 0px; }
.project_left3_box{height: 94px}
.project_left3 ul{
    height: 223px;
    width: 219px;}

.project_left3 li {        color: #444;
    font-size: 14px;
    height: 30px;
    width: 227px;
    overflow: hidden}
.project_left3 li a{     display: inline-block;
    width: 150px;
    overflow: hidden;
    height: 23px;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: middle;
    float: right;}

.project_left3 li span {     background-color: #FFF;
    color: #007DE4;
}
.person_list{    margin: 18px 0px 0px 0px !important;}
.project_left4 { width: 285px; position: relative; }
.project_left4 .left_change { background-image: url(../image/new_shuax.png);
    padding-left: 15px;
    position: absolute;
    color: #888;
    top: 9px;
    right: 0px;
    background-repeat: no-repeat;
    background-position: 0px center; }
.project_left4 li {     margin-top: 8px;
    padding: 0px 0px 0px 0px;
    overflow: hidden;
    width: 287px;
    height: 88px;
    border-bottom: 1px dashed rgba(128, 128, 128, 0.37);; }
.project_left4 li .introduce_img{    margin: 3px 0px 10px 1px;}
.project_left4 li .introduce {    width: 200px;
    color: #444;
    font-size: 14px;
    line-height: 22px;
    padding-top: 16px;
    margin: -9px 0px -40px 0px; }
.project_left4 li .introduce p{width: 202px;
    overflow: hidden;
    height: 22px;
    text-overflow: ellipsis;
    white-space: nowrap;}
.project_left4 li .introduce p:nth-child(1){}
.project_left4 li .introduce p:nth-child(2){font-size: 12px;
    color: #888;}
.project_left4 li .introduce p:nth-child(3){font-size: 12px;
    color: #888;}
.last_car_neir .li_work { padding:2px 10px 4px 10px; }
.last_car_neir .li_work .pub_floatL { color: #007DE4; }
.last_car_neir .li_work .pub_floatR { color: #7d7d7d; }
.last_car_neir .li_work .pub_name { font-size: 12px; color: #7d7d7d; height: 37px; overflow: hidden;margin-top: 5px;}