body {
    font-family: "Segoe UI", "Lucida Grande", Helvetica, Arial, "Microsoft YaHei", FreeSans, Arimo, "Droid Sans", "wenquanyi micro hei", "Hiragino Sans GB", "Hiragino Sans GB W3", Arial, sans-serif;
    font-size: 14px;
    color: #444;
}

a,
input,
button {
    outline: none;
}

a,button{
    cursor:pointer;
}

a {
    text-decoration: none;
    color: #333;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.clear:after,
.clear:before {
    display: table;
    content: ""
}

.clear:after {
    clear: both
}

.container {
    max-width:1200px;
    margin:auto;
}

.head {
    display:block;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 40px;
    padding: 20px 0px;
    z-index: 10;
    border-bottom: 1px solid #dcdcdc;
}

.logo img {
    margin-top:5px;
    max-height: 28px;
    vertical-align: middle;
}

.nav {
    margin-left: 80px;
    margin-top: 12px;
}

.nav a {
    color: #000;
    font-size: 14px;
    margin-right: 28px;
    display: inline-block;
}

.nav a:hover {
    color: #e60012;
}

.head-search-btn {
    width: 40px;
    height: 34px;
    border-radius: 10px;
    background: #e60012 url(icon_search.png) no-repeat center center;
    vertical-align: middle;
    position: relative;
}

.head-phone {
    background: url(icon_tel.png) no-repeat left 3px;
    padding-left: 35px;
    margin-left: 12px;
    color: #e60012;
}

.head-phone h1 {
    font-size: 20px;
    line-height: 30px;
    vertical-align: middle;
    margin: 0;
}

.head-phone span {
    font-size: 12px;
    vertical-align: middle;
}

.head-search {
    position: relative;
    display: none;
    margin-left: 490px;
}

.head-search-select {
    position: relative;
    width: 80px;
    height: 33px;
    line-height: 33px;
    border-radius: 10px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    background: #e60012;
    color: #fff;
    font-size: 14px;
    border: 1px solid #dcdcdc;
    cursor: pointer;
}

.head-search-select-val {
    margin-left: 15px;
}
.head-search-select-val i{font-style: normal;}
.head-search-select-val span {
    display: inline-block;
    width: 5px;
    height: 5px;
    border-left: 1px solid #fff;
    border-bottom: 1px solid #fff;
    transform: rotate(-45deg);
    vertical-align: middle;
    margin-left: 5px;
    margin-bottom: 5px;
}

.head-search-select-list {
    display: none;
    background: #e60012;
    position: absolute;
    left: 0px;
    right: 0px;
    z-index: 9999;
    padding: 0px 10px;
    padding-left: 15px;
}

.head-search-select-list a {
    display: block;
    border-top: solid 1px #f9f9f9;
    color: #fff;
    font-size: 12px;
}

.head-search-select:hover {
    border-bottom-left-radius: 0;
}

.head-search-select:hover .head-search-select-list {
    display: block;
    border-bottom-left-radius: 10px;
}

.head-search-inner {
    border: solid 1px #ddd;
    border-left: none;
    line-height: 33px;
    border-radius: 10px;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
}

.head-search input {
    display: inline-block;
    line-height: 33px;
    border: none;
    padding: 0px 5px;
    vertical-align: top;
    width: 200px;
}

.head-search button {
    vertical-align: top;
    display: inline-block;
    border: none;
    height: 33px;
    width: 33px;
    background: url(icon_search_green.png) no-repeat center center;
    cursor: pointer;
}

.nav2 {
    display: none;
    position: absolute;
    width: 100%;
    height: 120px;
    left: 0px;
    top: 80px;
    border-top: 1px solid #dcdcdc;
    background: #fff;
    z-index: 9999;
}

.nav2-item {
    display: none;
    text-align: center
}

.nav2-item a {
    display: inline-block;
    margin: 0 auto;
    width: 120px;
    zoom: 1;
    margin-right: 80px;
    height: 120px;
    position: relative;
    box-sizing: border-box;
    vertical-align: middle;
    padding-top: 20px;
}

.nav2-item a:hover {
    background-color: #f9f9fa;
}

.nav2-item a img {
    height: 45px;
    vertical-align: middle;
}

.nav2-item a span {
    display: block;
    text-align: center;
    color: #000;
    margin-top: 5px;
}

.head-black {
    position: fixed;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.6)), to(transparent));
    background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.6), transparent);
    background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.6), transparent);
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.6), transparent);
    z-index:10;
    border-bottom: 0px !important;
    color: #fff;
}

.head-black .nav a {
    color: #fff;
}

.head-black .head-phone {
    color: #fff;
    background-image: url(icon_user1.png);
}

.head-white {
    background: #fff;
    position: fixed;
}

.swiper-pagination-bullet-active {
    background: #fff;
}

.banner a {
    display: block;
    height:600px;
    width:100%;
    background-position:center center;
    background-repeat: no-repeat;
}

.banner .swiper-pagination-bullet {
    display: inline-block;
    width: 20px;
    height: 5px;
    border-radius: 2px;
    background: #b8a3a7;
    margin: 0 5px;
    opacity: 0.8;
    border: 0px solid #fff;
    cursor: pointer;
}

.banner .swiper-pagination-bullet-active {
    background: #fff;
}

.banner .container {
    position: relative;
}

.banner .container .swiper-button-white {
    margin-top: -350px;
}

