@charset "utf-8";
/*## Reset CSS for Website ##*/
body{color:#222; text-align:center;
    font: 13px / 24px 微软雅黑, "Microsoft YaHei", sans-serif;
}
a:link{color:#222; text-decoration:none;}
a:visited{color:#222; text-decoration:none;}
a:hover{color:#DA251D; text-decoration:none;}
body, a, button, input, select, textarea, div {
    font: 13px / 24px 微软雅黑, "Microsoft YaHei", sans-serif;
}
div a:hover{color:#DA251D; text-decoration:none;}
.sanjiao {
    width: 0px;
    height: 0px;
    display: inline-block;
    border-top: 3px solid transparent;
    margin: 0 3px;
    border-bottom: 3px solid transparent;
    border-left: 3px solid #aaa;
}
.page-wrap{width:1200px; margin:0 auto; text-align:left;clear: both;}
.full-nav {width: 100%;border-bottom:1px solid rgba(221,221,221,1);
    height: 65px;}
/*---Header---*/
#header{ background:rgba(255,255,255,1);position: relative;z-index: 10;width: 1200px;
    margin: 0 auto;}
#header h1{width: 405px;}
#header h1 a{float:left; margin-right:15px;}
#header ._logo {
    margin-top: 37px;
    width: 266px;
    height: 28px;
    margin-bottom: 23px;
}
.main-nav{width:772px; height:80px; margin-left:20px;}
#navmenu{display:block;}
#navmenu li{
    float:left;
    padding:14px 0; 
    margin-left:2px; 
    position:relative; 
    z-index:999;
    border-top: 4px solid transparent;
}
#navmenu li ul li {padding:0;margin-top:1px;margin-left:0px;float: left;border: unset}
#navmenu li a{
    display: block;
    height: 38px;
    padding: 0 15px;
    font-size: 14px;
    border-radius: 3px;
    line-height: 38px;
    text-decoration: none;
    color: #666;
    font-weight: 500;
}

.main-nav span.oa-block {
    border-left: 1px solid #ccc;
    margin-left: 30px;
    margin-top: 40px;
    padding-left: 20px;
}
#navmenu li.current {
    border-top: 4px solid #DA251D;
}
#navmenu li.main-sun-nav:hover {
    border-top: 4px solid #DA251D;
}

.main-nav a.oa-btn {    
    padding: 10px 10px 10px 38px;
    width: 72px;
    border-radius: 5px;
    background: url(../images/OA-5.png) 15px 10px no-repeat;
    background-size: 20%;
}
.main-nav a.oa-btn:hover{
    color: #DA251D;
}
#nav-header.shadow {
    position: fixed;
    top: 0;
    transition-duration: 1s;
    background: #eee;
    z-index: 100;
    width: 100%;
}
#navmenu ul{ position:absolute; display:none; top:87px; height: 56px;padding-bottom:0px;width: 500px;}
#navmenu ul li{height:56px; text-align:center; float:left;}
#navmenu ul a{height:36px; line-height:36px; color:#fff; padding:0 15px;}
.main-nav span{font-size:14px; margin-top:30px; color:#666;}
.main-nav span a{color:#666;}
#navmenu li ul li a:hover{
    color: #DA251D;
}

.main-nav-submenu-mask {
    opacity: 0.6;
    background: #000;
    position: absolute;
    top: 91px;
    height: 56px;
    z-index: 100;
}

.container {
    width: 100%;
    clear: both;
}
.full-image-block {
    width: 100%;
}
.show {
    display: block;
}
.hide {
    display: none;
}
#dowebok {
width: 100%;
height: 410px;
overflow: hidden;
}
#dowebok img {
    width: 100%;
    height: 410px;
}

#notice-slider .jquery-slider-selectors {
    display: none;
}
.jquery-slider-selectors {
    display: none;
}

