body{
    font-size:12px;
    font-family:"微软雅黑";
    background:#fff;
}
.fr{
    float:right;
}
.fl{
    float:left;
}
.fn{
    float:none;
}
.f2{
    font-size:12px;
}
*{
    margin:0;
    padding:0;
    list-style-type:none;
}
a, img{
    border:0;
    text-decoration:none;
}
ul, li{
    padding:0px;
    margin:0px;
    list-style:none;
}
form, select, textarea, input{
    margin:0px;
    padding:0px;
    outline:medium;
    border:0;
    border-radius:0;
    background:none;
    font-family:"微软雅黑";
    font-size:14px;
    appearance:none;
    -moz-appearance:none; /* Firefox */
    -webkit-appearance:none; /* Safari 和 Chrome */
    -webkit-tap-highlight-color:rgba(0, 0, 0, 0);
    -webkit-appearance:none;
}
a{
    margin:0px;
    padding:0px;
    outline:medium;
    border:0;
    border-radius:0;
    background:none;
    font-family:"微软雅黑";
    appearance:none;
    -moz-appearance:none; /* Firefox */
    -webkit-appearance:none; /* Safari 和 Chrome */
    -webkit-tap-highlight-color:rgba(0, 0, 0, 0);
    -webkit-appearance:none;
}
i, em{
    font-style:normal;
}
.mo{
    margin:0 auto;
}
.most{
    width:100%;
    height:auto;
    overflow:hidden;
    display:block;
}
.roundBorder{
    border-radius:15px;
}
.clear{
    clear:both;
    height:0;
    overflow:hidden;
}
.imr{
    width:100%;
    display:block;
    margin:auto;
    position:absolute;
    left:0;
    top:0;
    bottom:0;
    right:0;
}
.dsk{
    width:100%;
    height:100%;
    display:block;
    overflow:hidden;
}

