@charset "utf-8";

/*****banner******/
.carousel .carousel-inner img{
    width: 100%;
    height: 432px;
}

/*************主体内容****************/
.main3,.main4,.main5{
    padding: 25px 0;
}

.mt {
    margin-top: 20px;
}

.w-title {
    text-align: center;
    color: #333;
    font-size: 24px;
    line-height: 35px;
    font-weight: bold;
}
.eglish_title{
    text-align: center;
    color: #686868;
    font-size: 16px;
}
.splitline{
    text-align: center;
    margin-bottom: 40px;
}
.w-text {
    text-align: center;
    color: #666;
    font-size: 16px;
    padding-bottom: 20px;
}

/*****设计案例******/
.designer{
    color: #fff;
    margin-top: -310px;
}
.designer .designer_pic{
    -moz-box-shadow: 10px 10px 5px #888888; /* 老的 Firefox */
    box-shadow: 10px 10px 5px #888888;
    padding: 0;
    margin: 0;   
}
.designer .designer_pic img{
    width: 100%;
}
.designer_js{
    padding: 30px 0 0 40px;
    font-size: 16px;
}
.designer_js .designer_name{
    margin-bottom: 20px;
}
.designer_js .designer_name .dn_mc{
    font-size: 28px;
    margin-right: 20px;
}
.designer_js .designer_name .zhiwei{
    font-size: 16px;
}
.designer_js .js_words{
    margin-bottom: 20px;
}

.main3 .gongyi_show .recent-work-wrap{
    padding: 10px;
    border: 1px solid #d2d2d2;
}
.main3 .gongyi_show .message_bot{
    margin-top: 5px;
}
.main3 .gongyi_show .message_bot .mb_name{
    color: #000;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
}
.main3 .gongyi_show .message_bot p{
    color: #999;
    font-size: 12px;
}

.pd_none .case .col-lg-6 .img-big{
    height: 300px;
}
.pd_none .case .row{
    padding: 0 15px;
}
.recent-work-wrap {
    position: relative;
    display: block;
}

.recent-work-wrap img {
    width: 100%;
}

.casepic{
    margin-bottom: 20px;
}


/*分页*/
.gyshow_fenye{
    text-align: center;
}
.gyshow_fenye .pagination li a{
    color: #000;
}
.activedpg a{
    color: #ffb400 !important;
}
@media only screen and (max-width: 668px){
    .pagination > li > a, .pagination > li > span{
        padding: 5px 4px;
    }
}

/*****手机端下******/
@media (max-width: 768px) {
.splitline img{
    width: 150px;
}
.designer{
    color: #000;
    margin-top: 0;
}
.carousel{
    display: none;
}
.designer .designer_pic{
    padding: 15px;
    text-align: center;   
}
.designer_js {
    padding: 15px;
    font-size: 16px;
}
}
@media only screen and (min-width: 768px) and (max-width: 980px) {
.designer{
    color: #fff;
    margin-top: -225px;
}
.carousel{
    display: block;
}
.designer .designer_pic{
    padding: 15px;
    text-align: center;   
}
.carousel .carousel-inner img{
   width: 100%;
   height: 300px;
}
.designer .designer_pic{
    padding: 0;
    margin-top: 40px;
       
}
.designer .designer_pic img{
    width: 100%;
}
.designer_js .js_words {
    margin-bottom: 10px;
}
.designer_js {
     padding: 30px 0 0 40px;
}
.designer_js .designer_name {
    margin: 20px 0 5px 0;
}
}