/*幻灯片*/
.slick_bor{display:block;position:relative;width:100%; margin-bottom:10px;min-height: 300px;overflow: hidden;}
.slick{margin:0 auto;overflow:hidden;position:relative;width:100%}
.slick span{background-color:#e94880;bottom:10px;color:#fff;font:700 22px/65px "Microsoft Yahei";left:0;padding:0 10px;position:absolute}
.img_855x300{max-height:656px;width:100%;}
.centered-btns_nav{height:61px;left:0;margin-top:-35px;opacity:.7;overflow:hidden;position:absolute;text-decoration:none;text-indent:-9999px;top:50%;width:38px;z-index:3}
.centered-btns_nav:active{opacity:1}
.centered-btns_nav.next{background-position:right top;left:auto;right:0}
.centered-btns_tabs,.large-btns_tabs,.transparent-btns_tabs{bottom: 36px;left: 50%;list-style: outside none none;padding-left: 0;position: absolute;text-align: center;width: 60%;z-index: 15;}
.centered-btns_tabs li,.large-btns_tabs li,.transparent-btns_tabs li{display:inline;float:none;margin-right:8px}
.centered-btns_tabs a,.large-btns_tabs a,.transparent-btns_tabs a{
    background:#666;
    display:inline-block;
    width:12px;
    height:12px;
    /*border:1px solid rgba(255,255,255,1);*/
    border-radius:11px;overflow:hidden;text-indent:-9999px;
}
.centered-btns_here a,.large-btns_here a,.transparent-btns_here a{width:35px;background: #000;}

/*---Foot Slogan---*/
.foot-slogan{height:90px; background:#9b2000; margin-top:45px;}
.foot-slogan .logo{margin:30px 0 0 205px; float:left;}
.foot-slogan .slogan{margin:20px 0 0 125px; float:left;}
.foot-slogan .qrcode{margin:8px 0 0 128px; float:left;}

/*---Bottom---*/
#bottom{height:85px; background:#f9f9f9; margin-top:50px; padding-top:22px; border-top:solid 3px #d0241c; clear:both;}
#bottom.index{margin:0;}
#bottom .copyright{width:860px; color:#666; line-height:30px;}
#bottom .links select{padding:3px 6px;}

/*---Copyright---*/
#copyright{text-align:center; line-height:22px; color:#333; margin-top:10px;}
#copyright a{color:#333;}
#copyright a:hover{color:#f00;}

.beian-link {

}
.footer {
    background: #373737;
    color: #fff;
    clear: both;
}
.footer a {
    color: #fff;
}

.index-footer {
    background: #fff;
    color: #666;
    clear: both;
}
.index-footer a {
    color: #666;
}
.footer-inner {
    padding: 25px 0;
}
.footer-items {
    margin: 0 auto;
    list-style: none;
    display: block;
    width: 450px;
}
.footer-items li {
    list-style: none;
    line-height: 30px;
}
.footer-items li a.beian-link {
    margin-left: 30px;
}
.common-row {
    display: block;
    clear: both;
}
.notice-block {
    width: 1200px;
    margin: 0 auto;
    padding: 38px 0;
    height: 130px;
    flex-direction: row;
    align-items: center;
}
.focus-images {
    width: 100%;
    height: 200px;
   /* height: 185px;
    margin-bottom: 36px;
    overflow: hidden;*/
}
/*---Index---*/
.focus-image {
    width: 100%;
}
.index-notice {
    width: 50%;
    height: 130px;
    border-right: 1px solid #ddd;
}
.notice-content {
    padding-left: 0px;
}
.news-content {
    padding-left: 33px;
}
.index-news {
    width: 49%;
    height: 130px;
}
.notice__title {
    width: 100%;
    clear: both;
    height: 30px;
}
.notice__content {
    width: 100%;
    clear: both;
    height: 96px;
    overflow: hidden;
}
.notice__title-h3 {
    font-size: 14px;
    font-weight: 600;
    width: 60px;
    float: left;
    color: #DA251D;
}
.notice__content-title {
    float: left;
    margin-left: 170px;
    overflow: hidden;
    width: 216px;
    font-size: 14px;
    color: #DA251D;
    font-weight:400;
    padding-left: 40px;
    background: url(../images/notice.png) no-repeat;
}
.notice__content-link {
    
}
.notice-content__title{
    width: 480px;
    text-align: left;
    padding-top: 10px;
    line-height: 40px;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
.notice-content__title a {
    font-size: 16px;
    font-weight: 600;
}
.notice-content__content {
    font-size: 12px;
    line-height: 20px;
    width: 95%;
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2; /* 可以显示的行数，超出部分用...表示*/
    -webkit-box-orient: vertical;
}
.news__title {
    font-size: 14px;
    font-weight: 600;
    color: #DA251D;
}
.news__list {
    padding-top: 15px;
}
.news__list ul.list-ul {

}

.news-list__item {
    line-height: 22px;
    color: #666;
     overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
.news-list-item__date {
    width: 100px;
}
.news-list-item__title {
}

.footer-logo {
    /*background: url(../images/footer-logo.jpg) no-repeat;
    background-size: cover;
    background-position: -243px 0;*/
    height: 108px;
    width: 1200px;
}
/* artile list */
.article-list__item {
    position: relative;
    margin-bottom: 38px;
    clear: both;
    height: 122px;
    width: 100%;
}
.article-list__item .time-line-dot {
    position: absolute;
    left: -45px;
    width: 15px;
    height: 15px;
    background: #f00;
    border-radius: 15px;
    background: url('../images/timeline-dot.png') no-repeat left center;
    background-size: 15px;
}
.article-list-item__image {
    float: left;
    width:202px;
}
.article-list-item__image-pic {
    width:202px;
    height:122px;
}
.article-list-item__right-block {
    float: left;
    width: 790px;
    padding-left: 24px;
}
.article-list-item__date {
    font-size:20px;
    font-weight:500;
    color:rgba(218,37,29,1);
    line-height:22px;
    opacity:0.5;
}
.article-list-item__title, .article-list-item__title a, .article-list-item__title a:visited {
    font-size:16px;
    font-weight:500;
    color:rgba(51,51,51,1);
    line-height:30px;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
    padding-top: 10px;
}
.article-list-item__title a:hover {
    color: #DA251D;
}
.article-list-item__info {
    font-size:11px;
    font-weight:400;
    color:rgba(102,102,102,1);
    line-height:25px;
}
.article-list-item__info-item {
    padding-right: 15px;
}

.article-list-item__summary{
    font-size:12px;
    font-weight:400;
    color:rgba(51,51,51,1);
    line-height:20px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.news-images-list {

}
.news-images-list__item {
    margin: 0 auto;
    margin-bottom: 20px;
    clear: both;
}
.news-images-list__pic {
    width: 293px;
    height: 117px;
}

/*** notice  ****/
.notice-list__item {
    height: 100px;
}
.notice-list__item .time-line-dot {
    top: 8px;
}
.notice-pub-date {
    position: absolute;
    left: -150px;
    color: #DA251D;
    font-size: 16px;
    opacity: 0.5;
    top: 3px;
    font-weight: 600;
}
.notice-list__summary {
    font-size:12px;
    font-weight:400;
    color:rgba(102,102,102,1);
    line-height:23px;
}
/** notice end ***/
/*** history  ****/
.history-list__item {
    height: unset;
}
.history-item__title {
    font-size: 18px;
    line-height: 40px;
    color: #DA251D;
}
.history-item__body {
    padding-top: 20px;
    max-height: 600px;
    overflow-y: scroll;
}
.history-item__body img {
    width: 100%;
    margin: 5px 0;
}
.history-list__item .time-line-dot {
    top: 8px;
}
.history-list__item .history-pub-year {
    color: #DA251D;
    font-size: 24px;
    opacity: 1;
    left: -130px;
}
.history-list__item .year-line {
    width: 30px;
    height: 1px;
    background-color: #ddd;
    position: absolute;
    left: -67px;
    opacity: 0.9;
    top: 15px;
}

.history-pub-date {
    position: absolute;
    left: -100px;
    color: #DA251D;
    font-size: 16px;
    opacity: 0.5;
    top: 3px;
    font-weight: 600;
}
.history-list__summary {
    font-size:12px;
    font-weight:400;
    color:rgba(102,102,102,1);
    line-height:23px;
}
.rongyu-block {
    min-height: 400px;
}
/** history end ***/
/***** article content ****/
.article-content-page {
    width: 1000px;
    margin: 0 auto;
    padding-top: 34px;
}
.
/*---article show---*/
.article-header{margin-top:20px;}
.article-header h1{
    font-size: 20px;
    font-weight: 600;
    color: #000;
    line-height: 55px;
    text-align: center;
}
.article-header h3 {
    text-align: right;
    padding-right: 50px;
}
.article-header .meta {
    font-size:12px;
    font-weight:400;
    color:rgba(102,102,102,1);
    line-height:19px;
    text-align: center;
}
.article-header .meta .muted {
    padding-right: 20px;
}
.article-header p{color:#666; line-height:33px;}
.article-header p a{color:#1e50a2;}
.article-header p a:hover{color:#f00;}

/*---article detail---*/
#article-detail{margin-top:20px; width:100%; overflow:hidden; line-height:2em; color:#666;}
#article-detail a{color:#1e50a2;}
#article-detail p{text-indent:2em; font-size:14px;}
#article-detail img{margin:12px 0; max-width:800px;}
#article-detail video {
    width: 100%;
    height: 560px;
}

.solution-list{position:relative;height:174px;z-index:9;width:1200px;margin:0 auto;}
.short-bar{position:absolute;top:187px;left:50%;margin-left:-15px;width:30px;height:3px;background-color:#fff}
.active .short-bar{top:201px;background-color:#009dff}
.solution-list ul li{float:left;width:200px;position:relative;height:219px;transition:all .5s;-moz-transition:all .5s;-webkit-transition:all .5s;-o-transition:all .5s}
.solution-item-wrapper{width:200px;height:180px;background-repeat: no-repeat;background-position: center;background-size: 100%;}

.active .solution-item-wrapper{position:absolute;z-index:9;top:-18px;left:-15px;width:240px;height:217px;background-repeat: no-repeat;background-position: center;background-size: 100%;-webkit-box-shadow:0 5px 40px rgba(0,0,0,.5);-moz-box-shadow:0 5px 40px rgba(0,0,0,.5);box-shadow:0 5px 40px rgba(0,0,0,.5)}
/*.solution-list ul li.product-special-li-5 {
    width: 200px;
}

.solution-list ul li.product-special-li-5 .solution-item-wrapper {
    width: 200px;
}*/
/*@media only screen and (max-width:1400px){
    .product-special-li-5.active .solution-item-wrapper{left:-102px}
}*/
.solution-list ul li p.solution-title{position:absolute;top:211px;width:100%;text-align:center;color:#fff;font-size:18px;z-index:2}
.solution-list ul li p.solution-intro{position:absolute;top:282px;left:50%;margin-left:-121px;width:242px;overflow:hidden;color:#eee;line-height:2;z-index:2;opacity:0;filter:alpha(opacity=0);font-size:14px;text-align:justify}
.solution-list ul li a{display:none;position:absolute;top:452px;left:50%;margin-left:-87px;width:174px;height:40px;line-height:40px;text-align:center;font-size:14px;color:#fff;z-index:2;background-color:#0af}
.solution-list ul li a:hover{background-color:#0099e5;transition:all .6s;-moz-transition:all .6s;-webkit-transition:all .6s;-o-transition:all .6s}
.solution-list ul li.active p.solution-title{top:158px;font-size:22px}
.solution-list ul li.active p.solution-intro{top:230px;opacity:1;filter:alpha(opacity=100)}
.solution-list ul li.active a{top:388px;display:block}


/***** single page *****/
.page-image {
    width: 100%;
}

.nav-block {
    display: -webkit-flex; /* Safari */
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.nav-block a {
    line-height: 65px;
}
.breadcrumbs {
line-height: 65px;
}
.breadcrumbs__home {
    display: inline-block;
    width: 15px;
    height: 21px;
    background: url(../images/home.png) left 8px no-repeat;
    background-size: 14px;
}
.sub-menus {
padding-right: 95px;
}
.sub-menus__item {
    display: inline-block;
    float: left;
    padding: 0px 15px;
    height: 63px;
}
.sub-menus__item a {
    color: #666;
    font-weight: 500;
}
.sub-menus__item a:hover {
    color: #DA251D;
    font-weight: 500;
}
.sub-menus__item-ul {

}
.sub-menus__item-link {

}

.sub-menus__item-ul li.active {
    border-bottom: 3px solid #DA251D;
    color: #DA251D;
}
.sub-menus__item-ul li.active a{
    color: #DA251D;
}

.left-brand {
    padding: 37px 78px 63px 95px; 
    width: 258px;
    float: left;
}
.right-content {
    padding: 37px 90px 63px 37px;
    width: 640px;
    float: left;
    min-height: 400px;
    border-left: 1px solid rgba(221,221,221,1);
}
#news-list {
    border: unset;
    width: 1020px;
    padding: 37px 0;
    margin-left: 90px;
}
.left-brand__en {
    font-size:18px;
    line-height: 22p;
    color: #ddd;
    font-weight: 600;
    width: 300px;
}
.left-brand__zh {
    height:14px;
    font-size:15px;
    font-weight:600;
    color:rgba(218,37,29,1);
    line-height:15px;
    padding-top: 20px;
}

.fix-brand {
    position: fixed;
}

.right-brand__en {
    padding-top: 12px;
    font-size:18px;
    line-height: 22p;
    color: #ddd;
    font-weight: 600;
    padding-bottom: 40px;
}
.right-brand__zh {
    height:14px;
    font-size:15px;
    font-weight:600;
    color:rgba(218,37,29,1);
    line-height:15px;
}
/*** end **/

/***********Project*********/
.project-main-map {
    float: left;
    margin: 36px auto;
    width: 912px;
    height: 850px;
    border-left: 1px solid #ddd;
    background-position: left center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}
.series {
    padding-top: 100px;
    width: 260px;
    float: left;
}
.series .current {
    opacity: 1;
    -moz-opacity: 1;
    width: 227px;
    height: 102px;
    border-bottom: none;
}
.series-item {
    opacity: 0.9;
    height: 90px;
    width: 198px;
    margin: 30px auto;
}
.gray-sanjiao {
    width:0px;
    height:0px;
    border-color: transparent #D6D6D6;
    border-width: 0 10px 10px 0;
    border-style: solid;
}
.deliver {
    height: 3px;
    background: #A97B3B;
    width: 198px;
}
.series .bb3 {
    border-bottom: 3px solid #A97B3B;
}
.series .bt3 {
    border-top: 3px solid #A97B3B;
}
.series .series-item:last-child {
    border-bottom: none;
}

.series-item__img{
    width: 100%;
    height: 100%;
}

.site-default {
    position: absolute;
    cursor: pointer;
}
.site-default div.show {
    display: block;
}
.site-logo {
    width: 80%;
    height: auto;
}

.site-active .site-logo {
    width: 100%;
    height: auto;
}

/*---landmark animated---*/
.site-logo {animation-duration:.7s; -webkit-animation-duration:.7s; animation-fill-mode:both; -webkit-animation-fill-mode:both; animation-name:bounceIn; -webkit-animation-name:bounceIn;}
@-webkit-keyframes bounceIn{
    from,20%,40%,60%,80%,to{animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000); -webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);}
    0%{opacity:0; transform:scale3d(.3,.3,.3); -webkit-transform:scale3d(.3,.3,.3);}
    20%{transform:scale3d(1.1,1.1,1.1); -webkit-transform:scale3d(1.1,1.1,1.1);}
    40%{transform:scale3d(.9,.9,.9);  -webkit-transform:scale3d(.9,.9,.9);}
    60%{opacity:1; transform:scale3d(1.03,1.03,1.03); -webkit-transform:scale3d(1.03,1.03,1.03);}
    80%{transform:scale3d(.97,.97,.97); -webkit-transform:scale3d(.97,.97,.97);}
    to{opacity:1; transform:scale3d(1,1,1); -webkit-transform:scale3d(1,1,1);}}
@keyframes bounceIn{
    from,20%,40%,60%,80%,to{animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000); -webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);}
    0%{opacity:0; transform:scale3d(.3,.3,.3); -webkit-transform:scale3d(.3,.3,.3);}
    20%{transform:scale3d(1.1,1.1,1.1); -webkit-transform:scale3d(1.1,1.1,1.1);}
    40%{transform:scale3d(.9,.9,.9); -webkit-transform:scale3d(.9,.9,.9);}
    60%{opacity:1; transform:scale3d(1.03,1.03,1.03); -webkit-transform:scale3d(1.03,1.03,1.03)}
    80%{transform:scale3d(.97,.97,.97); -webkit-transform:scale3d(.97,.97,.97);}
    to{opacity:1; transform:scale3d(1,1,1); -webkit-transform:scale3d(1,1,1);}}

.site-active .site-logo{animation-name:rubberBand; -webkit-animation-name:rubberBand;}
@-webkit-keyframes rubberBand{
    from{transform:scale3d(1,1,1); -webkit-transform:scale3d(1,1,1);}
    30%{transform:scale3d(1.25,0.75,1); -webkit-transform:scale3d(1.25,0.75,1);}
    40%{transform:scale3d(0.75,1.25,1); -webkit-transform:scale3d(0.75,1.25,1);}
    50%{transform:scale3d(1.15,0.85,1); -webkit-transform:scale3d(1.15,0.85,1);}
    65%{transform:scale3d(.95,1.05,1); -webkit-transform:scale3d(.95,1.05,1);}
    75%{transform:scale3d(1.05,.95,1); -webkit-transform:scale3d(1.05,.95,1);}
    to{transform:scale3d(1,1,1); -webkit-transform:scale3d(1,1,1);}}
@keyframes rubberBand{
    from{transform:scale3d(1,1,1); -webkit-transform:scale3d(1,1,1);}
    30%{transform:scale3d(1.25,0.75,1); -webkit-transform:scale3d(1.25,0.75,1);}
    40%{transform:scale3d(0.75,1.25,1); -webkit-transform:scale3d(0.75,1.25,1);}
    50%{transform:scale3d(1.15,0.85,1); -webkit-transform:scale3d(1.15,0.85,1);}
    65%{transform:scale3d(.95,1.05,1); -webkit-transform:scale3d(.95,1.05,1);}
    75%{transform:scale3d(1.05,.95,1); -webkit-transform:scale3d(1.05,.95,1);}
    to{transform:scale3d(1,1,1); -webkit-transform:scale3d(1,1,1);}}


.site-active{
    position: absolute;
}

.site-left {

}
.site-right {

}
.active-site-left {
    
}
.active-site-right {
  
}
.card {
    display: none;
    position: absolute;
    top: -272px;
    left: 5px;
    width: 280px;
    height: 261px;
    background: url(../images/project/active-tip.png) left center no-repeat;
    background-size: 313px;
    padding: 14px;
    z-index: 999;
}
.card__pic {

}
.card__pic-img {
    width: 281px;
    height: 174px;
    border-radius: 5px;
}
.card__title {
    color: #DA251D;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
}
.card__address {
    color: #666666;
    font-size: 12px;
    line-height: 15px;
    padding-top: 10px;
}
.xicheng {
    left: 162px;
    top: 108px;
}
.tangrenjie {
    left: 754px;
    top: 75px;
}
.nanxingtai {
    left: 415px;
    top: 443px;
}
.tanglejie {
    left: 674px;
    top: 534px;
}
.nanjingtai {
    left: 372px;
    top: 524px;
}
.jinlvcheng {
    left: 478px;
    top: 87px;
}
.sihaizhongxin {
    left: 574px;
    top: 17px;
}
.haobusika {
    left: 239px;
    top: 368px;
}
.tiyu {
    left: 239px;
    top: 368px;
}
.hanglv {
    left: 265px;
    top: 251px;
}
.project-view {
    padding: 36px 94px;
}
.project-view-header {
    width: 100%;
    clear: both;
    height: 68px;
    margin-bottom: 14px;
}
.project-view-header__logo {
    width: 200px;
    height: 68px;
    float: left;
}
.project-view-header__logo img {
    width: 137px;
    height: 68px;
}
.project-view-header__address {
    width: 360px;
    float: left;
    line-height: 68px;
    background:url(../images/project/address.png) left center no-repeat;
    background-size: 26px;
    padding-left: 40px;
}
.project-view-header__telephone {
    width: 250px;
    float: left;
    line-height: 68px;
    background:url(../images/project/tel.png) left center no-repeat;
    background-size: 26px;
    padding-left: 40px;
}

.project-view-pics {
    width: 100%;
    clear: both;
}
.project-view-pics__big {
    width: 690px;
    height: 419px;
    float: left;
    overflow: hidden;
}
.project-view-pics__right-pics {
    float: left;
    width: 308px;
    padding-left: 14px;
}
.project-view-pics__right-top-pic {
    width: 308px;
    height: 203px;
    overflow: hidden;
}
.project-view-pics__right-album {
    width: 308px;
    height: 203px;
    overflow: hidden;
    margin-top: 13px;
    position: relative;
}
.project-view-pics__right-album-mask {
    position: absolute;
    width: 308px;
    height: 203px;
    top: 0;
    left: 0;
    background: #000;
    opacity: 0.3;
    z-index: 50;
}
.project-view-pics__right-album-mask:hover {
    opacity: 0.1;
}

.project-view-pics__right-album-play {
    background:url(../images/project/play.png) center no-repeat;
    background-size: 66px;
    position: absolute;
    width: 66px;
    height: 66px;
    left: 40%;
    top: 38%;
    z-index: 100;
}

.project-view-desc {
    width: 100%;
    clear: both;
    padding-top: 35px;
}
.project-view-introduction {
    padding-top: 35px;
    width: 100%;
    clear: both;
}
.project-view-desc__h2 {
    font-size:20px;
    font-weight:500;
    color: #333;
    line-height:40px;
}
.project-view-introduction__h2 {
    padding-top: 35px;
    font-size:14px;
    font-weight:500;
    color:rgba(218,37,29,1);
    line-height:30px;
}

.modal {
  display: none;
  width: 780px;
  background: #fff;
  padding: 15px 30px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -o-border-radius: 8px;
  -ms-border-radius: 8px;
  border-radius: 8px;
  -webkit-box-shadow: 0 0 10px #000;
  -moz-box-shadow: 0 0 10px #000;
  -o-box-shadow: 0 0 10px #000;
  -ms-box-shadow: 0 0 10px #000;
  box-shadow: 0 0 10px #000;
  z-index: 1000;
}

.modal a.close-modal {
  position: absolute;
  top: 33px;
  right: 38px;
  display: block;
  width: 16px;
  height: 16px;
  text-indent: -9999px;
  background: url(../images/close.png) no-repeat 0 0;
  background-size: 16px;
  border: 1px solid #fff;
}
.modal a.close-modal:hover {
    border: 1px dotted #ddd ;
}

.modal-spinner {
  display: none;
  width: 64px;
  height: 64px;
  position: fixed;
  top: 50%;
  left: 50%;
  margin-right: -32px;
  margin-top: -32px;
  background: url(../images/spinner.gif) #111 no-repeat center center;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -o-border-radius: 8px;
  -ms-border-radius: 8px;
  border-radius: 8px;
}
.ablum-header {
    color: #DA251D;
    font-size: 14px;
    font-weight: 500;
    line-height: 50px;
    clear: both;
    text-align: left;
}

/*---houses album show---*/
.houses-album-show{width:780px; padding: 0; margin: 0;overflow: hidden;}
.album-show-main{width:580px; height:490px; overflow:hidden;}
.album-show{width:580px; height:490px;}
.album-show .albums{width:580px; height:393px; overflow:hidden; position:relative;}
.album-show .albums .box{width:580px; overflow:hidden; position:relative; margin:0 auto;}
.album-show .albums .list{width:580px; height:393px; overflow:hidden; width:9999px;}
.album-show .albums .list li{width:580px; height:393px; float:left;}
.album-show .albums .prev,
.album-show .albums .next,
.houses-type-gallery .galleries .prev,
.houses-type-gallery .galleries .next{position:absolute; width:52px; height:138px; top:196px; background:url(../images/css_sprites.png) no-repeat; text-indent:-99999em; z-index:10; cursor:pointer;}
.album-show .albums .prev,
.album-show .albums .next{top:146px;}
.album-show .albums .prev,
.houses-type-gallery .galleries .prev{left:20px; background-position:0 0;}
.album-show .albums .prev:hover,
.houses-type-gallery .galleries .prev:hover{background-position:-54px 0;}
.album-show .albums .next,
.houses-type-gallery .galleries .next{right:20px; background-position:-108px 0;}
.album-show .albums .next:hover,
.houses-type-gallery .galleries .next:hover{background-position:-162px 0;}

.album-thumb{height:80px; padding:10px 4px; background:#f0f0f0; position:relative;}
.album-thumb .box{width:580px; overflow:hidden; position:relative; margin:0 auto;}
.album-thumb .list{width:580px; height:80px; overflow:hidden; width:9999px;}
.album-thumb li{width:122px; height:80px; float:left; text-align:center;}
.album-thumb img{width:100px; height:76px; margin:0 auto; border:solid 2px #fff;}
.album-thumb a:hover img{border:solid 2px #d0241c;}

.album-category{width:185px; height:490px; overflow:hidden;}
.album-category li{height:88px; margin-bottom:12px; position:relative;}
.album-category li img{opacity:0.75; filter:alpha(opacity=75);}
.album-category li a{position:absolute; width:185px; height: 88px; top:0; left:0;}
.album-category li strong{display:inline-block; width:126px; height:32px; line-height:32px; font-size:12px; color:#fff; margin:25px 12px; font-weight:400; background:url(../images/css_sprites.png) no-repeat; padding-left:35px;}
.album-category li strong.b1{background-position:-205px -430px;}
.album-category li strong.b2{background-position:-205px -462px;}
.album-category li strong.b3{background-position:-205px -494px;}
.album-category li strong.b4{background-position:-205px -526px;}
.album-category li strong.b5{background-position:-205px -558px;}
.album-category li a em{margin-left:10px;}
.album-category li.current a,
.album-category li a:hover{background:url(../images/css_sprites.png) 0 -307px no-repeat;}

/*---houses type show---*/
.houses-types{font-size:16px; border-top:dashed 1px #d9d9d9; height:18px; padding:15px 0;}
.houses-types a{color:#666; margin:0 8px; display:inline-block;}
.houses-types a:hover,.houses-types a.current{color:#d0241c; border-bottom:solid 2px #d0241c; text-decoration:none;}

.houses-type-show{width:1150px; padding-bottom:80px;}
.houses-type-gallery{width:710px; height:670px;}
.houses-type-gallery .galleries{width:710px; height:530px; overflow:hidden; position:relative;}
.houses-type-gallery .galleries .box{width:708px; overflow:hidden; position:relative; margin:0 auto;}
.houses-type-gallery .galleries .list{width:560px; height:480px; margin:25px 0; overflow:hidden; width:9999px;}
.houses-type-gallery .galleries li{width:708px; height:480px; float:left; text-align:center;}

.galleries-thumb{height:80px; padding:29px 54px; background:#f0f0f0; position:relative;}
.galleries-thumb .box{width:602px; overflow:hidden; position:relative; margin:0 auto;}
.galleries-thumb .list{width:602px; height:80px; overflow:hidden; width:9999px;}
.galleries-thumb li{width:120px; height:80px; text-align:center; float:left;}
.galleries-thumb img{width:100px; height:76px; margin:0 auto; border:solid 2px #fff;}
.galleries-thumb a:hover img{border:solid 2px #d0241c;}

.galleries-thumb .prev,
.galleries-thumb .next,
.album-thumb .prev,
.album-thumb .next{position:absolute; width:29px; height:29px; top:52px; background:url(../images/css_sprites.png) no-repeat; text-indent:-99999em; cursor:pointer;}
.galleries-thumb .prev,
.album-thumb .prev{left:20px; background-position:0 -148px;}
.galleries-thumb .prev:hover,
.album-thumb .prev:hover{background-position:-30px -148px;}
.galleries-thumb .next,
.album-thumb .next{right:20px; background-position:-60px -148px;}
.galleries-thumb .next:hover,
.album-thumb .next:hover{background-position:-90px -148px;}

.houses-type-description{width:380px; height:670px;}
.houses-type-description h2{font-size:38px; font-weight:400; margin-bottom:20px;}
.houses-type-description .tags{}
.houses-type-description .tags span{display:inline-block; background:#f0f0f0; color:#999; margin:0 12px 15px 0; text-align:center; padding:4px 15px;}
.houses-type-description th{width:85px; height:38px; line-height:38px; font-weight:400; font-size:16px; color:#666;}
.houses-type-description td{font-size:16px; color:#666;}
.houses-type-description .explain{font-size:16px; line-height:30px; margin-top:20px; color:#555;}
.houses-type-description .explain.gray{color:#999;}

/***********Project End*********/

/***** video center ***/
.video-list {
    padding: 36px 94px;
}
.video-list__item {
    position: relative;
    width: 323px;
    height: 264px;
    margin-right: 14px;
    float: left;
    background:rgba(247,247,247,1);
    margin-bottom: 38px;
}
.video-mask{
    position: absolute;
    display: none;
    background: #000;
    opacity: 0.3;
    width: 323px;
    height: 198px;
    top: 0;
    left: 0;
    cursor: pointer;
}
.video-mask__play {
    background:url(../images/play-btn.png) center no-repeat;
    background-size: 66px;
    display: none;
    position: absolute;
    width: 66px;
    height: 66px;
    left: 40%;
    top: 26%;
    z-index: 100;
    cursor: pointer;
}

li.video-list__item:hover .video-mask{
    display: block;
}
li.video-list__item:hover .video-mask__play{
    display: block;
}

.video-list__image {
    width: 323px;
    height: 198px;
}
.video-list__image-pic {
    width: 100%;
    height: 100%;
}
.video-list__title {
    height: 66px;
    line-height: 66px;
    white-space:nowrap; 
    overflow:hidden; 
    text-overflow:ellipsis;
    padding: 0 20px;
}
.video-list__title a {
    font-size: 16px;
    
    color: #333;
}
.empty {
    line-height: 50px;
}
.index-news .news-slide{width:672px; float:left; position:relative;}
.index-news .news-slide ul{width:672px; height:270px; overflow:hidden;}
.index-news .news-slide li{width:100%!important; height:270px; text-align:center; *cursor:default;}
.index-news .news-slide #slideNav{position:absolute; bottom:15px; width:250px; left:50%; margin-left:-120px; height:15px; text-align:center; z-index:30;}
.index-news .news-slide #slideNav a{display:inline-block; _display:inline; width:36px; height:4px; background-color:#aeaeae; behavior:url(style/pie.htc); margin:0 5px; overflow:hidden; text-align:center; text-decoration:none; text-indent:-9999em; background:-moz-linear-gradient(top,#e4e4e4,#aeaeae); background:-webkit-gradient(linear,0 0,0 bottom,from(#e4e4e4),to(#aeaeae)); background:-o-linear-gradient(top,#e4e4e4,#aeaeae);}
.index-news .news-slide #slideNav a.activeSlide{background-color:#d0241c; background:-moz-linear-gradient(top,#ff615a,#d0241c); background:-webkit-gradient(linear,0 0,0 bottom,from(#ff615a),to(#d0241c)); background:-o-linear-gradient(top,#ff615a,#d0241c);}

.index-news .headline{width:470px; height:230px; padding:20px 15px; float:right; background:#fafafa; box-shadow:5px 5px 5px 0 #d2d2d2;}
.index-news .headline h1{text-align:center; font-size:20px; line-height:30px;  padding-bottom:5px;}
.index-news .headline h1 a{color:#d53f38;}
.index-news .headline ul{padding:0px 0 0 2px;}
.index-news .headline li{height:30px; line-height:30px; clear:both;  padding-left:2px;}
.index-news .headline li:hover{background-position:-248px -268px;}
.index-news .headline li a{float:left; font-size:14px; color:#555; width:350px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.index-news .headline li a:hover{color:#d53f38;}
.index-news .headline li span{float:right; color:#999;}
.index-news .headline h5 { font-size: 90%; padding: 10px 5px 26px; font-weight: 100; color: #777; }
.index-news .headline li em {    
    width: 4px;
    height: 4px;
    float: left;
    margin: 13px 8px 13px 2px;
    background: #f00;
    display: block;
    border-radius: 2px;
}

/*---index project---*/
.index-project{width:360px; float:left; padding-top:25px;}
.index-project li{width:360px; height:152px; margin-bottom:22px; position:relative; overflow:hidden;}
.index-project li img{opacity:1; border-radius:25px 0;}
.index-project li a:hover img{opacity:0.85; filter:alpha(opacity=85);}
.index-project li a h2{position:absolute; left:103px; top:44px; padding:4px; width:148px; height:64px; display:none;}
.index-project li a:hover h2{display:block;}
.index-project li a h2 strong{display:block; opacity:0.8; background-color:#d0241c; border-radius: 3px; height:64px; line-height:64px; text-align:center; font-size:18px; font-weight:400; color:#fff;}
.index-project li a:hover{text-decoration:none;}
@media \0screen\,screen\9{
.index-project li a h2 strong{display:block; background-color:#fff; filter:Alpha(opacity=30); position:static; *zoom:1;}
.index-project li a h2 em{position:relative;}
.index-project li a img{filter:alpha(opacity=85); behavior:url(css/pie.htc);}
}

.landmark{width:820px; height:740px; float:right; background:url(../../images/jlh/landmark_bg.jpg) 30px 18px no-repeat; position:relative;}
.landmark ul{width:820px; height:740px;}
.landmark li a:hover{text-decoration:none;}
.landmark li{width:111px; position:absolute;}
.landmark li span{display:block; width:111px; background:url(../../images/jlh/landmark.png) no-repeat; text-indent:-99999em;}
.landmark li strong{color:#d0241c;}
.landmark li:hover strong{color:#eb3f37;}
.landmark li.li01{left:124px; top:126px; text-align:center;}
.landmark li.li01 span{height:51px; background-position:0 0;}
.landmark li.li02{left:406px; top:103px; text-align:center; line-height:12px;}
.landmark li.li02 span{height:56px; background-position:0 -51px;}
.landmark li.li03{left:523px; top:100px; text-align:center; line-height:12px;}
.landmark li.li03 span{height:55px; background-position:0 -107px;}
.landmark li.li04{left:342px; top:493px;}
.landmark li.li04 span{height:54px; background-position:0 -162px;}
.landmark li.li04 strong{position:absolute; width:95px; left:-88px; top:8px;}
.landmark li.li05{left:460px; top:491px;}
.landmark li.li05 span{height:56px; background-position:0 -218px;}
.landmark li.li05 strong{position:absolute; width:95px; left:126px; top:9px;}
.landmark li.li06{left:333px; top:577px;}
.landmark li.li06 span{height:55px; background-position:0 -274px;}
.landmark li.li06 strong{position:absolute; width:95px; left:-88px; top:8px;}
.landmark li.li07{left:451px; top:572px;}
.landmark li.li07 span{height:55px; background-position:0 -330px;}
.landmark li.li07 strong{position:absolute; width:95px; left:126px; top:9px;}

/*---landmark animated---*/
.landmark li{animation-duration:.7s; -webkit-animation-duration:.7s; animation-fill-mode:both; -webkit-animation-fill-mode:both; animation-name:bounceIn; -webkit-animation-name:bounceIn;}
@-webkit-keyframes bounceIn{
    from,20%,40%,60%,80%,to{animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000); -webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);}
    0%{opacity:0; transform:scale3d(.3,.3,.3); -webkit-transform:scale3d(.3,.3,.3);}
    20%{transform:scale3d(1.1,1.1,1.1); -webkit-transform:scale3d(1.1,1.1,1.1);}
    40%{transform:scale3d(.9,.9,.9);  -webkit-transform:scale3d(.9,.9,.9);}
    60%{opacity:1; transform:scale3d(1.03,1.03,1.03); -webkit-transform:scale3d(1.03,1.03,1.03);}
    80%{transform:scale3d(.97,.97,.97); -webkit-transform:scale3d(.97,.97,.97);}
    to{opacity:1; transform:scale3d(1,1,1); -webkit-transform:scale3d(1,1,1);}}
@keyframes bounceIn{
    from,20%,40%,60%,80%,to{animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000); -webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);}
    0%{opacity:0; transform:scale3d(.3,.3,.3); -webkit-transform:scale3d(.3,.3,.3);}
    20%{transform:scale3d(1.1,1.1,1.1); -webkit-transform:scale3d(1.1,1.1,1.1);}
    40%{transform:scale3d(.9,.9,.9); -webkit-transform:scale3d(.9,.9,.9);}
    60%{opacity:1; transform:scale3d(1.03,1.03,1.03); -webkit-transform:scale3d(1.03,1.03,1.03)}
    80%{transform:scale3d(.97,.97,.97); -webkit-transform:scale3d(.97,.97,.97);}
    to{opacity:1; transform:scale3d(1,1,1); -webkit-transform:scale3d(1,1,1);}}

.landmark li:hover{animation-name:rubberBand; -webkit-animation-name:rubberBand;}
@-webkit-keyframes rubberBand{
    from{transform:scale3d(1,1,1); -webkit-transform:scale3d(1,1,1);}
    30%{transform:scale3d(1.25,0.75,1); -webkit-transform:scale3d(1.25,0.75,1);}
    40%{transform:scale3d(0.75,1.25,1); -webkit-transform:scale3d(0.75,1.25,1);}
    50%{transform:scale3d(1.15,0.85,1); -webkit-transform:scale3d(1.15,0.85,1);}
    65%{transform:scale3d(.95,1.05,1); -webkit-transform:scale3d(.95,1.05,1);}
    75%{transform:scale3d(1.05,.95,1); -webkit-transform:scale3d(1.05,.95,1);}
    to{transform:scale3d(1,1,1); -webkit-transform:scale3d(1,1,1);}}
@keyframes rubberBand{
    from{transform:scale3d(1,1,1); -webkit-transform:scale3d(1,1,1);}
    30%{transform:scale3d(1.25,0.75,1); -webkit-transform:scale3d(1.25,0.75,1);}
    40%{transform:scale3d(0.75,1.25,1); -webkit-transform:scale3d(0.75,1.25,1);}
    50%{transform:scale3d(1.15,0.85,1); -webkit-transform:scale3d(1.15,0.85,1);}
    65%{transform:scale3d(.95,1.05,1); -webkit-transform:scale3d(.95,1.05,1);}
    75%{transform:scale3d(1.05,.95,1); -webkit-transform:scale3d(1.05,.95,1);}
    to{transform:scale3d(1,1,1); -webkit-transform:scale3d(1,1,1);}}

/*---Containter---*/
#containter{padding-top:256px; width:100%;}
#containter.about{background:url(../../images/jlh/about_bg.jpg) top center no-repeat;}
#containter.culture{background:url(../../images/jlh/culture_bg.jpg) top center no-repeat;}
#containter.news{background:url(../../images/jlh/news_bg.jpg) top center no-repeat;}
#containter.recruit{background:url(../../images/jlh/recruit_bg.jpg) top center no-repeat;}
#containter.project{background:url(../../images/jlh/project_bg.jpg) top center no-repeat;}

#containter .mainbox{box-shadow:5px 5px 5px 0 #d2d2d2; behavior:url(css/pie.htc); border:solid 1px #d2d2d2; background:#fff!important; width:1150px; padding:0 24px;}
#containter .mainbox.project-detail{padding:0; width:1198px;}
#containter .sidebar{width:236px;}
#containter .sidebar h2{height:72px; line-height:30px; font-size:20px; margin-top:15px; border-bottom:solid 1px #d2d2d2; font-weight:normal;}
#containter .sidebar em{color:#d0241c;font-size:18px;}
#containter .sidebar ul{padding-top:18px;}
#containter .sidebar li a{display:block; height:44px; line-height:44px; border-bottom:dotted 1px #d9d9d9; font-size:18px; color:#666; text-align:center;}
#containter .sidebar li em{font-size:14px; line-height:14px; color:#fff; padding-right:10px; position:relative; top:-2px;}
#containter .sidebar li a:hover{background:#eb3f37; color:#fff; text-decoration:none; border-bottom:solid 1px #eb3f37;}
#containter .sidebar li.current a{color:#fff; background:#d0241c; border-bottom:solid 1px #eb3f37;}

.main-content{width:865px; padding:0 0 100px 24px; border-left:solid 1px #d2d2d2;}

/*---crumb nav---*/
.crumb-nav{height:55px; line-height:55px; color:#666; margin-top:32px; font-size:14px; border-bottom:solid 1px #d2d2d2;}
.crumb-nav a,.crumb-nav a:visited{color:#666; margin:0 4px;}
.crumb-nav a:hover{color:#d0241c;}
.crumb-nav em{color:#d0241c; margin-left:4px;}

/*---main title---*/
.main-content .main-title,#project-profile .main-title{width:434px; margin:20px 0 0 216px; text-align:center; font-size:18px;}
.main-content .main-title h2,#project-profile .main-title h2{display:inline-block; padding:0 25px; background:#fff; position:relative; z-index:10;}
.main-content .main-title strong,#project-profile .main-title strong{display:inline-block; padding-bottom:5px; border-bottom:solid 2px #d0241c; font-weight:400;}
.main-content .main-title em,#project-profile .main-title em{font-size:14px;}
.main-content .main-title hr,#project-profile .main-title hr{height:2px; border-width:0; border-top:solid 1px #e5e5e5; border-bottom:solid 1px #f9f9f9; background:#e5e5e5; position:relative; top:-18px; z-index:1;}

/*---content---*/
.main-content .content{width:865px; overflow:hidden;}
.main-content .content h1{font-size:18px; height:50px; line-height:50px; margin-top:20px; color:#222; text-align:center; font-weight:400;}
.main-content .content img{max-width:865px; margin:20px 0; text-align:center;}
.main-content .content p{font-size:16px; text-indent:2em; margin:15px 0; padding:0 10px; line-height:30px; color:#666;}

/*---news list---*/
.news-list{margin-top:25px;}
.news-list section{padding:25px 0; height:142px; border-bottom:dotted 1px #ddd;}
.news-list figure{width:232px; height:142px; float:left; margin-right:25px; border:solid 1px #ffb2b2;}
.news-list figure img{border:solid 1px #fff;}
.news-list section a:hover img{opacity:0.75; filter:alpha(opacity=75);}
.news-list section a:hover{text-decoration:none;}

.news-list article{float:left; width:606px; height:120px; padding:10px 0; line-height:28px; overflow:hidden;}
.news-list article h2{font-size:16px; color:#222; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.news-list article p{line-height:30px;}
.news-list header p{font-size:12px; color:#999;}

/*---Recruit---*/
#recruit-list{width:865px; overflow:hidden; margin-top:35px; border-bottom:dotted 1px #ddd;}
#recruit-list table{width:865px;}
#recruit-list th{height:45px; line-height:45px; background:#f0f0f0; font-size:18px; font-weight:400; text-align:center;}
#recruit-list td{height:65px; line-height:65px; border-bottom:dotted 1px #ddd; color:#666; font-size:16px; text-align:center;}
#recruit-list th.post{width:430px; padding-left:24px; text-align:left;}
#recruit-list td.post{width:430px; padding-left:24px; text-align:left;}
#recruit-list td.post a{display:block; line-height:65px; color:#666;}
#recruit-list td.post a:hover{color:#d0241c; text-decoration:none;}
#recruit-list tr:hover{background:#f9f9f9;}

#recruit-detail{width:865px; padding-top:20px;}
#recruit-detail h1{line-height:35px; text-align:center; font-size:18px; font-weight:400;}
#recruit-detail .summary{width:815px; margin-top:20px; padding:15px 20px 15px 30px; background:#f0f0f0;}
#recruit-detail .summary th{height:28px; line-height:28px; font-size:16px; font-weight:400; text-align:right;}
#recruit-detail .summary td{font-size:16px; width:120px; text-align:left;}

/*---Project---*/
#project-list{margin-top:20px;}
#project-list li{width:420px; height:178px; margin:12px 0; float:left; position:relative; overflow:hidden; z-index:1;}
#project-list li:nth-child(even){margin-left:25px;}
#project-list li a img{opacity:0.85; border-radius:28px 0;}
#project-list li a h2{position:absolute; left:118px; top:49px; padding:4px; width:174px; height:70px; border:solid 1px #fff;}
#project-list li a strong{display:block; background-color:rgba(255,255,255,0.3); height:70px; line-height:70px; text-align:center; font-size:18px; font-weight:400; color:#fff;}
#project-list li a:hover{text-decoration:none;}
#project-list li a:hover img{opacity:1; filter:alpha(opacity=100);}
@media \0screen\,screen\9{
#project-list li{margin:12px 6px;}
#project-list li a h2 strong{background-color:#fff; filter:Alpha(opacity=30); position:static; *zoom:1;}
#project-list li a h2 strong em{position:relative;}
#project-list li a img{filter:alpha(opacity=85); behavior:url(css/pie.htc);}
}

/*---brand---*/
#brand-list{margin-top:20px;}
#brand-list li{width:160px; height:80px; margin:12px 0; float:left; position:relative; overflow:hidden; z-index:1;}

#brand-list li a img{opacity:0.85; border-radius:2px;}
#brand-list li a h2{position:absolute; left:118px; top:49px; padding:4px; width:174px; height:70px; border:solid 1px #fff;}
#project-list li a strong{display:block; background-color:rgba(255,255,255,0.3); height:70px; line-height:70px; text-align:center; font-size:18px; font-weight:400; color:#fff;}
#brand-list li a:hover{text-decoration:none;}
#brand-list li a:hover img{opacity:1; filter:alpha(opacity=100);}
@media \0screen\,screen\9{
#brand-list li{margin:12px 6px;}
#brand-list li a h2 strong{background-color:#fff; filter:Alpha(opacity=30); position:static; *zoom:1;}
#brand-list li a h2 strong em{position:relative;}
#brand-list li a img{filter:alpha(opacity=85); behavior:url(css/pie.htc);}
}



.crumb-nav.crumb2{margin:12px 0 0 24px; border-bottom:none;}
.crumb-nav.crumb3{border-bottom:none;}

.project-summary{padding-top:15pxx;}
.project-summary .project-show{width:615px; height:460px; margin-left:24px;}
.project-summary .summary{width:500px; height:460px; margin-left:35px;}
.project-summary .summary header{margin-top:20px; height:60px;}
.project-summary .summary h1{font-size:38px; font-weight:400; float:left;}
.project-summary .summary h1 em{font-size:18px; color:#d0241c; margin-left:15px;}
.project-summary .summary header span{float:right; margin-top:25px; color:#999;}
.project-summary .summary .tags{clear:both; margin-top:20px;}
.project-summary .summary .tags span{display:inline-block; background:#f0f0f0; color:#999; margin-right:12px; text-align:center; padding:4px 15px;}
.project-summary .summary dl{border-top:solid 1px #d2d2d2; margin-top:28px;}
.project-summary .summary dt{height:70px; line-height:70px; font-size:18px; border-bottom:dotted 1px #dbdbdb; color:#999; width:125px; float:left; text-align:right; background:url(../../images/jlh/css_sprites.png) no-repeat;}
.project-summary .summary dt.t1{background-position:-233px 25px;}
.project-summary .summary dt.t2{background-position:-233px -45px;}
.project-summary .summary dt.t3{background-position:-233px -115px;}
.project-summary .summary dt.t4{background-position:-233px -185px;}
.project-summary .summary dd{height:70px; line-height:70px; font-size:18px; border-bottom:dotted 1px #dbdbdb; width:375px; float:left;}

.detail-show{margin-top:50px;}
.detail-show #item-menu{width:1166px; height:78px; background:#fff; border-top:solid 1px #d2d2d2; border-bottom:solid 1px #d2d2d2; padding-left:32px; z-index:1;}
.detail-show #item-menu li{float:left; margin:0 15px;}
.detail-show #item-menu li a{display:inline-block; padding:2px; line-height:78px; font-size:18px;}
.detail-show #item-menu li.active{position:relative; z-index:10; height:76px; color:#d0241c; border-bottom:solid 3px #d0241c;}
.item-menu-fixed{position:fixed; top:0;}

.detail-show .subitem{border-top:solid 1px #d2d2d2; margin-top:-1px;}
.detail-show .subitem h2{border-top:solid 32px #f6f6f6; padding:23px 0 23px 45px; font-weight:400; position:relative;}
.detail-show .subitem h2 strong{display:inline-block; border-left:solid 3px #d0241c; line-height:20px; padding-left:8px; font-size:18px; font-weight:400;}
.detail-show .subitem h2 .more{display:inline-block; padding:0 16px; line-height:32px; font-size:18px; color:#d0241c; border:solid 1px #d0241c; position:absolute; right:24px;}
.detail-show .subitem h2 .more:hover{border:solid 1px #ff746e; color:#eb3f37; text-decoration:none;}
.detail-show .subitem h2 .kinds{position:absolute; right:24px; font-size:14px;}
.detail-show .subitem h2 .kinds a{color:#666; margin:0 8px; display:inline-block;}
.detail-show .subitem h2 .kinds a:hover,.detail-show .subitem h2 .kinds a.current{color:#d0241c; border-bottom:solid 2px #d0241c; text-decoration:none;}

.detail-show .content{padding:10px 40px 40px;}
.detail-show .overview h3{font-size:26px; text-align:center; line-height:70px;}
.detail-show .overview p{font-size:16px; line-height:30px; text-indent:2em; color:#666;}
.detail-show .overview table{margin-top:30px; width:1103px;}
.detail-show .overview th{width:100px; text-align:right; font-size:16px; color:#666; line-height:40px; font-weight:400;}
.detail-show .overview td{font-size:16px; color:#666; line-height:40px; width:459px;}

.detail-show .blockquote{width:500px; margin-left:310px;}
.detail-show .blockquote p{text-align:right; margin-top:30px;}
.detail-show blockquote{font-size:22px; color:#333; padding:5px 0 0 35px; line-height:1.5em; background:url(../../images/jlh/quote_open.png) 0 5px no-repeat;}
.detail-show blockquote span{display:block; padding:0 30px 5px 0; background:url(../../images/jlh/quote_close.png) right bottom no-repeat;}

.detail-show .circum{font-size:16px; color:#666;}
.detail-show .circum dt{width:50px; height:50px; text-align:right; float:left; clear:left;}
.detail-show .circum dd{width:1068px; float:left;}

/*---Houses Album & Houses Type---*/
.houses-album{width:1120px; height:190px; overflow:hidden; position:relative; margin:10px 40px 30px;}
.houses-album .box{width:1060px; overflow:hidden; position:relative; margin:0 auto;}
.houses-album .list{width:9999px; overflow:hidden;}
.houses-album .list li{width:212px; height:190px; float:left; text-align:center;}
.houses-album .list li a{display:block; width:190px; margin:0 auto;}
.houses-album .list li img{width:190px; height:140px;}
.houses-album .list li strong{display:inline-block; line-height:50px; font-size:16px; font-weight:400;}

.houses-album .prev,.houses-album .next,.houses-type .prev,.houses-type .next{position:absolute; width:20px; height:38px; top:61px; background:url(../../images/jlh/css_sprites.png) no-repeat; font:0/0 Arial; cursor:pointer;}
.houses-type .prev,.houses-type .next{top:72px;}
.houses-album .prev,.houses-type .prev{left:0; background-position:-1px -188px;}
.houses-album .prev:hover,.houses-type .prev:hover{background-position:-23px -188px;}
.houses-album .next,.houses-type .next{right:0; background-position:-45px -188px;}
.houses-album .next:hover,.houses-type .next:hover{background-position:-67px -188px;}

.houses-type{width:1120px; height:225px; overflow:hidden; position:relative; margin:10px 40px 30px;}
.houses-type .box{width:1060px; overflow:hidden; position:relative; margin:0 auto;}
.houses-type .list{width:9999px; overflow:hidden;}
.houses-type .list li{width:266px; height:210px; float:left; text-align:center; margin-bottom:10px; text-align:center;}
.houses-type .list li a{display:block; width:242px; height:210px; margin:0 auto; box-shadow:3px 3px 3px #ccc; background:#f6f6f6; text-align:left; font-size:16px;}
.houses-type .list li img{width:240px; height:164px; border:solid 1px #d2d2d2;}
.houses-type .list li h4{padding:12px 12px 5px; width:218px; color:#d0241c; text-align:center; font-weight:400; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.houses-type .list li span{margin-left:12px;}

/*---project profile---*/
#project-profile{width:1120px; padding:30px 43px 40px; position:relative;}
#project-profile .main-title{margin-left:340px;}
#project-profile .close{display:block; width:32px; height:32px; background:url(../../images/jlh/css_sprites.png) -126px -149px no-repeat; position:absolute; top:50px; right:30px; cursor:pointer; -moz-transition:all 0.1s ease-in-out 0s; -webkit-transition:all 0.1s ease-in-out 0s; -o-transition:all 0.1s ease-in-out 0s; transition:all 0.1s ease-in-out 0s;}
#project-profile .close:hover{-moz-transform:rotate(90deg); -webkit-transform:rotate(90deg); -o-transform:rotate(90deg); transform:rotate(90deg);}
#project-profile .content{width:1114px; overflow:hidden;}
#project-profile .content img{max-width:1114px; margin:20px 0; text-align:center;}
#project-profile .content p{font-size:16px; text-align:left; text-indent:2em; margin:15px 0; padding:0 10px; line-height:30px; color:#666;}


/*---teturn top---*/
.return-top{width:50px; height:50px;}
.return-top a{display:block; width:50px; height:50px; overflow:hidden; text-indent:-99999em; background:url(../../images/jlh/return-top.png) no-repeat;}

/*---pagination---*/
.pagination{clear:both;padding:20px 0 15px 0;text-align:center}.pagination ul{display:inline-block;*display:inline;*zoom:1;margin-left:0;margin-bottom:0}.pagination ul>li{display:inline}

.pagination ul>li>a,.pagination ul>li>span{margin:0 3px;float:left;padding:4px 12px 3px;opacity: 0.88;border-radius: 2px;line-height:20px;text-decoration:none;background-color:#ddd;color:#666}.pagination ul>.active>a,.pagination ul>.active>span{background-color:#cc2206;color:#fff}
.pagination ul>.active>a,.pagination ul>.active>span{cursor:default}
.pagination ul>li>span,.pagination ul>.disabled>span,.pagination ul>.disabled>a,.pagination ul>.disabled>a:hover,
.pagination ul>.disabled>a:focus{color:#999;cursor:default}
.pagination ul>.active>a, .pagination ul>.active>a:link, .pagination ul>.active>a:visited, .pagination ul>.active>span {
    color: #fff;
}