.banner .container .swiper-button-next {
    right: 0;
}

.banner .container .swiper-button-prev {
    left: 0;
}

.banner-arrow-link {
    opacity: 0.35;
    background-color: rgba(0, 0, 0, 0.2);
    padding: 10px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 25px;
}

.banner-arrow-link:hover {
    opacity: 1 !important;
}

.menu {
    padding: 30px 0px;
    background: #e5e5e5;
}

.menu .clear {
    margin-left: -20px;
}

.menu .clear a {
    float: left;
    width: 25%;
    padding-left: 20px;
    box-sizing: border-box;
}

.menu .clear a img {
    width: 100%;
    vertical-align: middle;
  
    background: #fff;
}

.menu .clear a:hover img {
    transition: 0.2s;
    box-shadow: 1px 1px 30px 1px rgba(0, 0, 0, 0.3);
    cursor: pointer;
    transform: translateY(-5px);
}

.floor {
    padding: 30px 0;
}

.floor-title {
    text-align: center;
    color: #000;
    vertical-align: middle;
    font-size: 30px;
}

.floor-title:after,
.floor-title:before {
    display: inline-block;
    height: 1px;
    background-color: #000;
    padding: 0;
    content: "";
    width: 80px;
    margin: 8px 50px
}

.floor-intro {
    margin-top: 10px;
    text-align: center;
    font-size: 14px;
    color: #606060;
}



.floor-link {
    text-align: center;
    margin-top: 10px;
}

.floor-link a {
    color: #333;
}

.floor-more {
    text-align: center;
    margin-top: 30px;
}

.floor-more a {
    display: inline-block;
    background:#e60012;
    padding:8px 30px;
    font-size: 12px;
    color: #fff;
}


#floor_vr {
    background: url(floor_vr_bg.jpg) no-repeat top center;
    padding: 30px;
}

.vr-list {
    margin-left: -10px;
    padding-top: 30px;
}

.vr-list a {
    float: left;
    width: 50%;
    padding-left: 10px;
    margin-top: 10px;
    box-sizing: border-box;
}

.vr-list a img {
    width: 100%;
    height: 235px;
    vertical-align: middle;
}

.vr-list a:first-child img {
    height: 480px;
}

#floor_team {
    background: url(floor_team_bg.jpg) no-repeat top center;
    height: 805px;
}

#floor_team .floor-title {
    color: #fff;
    margin-top: 50px;
}

#floor_team .floor-intro {
    color: #fff;
}

#floor_team .floor-title:after,
#floor_team .floor-title:before {
    background-color: #fff;
}

#team-banner {
    height: 500px;
    margin-top: 30px;
}

.floor-case-list {
    margin: 0;
    padding: 0;
    margin-top: 30px;
    margin-left: -5px;
}

.floor-case-list li {
    list-style: none;
    float: left;
    padding-left: 5px;
    margin-top: 5px;
    width: 33.33%;
    box-sizing: border-box;
}

.floor-case-list a {
    width: 100%;
}

.floor-case-list a img {
    width: 100%;
    height: 270px;
    vertical-align: middle;
}

#video-banner {
    margin-top: 30px;
    overflow: hidden;
}

#video-banner a {
    background: #dedede;
}

#video-banner img {
    width: 100%;
}

#video-banner a div {
    padding: 8px;
}

