@charset "utf-8";

img{max-width: 100%}
.page-poster{background-image: url(../images/chineseDecoration_poster_bg.jpg);width: 100%;height: 195px;background-repeat: no-repeat;background-size: cover;background-position: center;line-height: 195px;text-align: center;}
.page-poster .slogan{width: 320px;}

.item .img-title{height: 56px;display: block;margin: 0 auto}
.item .title{text-align: center;}
.item .title .title01{height: 49px;}
.item .title .title02{height: 39px;margin: 5px 0 5px 15px;}

.item .txt-title{font-size: .833em;text-align: center;padding: 8px 0 18px}
.item.item01{background-image: url(../images/chineseDecoration_item01_bg.jpg);background-size: cover;background-repeat: no-repeat;background-position: center;padding: 54px 18px 34px;text-align: center;}
.item.item01 .img01{margin-top: -20px}

.item.item02{padding: 29px 0 25px;background: #e3e3d9;text-align: center;}
.item.item02 .img01{height: 40px}
.item.item02 .img02{height: 36px;margin-top: 16px;margin-bottom: 30px}
.item.item02 .img-swiper01 .swiper-slide img{width: 65%}
.item.item02 .img-swiper02{padding: 18px;}

.item.item03{background-image: url(../images/chineseDecoration_item03_bg.jpg);background-size: cover;background-repeat: no-repeat;background-position: center;padding: 35px 15px 36px;text-align: center;}
.item.item03 .img01{margin-top: -20px}
.item.item03 .img-list{margin-top: 29px}
.item.item03 ul{display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex;margin-top: 7px}
.item.item03 ul li{display: inline-block;-webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -moz-flex: 1; -ms-flex: 1; flex: 1;background: #53616c}
.item.item03 ul li:last-of-type{margin-left: 7px}
.item.item03 ul li img{height: 120px;width: 100%}
.item.item03 ul li .info{color: #fff;padding: 12px}
.item.item03 ul li h1{font-size: 1.042em;padding-bottom: 12px;font-weight: 600}
.item.item03 ul li p{font-size: .833em;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;text-align: left;}

.item.item04{background-image: url(../images/chineseDecoration_item04_bg.jpg);background-size: cover;background-repeat: no-repeat;background-position: center;padding: 35px 15px 16px;text-align: center;}
.item.item04 .img01{margin-bottom: 10px}

.fine-case{background-image: url(../images/newCase_bg.jpg);background-size: cover;background-repeat: no-repeat;background-position: center;padding-bottom: 19px;margin-bottom: 15px;position: relative;}
.fine-case .title{text-align: center;padding: 28px 0;position: relative;}
.fine-case .title img{height: 25px}
.fine-case .title .more{color: #fff;font-size: .667em;height: 16px;width: 45px;border: 1px solid #fff;border-radius: 5px;text-align: center;line-height: 16px;position: absolute;right: 18px}
.fine-case .fine-case-swipe{padding: 0 18px}
.fine-case .fine-case-swipe img{max-width: 100%}
.fine-case .case-intro{display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex;color: #fff;padding-bottom: 20px}
.fine-case .case-intro .left{display: inline-block;-webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -moz-flex: 1; -ms-flex: 1; flex: 1;text-align: left;}
.fine-case .case-intro .left h1{font-size: 1.667em;padding: 18px 0 10px}
.fine-case .case-intro .left p{font-size: .917em;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.fine-case .case-intro .right{width: 84px;text-align: right;position: relative;}
.fine-case .case-intro .right .see-details{display: inline-block;height: 20px;width: 78px;line-height: 20px;text-align: center;background: #fff;color: #8c0000;font-size: .75em;margin-top: 80px;border-radius: 5px;position: absolute;right: 0;bottom: 0}


.fine-case .small-swiper{background: #fff;padding: 10px}
.fine-case .wrapper {position:relative;width: 100%;overflow: hidden;margin:0 auto;height: 113px;padding-top: 10px}
.fine-case .small-swiper .scroller {position:absolute;}
.fine-case .small-swiper .scroller li {width: 147px;height: 113px;float: left;}
.fine-case .small-swiper .scroller li a{display:block;}
.fine-case .small-swiper .scroller li img{width: 140px;opacity: 0.4;height: 85px}
.fine-case .small-swiper .scroller li.cur{position: relative;margin-top: -3px}
.fine-case .small-swiper .scroller li p{height: 28px;line-height: 28px;text-align: center;font-size: 1em}
.fine-case .small-swiper .scroller li.cur img{opacity: 1;border: 3px solid #961b1e;}
.fine-case .small-swiper .scroller li.cur i{border-left: 6px solid transparent;border-right: 6px solid transparent;border-bottom: 12px solid #961b1e;position: absolute;top: -10px;left: 50%;margin-left: -6px;z-index: -1}


.item.item05{padding: 25px 0 17px}
.item.item05 .img-list{padding: 14px 16px;}
.item.item05 ul{display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex;}
.item.item05 li{display: inline-block;-webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -moz-flex: 1; -ms-flex: 1; flex: 1;position: relative;}
.item.item05 li i.city{display: inline-block;width: 33px;height: 16px;background-size: cover;background-repeat: no-repeat;background-position: center;position: absolute;left: 50%;top: 50%;z-index: 10;margin-left: -16px;margin-top: -16px}
.item.item05 li i.city_02{background-image: url(../images/chineseConstruction_item08_img02_city.png);}
.item.item05 li i.city_03{background-image: url(../images/chineseConstruction_item08_img03_city.png);}
.item.item05 li i.city_04{background-image: url(../images/chineseConstruction_item08_img04_city.png);}
.item.item05 li i.city_05{background-image: url(../images/chineseConstruction_item08_img05_city.png);}
.item.item05 li i.city_06{background-image: url(../images/chineseConstruction_item08_img06_city.png);}
.item.item05 li i.city_07{background-image: url(../images/chineseConstruction_item08_img07_city.png);}
.item.item05 li i.city_08{background-image: url(../images/chineseConstruction_item08_img08_city.png);}
.item.item05 li i.city_09{background-image: url(../images/chineseConstruction_item08_img09_city.png);}
.item.item05 li i.city_10{background-image: url(../images/chineseConstruction_item08_img10_city.png);}
.item.item05 li i.city_11{background-image: url(../images/chineseConstruction_item08_img11_city.png);}
.item.item05 li i.city_12{background-image: url(../images/chineseConstruction_item08_img12_city.png);}
.item.item05 li i.city_13{background-image: url(../images/chineseConstruction_item08_img13_city.png);}
.item.item05 .cover{position: absolute;background: rgba(0, 0, 0, .5);height: 100%;width: 100%;top:0;left:0;}
.item.item05 .more-btn{display: inline-block;width: 210px;height: 46px;border: 1px solid;border-radius: 5px;letter-spacing: 2px;font-size: 2.17em;line-height: 48px;margin: 40px 0}
.item.item05 .cover .inner{width: 90%;height: 90%;margin: 5%;}
.item.item05 .cover p{font-size: 1em;top:50%;color:#ffffff;width: 80%;margin-left: 10%;text-align: center;position: absolute;margin-top: 5px}


.item.item06{background-image: url(../images/chineseDecoration_item06_bg.jpg);background-size: cover;background-repeat: no-repeat;background-position: center;padding: 21px 16px 28px;text-align: center;}
.item.item06 .img01{height: 182px}
.item.item06 .img-list{padding: 14px 16px;}
.item.item06 .img-list ul{display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex;margin-top: 10px}
.item.item06 .img-list ul li{display: inline-block;-webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -moz-flex: 1; -ms-flex: 1; flex: 1;margin-right: 2px}
.item.item06 .img-list ul li:last-of-type{margin-right: 0}


@media screen and (max-width:320px){
	.page-poster .slogan{height: 300px;}
  	.item .title .title01{height: 42px;}
	.item .title .title02{height: 32px;margin: 5px 0 5px 15px;}
}