/*公用*/
*{
    margin: 0;
    padding: 0;
}
body{
    _font-family: 'Microsoft YaHei' !important; font-family: 'Microsoft YaHei';
    margin:0 auto;
    width:100%;
}

/*更多选择标签*/
/*em,i{ font-style:normal;}*/

/*列表,图像,A重置*/
ul{ list-style:none;}
img{ border:0 none;}
a{ text-decoration:none; outline:none;}
li,img,label,input {vertical-align: middle; }


/*bannar*/
.bannar_index{width:100%;}
.bannar_index img{width:100%;}
/*bannar end*/

/*bangong one*/
.bangong_one{width:1200px;margin:0 auto;padding-bottom:50px;}
.bangong_title{width:100%;text-align: center;padding:30px 0;}
.bangong_title h3{font-size:35px;color:#e7002d;line-height: 50px;}
.bangong_title p{font-size:20px;color:#555;line-height: 40px;}
.bangong_one_list{width:100%;overflow: hidden;}
.bangong_one_list ul{width:101%;}
.bangong_one_list ul li{width:24%;margin-right:1%;float: left;}
.bangong_one_list ul li img{width:100%;}
/*bangong one end*/

/*bangong two*/
.bangong_two{width:100%;height:830px;background:url(../images/bangong_two_bg.jpg)center no-repeat;}
.bangong_two_list{width:1200px;padding-top:30px;margin:0 auto;}
.bangong_two_list ul li{width:33%;height:185px;text-align:center;float: left;background-color:#fff;border-right:1px solid #eee;border-bottom:1px solid #eee;box-sizing: border-box;}
.bangong_two_list ul li img{height:70px;display: block;margin:10px auto;}
.bangong_two_list ul li .img01{display: block;}
.bangong_two_list ul li .img02{display: none;}
.bangong_two_list ul li span{font-size:18px;color:#333;line-height:35px;display: block;}
.bangong_two_list ul li p{font-size:12px;color:#555;}
.bangong_two_list ul li:hover{background-color:#ed0b24;}
.bangong_two_list ul li:hover .img01{display: none;}
.bangong_two_list ul li:hover .img02{display: block;}
.bangong_two_list ul li:hover span{color:#eee;}
.bangong_two_list ul li:hover p{color:#eee;}
/*bangong two end*/

/*bangong three*/
.bangong_three{width:100%;padding:50px 0;}
.bangong_three_list{width:1200px;margin:0 auto;}
.bangong_three_list ul li{width:50%;float: left;}
.bangong_three_list ul li .bangong_img{width:50%;height:100%;float: left;overflow: hidden;}
.bangong_three_list ul li .bangong_img img{width:100%;height:100%;transition: all .3s;}
.bangong_three_list ul li .bangong_img:hover img{transform: scale(1.1,1.1);}
.bangong_three_list ul li .bangong_txt{width:50%;height:300px;padding:40px;text-align:center;background-color:#e7002d;float: left;box-sizing: border-box;}
.bangong_three_list ul li .bangong_txt h3{font-size:24px;color:#fff;line-height: 45px;margin-bottom:20px;}
.bangong_three_list ul li .bangong_txt p{font-size:18px;line-height: 35px;color:#fff;}
/*bangong three end*/


/*bangong_four*/
.bangong_four{width:100%;}
.bangong_four_list{width:100%;overflow: hidden;}
.bangong_four_list img{width:100%;}
.bangong_four .swiper-container01 {
    width: 166%;
    left: 50%;
    margin-left: -84%;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
}
.bangong_four .swiper-slide,.bangong_four  .swiper-wrapper {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}
.bangong_four .swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform,-webkit-transform;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}
.bangong_four .swiper-slide {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform,-webkit-transform;
}
.bangong_four .swiper-container-horizontal>.swiper-pagination-bullets,.bangong_four  .swiper-pagination-custom,.bangong_four  .swiper-pagination-fraction {
    top: 10px;
    left: 0;
    width: 100%;
}
.bangong_four .swiper-pagination01 {
    width: 100%;
    height: 55px;
    line-height: 35px;
    border-bottom: 1px solid #ccc;
    margin-bottom: 30px;
    text-align: center;
    -webkit-transition: .3s opacity;
    -o-transition: .3s opacity;
    transition: .3s opacity;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    z-index: 10;
}
.bangong_four .swiper-container01 .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000;
}
.bangong_four .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 4px;
    outline:none
}
.bangong_four .swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer;
}
.bangong_four .swiper-pagination-bullet {
    position:relative;
    display: inline-block;
    font-size: 20px;
    color: #555;
    padding: 0 38px;
}
.bangong_four .swiper-pagination-bullet:before{
    content:"";
    position:absolute;
    width:25px;
    height:25px;
    left:50%;
    bottom:-35px;
    margin-left:-13px;
    border:2px solid #e4e4e4;
    background-color:#fff;
    border-radius: 100%;
    display: block;
}
.bangong_four .swiper-pagination-bullet:after{
    content:"";
    position:absolute;
    width:15px;
    height:15px;
    left:50%;
    bottom:-28px;
    margin-left:-6px;
    background-color:#666666;
    border-radius: 100%;
    display: block;
}
.bangong_four .swiper-pagination-bullet-active {
    opacity: 1;
    color:#e7002d;
}
.bangong_four .swiper-pagination-bullet-active:after{
    content:"";
    position:absolute;
    width:15px;
    height:15px;
    left:50%;
    bottom:-28px;
    margin-left:-6px;
    background-color:#e7002d;
    border-radius: 100%;
    display: block;
    z-index: 2;
}
.bangong_four .swiper-button-prev,.bangong_four  .swiper-container-rtl .swiper-button-next {
    left: 30%;
    right: auto;
}
.bangong_four .swiper-button-next,.bangong_four  .swiper-container-rtl .swiper-button-prev {
    right: 30%;
    left: auto;
}
.bangong_four .swiper-button-next,.bangong_four  .swiper-button-prev {
    position: absolute;
    top: 50%;
    width: 44px;
    height: 44px;
    margin-top: -22px;
    z-index: 10;
    cursor: pointer;
    background-size: 27px 44px;
    background-position: center;
    background-repeat: no-repeat;
}
/*bangong_four end*/


/*bangong_cases*/
.bangong_cases{width:100%;padding-top:30px;}
.bangong_cases_list{width:1200px;margin:0 auto;padding-bottom:80px;}
.bangong_cases_list ul li{width:31%;margin-right:2%;margin-top:2%;float: left;}
.bangong_cases_list ul li img{width:100%;height:287px;transition: all .3s;}
.bangong_cases_list ul li h3{font-size:20px;color:#333;line-height: 35px;}
.bangong_cases_list ul li p{color:#555;line-height: 30px;}
.bangong_cases_list ul li a:nth-of-type(1){width:100%;height:287px;display: block;overflow: hidden;}
.bangong_cases_list ul li:hover img{transform: scale(1.1,1.1);}
/*bangong_cases end*/

/*bangong_five*/
.bangong_five{width:100%;padding-top:20px;padding-bottom:80px;background:url(../images/bangong_five_bg.jpg)center no-repeat;}
.bangong_five_list{position: relative;width:1200px;margin:0 auto;}
.bangong_five .swiper-container02 img{width:100%;}
.bangong_five .swiper-container02 {
    width: 1000px;
    margin:0 auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
}
.bangong_five .swiper-slide,.bangong_five  .swiper-wrapper {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}
.bangong_five .swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform,-webkit-transform;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}
.bangong_five .swiper-slide {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform,-webkit-transform;
}
.bangong_five .swiper-container-horizontal>.swiper-pagination-bullets,.bangong_five  .swiper-pagination-custom,.bangong_five  .swiper-pagination-fraction {
    top: 10px;
    left: 0;
    width: 100%;
}
.bangong_five .swiper-pagination02 {
    width: 100%;
    height: 55px;
    line-height: 55px;
    margin-top: 30px;
    text-align: center;
    -webkit-transition: .3s opacity;
    -o-transition: .3s opacity;
    transition: .3s opacity;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    z-index: 10;
}
.bangong_five .swiper-container02 .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000;
}
.bangong_five .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 4px;
}
.bangong_five .swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer;
}
.bangong_five .swiper-pagination-bullet {
    position:relative;
    display: inline-block;
    font-size: 20px;
    color: #555;
    padding: 0 38px;
    padding-top: 60px;
}
.bangong_five .swiper-pagination-bullet:nth-of-type(1){background: url(../images/bangong_five01.png)top center no-repeat;}
.bangong_five .swiper-pagination-bullet:nth-of-type(2){background: url(../images/bangong_five02.png)top center no-repeat;}
.bangong_five .swiper-pagination-bullet:nth-of-type(3){background: url(../images/bangong_five03.png)top center no-repeat;}
.bangong_five .swiper-pagination-bullet:nth-of-type(4){background: url(../images/bangong_five04.png)top center no-repeat;}
.bangong_five .swiper-pagination-bullet:nth-of-type(5){background: url(../images/bangong_five05.png)top center no-repeat;}
.bangong_five .swiper-pagination-bullet:nth-of-type(6){background: url(../images/bangong_five06.png)top center no-repeat;}
.bangong_five .swiper-pagination-bullet-active {
    opacity: 1;
    color:#e7002d;
}
.bangong_five .swiper-pagination-bullet:nth-of-type(1).swiper-pagination-bullet-active{background: url(../images/bangong_five01_r.png)top center no-repeat;}
.bangong_five .swiper-pagination-bullet:nth-of-type(2).swiper-pagination-bullet-active{background: url(../images/bangong_five02_r.png)top center no-repeat;}
.bangong_five .swiper-pagination-bullet:nth-of-type(3).swiper-pagination-bullet-active{background: url(../images/bangong_five03_r.png)top center no-repeat;}
.bangong_five .swiper-pagination-bullet:nth-of-type(4).swiper-pagination-bullet-active{background: url(../images/bangong_five04_r.png)top center no-repeat;}
.bangong_five .swiper-pagination-bullet:nth-of-type(5).swiper-pagination-bullet-active{background: url(../images/bangong_five05_r.png)top center no-repeat;}
.bangong_five .swiper-pagination-bullet:nth-of-type(6).swiper-pagination-bullet-active{background: url(../images/bangong_five06_r.png)top center no-repeat;}
/*.bangong_five .swiper-pagination-bullet-active*/
.bangong_five .swiper-button-prev,.bangong_five  .swiper-container-rtl .swiper-button-next {
    left:0;
    right: auto;
}
.bangong_five .swiper-button-next,.bangong_five  .swiper-container-rtl .swiper-button-prev {
    right:0;
    left: auto;
}
.bangong_five .swiper-button-next,.bangong_five  .swiper-button-prev {
    position: absolute;
    top: 50%;
    width: 44px;
    height: 44px;
    margin-top: -22px;
    z-index: 10;
    cursor: pointer;
    background-size: 27px 44px;
    background-position: center;
    background-repeat: no-repeat;
}
/*bangong_five end*/

/*装修服务流程*/
.bangong_six{width:100%;padding:50px 0;}
.bangong_six_list{width:1200px;margin:0 auto;}
.bangong_six_list ul li{width:15%;margin-right:1%;float: left;}
.bangong_six_list ul li img{transition: all .3s;}
.bangong_six_list ul li:hover img{box-shadow: 1px 1px 10px #ccc;}
/*装修服务流程 end*/

/*我们的服务客户*/
.bangong_brand{width:100%;background-color:#e70000;}
.bangong_brand h3{color:#fff;}
.bangong_brand p{color:#fff;}
.bangong_brand_list{width:1200px;margin:0 auto;padding-bottom:50px;}
.bangong_brand_list ul li{width:15%;margin-right:1%;margin-top:1%;text-align: center;float: left;color:#fff;}
.bangong_brand_list ul li img{height:77px;display: block;margin:10px auto;}
/*我们的服务客户 end*/