.index-yuyue{background:#e5e5e5;}
.index-yuyue .container{margin-top:30px;}

.index-dt img{display:block;margin:0 auto;}
.index-dt p{width:50%;margin:20px auto;text-align:justify;line-height:40px;font-size:20px;font-family:思源黑体 CN Regular;text-indent:2em;}

.index-post {
    margin-left: -15px;
    padding: 0;
    list-style: none;
    margin-top: 30px;
}

.index-post li {
    float: left;
    padding-left: 15px;
    box-sizing: border-box;
    width: 33.3%;
}

.index-post h3  {
    display: block;
    background: #eee;
    margin: 0;padding:8px 10px ;
    font-size: 14px;
}
.index-post h3  a{float: right;font-size: 12px;margin-top:3px;font-weight: normal;}

.index-post-list{ border:solid 1px #ddd; padding:0px 10px;min-height: 180px;}
.index-post-list a{font-size: 12px; display: block; background: url(icon8.jpg) no-repeat left center; padding:8px 8px;  border-bottom: solid 1px #ddd;}
.index-post-list a:last-child{border-bottom: none;}
.index-post-list a span{float: right;font-size: 12px;color: #666;}
.index-post-list a strong{font-weight:normal; overflow: hidden;white-space: nowrap; width:280px;display:block;text-overflow: ellipsis;}
.index-post-more{text-align: center; padding:10px; }
.index-post-more a{
    display: inline-block;
    padding:8px 25px;
    color: #333;
    background: #eee;
    font-size: 12px;
}

.foot {
    background: #2b2b2b;
    padding-top: 40px;
}

/*底部公众号二维码*/

.foot-pic {
    float: left;
}

.foot-pic ul {
    margin:0px;
    padding:0px;
    list-style: none;
}

.foot-pic li {
    vertical-align: top;
    display: inline-block;
    margin-right:8px;
}

.foot-pic li img {
    display:block;
    max-width:100%;
}

.foot-pic li a {
    color:#fff;
    line-height:28px;
    display:block;
    text-align:center;
}

/*底部左侧导航*/

.foot-nav {
    float:left;
}

.foot-nav ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

.foot-nav li {
    float: left;
    width: 100px;
    color: #fff;
}

.foot-nav li h3 {
    margin: 0;
    margin-bottom: 10px;
}

.foot-nav li a {
    display: block;
    color: #fff;
    line-height: 1.8;
    font-size: 12px;
}

/*版权所有*/

.foot-copy {
    margin-top:40px;
    border-top: solid 1px #fff;
    text-align: center;
    color: #fff;
    padding: 20px 0 120px;
    font-size: 12px;
}

.foot-copy span{
    color: #fff;
    font-family:ResourceHanRoundedCN-Heavy;
    font-size: 28px;
    font-style: italic;
}

.foot-copy img{
    vertical-align: middle;
}

.foot-copy a{
    color: #939393;
    padding: 1px;
}

.foot-copy a:hover{
    color: #fff;
}

/*案例页*/

.main-bg {
    background-color: #f7f7f7;
}

.crumb {
 
    padding: 10px 0;
}

.crumb i {
    font-family: '宋体';
    font-style: normal;
}

.crumb strong {
    color: #e60012;
    font-weight: normal;
}

.search-table {
    border-collapse: collapse;
    width: 100%;
}

.search-table th {
    background: #f8f8f8;
    border: solid 1px #E9E9E9;
    text-align: center;
    font-weight: normal;
    width: 100px;
}

.search-table td {
    padding: 8px 10px;
    background: #fff;
    border: solid 1px #E9E9E9;
}

.search-table td a {
    display: inline-block;
    padding: 5px 20px;
}

.search-table td a.on {
    background-color: #e60012;
    color: #fff;
}

.case-list {
    padding: 0;
    margin: 0;
    list-style: none;
    margin-left: -10px;
}

.case-list li {
    padding-left: 10px;
    padding-top: 15px;
    width: 33.3%;
    float: left;
    box-sizing: border-box;
}

.case-list-item {
    padding: 6px;
    background: #fff;
    border: 2px solid #fff;
    transition: 0.5s;
}

.case-list-item:hover {
    -webkit-box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.2);
}

.case-list-pic img {
    width: 100%;
    height: 255px;
    vertical-align: middle;
    margin-bottom: 10px;
}

.case-list-team {
    float: left;
    margin-right: 10px;
}

.case-list-team img {
    border-radius: 5px;
    width: 80px;
    height: 80px;
    vertical-align: middle;
}

.case-list-item h1 {
    margin: 0;
    font-size: 14px;
    height: 28px;
    line-height: 30px;
}

.case-list-item h2 {
    margin: 0;
    color: #6e6e6e;
    height: 20px;
    margin-bottom: 5px;
    font-size: 12px;
    font-weight: normal;
}

.case-list-item span {
    font-size: 12px;
    display: block;
}

.case-list-item span a {
    border-radius: 10px;
    font-size: 12px;
    display: inline-block;
    height: 25px;
    width: 70px;
    text-align: center;
    line-height: 25px;
    color: #929292;
    border: 1px solid #cfcfcf;
    margin-left: 5px;
}



.case-list-design {
    background: #7b7b7b;
    color: #fff !important;
    border: 1px solid #7b7b7b  ;
}
.case-list-design:hover {
    background-color: #e60012;
    color: #fff;
    border: 1px solid #e60012;
}
.page {
    padding: 15px 0;
    text-align: center;
}

.page strong {
    font-weight: normal;
}

.page div {
    display: inline-block;
    font-size: 0;
    margin-left: 5px;
}

.page a {
    display: inline-block;
    padding: 5px 10px;
    margin-left: -1px;
    border: solid 1px #ddd;
    color: #333;
    font-size: 12px;
    position: relative;
}

.page a:hover {
    background: #eee;
    border-color: #bbb;
    z-index: 1;
}

.page a.on {
    background: #eee;
}
.case-read{
    background: #fff;
}
 
.case-left {
    float: left;
    max-width: 860px;
    padding: 20px;
    border-right:solid 1px #f4f4f4;
}

#case-top{
    background: #f7f7f7;
    max-height:580px;
}

#case-top img {
    display: block;
    max-width: 100%;
    max-height:580px;
    margin: 0 auto;
}

#case-top .swiper-button-prev {
    width: 50px !important;
    height: 100px !important;
    background-size: 100% 100% !important;
    margin-top: -50px !important;
    background-image: url(swiper_left.png);
}

#case-top .swiper-button-next {
    width: 50px !important;
    height: 100px !important;
    background-size: 100% 100% !important;
    margin-top: -50px !important;
    background-image: url(swiper_right.png);
}

#case-bottom {
    background: #f7f7f7;
    height: 80px;
    padding: 10px;
    margin-top: 10px;
    position: relative;
}

#case-bottom .swiper-container {
    max-width: 750px;
    margin: auto;
}
#case-bottom .swiper-wrapper {
    margin-left:-316.667px
}
#case-bottom img {
    display: block;
    width: auto;
    height: 80px;
    max-width: 100%;
    margin: 0 auto;
}

#case-bottom .swiper-button-prev {
    width: 15px !important;
    height: 30px !important;
    background-size: 100% 100% !important;
    margin-top: -15px !important;
    background-image: url(case_detail_left.png);
}

#case-bottom .swiper-button-next {
    width: 15px !important;
    height: 30px !important;
    background-size: 100% 100% !important;
    margin-top: -15px !important;
    background-image: url(case_detail_right.png);
}