/*图标*/
@font-face{
    font-family:"iconfont";
    src:url('iconfont.eot'); /* IE9*/
    src:url('iconfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('iconfont.woff') format('woff'), /* chrome、firefox */ url('iconfont.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/ url('iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */
}
.iconfont{
    font-family:"iconfont" !important;
    font-size:16px;
    font-style:normal;
    -webkit-font-smoothing:antialiased;
    -webkit-text-stroke-width:0.2px;
    -moz-osx-font-smoothing:grayscale;
}


img{
    width:100%;
    /*vertical-align:middle;*/
}

*, *::before, *::after{
    box-sizing:border-box;
}

.dn{
    display:none;
}


/*首页*/
.ov{
    overflow:hidden;
}

.header{
    width:100%;
    background-color:#fff;
    position:relative;
    box-shadow:0 3px 3px rgba(0, 0, 0, .12);
    position:absolute;
    top:0;
    left:0;
    z-index:9999;
}
.phone-btn{
    text-align:center;
    position:absolute;
    top:6px;
    right:46px;
    z-index:9;
}

.phone-btn a{
    display:block;
    width:100%;
    height:100%;
    color:#e3040e;
    position:relative;
}
.phone-btn a img{
    width:43px;
}

.phone-btn i{
    font-size:26px;
    position:absolute;
    top:50%;
    left:50%;
    margin:-14px 0 0 -13px;
    z-index:9;
}
.logo{
    width:17%;
    margin:0 auto;
    float:left;
}
.menu-btn{
    position:absolute;
    top:0;
    right:0;
}
.menu-btn a{
    display:block;
    width:100%;
    height:100%;
}
.menu-btn span, .menu-btn span:before, .menu-btn span:after{
    position:absolute;
    display:block;
    width:24px;
    height:3px;
    left:50%;
    top:50%;
    margin:-1.5px 0 0 -12px;
    cursor:pointer;
    content:'';
    background-color:#494544;
    -webkit-transition:all .4s cubic-bezier(0.19, 1, .22, 1);
    -o-transition:all .4s cubic-bezier(0.19, 1, .22, 1);
    transition:all .4s cubic-bezier(0.19, 1, .22, 1);
}
.menu-btn span:before{
    margin:-8.5px 0 0 -12px;
}
.menu-btn span:after{
    margin:5.5px 0 0 -12px;
}
.menu-btn.act span{
    background-color:transparent;
}
.menu-btn.act span:before{
    margin:-1.5px 0 0 -12px;
    -webkit-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
    -o-transform:rotate(45deg);
    transform:rotate(45deg);
}
.menu-btn.act span:after{
    margin:-1.5px 0 0 -12px;
    -webkit-transform:rotate(-45deg);
    -ms-transform:rotate(-45deg);
    -o-transform:rotate(-45deg);
    transform:rotate(-45deg);
}

/*.waterfall { width: 100%; height: 100%; padding: 30% 0 0; overflow-y: auto; background-color: rgba(0,0,0,.8); position: fixed; top: -100%; left: 0; z-index: 9998;}
.waterfall li { width: 100%; border-bottom: 1px #666 solid; text-align: center;}
.waterfall li a { display: block; width: 100%; height: 2.5rem; line-height: 2.5rem; font-size: 1.1rem; color: #fff;}
.waterfall li a.nav-color:active { background-color: #666;}*/
.waterfall{
    width:100%;
    height:100%;
    padding:30% 0 0;
    background-color:#fff;
    position:fixed;
    top:-100%;
    left:0;
    z-index:1002;
}
.waterfall ul{
    overflow:hidden;
}
.waterfall li{
    width:33.3%;
    float:left;
    margin:0 0 10px;
    text-align:center;
}
.waterfall li a{
    display:block;
}
.waterfall i{
    display:block;
    width:60px;
    height:60px;
    margin:0 auto;
    border-radius:50%;
    color:#fff;
}
.waterfall span{
    display:block;
    font-size:12px;
    color:#878787;
    line-height:28px;
}
.waterfall li:nth-child(1) i{
    background-color:#00b85a;
    line-height:60px;
    font-size:32px;
}
.waterfall li:nth-child(2) i{
    background-color:#00bae6;
    line-height:46px;
    font-size:50px;
}
.waterfall li:nth-child(3) i{
    background-color:#729ee9;
    line-height:60px;
    font-size:30px;
}
.waterfall li:nth-child(4) i{
    background-color:#ef7bb8;
    line-height:60px;
    font-size:34px;
}
.waterfall li:nth-child(5) i{
    background-color:#f7ce47;
    line-height:60px;
    font-size:30px;
}
.waterfall li:nth-child(6) i{
    background-color:#ec5f5f;
    line-height:60px;
    font-size:40px;
}
.waterfall li:nth-child(7) i{
    background-color:#f1b26b;
    line-height:54px;
    font-size:40px;
}
.waterfall li:nth-child(8) i{
    background-color:#69d9ee;
    line-height:56px;
    font-size:34px;
}
.waterfall li:nth-child(9) i{
    background-color:#b4d95a;
    line-height:56px;
    font-size:36px;
}


.nav-link{
    position:relative;
}
.white-arrow{
    display:block;
    width:10px;
    height:10px;
    background:url(../images/white-arrow.png) no-repeat center center;
    background-size:100% 100%;
    position:absolute;
    top:50%;
    right:36%;
    margin:-5px 0 0;
    z-index:99;
    -webkit-transition:all 0.2s;
    -o-transition:all 0.2s;
    transition:all 0.2s;
}
.nav-link.active .white-arrow{
    -webkit-transform:rotate(-180deg);
    -ms-transform:rotate(-180deg);
    -o-transform:rotate(-180deg);
    transform:rotate(-180deg);
}
.nav-drop{
    display:none;
}

.header-margin{
    width:100%;
}

.banner{
    width:100%;
    position:relative;
}
.banner .swiper-container{
    width:100%;
}
.banner .swiper-container img{
    width:100%;
}
.banner .swiper-container .swiper-pagination{
    width:100%;
    position:absolute;
    left:0;
    text-align:center;
    bottom:5%;
    z-index:100;
}
.banner .swiper-pagination .swiper-pagination-bullet{
    display:inline-block;
    width:8px;
    height:8px;
    margin:0 8px 0 0;
    border-radius:50%;
    background:#494544;
    cursor:pointer;
    opacity:1;
    -webkit-transition:all 0.5s;
    -o-transition:all 0.5s;
    transition:all 0.5s;
}
.banner .swiper-pagination .swiper-pagination-bullet-active{
    width:24px;
    border-radius:4px;
    background:#e3040e;
}

.guide ul{
    overflow:hidden;
}
.guide li{
    width:50%;
    height:5rem;
    float:left;
}
.guide a{
    display:block;
    width:100%;
    height:100%;
    padding:1.3rem 0 0 3.5rem;
}
.guide span{
    display:block;
    font-size:0.9rem;
    color:#000;
}
.guide em{
    display:block;
    font-size:0.7rem;
    color:#666;
    text-transform:uppercase;
}
.guide li:nth-child(1) a{
    background:url(../images/g-icon1.png) no-repeat 1rem center #fafafa;
    background-size:30px 30px;
}
.guide li:nth-child(2) a{
    background:url(../images/g-icon2.png) no-repeat 1rem center;
    background-size:30px 30px;
}
.guide li:nth-child(3) a{
    background:url(../images/g-icon3.png) no-repeat 1rem center #f2f2f2;
    background-size:30px 30px;
}
.guide li:nth-child(4) a{
    background:url(../images/g-icon4.png) no-repeat 1rem center #fafafa;
    background-size:30px 30px;
}

.index-ti{
    padding:1rem 0;
    text-align:center;
}
.index-ti h3{
    font-size:1rem;
    font-weight:normal;
}
.index-ti span{
    display:block;
    width:10%;
    height:2px;
    margin:0.3rem auto;
    background-color:#e3040e;
}
.index-ti p{
    font-size:0.8rem;
    color:#999;
    text-transform:uppercase;
}

.case-slide{
    padding:1rem 0;
    border-top:1px #d9d9d9 solid;
}
.case-box a{
    display:block;
    width:100%;
    height:100%;
    background-color:#fff;
}
.case-box a:active{
    background-color:#f5f5f5;
}
.case-img{
    width:100%;
    position:relative;
    overflow:hidden;
}
.case-img:after{
    display:block;
    content:'';
    margin-top:100%;
}
.case-img img{
    position:absolute;
    top:0;
    left:0;
    bottom:0;
    right:0;
    margin:auto;
    z-index:9;
}
.case-info{
    width:100%;
    height:4rem;
    padding:0.5rem 0 0;
    box-shadow:0 0 5px rgba(0, 0, 0, .2);
    text-align:center;
    color:#999;
    overflow:hidden;
}
.case-info h3{
    font-size:1rem;
    font-weight:normal;
    color:#F00;
}
.case-info span{
    display:block;
    width:20%;
    height:1px;
    margin:0.3rem auto;
    background-color:#F00;
}
.case-info p{
    font-size:0.7rem;
    color:#F00;
}

.case-slide .swiper-slide{
    height:100%;
    opacity:0.5;
    -webkit-transition:300ms;
    -moz-transition:300ms;
    -ms-transition:300ms;
    -o-transition:300ms;
    transition:300ms;
    -webkit-transform:scale(0.9);
    -moz-transform:scale(0.9);
    -ms-transform:scale(0.9);
    -o-transform:scale(0.9);
    transform:scale(0.9);
}
.case-slide .swiper-slide-prev, .device .swiper-slide-next{
    opacity:0.5;
    -webkit-transform:scale(0.9);
    -moz-transform:scale(0.9);
    -ms-transform:scale(0.9);
    -o-transform:scale(0.9);
    transform:scale(0.9);
}
.case-slide .swiper-slide-active{
    opacity:1;
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
    -ms-transform:scale(1);
    -o-transform:scale(1);
    transform:scale(1);
}

.news-box{
    width:100%;
    position:relative;
}
.news-ti{
    width:50%;
    height:5rem;
    padding:1.5rem 0 0;
    background:url(../images/news-box.png) no-repeat;
    background-size:100% 100%;
    text-align:center;
    color:#fff;
    position:absolute;
    top:50%;
    left:50%;
    margin:-2.5rem 0 0 -25%;
}
.news-ti h3{
    font-size:1rem;
    font-weight:normal;
}
.news-ti p{
    font-size:0.8rem;
}

.news-list a{
    display:block;
    width:100%;
    height:2rem;
    padding:0 0.5rem;
    line-height:2rem;
    overflow:hidden;
}
.news-list a:active{
    background-color:#f2f2f2;
}
.news-list span{
    display:block;
    width:75%;
    font-size:0.8rem;
    float:left;
    color:#333;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.news-list em{
    float:right;
    font-size:0.7rem;
    color:#999;
}

.index-more{
    padding:1rem 0;
}
.index-more a{
    display:block;
    width:35%;
    height:2.5rem;
    margin:0 auto;
    border-radius:50px;
    border:1px #666 solid;
    text-align:center;
    font-size:0.8rem;
    color:#000;
    line-height:2.5rem;
    text-transform:uppercase;
}
.index-more a:active{
    background-color:#e3040e;
    border:1px #e3040e solid;
    color:#fff;
}

.about-con{
    padding:0.7rem 0.7rem 0;
    border-top:1px #d9d9d9 solid;
    font-size:0.8rem;
    color:#666;
}
.about-video{
    margin:0 0 0.5rem;
}

.footer{
    width:100%;
    padding:1rem;
    text-align:center;
    font-size:0.8rem;
    color:#999;
    border-top:1px #d9d9d9 solid;
    background-color:#fff;
    margin-bottom:70px;
}
.footer a{
    color:#999;
}

.footer-margin{
    width:100%;
    height:90px;
}

/*装修案例*/
.search{
    padding:0.5rem 0.5rem;
    margin:0 0 0.75rem;
    background-color:#fff;
    overflow:hidden;
}

.search-bar{
    width:75%;
    height:2.5rem;
    padding:0 0 0 2.5rem;
    background-color:#f2f2f2;
    position:relative;
}
.search-bar img{
    width:20px;
    height:20px;
    position:absolute;
    top:50%;
    left:0.5rem;
    margin:-10px 0 0;
}
.search-bar input{
    width:100%;
    height:2.5rem;
    font-size:0.8rem;
    color:#333;
}

.search-btn{
    width:25%;
    height:2.5rem;
}
.search-btn input{
    width:100%;
    height:2.5rem;
    font-size:1rem;
    color:#fff;
    background-color:#e3040e;
    border-radius:2px;
}

.bg{
    background-color:#f2f2f2;
}

.classify{
    margin:0 0 0.75rem;
    background-color:#fff;
}

.classify-ti{
    border-bottom:1px #e5e5e5 solid;
    overflow:hidden;
}
.classify-ti a{
    display:block;
    width:25%;
    float:left;
    margin:0 4% 0;
    height:2.5rem;
    font-size:0.8rem;
    line-height:2.5rem;
    text-align:center;
    color:#000;
}
.classify-ti a.active{
    color:#e3040e;
    border-bottom:2px #e3040e solid;
}

.classify-list{
    padding:0.5rem 0;
    overflow:hidden;
}
.classify-list a{
    display:block;
    width:25%;
    float:left;
    margin:0 4% 0;
    height:2rem;
    border:1px #e6e6e6 solid;
    background:#e6e6e6;
    font-size:0.8rem;
    line-height:2rem;
    text-align:center;
    color:#000;
}
.classify-list a.active{
    border:1px #d20c19 solid;
    color:#d20c19;
    background:none;
}

.classify-box{
    width:100%;
    height:1px;
    position:relative;
}

.classify-drop{
    display:none;
    width:100%;
    padding:0.5rem 0 0;
    position:absolute;
    top:0;
    left:0;
    background-color:#fff;
    z-index:999;
    border-top:1px #e5e5e5 solid;
    overflow:hidden;
}
.classify-drop a{
    display:block;
    width:25%;
    float:left;
    margin:0 4% 2%;
    height:2rem;
    background:#e6e6e6;
    font-size:0.8rem;
    line-height:2rem;
    text-align:center;
    color:#000;
}
.classify-drop a.active{
    border:1px #d20c19 solid;
    color:#d20c19;
    background:none;
}

.case-list{
    padding:0 0.375rem;
}
.case-list ul{
    overflow:hidden;
}
.case-list li{
    width:50%;
    float:left;
    padding:0 0.375rem;
    margin:0 0 0.75rem;
}
.case-list a{
    display:block;
    background-color:#fff;
}
.case-list a:active{
    background-color:#f2f2f2;
}
.case-pic{
    width:100%;
    position:relative;
    overflow:hidden;
}
.case-pic:after{
    display:block;
    content:'';
    margin-top:73%;
}
.case-pic img{
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    margin:auto;
    z-index:9;
}
.case-name{
    padding:0 0.5rem;
    height:2.5rem;
    text-align:center;
    line-height:2.5rem;
    color:#000;
    font-size:0.8rem;
    text-align:center;
}
.case-name p{
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}

/*装修案例详情*/
.case-detail-ti{
    width:100%;
    height:3rem;
    border-bottom:1px #d9d9d9 solid;
    text-align:center;
    line-height:3rem;
    font-size:0.8rem;
    color:#000;
    position:relative;
    overflow:hidden;
}
.case-detail-ti h3{
    font-weight:normal;
    display:inline-block;
    line-height:1rem;
    vertical-align:middle;
    font-size:18px;
}

.case-detail{
    padding:0.75rem;
}

.case-detail-con ul{
    overflow:hidden;
}
.case-detail-con li{
    width:50%;
    float:left;
    height:2rem;
    line-height:2rem;
    font-size:0.75rem;
    color:#666;
}
.case-detail-con li em{
    color:#000;
}

.case-show{
    margin:0 0 0.75rem;
}
.case-show-ti{
    width:100%;
    height:2rem;
    padding:0 0.75rem;
    font-size:0.8rem;
    color:#000;
    line-height:2rem;
    background-color:#e6e6e6;
}

.case-show-img{
    width:100%;
    position:relative;
    overflow:hidden;
}
.case-show-img:after{
    display:block;
    content:'';
    margin-top:75%;
}
.case-show-img img{
    position:absolute;
    top:0;
    left:0;
    bottom:0;
    right:0;
    margin:auto;
    z-index:9;
}

.case-small-slide{
    padding:0.5rem 0;
    background-color:#fff;
}
.case-small-slide .swiper-slide{
    width:20%;
}
.case-small-img{
    width:100%;
    position:relative;
    overflow:hidden;
}
.case-small-img:after{
    display:block;
    content:'';
    margin-top:75%;
}
.case-small-img img{
    position:absolute;
    top:0;
    left:0;
    bottom:0;
    right:0;
    margin:auto;
    z-index:999;
}

.case-small-slide .swiper-slide-active{
    border:2px #e3040e solid;
}

/*设计中心*/
.design-center-ti{
    padding:0 5%;
    width:100%;
    margin-top:0.75rem;
    background-color:#fff;
    overflow:hidden;
}
.design-center-ti a{
    display:block;
    width:40%;
    margin:0 5%;
    float:left;
    height:3rem;
    text-align:center;
    line-height:3rem;
    font-size:0.8rem;
    color:#000;
}
.design-center-ti a.active{
    border-bottom:2px #e3040e solid;
    color:#e3040e;
}

.design-center{
    padding:0.7rem;
}
.design-center ul{
    overflow:hidden;
}
.design-center li{
    width:50%;
    float:left;
    padding:0 0.7rem;
    margin:0 0 1rem;
}
.design-center li a{
    display:block;
    background-color:#fff;
}
.design-center li a:active{
    background-color:#f8f8f8;
}
.design-center-img{
    width:100%;
    position:relative;
    overflow:hidden;
}
.design-center-img:after{
    display:block;
    content:'';
    margin-top:100%;
}
.design-center-img img{
    position:absolute;
    top:0;
    left:0;
    bottom:0;
    right:0;
    margin:auto;
    z-index:9;
}
.design-center-info{
    padding:0.3rem;
    text-align:center;
}
.design-center-info h3{
    font-weight:normal;
    font-size:0.8rem;
    color:#000;
}
.design-center-info span{
    display:block;
    width:15%;
    height:1px;
    margin:0.2rem auto;
    background-color:#666;
}
.design-center-info p{
    font-size:0.75rem;
    color:#666;
}

/*设计师详情*/
.designer{
    padding:0.75rem;
}

.designer-box{
    width:100%;
    background-color:#fff;
    box-shadow:0 0 0.5rem rgba(0, 0, 0, .3);
}

.designer-img{
    width:100%;
    position:relative;
    overflow:hidden;
}
.designer-img:after{
    display:block;
    content:'';
    margin-top:66%;
}
.designer-img img{
    position:absolute;
    top:0;
    left:0;
    bottom:0;
    right:0;
    margin:auto;
    z-index:9;
}

.d-slide .swiper-button-next{
    width:30px;
    height:54px;
    background:url(../images/d-right.png) no-repeat;
    background-size:100% 100%;
    right:0;
}
.d-slide .swiper-button-prev{
    width:30px;
    height:54px;
    background:url(../images/d-left.png) no-repeat;
    background-size:100% 100%;
    left:0;
}

.d-slide-ti{
    width:100%;
    font-size:0.8rem;
    color:#fff;
    position:absolute;
    top:5%;
    left:0;
    z-index:999;
    text-align:center;
}
.d-slide-ti h3{
    font-weight:normal;
}

.designer-info{
    padding:3rem 0.75rem 0.75rem;
    border-bottom:1px #d9d9d9 solid;
    position:relative;
    text-align:center;
}
.designer-info-img{
    width:4rem;
    height:4rem;
    border-radius:50%;
    position:absolute;
    top:-1.5rem;
    left:50%;
    margin:0 0 0 -2rem;
    z-index:9999;
    overflow:hidden;
}
.designer-info-img img{
    position:absolute;
    top:0;
    left:0;
    bottom:0;
    right:0;
    margin:auto;
    z-index:99;
}
.designer-info h3{
    margin:0 0 1rem;
    font-size:1rem;
    color:#000;
    font-weight:normal;
}
.designer-info p{
    font-size:0.7rem;
    color:#000;
}

.designer-con{
    padding:1rem;
}

.designer-style{
    margin:0 0 2rem;
    text-align:center;
    line-height:1.8rem;
}
.designer-style em{
    display:inline-block;
    font-size:0.8rem;
    color:#666;
}
.designer-style span{
    display:inline-block;
    padding:0 0.75rem;
    margin:0 0.5rem 0.5rem 0;
    border-radius:15px;
    background-color:#e6e6e6;
    font-size:0.8rem;
    color:#000;
}

.designer-word{
    margin:0 0 2rem;
    text-align:center;
    font-size:0.8rem;
    color:#e3040e;
}

.designer-btn{
    padding:0 1rem;
    overflow:hidden;
}
.designer-btn a{
    display:block;
    width:45%;
    height:2.5rem;
    border-radius:50px;
    text-align:center;
    line-height:2.5rem;
    border:1px #e3040e solid;
    font-size:0.8rem;
}
.designer-btn a:first-child{
    float:left;
    color:#e3040e;
}
.designer-btn a:first-child:active{
    background-color:#e3040e;
    color:#fff;
}
.designer-btn a:last-child{
    float:right;
    color:#fff;
    background-color:#e3040e;
    font-size:0.75rem;
}
.designer-btn a:last-child:active{
    background-color:#ba020a;
    color:#fff;
    border:1px #ba020a solid;
}

/*DDC*/
.ddc-one{
    padding:1rem 0.75rem;
}

.ddc-ti{
    margin:0 0 1rem;
    text-align:center;
}
.ddc-number{
    width:2rem;
    height:2rem;
    display:inline-block;
    font-size:1.4rem;
    text-align:center;
    color:#fff;
    font-weight:bold;
    vertical-align:top;
    background-color:#000;
    line-height:2rem;
    font-family:impact;
}
.ddc-ti h3{
    display:inline-block;
    padding:0 0.5rem;
    border-right:1px #ccc solid;
    line-height:2rem;
    vertical-align:top;
    font-size:1.2rem;
    font-weight:normal;
    color:#333;
}
.ddc-ti-info{
    display:inline-block;
    padding:0 0.5rem;
    text-align:left;
    color:#666;
    line-height:1rem;
    font-size:0.75rem;
    text-transform:uppercase;
}

.ddc-one-con{
    margin:0 0 1rem;
    font-size:0.8rem;
    color:#666;
}

.ddc-one-pic{
    width:57%;
    margin:0 auto;
}
.ddc-one-img{
    width:100%;
    position:relative;
    overflow:hidden;
}
.ddc-one-img:after{
    display:block;
    content:'';
    margin-top:140%;
}
.ddc-one-img img{
    position:absolute;
    top:0;
    left:0;
    bottom:0;
    right:0;
    margin:auto;
    z-index:999;
}

.control-bar{
    width:100%;
    height:3rem;
    background-color:#fff;
    position:fixed;
    bottom:0;
    left:0;
    z-index:999;
    box-shadow:0 0 5px rgba(0, 0, 0, 0.1);
}

.control-bar-margin{
    width:100%;
    height:3rem;
}

.control-bar .ddc-arrow{
    width:3rem;
    height:3rem;
}
.control-bar .ddc-arrow.swiper-button-next{
    right:0;
    background:url(../images/ddc-right.png) no-repeat center center;
    background-size:20px 20px;
}
.control-bar .ddc-arrow.swiper-button-prev{
    left:0;
    background:url(../images/ddc-left.png) no-repeat center center;
    background-size:20px 20px;
}

.ddc-two-con{
    padding:1rem;
}
.ddc-two-bar{
    width:40%;
    height:2px;
    margin:0 0 1rem;
    background-color:#000;
}

.ddc-two-info{
    font-size:0.8rem;
    line-height:1.5rem;
}

.ddc-three{
    padding:1rem;
    background:url(../images/design.png) no-repeat 90% 5%;
    background-size:50px 100px;
}

.ddc-three-tips{
    margin:0 0 0.75rem;
    line-height:1.5rem;
}
.ddc-three-tips h3{
    font-weight:normal;
    font-size:0.85rem;
    color:#666;
}
.ddc-three-tips p{
    font-size:0.8rem;
    color:#999;
    text-indent:2rem;
}

.ddc-three-box{
    margin:0 0 0.75rem;
    background-color:#fff;
}
.ddc-three-ti{
    padding:0 0.75rem;
    border-bottom:1px #d9d9d9 solid;
    line-height:2rem;
    font-size:0.75rem;
    color:#e3040e;
}
.ddc-three-ti h3{
    font-weight:normal;
}
.ddc-three-con{
    padding:0.45rem 0.75rem;
    font-size:0.75rem;
    color:#666;
    overflow:hidden;
}

.ddc-three-btn{
    display:none;
    width:100%;
    height:2rem;
    text-align:center;
}
.ddc-three-btn a{
    display:block;
    width:100%;
    height:2rem;
    line-height:2rem;
    font-size:0.8rem;
    color:#e3040e;
}

.ddc-four{
    padding:1rem;
}

.ddc-page .bd li{
    min-height:450px;
}

.ddc-bar{
    width:100%;
    height:3rem;
    background-color:#fff;
    position:fixed;
    bottom:0;
    left:0;
    z-index:999;
    box-shadow:0 0 5px rgba(0, 0, 0, 0.1);
}
.ddc-bar a{
    display:block;
    width:3rem;
    height:3rem;
    position:absolute;
    top:0;
    z-index:9;
}
.ddc-left{
    left:0;
    background:url(../images/ddc-left.png) no-repeat center center;
    background-size:20px 20px;
}
.ddc-right{
    right:0;
    background:url(../images/ddc-right.png) no-repeat center center;
    background-size:20px 20px;
}
.ddc-left.prevStop{
    opacity:0.5;
}
.ddc-right.nextStop{
    opacity:0.5;
}

.ddc-ov{
    width:100%;
    overflow-y:auto;
}

.ddc-bar .hd{
    width:100%;
    height:3rem;
    line-height:3rem;
    font-size:1rem;
    color:#000;
    text-align:center;
}
.ddc-bar .hd .pageState span{
    font-size:1.2rem;
}

.work-ti{
    width:100%;
    height:2.5rem;
    background-color:#fff;
    overflow:hidden;
    line-height:2.5rem;
}
.work-ti a{
    display:block;
    float:left;
    width:25%;
    margin:0 12.5%;
    float:left;
    height:2.5rem;
    text-align:center;
    font-size:0.75rem;
    color:#000;
}
.work-ti a.active{
    background-color:#e3040e;
    color:#fff;
}

.work-slide{
    width:100%;
    margin:0 0 0.75rem;
    position:relative;
}
.work-slide-ti{
    width:100%;
    height:2.5rem;
    line-height:2.5rem;
    text-align:center;
    font-size:0.75rem;
    color:#e3040e;
    border:1px #e3040e solid;
    background-color:#fff;
    cursor:pointer;
}
.work-slide-ti img{
    width:7px;
    height:4px;
}
.work-drop{
    display:none;
    width:100%;
    height:10rem;
    background-color:#fff;
    overflow-y:auto;
    line-height:2.5rem;
    text-align:center;
    font-size:0.75rem;
    color:#000;
    position:absolute;
    top:2.5rem;
    left:0;
    z-index:999;
}
.work-drop p{
    border-bottom:1px #ffcfd1 solid;
    cursor:pointer;
}
.work-drop p a{
    color:#000;
}
.work-drop p:last-child{
    border-bottom:none;
}
.work-drop p:active{
    background-color:#f8f8f8;
}

.ddc-five{
    padding:1rem;
}

.thank-you{
    width:9rem;
    height:9rem;
    margin:0 auto 2rem;
    padding:6rem 0.5rem 0.5rem;
    border:1px #666 solid;
    position:relative;
}
.thank-you span{
    font-size:0.75rem;
    color:#000;
    border-bottom:1px #000 solid;
    position:absolute;
    top:1rem;
    left:0.5rem;
    text-transform:uppercase;
}
.thank-you p{
    font-size:0.7rem;
    color:#999;
    text-align:right;
}
.thank-you img{
    width:8px;
    height:8px;
    position:absolute;
    bottom:-8px;
    right:-8px;
    z-index:9;
}

.others-slide{
    padding:1rem 0;
}
.others-box a{
    display:block;
    width:100%;
    height:100%;
    background-color:#fff;
}
.others-box a:active{
    background-color:#f5f5f5;
}
.others-img{
    width:100%;
    position:relative;
    overflow:hidden;
}
.others-img:after{
    display:block;
    content:'';
    margin-top:130%;
}
.others-img img{
    position:absolute;
    top:0;
    left:0;
    bottom:0;
    right:0;
    margin:auto;
    z-index:9;
}


.others-slide .swiper-slide{
    height:100%;
    opacity:0.5;
    -webkit-transition:300ms;
    -moz-transition:300ms;
    -ms-transition:300ms;
    -o-transition:300ms;
    transition:300ms;
    -webkit-transform:scale(0.9);
    -moz-transform:scale(0.9);
    -ms-transform:scale(0.9);
    -o-transform:scale(0.9);
    transform:scale(0.9);
}
.others-slide .swiper-slide-prev, .device .swiper-slide-next{
    opacity:0.5;
    -webkit-transform:scale(0.9);
    -moz-transform:scale(0.9);
    -ms-transform:scale(0.9);
    -o-transform:scale(0.9);
    transform:scale(0.9);
}
.others-slide .swiper-slide-active{
    opacity:1;
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
    -ms-transform:scale(1);
    -o-transform:scale(1);
    transform:scale(1);
}

/*优惠活动*/
.off-list{
    padding:0.75rem 0 0;
}

.off-list li{
    width:100%;
    margin:0 0 0.75rem;
    background-color:#fff;
}
.off-con{
    padding:0 1rem;
    border-bottom:1px #d9d9d9 solid;
}
.off-ti{
    width:100%;
    height:2.5rem;
    line-height:2.5rem;
    font-size:1rem;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.off-ti a{
    color:#e3040e;
}
.off-img{
    width:100%;
    margin:0 0 0.75rem;
    position:relative;
    overflow:hidden;
}
.off-img:after{
    display:block;
    content:'';
    margin-top:30%;
}
.off-img img{
    position:absolute;
    top:0;
    left:0;
    bottom:0;
    right:0;
    margin:auto;
    z-index:9;
}
.off-info{
    width:100%;
    margin:0 0 0.75rem;
    overflow:hidden;
    font-size:0.75rem;
    color:#666;
}
.off-bar{
    width:100%;
    height:3rem;
    padding:0 1rem;
    overflow:hidden;
    line-height:3rem;
    font-size:0.8rem;
    color:#e3040e;
}
.off-bar a{
    float:right;
    padding:0 1.5rem 0 0;
    background:url(../images/plus.png) no-repeat right center;
    background-size:20px 20px;
    color:#e3040e;
}

.box-slide{
    opacity:0;
    -webkit-transform:translateY(10%);
    -ms-transform:translateY(10%);
    -o-transform:translateY(10%);
    transform:translateY(10%);
    -webkit-transition:all 1s;
    -o-transition:all 1s;
    transition:all 1s;
}
.box-slide.move{
    opacity:1;
    -webkit-transform:translateY(0);
    -ms-transform:translateY(0);
    -o-transform:translateY(0);
    transform:translateY(0);
}

/*品牌实力*/
.power{
    padding:3rem 1rem;
}
.power li{
    margin:0 0 0.75rem;
    width:100%;
}
.power li a{
    display:block;
    width:100%;
    padding:1rem 1rem 1rem 6rem;
    background-color:#fff;
    position:relative;
}
.power li a:active{
    background-color:#f8f8f8;
}
.power li i{
    width:3rem;
    height:3rem;
    text-align:center;
    line-height:3rem;
    position:absolute;
    top:50%;
    left:1.5rem;
    z-index:9;
    margin:-1.5rem 0 0;
    font-size:2rem;
}
.power li:nth-child(1) i{
    color:#19d76b;
}
.power li:nth-child(2) i{
    color:#feaa1d;
}
.power li:nth-child(3) i{
    color:#ff4844;
}
.power li:nth-child(4) i{
    color:#3760fb;
}
.power li:nth-child(5) i{
    color:#fb9837;
}
.power li h3{
    font-size:0.85rem;
    color:#000;
    font-weight:normal;
}
.power li p{
    font-size:0.7rem;
    color:#999;
}

/*关于中庭*/
.company{
    margin:0 0 0.75rem;
    background-color:#fff;
}
.company-con{
    padding:1rem 1rem 2rem;
    /*height:24rem;*/
    overflow:hidden;
    border-top:1px #d9d9d9 solid;
    position:relative;
    font-size:0.8rem;
    color:#666;
    line-height:1.5rem;
}
.company-inside{
}

.more-pick{
    width:100%;
    height:2rem;
    text-align:center;
    line-height:2rem;
    position:absolute;
    bottom:0;
    left:0;
    z-index:9;
    background-color:#fff;
}
.more-pick a{
    display:block;
    width:100%;
    height:2rem;
    font-size:0.8rem;
    color:#e3040e;
    position:relative;
}
.more-pick img{
    width:10px;
    height:6px;
    margin:0 0 0 0.3rem;
    -webkit-transition:all 0.2s;
    -o-transition:all 0.2s;
    transition:all 0.2s;
}
.more-pick.act img{
    -webkit-transform:rotate(180deg);
    -ms-transform:rotate(180deg);
    -o-transform:rotate(180deg);
    transform:rotate(180deg);
}


.think{
    margin:0 0 0.75rem;
    background-color:#fff;
}

.think-list{
    padding:1rem 0.75rem;
    border-top:1px #d9d9d9 solid;
}
.think-list li{
    margin:0 0 1.5rem;
    padding:0 0 0 79px;
    height:57px;
    overflow:hidden;
    position:relative;
}
.think-list img{
    width:79px;
    height:57px;
    position:absolute;
    top:0;
    left:0;
    z-index:9;
}
.think-con{
    width:100%;
    height:57px;
    padding:0 0.5rem;
    background-color:#f2f2f2;
    color:#666;
    position:relative;
    overflow:hidden;
    font-size:0.7rem;
    line-height:57px;
}
.think-con p{
    display:inline-block;
    line-height:19px;
    vertical-align:middle;
}

.honur{
    background-color:#fff;
}

.honur-slide{
    padding:2rem 0;
    border-top:1px #d9d9d9 solid;
}
.honur-box{
    border:3px #f2f2f2 solid;
    width:100%;
    position:relative;
    overflow:hidden;
}
.honur-box:after{
    display:block;
    content:'';
    margin-top:72%;
}
.honur-box img{
    position:absolute;
    top:0;
    left:0;
    bottom:0;
    right:0;
    margin:auto;
    z-index:9;
}
.honur-slide .swiper-button-next{
    width:30px;
    height:56px;
    background:url(../images/d-right.png) no-repeat center center;
    background-size:100% 100%;
    right:0;
}
.honur-slide .swiper-button-prev{
    width:30px;
    height:56px;
    background:url(../images/d-left.png) no-repeat center center;
    background-size:100% 100%;
    left:0;
}

/*企业动态*/
.notice{
    background-color:#fff;
}
.notice li{
    border-bottom:1px #f2f2f2 solid;
}
.notice li a{
    display:block;
    padding:1rem;
    overflow:hidden;
}
.notice li a:active{
    background-color:#f8f8f8;
}
.notice-img{
    width:28%;
    float:left;
    position:relative;
    overflow:hidden;
}
.notice-img:after{
    display:block;
    content:'';
    margin-top:74%;
}
.notice-img img{
    position:absolute;
    top:0;
    left:0;
    bottom:0;
    right:0;
    z-index:9;
    margin:auto;
}
.notice-info{
    width:72%;
    float:left;
    padding:0 0 0 0.75rem;
}
.notice-info h3{
    font-size:0.9rem;
    color:#000;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    font-weight:normal;
}
.notice-info p{
    height:2rem;
    overflow:hidden;
    font-size:0.75rem;
    color:#666;
}
.notice-info span{
    font-size:0.7rem;
    color:#999;
    line-height:1.5rem;
}

/*联系我们*/
.contact-list{
    padding:0 1rem;
    background-color:#fff;
}
.contact-list li{
    padding:0.75rem 0;
    border-bottom:1px #cfcfcf dotted;
}
.contact-list li:last-child{
    border-bottom:none;
}
.contact-list li h3{
    font-size:1rem;
    color:#000;
    font-weight:normal;
}
.contact-list li p{
    font-size:0.8rem;
    color:#666;
}

/*招聘信息*/
.job{
    padding:0.75rem 0 0;
}
.job li{
    margin:0 0 0.75rem;
    padding:0 0 1.5rem;
    background-color:#fff;
    position:relative;
}
.job-ti{
    padding:0 0.75rem;
    border-bottom:1px #d9d9d9 solid;
    width:100%;
    height:2.5rem;
    line-height:2.5rem;
    overflow:hidden;
}
.job-ti span{
    font-size:0.9rem;
    color:#e3040e;
    float:left;
}
.job-ti em{
    float:right;
    font-size:0.75rem;
    color:#000;
}
.job-name{
    width:100%;
    height:2rem;
    margin:0 0 1rem;
    padding:0 0.75rem;
    line-height:2rem;
    font-size:0.8rem;
    color:#333;
    position:relative;
}
.job-name p{
    display:inline-block;
    line-height:1rem;
    vertical-align:middle;
}
.job-con{
    padding:0.75rem;
    font-size:0.8rem;
    color:#333;
}

/*售后服务*/
.after-sell{
    padding:0 0.75rem 0.75rem;
}

.msn-box{
    width:100%;
    padding:1rem;
    background-color:#fff;
    box-shadow:0 0 5px rgba(0, 0, 0, .2);
}
.msn-box li{
    margin:0 0 0.75rem;
    overflow:hidden;
}
.msn-box li:last-child{
    margin:0;
}
.msn-box li select{
    width:100%;
    height:2.5rem;
    padding:0 0.5rem;
    border:1px #d9d9d9 solid;
}
.msn-box li input[type="text"]{
    width:100%;
    height:2.5rem;
    padding:0 0.75rem;
    border:1px #d9d9d9 solid;
    background-color:#fff;
}
.msn-box li textarea{
    width:100%;
    height:6rem;
    padding:0.75rem;
    border:1px #d9d9d9 solid;
    background-color:#fff;
}
.msn-box li input.msn-txt2{
    width:50%;
}
.msn-box li img{
    width:40%;
}
.msn-box li input[type="button"]{
    width:100%;
    height:2.5rem;
    border-radius:4px;
    background-color:#e3040e;
    border:none;
    font-size:0.8rem;
    color:#fff;
}

.msn-box li a{
    display:block;
    width:48%;
    height:2.5rem;
    border:1px #d9d9d9 solid;
    text-align:center;
    font-size:0.8rem;
    color:#666;
    background-color:#e6e6e6;
    line-height:2.5rem;
}
.msn-box li a.active{
    border:1px #e3040e solid;
    background-color:#fff;
    color:#e3040e;
}

/*旧房套餐*/
.old-top{
    margin:0 0 1.5rem;
}

.apply{
    padding:0 2rem 1rem;
    background-color:#fff;
}
.apply-box{
    width:100%;
    padding:1rem 2rem;
    background-color:#f8f8f8;
    box-shadow:0 5px 5px rgba(0, 0, 0, .1);
}
.apply-box li{
    margin:0 0 0.75rem;
}
.apply-box li:last-child{
    margin:0;
}
.apply-box li input[type="text"]{
    width:100%;
    height:2.5rem;
    padding:0 0.75rem;
    border:1px #d9d9d9 solid;
    background-color:#fff;
}
.apply-box li input[type="button"]{
    width:100%;
    height:3rem;
    border-radius:4px;
    background-color:#e3040e;
    color:#fff;
}
.apply-box li p{
    font-size:0.7rem;
    color:#e3040e;
    text-align:center;
}

.fix-list{
    padding:0 0 0.25rem;
}
.fix-list ul{
    text-align:center;
}
.fix-list li{
    display:inline-block;
    width:32%;
    padding:0 0.5rem 1rem;
}
.fix-list li p{
    width:100%;
    height:3rem;
    line-height:3rem;
    color:#fff;
    font-size:0.8rem;
}
.fix-list li:nth-child(1) p{
    background-color:#3ba1ff;
    box-shadow:0 5px 5px rgba(59, 161, 255, .3);
}
.fix-list li:nth-child(2) p{
    background-color:#c57e55;
    box-shadow:0 5px 5px rgba(197, 126, 85, .3);
}
.fix-list li:nth-child(3) p{
    background-color:#ffb81b;
    box-shadow:0 5px 5px rgba(255, 184, 27, .3);
}
.fix-list li:nth-child(4) p{
    background-color:#2ecc71;
    box-shadow:0 5px 5px rgba(46, 204, 113, .3);
}
.fix-list li:nth-child(5) p{
    background-color:#ff6600;
    box-shadow:0 5px 5px rgba(255, 102, 0, .3);
}

.two{
    padding:0 2rem;
    background-color:#fff;
}
.two img{
    margin:0 0 0.75rem;
}

.four{
    padding:0 1.5rem;
    background-color:#fff;
}
.four ul{
    overflow:hidden;
}
.four li{
    width:50%;
    float:left;
    padding:0 0.5rem;
    margin:0 0 0.5rem;
    text-align:center;
}
.four li h3{
    font-weight:normal;
    font-size:0.9rem;
    color:#4c4c4c;
    line-height:2rem;
}
.four li p{
    font-size:0.5rem;
    color:#999;
}


.package-tips{
    margin:0 0 1rem;
    text-align:center;
    line-height:2rem;
    font-size:0.8rem;
    color:#000;
}

.package-box{
    width:100%;
    position:relative;
    overflow:hidden;
}
.package-box:after{
    display:block;
    content:'';
    margin-top:47%;
}
.package-box img{
    position:absolute;
    top:0;
    left:0;
    bottom:0;
    right:0;
    z-index:8;
    margin:auto;
}
.package-slide{
    padding:1rem 0;
}
.package-slide .swiper-slide.swiper-slide-active{
    z-index:9999;
    -webkit-transform:scale(1.1);
    -ms-transform:scale(1.1);
    -o-transform:scale(1.1);
    transform:scale(1.1);
}

.package-con{
    width:90%;
    height:90%;
    background-color:rgba(0, 0, 0, .5);
    border:1px #fff solid;
    position:absolute;
    top:50%;
    left:50%;
    margin:-21% 0 0 -45%;
    z-index:9;
    overflow:hidden;
}
.package-con-ti{
    text-align:center;
    color:#fff;
}
.package-con-ti p{
    font-size:0.65rem;
}
.package-con-ti h3{
    font-weight:normal;
    font-size:0.75rem;
}
.package-con-ti span{
    display:block;
    width:20%;
    height:1px;
    margin:0 auto;
    background-color:#fff;
}
.package-info{
    padding:0.5rem;
    overflow:hidden;
    font-size:0.7rem;
    color:#fff;
}
.package-info p{
    width:50%;
    float:left;
}
@media (max-width:320px){
    .package-info{
        font-size:0.5rem;
    }
}

/*新房套餐*/

/*新房套餐*/
.config{
    width:100%;
}

.config-box{
    width:100%;
    position:relative;
    overflow:hidden;
}
.config-box:after{
    display:block;
    content:'';
    margin-top:67%;
}
.config-box img{
    position:absolute;
    top:0;
    left:0;
    bottom:0;
    right:0;
    margin:auto;
    z-index:9;
}
.config-con{
    width:90%;
    height:90%;
    padding:0.5rem;
    background-color:rgba(0, 0, 0, .5);
    font-size:0.75rem;
    color:#fff;
    position:absolute;
    top:50%;
    left:50%;
    margin:-30% 0 0 -45%;
    z-index:9;
}

.config-bar{
    width:100%;
    height:3rem;
    position:relative;
}
.config-page{
    overflow:hidden;
}
.config-ti .swiper-slide{
    display:block;
    width:20%;
    height:3rem;
    background-color:#fff;
    color:#ccc;
    text-align:center;
}
.config-ti .swiper-slide i{
    display:block;
    height:1.5rem;
    font-size:1.5rem;
    margin:0 auto;
    line-height:1.5rem;
}
.config-ti .swiper-slide:nth-child(2) i{
    font-size:1.2rem;
}
.config-ti .swiper-slide:nth-child(3) i{
    font-size:1rem;
}
.config-ti .swiper-slide:nth-child(4) i{
    font-size:1rem;
}
.config-ti .active-nav{
    background-color:#e3040e;
    color:#fff;
}

.only-list{
    overflow-x:auto;
    width:100%;
    height:10rem;
    position:relative;
}
.only-list ul{
    width:760px;
    padding:0 0 0 25px;
    overflow:hidden;
    position:absolute;
    top:0;
    left:0;
    z-index:9;
}
.only-list li{
    width:80px;
    float:left;
    margin:0 25px 0 0;
    text-align:center;
}
.only-list li h3{
    margin:0 0 10px;
    font-weight:normal;
    font-size:0.8rem;
    color:#999;
}
.only-box{
    width:80px;
    padding:10px 0;
    background-color:#fff;
}
.only-box img{
    width:40px;
    height:40px;
}
.only-box p{
    padding:0 34px;
    font-size:12px;
    color:#333;
}
.only-list li.active h3{
    color:#e3040e;
}
.only-list li.active .only-box{
    border:1px #e3040e solid;
}

.only-tips{
    text-align:center;
    line-height:2rem;
    font-size:0.8rem;
    color:#666;
}

.mater-tab{
    width:100%;
    overflow:hidden;
}
.mater-ti{
    width:27%;
    float:left;
    height:16rem;
    overflow-y:auto;
    z-index:99999;
    position:relative;
}
.mater-ti li{
    width:100%;
    height:3rem;
    padding:0 6% 0 0;
    text-align:center;
    line-height:3rem;
    font-size:1rem;
}
.mater-ti li a{
    display:block;
    width:100%;
    height:3rem;
    color:#000;
    border-bottom:1px #d9d9d9 solid;
    background-color:#fff;
    position:relative;
}
.mater-ti li i{
    display:none;
    width:6px;
    height:9px;
    background:url(../images/red-arrow2.png) no-repeat center center;
    background-size:100% 100%;
    position:absolute;
    top:50%;
    right:-6px;
    z-index:99999;
    margin:-4px 0 0;
}
.mater-ti li.active a{
    background-color:#e3040e;
    color:#fff;
}
.mater-ti li.active i{
    display:block;
}

.mater-con{
    width:79%;
    float:left;
    height:16rem;
    margin:0 0 0 -6%;
    overflow-y:auto;
    background-color:#e6e6e6;
}
.mater-img img{
}
.mater-info{
    padding:0.5rem 0.5rem 0.5rem 2rem;
    font-size:0.8rem;
    color:#333;
    background-color:#e6e6e6;
}

.link{
    margin:0 0 2rem;
}
.link-img{
    width:100%;
    border-radius:50%;
    position:relative;
    overflow:hidden;
}
.link-img:after{
    display:block;
    content:'';
    margin-top:100%;
}
.link-img img{
    position:absolute;
    top:0;
    left:0;
    bottom:0;
    right:0;
    z-index:9;
    margin:auto;
}
.pageshow{
    width:100%;
    margin:0 auto;
    height:40px;
    clear:both;
    margin-top:20px;
}
.pageshow .current{
    background:#E52228;
    color:#FFFFFF;
    height:40px;
    width:50px;
    padding:6px 16px;
    margin-left:5px;
    display:inline;
}
.pageshow .btn-danger, .pageshow .num, .pageshow .prev, .pageshow .next, .pageshow .first, .pageshow .end{
    display:inline;
    height:40px;
    width:50px;
    background:#E6E6E6;
    color:#4D4D4D;
    padding:6px 16px;
    margin-left:5px;
}


/*工程工艺*/
.map_one{
    width:100%;
    overflow:hidden;
    background-image:url(../images/One_bg.png);
    background-repeat:no-repeat;
    background-size:100% 100%;
}

/*.map_one .txt_one{ padding: 70px 0 0; text-align: center; margin: 0 auto;}
.map_one .txt_one h3{font-size: 20px; color: #e6e6e6; padding-top: 25px; width: 100%;}*/
.map_one .txt_one .circle_4{
    line-height:100%;
    position:relative;
    overflow:hidden;
    padding:10px 10px;
    z-index:12;
    margin:15px auto;
    width:300px;
    height:244px;
    background:url(../images/ba_xin.png) no-repeat center;
    background-size:100% 100%;
}
.map_one .txt_one .circle_4 span{
    display:block;
    -moz-display:inline-block;
    width:100%;
    height:50%;
    margin-bottom:-200px;
}
/*外圈 */
.map_one .txt_one .circle_3{
    animation:mycircle_3 20s linear infinite;
    -moz-animation:mycircle_3 20s linear infinite; /* Firefox */
    -webkit-animation:mycircle_3 20s linear infinite; /* Safari 和 Chrome */
    -o-animation:mycircle_3 20s linear infinite; /* Opera */
    overflow:hidden;
    z-index:12;
    margin:110px auto 0;
    width:180px;
    height:180px;
    background:url(../images/One_bgnen_3.png) no-repeat center;
    background-size:100% 100%;
}
.map_one .txt_one .circle_3 span{
    display:inline-block;
    width:100%;
    height:50%;
    margin-bottom:0;
}
/*内圈 全园的*/
.map_one .txt_one .circle_2{
    overflow:hidden;
    z-index:11;
    margin:-80px auto 0;
    width:160px;
    height:160px;
    background:url(../images/One_bgnen_2.png) no-repeat center;
    background-size:100% 100%;
}
.map_one .txt_one .circle_2 span{
    display:block;
    width:100%;
    height:50%;
    margin-bottom:-80px;
}
/*内圈*/
.map_one .txt_one .circle_1{
    animation:circle_1 10s linear infinite;
    -moz-animation:circle_1 10s linear infinite; /* Firefox */
    -webkit-animation:circle_1 10s linear infinite; /* Safari 和 Chrome */
    -o-animation:circle_1 10s linear infinite; /* Opera */
    overflow:hidden;
    z-index:10;
    margin:10px auto;
    width:140px;
    height:140px;
    background:url(../images/One_bgnen_1.png) no-repeat center;
    background-size:100% 100%;
}
.map_one .txt_one .circle_4 .txt{
    position:absolute;
    left:50%;
    top:50%;
    width:100px;
    height:40px;
    transform:translate(-50px, -20px);
    -moz-transform:translate(-50px, -20px); /* Firefox */
    -webkit-transform:translate(-50px, -20px); /* Safari 和 Chrome */
    -o-transform:translate(-50px, -20px); /* Opera */
    background:url(../images/One_bgnen_txt.png) no-repeat center;
    background-size:100%;
}

/*动画效果mycircle_1 */
@keyframes circle_1{
    0%{
        transform:rotate(0deg);
    }
    100%{
        transform:rotate(-360deg);
    }
}

@-moz-keyframes circle_1 /* Firefox */
{
    0%{
        -moz-transform:rotate(0deg);
    }
    100%{
        -moz-transform:rotate(-360deg);
    }
}

@-webkit-keyframes circle_1 /* Safari and Chrome */
{
    0%{
        -webkit-transform:rotate(0deg);
    }
    100%{
        -webkit-transform:rotate(-360deg);
    }
}

@-o-keyframes circle_1 /* Opera */
{
    0%{
        -o-transform:rotate(0deg);
    }
    100%{
        -o-transform:rotate(-360deg);
    }
}
/*动画效果mycircle_1   end */


/*动画效果mycircle_3   */
@keyframes mycircle_3{
    0%{
        transform:rotate(0deg);
    }
    100%{
        transform:rotate(360deg);
    }
}

@-moz-keyframes mycircle_3 /* Firefox */
{
    0%{
        -moz-transform:rotate(0deg);
    }
    100%{
        -moz-transform:rotate(360deg);
    }
}

@-webkit-keyframes mycircle_3 /* Safari and Chrome */
{
    0%{
        -webkit-transform:rotate(0deg);
    }
    100%{
        -webkit-transform:rotate(360deg);
    }
}

@-o-keyframes mycircle_3 /* Opera */
{
    0%{
        -o-transform:rotate(0deg);
    }
    100%{
        -o-transform:rotate(360deg);
    }
}

/*动画效果mycircle_3  end */


.art h3{
    padding:10px 0;
    font-size:16px;
    color:#fff;
    text-align:center;
}

.art .swiper-slide{
    padding:0 10px 30px;
}
.art-info{
    padding:0 10px;
    line-height:40px;
    font-size:14px;
    color:#e89107;
    background-color:#fff;
}
.art-info p{
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}

.art-list{
    padding:0 5px;
}
.art-list ul{
    overflow:hidden;
}
.art-list li{
    width:33.3%;
    padding:0 5px;
    margin:0 0 10px;
    float:left;
}
.art-list li a{
    display:block;
    width:100%;
    position:relative;
    overflow:hidden;
}
.art-list li a:after{
    display:block;
    content:'';
    margin-top:80%;
}
.art-list li img{
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    margin:auto;
}

/*首页添加留言表单*/
.count{
    padding:0 15px 5px;
    border-top:2px #ff262d solid;
    background-color:#fff;
}
.count-ti{
    text-align:center;
    line-height:50px;
    font-size:16px;
    color:#333;
}
.count-ti i{
    font-size:26px;
    color:#ff262d;
}
.count li{
    margin:0 0 15px;
    overflow:hidden;
}
.count li input.count-txt{
    width:100%;
    height:38px;
    padding:0 10px;
    border:1px #c8c8c8 solid;
    border-radius:6px;
    font-size:14px;
}
.count li input.mile{
    background:url(../images/m.png) no-repeat 95% center;
    background-size:8px 9px;
}
.count-select{
    width:48%;
    margin-right:5px;
    height:38px;
    border:1px #c8c8c8 solid;
    border-radius:6px;
}
.count-select a{
    display:block;
    width:100%;
    height:38px;
    padding:0 10px;
    line-height:38px;
    font-size:14px;
    color:#ababab;
    background:url(../images/count-a.png) no-repeat 95% center;
    background-size:12px 7px;
}
.count li input.count-btn{
    width:100%;
    height:38px;
    border-radius:6px;
    background-color:#ff262d;
    font-size:14px;
    color:#fff;
}


/*首页下拉框*/
.weui_mask_transition{
    display:none;
    position:fixed;
    z-index:1;
    width:100%;
    height:100%;
    top:0;
    left:0;
    background:rgba(0, 0, 0, 0);
    -webkit-transition:background .3s;
    transition:background .3s;
}
.weui_fade_toggle{
    background:rgba(0, 0, 0, 0.6);
}
.weui_actionsheet{
    position:fixed;
    left:0;
    bottom:52px;
    -webkit-transform:translate(0, 100%);
    transform:translate(0, 100%);
    -webkit-backface-visibility:hidden;
    backface-visibility:hidden;
    z-index:2;
    width:100%;
    background-color:#EFEFF4;
    -webkit-transition:-webkit-transform .3s;
    transition:-webkit-transform .3s;
    transition:transform .3s;
    transition:transform .3s, -webkit-transform .3s;
}
.weui_actionsheet_menu{
    background-color:#FFFFFF;
}
.weui_actionsheet_action{
    margin-top:6px;
    background-color:#FFFFFF;
}
.weui_actionsheet_cell{
    position:relative;
    padding:10px 0;
    text-align:center;
    font-size:18px;
    cursor:pointer;
}
.weui_actionsheet_cell:before{
    content:" ";
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:1px;
    border-top:1px solid #D9D9D9;
    color:#D9D9D9;
    -webkit-transform-origin:0 0;
    transform-origin:0 0;
    -webkit-transform:scaleY(0.5);
    transform:scaleY(0.5);
}
.weui_actionsheet_cell:active{
    background-color:#ECECEC;
}
.weui_actionsheet_cell:first-child:before{
    display:none;
}
.weui_actionsheet_toggle{
    -webkit-transform:translate(0, 0);
    transform:translate(0, 0);
}


.weui_mask_transition2{
    display:none;
    position:fixed;
    z-index:1;
    width:100%;
    height:100%;
    top:0;
    left:0;
    background:rgba(0, 0, 0, 0);
    -webkit-transition:background .3s;
    transition:background .3s;
}
.weui_fade_toggle2{
    background:rgba(0, 0, 0, 0.6);
}
.weui_actionsheet2{
    position:fixed;
    left:0;
    bottom:52px;
    -webkit-transform:translate(0, 100%);
    transform:translate(0, 100%);
    -webkit-backface-visibility:hidden;
    backface-visibility:hidden;
    z-index:2;
    width:100%;
    background-color:#EFEFF4;
    -webkit-transition:-webkit-transform .3s;
    transition:-webkit-transform .3s;
    transition:transform .3s;
    transition:transform .3s, -webkit-transform .3s;
}
.weui_actionsheet_menu2{
    background-color:#FFFFFF;
}
.weui_actionsheet_action2{
    margin-top:6px;
    background-color:#FFFFFF;
}
.weui_actionsheet_cell2{
    position:relative;
    padding:10px 0;
    text-align:center;
    font-size:18px;
    cursor:pointer;
}
.weui_actionsheet_cell2:before{
    content:" ";
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:1px;
    border-top:1px solid #D9D9D9;
    color:#D9D9D9;
    -webkit-transform-origin:0 0;
    transform-origin:0 0;
    -webkit-transform:scaleY(0.5);
    transform:scaleY(0.5);
}
.weui_actionsheet_cell2:active{
    background-color:#ECECEC;
}
.weui_actionsheet_cell2:first-child:before{
    display:none;
}
.weui_actionsheet_toggle2{
    -webkit-transform:translate(0, 0);
    transform:translate(0, 0);
}


.nav{
    padding:10px 0 0;
}
.nav ul{
    overflow:hidden;
}
.nav li{
    width:25%;
    float:left;
    margin:0 0 10px;
    text-align:center;
}
.nav li a{
    display:block;
}
.nav i{
    display:block;
    width:50px;
    height:50px;
    margin:0 auto;
    border-radius:50%;
    color:#fff;
}
.nav span{
    display:block;
    font-size:12px;
    color:#878787;
    line-height:28px;
}
.nav li:nth-child(1) i{
    background-color:#00bae6;
    line-height:36px;
    font-size:40px;
}
.nav li:nth-child(2) i{
    background-color:#729ee9;
    line-height:50px;
    font-size:26px;
}
.nav li:nth-child(3) i{
    background-color:#ef7bb8;
    line-height:50px;
    font-size:30px;
}
.nav li:nth-child(4) i{
    background-color:#f7ce47;
    line-height:50px;
    font-size:28px;
}
.nav li:nth-child(5) i{
    background-color:#ec5f5f;
    line-height:50px;
    font-size:32px;
}
.nav li:nth-child(6) i{
    background-color:#f1b26b;
    line-height:44px;
    font-size:34px;
}
.nav li:nth-child(7) i{
    background-color:#69d9ee;
    line-height:46px;
    font-size:32px;
}
.nav li:nth-child(8) i{
    background-color:#b4d95a;
    line-height:46px;
    font-size:32px;
}


.footer2{
    width:100%;
    background-color:#fff;
    box-shadow:0 -3px 3px rgba(0, 0, 0, .05);
    position:fixed;
    bottom:0;
    left:0;
    z-index:999;
}
.footer2 ul{
    overflow:hidden;
}
.footer2 li{
    width:20%;
    float:left;
    text-align:center;
}
.footer2 a{
    display:block;
    padding:10px 0;
    color:#8d8c8c;
}
.footer2 a span{
    display:block;
    font-size:12px;
}
.footer2 a i{
    font-size:26px;
}
.footer2 li.act a{
    color:#ff262d;
}

.case2{
    background-color:#fff;
}

.index-ti2{
    padding:0 10px 0 20px;
    height:50px;
    line-height:50px;
    font-size:16px;
    color:#4e4e4e;
    background:url(../images/bar.png) no-repeat 10px center;
    background-size:4px 14px;
}
.case2 ul{
    overflow:hidden;
}
.case2 li{
    width:50%;
    float:left;
    padding:0 5px;
    margin:0 0 10px;
}
.case-img{
    height:11em;
}
.case-img a{
    display:block;
    width:100%;
    height:100%;
}
.color-bar{
    height:2em;
}
.color-bar a{
    color:#555;
    font-size:13px;
    line-height:27px;
    text-align:center;
    width:100%;
    display:block;
}

.case-more{
    padding:10px 0 20px;
}
.case-more a{
    display:block;
    width:40%;
    height:40px;
    margin:0 auto;
    border-radius:30px;
    border:2px #ff262d solid;
    font-size:16px;
    color:#ff262d;
    text-align:center;
    line-height:40px;
}

.more-pick{
    width:100%;
    height:2rem;
    text-align:center;
    line-height:2rem;
    position:absolute;
    bottom:0;
    left:0;
    z-index:9;
    background-color:#fff;
}
.more-pick a{
    display:block;
    width:100%;
    height:2rem;
    font-size:0.8rem;
    color:#e3040e;
    position:relative;
}


.more-pick2{
    width:100%;
    height:2rem;
    text-align:center;
    line-height:2rem;
    position:absolute;
    bottom:0;
    left:0;
    z-index:9;
    background-color:#fff;
}
.more-pick2 a{
    display:block;
    width:100%;
    height:2rem;
    font-size:0.8rem;
    color:#e3040e;
    position:relative;
}


.news-detail{
    padding:10px;
    font-size:16px;
    line-height:25px;
}
.news-detail .title{
    text-align:center;margin-top:20px;
}

.classbox{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    width:100%;
    padding:20px;
    justify-content:center;
}
.classbox .item{
    padding:5px 10px;
    background:#ebebeb;
    border-radius:5px;
    font-size:14px;
    color:#333;
    width:21%;
    margin:0 2%;
}
.classbox .item.active{
    background:#ff0000;
    color:#fff;
}