.case-table {
    border-collapse: collapse;
    width: 100%;
    margin-top: 10px;
}

.case-table th,
.case-table td {
    padding: 15px;
    border:solid 1px #ddd;
    font-size: 14px;
}

.case-table th {
    font-weight: normal;
    background: #f4f4f4;
}
.case-table td{
    width: 150px;
}
.case-remark{
    margin-top: 10px;
    font-size: 16px;
    line-height: 1.6;
}

.case-right{
    float: right;
    width: 299px;
}
.team-right{padding: 20px;}
.team-right h1{
    margin: 0;
    text-align: center;
    font-size: 16px;
    margin-bottom: 20px;
}
.team-right img{width: 100%;vertical-align: middle;}
.team-right h3{text-align: center;margin: 0;margin-top:8px;}
.team-right-box{border:solid 1px #ddd;}
.team-right p{text-align: center;margin: 0;margin-top:8px;}
.team-right div{
    text-align: center;
}

.team-right div a{display: inline-block; margin: 10px 5px; padding:5px 25px;border:solid 1px #ddd;}
.team-right div a:hover {
    border: 1px solid #e60012;
    background-color: #e60012;
    color: #fff;
}

/* 预约量房内页表单 */

.yuyue-right img{width: 100%;cursor:pointer;}

.yuyue-right div{margin:15px 20px;}
.yuyue-right div label{width: 60px;display: inline-block;}
.yuyue-right div input{
    border-radius: 10px;
    border: 1px solid #dcdcdc;
    margin-left: 5px;
    padding: 5px 5px;
    text-align: center;
    width: 175px;
}

.yuyue-right div button{
    display: block;
    width: 100%;
    margin: 0 auto;
    background: #e60012;
    color: #fff;
    text-align: center;
    border: 0px;
    padding: 10px 0;
    border-radius: 10px;
    margin-bottom: 15px;
    margin-top: 20px;
}

/* 20210706预约量房悬浮表单 追加样式 */

.xuanfu{
    background:rgba(255,245,244,0.8);
    border:solid 3px #e60012;
    border-radius:10px;
    text-align:center;
    position:fixed;
    top:30%;
    left:44%;
    z-index:10;
    display:none;
}

.xuanfu h3{
    margin:12px;
    color:darkblue;
    font-size:18px;
    letter-spacing:2px;
}

.xuanfu div{
    margin:8px 12px;
}

.xuanfu div input{
    width: 100%;
    margin:0;
    padding:8px 0px;
}

.xuanfu div button{
    margin-top:12px;
}

.case-mini-list{
    border-top:solid 1px #f4f4f4;
    padding:20px;
}
.case-mini-list h3{
    margin: 0;
    margin-bottom: 5px;
    width: 260px;
    border-bottom: solid 1px #ddd;

}
.case-mini-list h3 span{
    display: inline-block;
    padding-bottom: 10px;
    border-bottom: solid 2px #e60012;
    font-size: 16px;
}
.case-mini-list ul{padding:0; margin: 0; margin-left:-15px;list-style: none;}

.case-mini-list li{float: left;width: 25%;padding-left:15px;padding-top:15px;box-sizing: border-box;}
.case-mini-list li a{background: #f0f0f0;display: block;    transition: all 0.3s;}
.case-mini-list li a:hover{
    cursor: pointer;
    -webkit-box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.5);
    box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.5);
}
.case-mini-list li img{width: 100%; height: 200px; vertical-align: middle;}
.case-mini-list li span{display: block;text-align: center;padding:8px;}

.team-list{margin:0;list-style: none;padding: 0;margin-left:-15px;}
.team-list li{float: left;width:25%;padding-left:15px; padding-top:15px; box-sizing: border-box;}
.team-list li a{display: block;background: #fff;padding-bottom: 10px; font-size: 12px; transition: all 0.3s;}
.team-list li a:hover{
    cursor: pointer;
    -webkit-box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.5);
    box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.5);
}
.team-list li a img{vertical-align: middle;width: 100%;height: 288px;}
.team-list li a div{margin:0px 20px;margin-top: 8px;}
.team-list li a div i{font-style: normal;color: #e60012;}
.team-list-title{text-align: center;}
.team-list-title strong{font-size: 15px;}
.team-list-intro{ color: #666; text-overflow: ellipsis;white-space: nowrap;    overflow: hidden;}
 
.team-read{padding-bottom: 30px;}
.team-left{float: left; width: 840px;padding:20px;background: #fff;}

.team-info-thumb{float: left;margin-right: 20px;border-radius: 8px;width:270px;height: 270px;}
.team-info-title{font-size: 12px;}
.team-info-title strong{font-size: 24px;font-weight: normal;}
.team-info-job{font-size: 12px;padding:10px 0;color: #666;}
.team-info-intro{font-size: 12px;border-bottom: solid 1px #eee;padding-bottom: 20px;margin-bottom: 20px;line-height: 1.6;color: #666;}
.team-info div{margin-top: 5px;margin-left:290px;}
.team-info div span{color: #9f9f9f;}

.team-case-list{border-top:solid 1px #ddd;margin-top:20px;}
.team-case-list h3{text-align: center;}
.team-case-list h3 img{vertical-align: middle;}
.team-case-list ul{padding: 0;margin:0;list-style: none;margin-left:-15px;margin-top:-15px;}
.team-case-list ul li{float: left;width: 33.3%;box-sizing: border-box;padding-left:15px;margin-top:15px;}
.team-case-list ul li a{display: block;background: #f6f6f6;transition: all 0.3s;padding-bottom: 6px;}
.team-case-list ul li a img{vertical-align: middle;width: 100%;height: 190px;}
.team-case-list ul li h1{margin:0px 10px;margin-top:6px; font-size: 14px;}
.team-case-list ul li div{margin:0px 10px;margin-top:6px;font-size: 12px;color: #666;}
.team-case-list ul li a:hover{
    cursor: pointer;
    -webkit-box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.5);
    box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.5);
}

.team-read-right{float: right;width: 300px;background: #fff;}

.post-left{float: left;width: 880px;background: #fff;min-height: 100px;}
.post-right{float: right;width: 300px;background: #fff;}

.post-nav{ display: flex; border-bottom: solid 1px #ddd;height:50px;border-bottom: solid 2px #ddd;}
.post-nav a{ display: block; font-size: 16px;  width: 100%;text-align: center; height: 50px; line-height: 50px;border-bottom: solid 2px transparent;}
.post-nav a.on , .post-nav a:hover{border-bottom:solid 2px #e60012;color: #e60012;}

.post-list{margin: 15px; margin-bottom: 0; padding: 0;list-style: none;}
.post-list li{padding:15px;}
.post-list li:hover{background: #f3f3f3;}
.post-list-thumb{float: left;margin-right: 30px;max-height:200px;overflow:hidden;}
.post-list-thumb img{
    display: block; 
    max-width: 300px;
}
.post-list-info{margin-left:330px;}
.post-list-title{
    font-size: 18px;
    color: #3e3a39;
    font-weight: bold;
}
.post-list-time{
    color: #cdcdcd;
    padding: 12px 0 25px 0;
    border-bottom: 1px solid #e60012;
    margin-bottom: 10px;
    font-size: 12px;
}
.post-list-time i{
    font-style: normal;
    color: #e60012;
    display: inline-block;
    margin-left:10px;
}
.post-list-intro{
    line-height: 24px;
    color: #767676;
    height: 48px;
    overflow: hidden;
    font-size: 12px;
}
.post-list-link{margin-top:15px;}
.post-list-link a{
    display: inline-block;
    line-height: 28px;
    height: 28px;
    width: 143px;
    background-color: #ffffff;
    border: 1px solid #d4d2d2;
    font-size: 14px;
    color: #acacac;
    text-align: center;
    border-radius: 3px;
    margin-right: 10px;
}
.post-list-link a:hover {
    background-color: #e60012;
    color: #fff;
    border-color: #e60012;
}
.post-read{
    padding:15px;
}
.post-read-title{
    margin: 0;
    font-size: 24px;
    font-weight: normal;
    text-align: center;
}
.post-read-time{
    text-align: center;
    font-size: 12px;
    border-bottom: solid 1px #e60012;
    padding:15px 0; 
}
.post-read-text{
    font-size: 14px;
    line-height: 1.6;
    margin-top:15px;
}

.area-list{margin:0;padding:0; margin-left:-30px;margin-top:-25px;list-style: none;}
.area-list li{float: left;width: 50%;box-sizing: border-box;padding-left:30px; padding-top:25px; }
.area-list-item{background: #fff;position: relative;}
.area-list-thumb{display: block;}
.area-list-thumb img{width: 100%;height: 340px;}
.area-list-title {
    padding:15px;
}
.area-list-title a{
    font-size: 20px;
    font-weight: bold;
    color: #000;
    vertical-align: middle;
}
.area-list-title span{
    float: right;
    font-size: 12px;
    color: #b0b0b0;
    vertical-align: middle;
}
.area-list-intro{padding:0 15px;font-size: 12px;color: #b0b0b0;line-height: 1.6;width:400px; height: 60px;overflow: hidden; }

.area-list-link{padding:15px;}
.area-list-link a{
    display: inline-block;
    text-align: center;
    color: #fff;
    border-radius: 20px;
    width: 115px;
    height: 30px;
    font-size: 13px;
    line-height: 30px;
    background-color: #6a6a6a;
    margin-right: 20px;
}
.area-list-link a:hover {
    cursor: pointer;
    background-color: #f3860f;
}
.area-list-sign{
    position: absolute;
    right: 15px;
    bottom: 15px;
}
.area-list-sign p{
    text-align: center;
    margin: 0;
}
.area-list-sign strong{
    display: inline-block;
    font-size: 40px;
    color: #84c225;
    vertical-align: bottom;
    margin-right: 5px;
    font-weight: normal;
}
.area-list-sign span{
    display: inline-block;
    font-size: 15px;
    color: #000;
    vertical-align: super;
}

.vr-list1{margin: 0;padding:0;list-style: none; margin-left:-15px; }
.vr-list1 li{float: left;width: 33.3%;padding-left:15px;padding-top:15px;box-sizing: border-box;}
.vr-list1 li>a{display: block;background: #fff;padding:6px;transition: all 0.3s;}
.vr-list1 li a img{width: 100%;vertical-align: middle;height: 274px;}
.vr-list1 li div{padding:10px;line-height: 24px;width: 96%;}

.vr-list1 li a:hover{
    cursor: pointer;
    -webkit-box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.5);
    box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.5);
}

.vr-list1 li div a{
    float: right;
    border-radius:10px;
    font-size: 12px;
    width:20%;
    text-align: center;
    line-height: 24px;
    color: #929292;
    border: 1px solid #cfcfcf;
    vertical-align: middle;
}

.vr-list1 li div a:hover{
    background-color: #e60012;
    color: #fff;
    border: 1px solid #e60012;
}

.area-left{float: left;width: 880px;}
.area-info{
    background-position: top left;
    background-repeat: no-repeat;
    height: 366px;
    background-size: auto 100%;
}
.area-info div{
    margin-left:500px;
    position: relative;
    background: url(intro_bg.png);
    height: 366px;
    overflow: hidden;
    color: #fff;
    padding-left:20px;
}
.area-info div h1{
    margin:0;
    font-size: 28px;
    color: #fff;
    overflow: hidden;
    text-align: justify;
 
    font-weight: 400;
    height: 60px;
    line-height: 60px;
}
.area-info div .tag{
    background-color:#e60012;
    width: 90px;
    height: 24px;
    line-height: 24px;
    color: #FFF;
    display: block;
    text-align: center;
    font-size: 14px;
    margin-right: 15px;
    border-radius: 8px;
}
.area-info div p{line-height: 1.5;font-size: 12px;border-bottom: 1px dashed #6f6f6f;padding-bottom: 10px;}
.area-text{background: #fff;padding:20px;margin-top:10;min-height: 100px;margin-top:15px;}
.area-text-inner{margin-top:10px;line-height: 1.5;}

.index-brand {float:left;max-width:66%;padding:6px;background:#fff;}
.index-brand .clear a{position: relative;float:left;padding:6px;width:33.3%;box-sizing:border-box;}
.index-brand .clear a img{max-width:100%;vertical-align: middle;border:1px solid #e5e5e5;}
.index-brand .clear a div{position: absolute;background: url(shipin_hover.png) no-repeat center center;max-width:256px;max-height:192px;top:15px;left:15px;}
.index-brand .clear a:hover div{
    opacity: 0.5;
    transition: opacity 0.5s;
    -moz-transition: opacity 0.5s;
    -webkit-transition: opacity 0.5s;
    -o-transition: opacity 0.5s;
}

.index-ping{float: right;max-width:32%;background: #fff;}
.index-ping h3{font-weight: normal; margin:0; background:#434343 url(icon_edit.png) no-repeat 15px center;padding-left:80px; font-size: 18px; color: #fff; height: 60px;line-height: 60px;padding-right: 15px;}
.index-ping h3 a{color: #fff;float: right;font-size: 14px;}
.index-ping-list{padding:5px;max-height: 442px;overflow: hidden;}
 
.index-ping-inner{ display: block; padding:8px 0; margin:5px; border-bottom:dashed 1px #ddd;}
.index-ping-text{margin-left:48px;}
.index-ping-title i{ font-style: normal; font-size: 12px;color: #666;}
.index-ping-title span{display: inline-block;margin-left:5px;}
.index-ping-title span img{vertical-align: bottom;}
.index-ping-intro{font-size: 12px;line-height: 1.5;margin:6px 0;}
.index-ping-time{font-size: 12px;color: #999;}
.index-ping-more{font-size: 12px;text-align:center;margin:8px;padding:8px;background: #eee;}

.case-ping h4{
    background: url(ping_h4.jpg) no-repeat left center;
    padding-left:60px;
    line-height: 45px;
    font-size: 24px;
    font-weight: normal;
    margin: 0;
}
.case-ping div{margin-top:15px;}
.case-ping div label{font-size: 16px;color: #e60012;display: inline-block;margin-right: 5px;}
.case-ping span img{padding-bottom:3px;vertical-align: middle;}

.case-ping #name{padding:5px;width:160px;margin-right: 10px;}
.case-ping #intro{padding:5px;outline: none;width: 100%;box-sizing: border-box;height: 100px;}
.case-ping button{padding:8px 25px;background: #e60012;border:none;color: #fff;}

.ping-h1{
    margin-top:10px;
    color: #e60012;
    border-bottom: solid 1px #e60012;
}
.ping-h1 span{
    font-size: 16px;
    display: inline-block;
    padding-bottom: 10px;
    border-bottom: solid 2px #e60012;
}
.index-feed{margin-top:30px;}
.index-feed-left{
    float: left;
    width: 270px;
}
.index-feed-left ul{margin: 0;padding:0; list-style: none; margin-left:-10px; margin-top:-10px;}
.index-feed-left ul li{float: left; padding-left:10px;padding-top:10px;width: 50%;box-sizing: border-box;}
.index-feed-left ul li a{display: block;text-align: center;background: #fff;text-align: center;height: 120px;border-radius: 5px;}
.index-feed-left ul li a img{margin-top:30px;width: 40px;height: 40px;display: inline-block;}
.index-feed-left ul li a img.img2{display: none;}
.index-feed-left ul li a p{text-align: center;margin: 0;margin-top:5px;}
.index-feed-left ul li a.on{background: #e60012;color: #fff;}
 
.index-feed-left ul li a.on img.img1{display: none;}
.index-feed-left ul li a.on img.img2{display: inline-block;}
.index-feed-right{margin-left:290px;background: #fff;border-radius: 5px;}
.index-feed-right .clear{display: none;}
.index-feed-right img{float: right;vertical-align: middle;margin-top:15px;margin-right: 15px;}
.index-feed-right form{margin:0  30px;margin-right: 200px;}
.index-feed-right form div{margin-top:20px;}
.index-feed-right form label{width: 80px;display: inline-block;}
.index-feed-right form select{ border:solid 1px #ddd; height: 36px; outline: none; padding:8px;width: 160px;margin-right: 20px;box-sizing: border-box;}
.index-feed-right form input{ border:solid 1px #ddd; height: 36px; padding:8px;width: 160px;margin-right: 20px;box-sizing: border-box;}
.index-feed-right form input:focus{border-color: #e60012;}
.index-feed-right form select:focus{border-color: #e60012;}
.index-feed-right form a{
    display: inline-block;
    width: 240px;
    text-align: center;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    color: #fff;
    background: #737373;
    margin-right: 20px;
    vertical-align: middle;
}
.index-feed-right form button{
    display: inline-block;
    width: 345px;
    text-align: center;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    color: #fff;
    background: #e60012;
    outline: none;
    border:solid 1px #e60012;
    vertical-align: middle;
}


.foot-feed{
    background: rgba(0, 0, 0, 0.85);
    height: 100px;
    position: fixed;
    bottom: -1px;
    z-index: 9998;
    width: 100%;
    left: 0px;
    display: none;
}
.foot-feed .form-feed-item{
    margin-bottom:10px;
    margin-left:10px;
}
.foot-feed form{margin-top:30px;position: relative;}
.foot-feed-close{
    position: absolute;
    right: 0;
    top:-40px;
    font-size: 28px;
    color: #fff;
}
.foot-feed input{
    width: 220px;
    height: 40px;
    border: none;
    padding-left: 17px;
    box-sizing: border-box;
    margin-right: 20px;
}
.foot-feed button{
    cursor: pointer;
    width: 120px;
    height:40px;
    background: #e60012;
    color: #fff;
    border:none;
    vertical-align:middle;
    padding-left:6px;
    font-size:18px;
    border-radius:10px;
    margin-left:20px;
}
.foot-feed-info{
    margin-top:-10px;
    font-size: 16px;
    margin-left:50px;
    color: #fff;
    text-align: center;
}
.foot-feed-info p{
    font-size: 24px;
    margin: 0;
}

.foot-feed-info strong{
    font-size: 40px;
    color:#e60012;
    font-style: normal;
    font-weight: bold;
    line-height: normal;
}

.page_floor a{
    background-repeat: no-repeat;
    background-position: top center;
    display: block;
}

.index-team-list{margin: 0;padding: 0px;list-style: none; margin-top:20px; }
.index-team-list li{float: left;width: 20%;box-sizing: border-box;}
.index-team-list li a{display: block;position: relative;}
.index-team-list li a img{width: 100%;vertical-align: middle;}
.index-team-list li a div{ display: none; position: absolute;top:0;left:0;right: 0;bottom: 0; text-align: center;background: rgba(0, 0, 0, 0.7);}
.index-team-list li a div h1{margin: 0; margin-top: 90px; text-align: center;font-size: 16px;color: #ffba00;font-weight: normal;}
.index-team-list li a div h2{margin: 0; margin-top: 10px; text-align: center;font-size: 12px; color: #fff; font-weight: normal;}
.index-team-list li a div h3{margin: 0; margin-top: 30px; text-align: center;font-weight: normal;}
.index-team-list li a div h3 span{ display: inline-block; border:solid 1px #fff;padding:5px 10px;font-size: 12px;color: #fff;}
.index-team-list li a:hover div{display: block;}

.index-case{
    background: url(index_case_bg.jpg) no-repeat top center;
}
.index-case .floor-title,.index-case .floor-intro,.index-case .floor-intro a{color: #fff;}
.index-case .floor-intro{margin:auto;max-width:1200px;margin-top:20px;line-height:1.8;}
.index-case .floor-title:after,
.index-case .floor-title:before{
    background-color: #fff;
}
.index-case .container{margin-top:30px;}
.index-case ul{margin: 0px;padding:0;list-style: none;margin-left:-10px;}
.index-case ul li{float:left;width: 33.3%;padding-left:10px;padding-top: 10px;box-sizing: border-box;}
.index-case ul li a{display: block;position: relative;}

.index-case ul li a img{width: 100%;height: 270px;vertical-align: middle;}
.index-case li a div{ display: none; position: absolute;top:0;left:0;right: 0;bottom: 0;  background: rgba(0, 0, 0, 0.7);text-align:center;}
.index-case li a div span{display:table-cell;width:392px;height:270px;color:#fff;font-size:16px; vertical-align:middle;text-align:center;}
.index-case li a:hover div{display:block;}

.index-video .container{margin-top:20px;background: url(index_video_bg.jpg) no-repeat left 10px; background-size:41.8% auto; }
.index-video ul{margin: 0px; margin-left:41.8%; padding:0;list-style: none;}
.index-video ul li{float:left;width: 50%;padding-left:10px;padding-top: 10px;box-sizing: border-box;}
.index-video ul li a{display: block;position: relative;}
.index-video ul li a img{width: 100%;vertical-align:middle;}
.index-video ul li a span{padding:4px 0px;display:block;height:24px;overflow-hidden;text-overflow: ellipsis;}

.shipin{display:block;position:absolute;max-width:44px;max-height:44px;top:33%;left:43.5%;}
.videoclear li a{position:relative;}
.videoclear .video-box{max-height:200px;overflow:hidden;}
.videoclear .video-box img{display:block;width:100%;height:auto;}
.videoclear .clear{height:50px;overflow:hidden;}

.index-video .clear a div{display:none; position: absolute;background: rgba(0, 0, 0, 0.7); width: 100%;height:192px;top:0;left:0;right: 0;bottom: 0;text-align:center;}
.index-video .clear a div span{display:table-cell;width:320px;height:180px;color:#fff;font-size:16px; vertical-align:middle;text-align:center;}
.index-video .clear a:hover div{
    display:block;
}

.index-media{background: url(floor_team_bg.jpg) no-repeat top center;}


.index-media .floor-title,.index-media .floor-intro{color: #fff;}
.index-media .floor-title:after,
.index-media .floor-title:before{
    background-color: #fff;
}
.index-media .floor-intro{  margin-top: 30px;margin-bottom: 20px;}

.index-media .fl{
    max-width:400px;
}

.index-media .fr{
    max-width:790px;
}

.index-media .fr ul{margin: 0px;padding:0;list-style: none;margin-left:-10px;margin-top:-10px;}
.index-media .fr ul li{float:left;width: 25%;padding-left:10px;padding-top: 10px;box-sizing: border-box;}
.index-media .fr ul li a{display: block;position: relative;cursor:default;}
.index-media .fr ul li a img{width: 100%;vertical-align:middle;height: 80px;}
 
.index-media-list{background: #fff;padding:0 10px;height:233px;}
.index-media-list a{ background:url(icon8.jpg) no-repeat left center;    display: block; border-bottom: solid 1px #ddd; line-height:normal; padding:4.5px 0; padding-left:8px; font-size: 12px;}
.index-media-list a h1{display: block;white-space: nowrap;overflow: hidden;font-weight: normal;margin: 0;font-size: 12px; width: 305px;text-overflow: ellipsis;}
.index-media-list a span{float: right;color:#666;}

.index-media-ad img{vertical-align: middle;width: 100%;height: 80px;}
.index-media-more{background: #fff;padding:5px 10px;}
.index-media-more a{display: block;padding:5px;background: #e60012;color: #fff;text-align: center;}

#feed-form{background:#fff;padding:12px 40px 30px;margin-left:12px;}
#feed-form div{margin-top:16px;text-align:center;}
#feed-form label{margin-right: 6px;}
#feed-form select{padding:8px 6px;width:26%;outline:none;}
#feed-form input{padding:8px 6px;width:76%;}

#feed-form a{
    display: inline-block;
    width: 200px;
    text-align: center;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    color: #fff;
    background: #737373;
    margin-right: 20px;
    vertical-align: middle;
}
#feed-form button{
    display: inline-block;
    width: 200px;
    text-align: center;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    color: #fff;
    background: #e60012;
    outline: none;
    border:solid 1px #e60012;
    vertical-align: middle;
}

.hidden{
    white-space: nowrap;
    overflow: hidden;
}

.project-info{
    margin: 15px;
    border-bottom: solid 1px #ddd;
    padding-bottom: 15px;
}
.project-info img{float: left;width: 200px;height: 200px;}
.project-info > div {margin-left:215px;}
.project-info > div h1{font-size: 16px;margin: 0;}
.project-info > div div{color: #666;font-size: 14px;margin-top: 10px;}

.project-rate{
    margin: 15px;
    list-style: none;
    padding:0;
}
.project-rate li{
    margin-left:30px;
    padding-left:60px;
    position: relative;
    border-left:solid 1px #ddd;
    padding-bottom: 20px;
}
.project-rate li i{
    position: absolute;top:0;left:-30px;
   
    
}
.project-rate li i span{
    width: 60px;
    height: 60px;
    border-radius: 60px;
    font-style: normal;
    text-align: center;
    font-size: 16px;
    display: table-cell;
    vertical-align: middle;
    background: #e60012;color: #fff;
}
.project-rate li h1{
    display: inline-block;
    width: 110px;
    height: 40px;
    color: #fff;
    background: #797979;
    border-radius: 8px;
    text-align: center;
    line-height: 40px;
    font-size: 14px;
    font-weight: normal;
    margin:0;
    margin-top:10px;
}
.project-rate li .module span{float: left;width:33.3%;font-weight: bold;border-right: solid 1px #ddd; padding:10px 10px; box-sizing: border-box; }
.project-rate li .module span:last-child{border-right: none;}
.project-rate li .module span h3{font-size: 14px;margin: 0; margin-bottom: 10px; font-weight: normal; }

.project-mark h3{margin:0;font-weight: normal;font-size: 14px; margin-top:10px;padding:10px;background: #f4f4f4;border-left:solid 2px #e60012;}
.project-mark h3 span{display: inline-block;margin-left:10px;font-size: 12px;color: #666;}
.project-mark .clear {margin-left:-10px;}
.project-mark .clear img{width: 25%;float: left;padding-left:10px;margin-top:10px;}

.post-box{border:solid 1px #ddd;}
.post-box h3{background:#eee;font-size:16px;padding:10px;margin:0;border-bottom:solid 1px #ddd;}
.post-box ul{margin:0;padding:0;list-style: none;  }
.post-box ul li {border-bottom:solid 1px #eee;padding:0px 10px;}
.post-box ul li:last-child{border-bottom:none;}
.post-box ul li a{padding:10px 0; overflow:hidden;white-space: nowrap;display:block;text-overflow: ellipsis;}