.public-nav{display:block;}

.banner{position:relative;margin-top:95px;}
.banner .pagination{position:absolute;bottom:25px;z-index: 3;text-align:center;width:100%;}
.banner .pagination .swiper-pagination-bullet{margin: 0 6px;width:8px;height:8px;background:#fff;opacity:0.2;}
.banner a{display:inline-block;width:100%;overflow:hidden;color:#000;}
.banner .pagination .swiper-pagination-bullet-active{background:#fff;opacity:1;}
.banner .swiper-slide img{width:100%;}
.banner .swiper-slide .content-box{position:absolute;left:50%; top:192px;width:600px;margin-left:-300px;text-align:center;}
.banner .swiper-slide .content-box a{text-decoration:none;text-align:center;}
.banner .swiper-slide .content-box span{font-size:72px;line-height:60px;font-family: 'font'!important;font-weight:600;color:#fff;text-align:center;}
.banner .swiper-slide .content-box p{color:#202121;font-size:16px;line-height:19px;margin:14px 0;color:#fff;}
.banner .swiper-slide .content-box .btn-b{display:inline-block;font-size:12px;line-height:40px;width:130px;height:40px;color:#fff;}

.latest{padding:0 15px;}
.latest .title-box span,.latest .title-box h2{text-align:center;font-family:'font'!important;}
.latest ul{margin-top:40px;}
.latest li{}
.latest li a{text-indent:65px;}
.latest li a h3{color:#000;font-size:16px;line-height:19px;margin-top:20px;font-family: 'font'!important;}
.latest li a p{color:#4a4a4a;font-size:12px;margin-top:4px;line-height:14px;}
.latest .color-gray,.latest .color-yellow{width:8px;height:8px;display:inline-block;border-radius:8px;margin-left:6px;}
.latest li a p i:first-child{margin-left:20px;}
.latest .color-gray{background:#c4c4c4;}
.latest .color-yellow{background:#fcdb70;}

.trending{margin-top:56px;background:url(http://italyclassico.casacdn.com/eurooo/static/images/bg-TrendingItems.png) no-repeat 200px 65px  #f7f7f7;height:760px;}
.trending .title-box{padding:72px 81px  0 117px;}

.trending .wrapper-swiper{position:relative;}
.trending .swiper-container-trending{width:970px;overflow:hidden;margin:0 auto;}
.trending .swiper-slide{width:970px;position:relative;}
.trending .swiper-slide a{position:absolute;width:110px;height:40px;line-height:40px; left:398px;bottom:38px;font-size:12px;}


.spaces .title-box{padding:72px 117px  0 81px;background:url(http://italyclassico.casacdn.com/eurooo/static/images/bg-Spaces.png) no-repeat right center ;overflow:hidden;}
.spaces .title-box span,.spaces .title-box h2,.spaces .title-box p{text-align:right;}
.spaces .title-box p{float:right;}
.spaces ul{padding:20px 117px;overflow:hidden;height:680px;position:relative;}
.spaces ul li{width:320px;height:320px;margin:0 1px 1px 0;position:absolute;transition:all 1s;}
.spaces ul li img{left:0;top:0;transition:all 1s;width:320px;height:320px;}
.spaces ul li:hover img{width:360px;height:360px;margin-left:-20px;margin-top:-20px;z-index:9999;}
.spaces ul li:nth-child(1){left:117px;top:20px;}
.spaces ul li:nth-child(2){left:437px;top:20px;}
.spaces ul li:nth-child(3){left:757px;top:20px;}
.spaces ul li:nth-child(4){left:117px;top:340px;}
.spaces ul li:nth-child(5){left:437px;top:340px;}
.spaces ul li:nth-child(6){left:757px;top:340px;}
.spaces ul li:nth-child(3n){margin-right:0;}
.spaces ul li .over-box{width:320px;height:320px;position:absolute;left:0;top:0;background:rgba(0,0,255,0.7);z-index:998;color:#fff;
box-shadow:2px 4px 10px #bb966d;-moz-box-shadow:2px 4px 10px #bb966d;-webkit-box-shadow:2px 4px 10px #bb966d;opacity:0;transition:all 1s;}
.spaces ul li .over-box h4{width:265px;margin-top:80px;margin-left:50px;font-size:14px;font-family:'font'!important;line-height:20px;}
.spaces ul li .over-box p{width:260px;margin-top:16px;margin-left:50px;font-size:12px;line-height:18px;}
.spaces ul li .over-box hr{width:52px;margin:24px 0 52px 0;margin-left:50px;background:#fff;}
.spaces ul li .over-box i{position:absolute;width:40px;height:40px;background:#fff;color:#000;font-size:18px;text-align:center;line-height:40px;right:0;bottom:0;}
.spaces ul li  h3{margin-bottom:4px;margin-left:34px;font-size:26px;line-height:30px;position:absolute;bottom:42px;z-index:999;color:#0000FF;font-family: 'font'!important;font-weight:600;}
.spaces ul li  span{margin-left:34px;position:absolute;bottom:22px;z-index:999;color:#0000FF;font-family: 'font'!important;font-weight:600;}
.spaces ul li:hover .over-box{opacity:1;width:360px;height:360px;left:-20px;top:-20px;}
.spaces ul li:hover h3,.spaces ul li:hover span{color:#fff;}

.designer{background:#f7f7f7;background:url(//italyclassico.casacdn.com/eurooo/static/images/bg-Designers.png) no-repeat 340px 100px  #f7f7f7;}
.designer .title-box{padding:100px 81px  0 117px;}
.designer .wrapper-swiper{width:100%;overflow:hidden;position:relative;min-height:584px;}
.designer .swiper-container-designer{width:360px;margin:0 auto;position:relative;margin-bottom:0;}
.designer .swiper-container-designer .swiper-slide{margin:25px 0;}
.designer .swiper-container-designer .swiper-slide img{width:100%;}



.designer .swiper-container-designer .swiper-button-prev{left:-40px;margin-top:-100px;}
.designer .swiper-container-designer .swiper-button-next{right:-40px;margin-top:-100px;}
.designer .swiper-slide{width:360px;height:450px!important;}
.designer .shade{width:100%;height:100%;background:rgba(250,250,250,0.5);position:absolute;left:0;top:0;z-index:4;}
.designer .swiper-slide-active .shade{display:none;}

.designer .swiper-slide span{color:#000;font-size:18px;line-height:22px; display:inline-block;width:100%;text-align:center;margin-top:30px;font-family: 'proBold'!important;}
.designer .swiper-slide .content{display:none;}
.designer .swiper-slide-active .content{display:block;}
.designer .swiper-slide .content p{text-align:center;font-size:13px;line-height:16px;margin:12px auto 32px auto;width:190px;}
.designer .swiper-slide .content i{color:#0000FF;font-size:22px;margin:0 14px;}

.case{background:#f7f7f7;background:url(//italyclassico.casacdn.com/eurooo/static/images/bg-CASESHOWROOM.png) no-repeat center 40px;}
.case .title-box{padding:72px 117px  0 117px;text-align:right;overflow:hidden;}
.case .title-box p{width:100%;text-align:right;}
.case .wrapper-swiper{width:100%;overflow:hidden;position:relative;margin-top:60px;}
.case .swiper-container-case{width:300px;float:right;position:relative;margin-bottom:100px;}
.case .swiper-container-case .swiper-slide{position:relative;}
.case .swiper-container-case .swiper-slide img{width:100%;float:left;}
.case .swiper-container-case .swiper-button-prev{right:0;left:auto;margin-top: -79px;}
.case .swiper-container-case .swiper-button-next{right:-40px;margin-top: -79px;}
/*.case .swiper-container-case .swiper-slide:nth-child(2n){margin-top:70px;}
.case .swiper-container-case .swiper-slide:nth-child(5n),.case .swiper-container-case .swiper-slide:first-child{margin-top:35px;}*/
.case .swiper-container-case .swiper-slide .content{background:#000;padding:0 28px;float:left;height:140px;}
.case .swiper-container-case .swiper-slide .content h4{color:#fff;font-size:16px;margin:18px 0 15px 0;font-weight:600;line-height:14px;}
.case .swiper-container-case .swiper-slide .content p{color:#fff;font-size:13px;margin-bottom:20px;font-family:'geoItalic'!important;line-height:13px;}
.case .swiper-container-case .swiper-slide .content a{position:absolute;width:40px;height:40px;background:#0000FF;text-align:center;line-height:40px;left:0;top:166px;color:#fff;font-size:25px;text-decoration:none;}


.about{background:#f7f7f7;position:relative;}
.about .layout{
	position:relative;
	background:#f7f7f7;background:url(http://italyclassico.casacdn.com/eurooo/static/images/bg-Aboutus.png) no-repeat left 10px ;
}
.about .title-box{padding:210px 0 320px 0;}
.about .title-box p{width:235px;}
.about ul{position:absolute;left:300px;top:156px;}
.about ul li{float:right;width:299px;height:406px;background:#fff;position:relative;margin-right:1px;transition:all 0.5s;}
.about ul li img{margin:10px auto 5px auto;display:block;}
.about ul li:hover{box-shadow:2px 4px 15px #aaa;-moz-box-shadow:2px 4px 15px #aaa;-webkit-box-shadow:2px 4px 15px #aaa;}

.about ul li .content{padding:0 35px;}
.about ul li .content h4{margin-bottom:12px;font-size:18px;font-family: 'font'!important;font-weight:600;}
.about ul li .content p{color:#4a4a4a;font-size:12px;line-height:15px;}
.about ul li  a{text-align:right;position:absolute;width:40px;height:40px;background:#0000FF;text-align:center;line-height:40px;right:0;bottom:-20px;color:#fff;font-size:25px;text-decoration:none;transition:all .5s;overflow:hidden;}
.about ul li  a span{font-size:12px;line-height:40px;float:left;margin-left:25px;margin-right:22px;font-family: 'font'!important;font-weight:600;}
.about ul li  a i{position:absolute;right:0;top:0;background:#0000FF;padding:0 12px;}


.about ul li:hover a span{display:inline-block;}
.about ul li:hover a{width:150px;}

.brand{background:#f7f7f7;background:url(http://italyclassico.casacdn.com/eurooo/static/images/bg-OURBRANDS.png) no-repeat center 140px ;}
.brand .title-box{text-align:center;padding-top:180px;margin-top:0;}
.brand .content{position:relative;}
.brand ul{margin-top:30px;}
.brand ul li{width:200px;margin:0 50px;}
.brand ul li img{width:100%;}
.brand .content .shade,.news .content .shade{width:100%;height:130px;position:absolute;left:0;bottom:0;
background: -webkit-linear-gradient(rgba(255,255,255,0), rgba(255,255,255,1)); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(rgba(255,255,255,0), rgba(255,255,255,1)); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(rgba(255,255,255,0), rgba(255,255,255,1)); /* Firefox 3.6 - 15 */
  background: linear-gradient(rgba(255,255,255,0), rgba(255,255,255,1)); /* 标准的语法 */
}
.brand .btn-b{display:block;width:110px;height:40px;line-height:40px;margin:40px auto 160px auto;font-size:14px;}

.news{margin-bottom:80px;}
.news .content{position:relative;}
.news .layout{padding:0 87px;overflow:hidden;background:url(http://italyclassico.casacdn.com/eurooo/static/images/bg-LATESTNEWS.png) no-repeat center top;}
.news .title-box{padding-left:130px;}
.news ul{margin-top:60px;overflow:hidden;padding:0 83px;}
.news ul li{width:500px;height:170px;margin-bottom:30px;background:#f0f0f0;position:relative;}
.news ul li img{float:left;}
.news ul li .content{float:left;width:262px;padding:0 34px;height:100%;}
.news ul li .content h4{font-size:20px;color:#000;margin:20px 0 18px 0;line-height:18px;font-family: 'font'!important;font-weight:600;word-break:break-word;height:38px;}
.news ul li .content span{color:#0000FF;font-size:13px;}
.news ul li .content p{font-size:12px;color:#000;line-height:14px;margin-top:6px;}
.news ul li:nth-child(2n){margin-left:34px;}
.news ul li a{position:absolute;width:40px;height:40px;right:0;bottom:0;line-height:40px;font-weight:500;font-family: 'font'!important;font-weight:600;}
.news .more{display:block;margin:40px auto 100px auto;width:110px;height:40px;line-height:40px;font-size:14px;}

@media screen and (max-width:850px) {
	
	.trending{background:url(http://italyclassico.casacdn.com/eurooo/static/images/bg-TrendingItems.png) no-repeat top center  #f7f7f7;background-size:100% auto;}
	.spaces .title-box{background:url(http://italyclassico.casacdn.com/eurooo/static/images/bg-Spaces.png) no-repeat top center ;background-size:100% auto;}
	.designer{background:url(http://italyclassico.casacdn.com/eurooo/static/images/bg-Designers.png) no-repeat top center  #f7f7f7;background-size:100% auto;}
	.case{background:url(http://italyclassico.casacdn.com/eurooo/static/images/bg-CASESHOWROOM.png) no-repeat center top;background-size:100% auto;}
	.about .layout{background:url(http://italyclassico.casacdn.com/eurooo/static/images/bg-Aboutus.png) no-repeat top center;background-size:100% auto;}
	.brand{background:url(http://italyclassico.casacdn.com/eurooo/static/images/bg-OURBRANDS.png) no-repeat center top ;background-size:100% auto;}
	.news .layout{background:url(http://italyclassico.casacdn.com/eurooo/static/images/bg-LATESTNEWS.png) no-repeat center top;background-size:100% auto;}
	.latest{padding:0;}
	.latest ul{width:100%;margin-top:1rem;}
	.latest ul li{width:25%;padding:0 1rem;}
	.latest ul li img{width:100%;}
	.latest ul li h3{margin-top:.8rem;}
	.latest ul li p,.latest ul li h3{text-align:left;width:100%;text-indent:0;}
	
	.trending{margin-top:1.3rem;height:auto;}
	.trending .title-box,
	.designer .title-box,
	.news .title-box,
	.case .title-box,
	.spaces .title-box{padding:2rem 1rem 0 1rem;}
	.title-box p{width:65%;margin: .6rem 0 1rem 0;}
	.trending .swiper-container-trending{width:100%;}
	.trending .swiper-slide img{width:100%;}
	.trending .swiper-slide a{width:6rem;height:2.2rem;line-height:2.2rem;left:4rem;bottom:2.2rem;}
	
	.spaces ul{padding:0;width:100%;height:auto;}
	.spaces ul li{width:50%;height:auto;position:relative;float:left;left:0!important;top:0!important;margin:0;overflow:hidden;}
	.spaces ul li img{width:100%;height:auto;}
	
	.designer .title-box{margin:0;}
	.designer .wrapper-swiper{min-height:auto;}
	.designer .swiper-container-designer{width:35%;margin-bottom:0;}
	
	.designer .swiper-container-designer .swiper-slide-active{width:120%!important;}
	.designer .swiper-container-designer .swiper-slide{}
	.designer .swiper-slide{height:auto!important;}
	
/*	.case .swiper-container-case{width:100%;margin:0!important;height:auto!important;}
*/
	.case .swiper-container-case{width:98%;margin:0 1%!important;}
	.case .swiper-container-case .swiper-wrapper{}
	.case .swiper-container-case .swiper-slide{margin-top:0!important;width:100%;margin-bottom:10px;}
	.case .swiper-container-case .swiper-slide .content{padding:0 .5rem;}
	.case .swiper-container-case .swiper-slide .content h4{font-size:1.1rem;line-height:1.3rem;min-height:2.6rem;word-break: break-all;margin:.5rem 0 1rem 0;}
	.case .swiper-container-case .swiper-slide .content p{font-size:.5rem;line-height:1.2rem;word-break: break-all;}
	.case .swiper-container-case .swiper-slide .content a{width:2rem;height:2rem;line-height:2rem;top:8rem;}
	.case .swiper-container-case  .pagination-case{text-align:center;}
	.case .swiper-container-case .swiper-pagination-bullet-active{background:#000;}

	.about .title-box{padding:1rem 1rem 2rem 1rem;}
	.about ul{position:relative;left:0;top:0;overflow:hidden;padding:0 1rem 2rem 1rem;}
	.about ul li{float:right;width:100%;height:auto;border-bottom:1px solid #f7f7f7;overflow:visible;}
	.about ul li img{margin:2rem 5%;float:left;width:28%;}
	.about ul li .content{padding:0;float:left;width:60%;}
	.about ul li .content h4{margin-top:2rem;}
	.about ul li .content p{line-height:1.3rem;}
	.about ul li  a{z-index:2;width:2.5rem;height:2.5rem;line-height:2.5rem;bottom:-1.25rem;}
	.about ul li  a i{padding:0 6px;}
	
	.brand .title-box{padding-top:1rem;}
	.brand ul{margin-top:2rem;padding:0 1rem;}
	.brand ul li{width:48%;margin:1rem 0;}
	.brand ul li:nth-child(2n){margin-left:4%;}
	
	.news{margin-bottom:1rem;}
	.news .layout{padding:0;}
	.news ul{padding:0 1rem;margin-top:1rem;}
	.news ul li{width:100%;margin:10px 0 0 0 !important;height:auto;}
	.news ul li img{width:30%;}
	.news ul li .content{width:64%;padding:10px 3% 0 3%;}
	.news ul li a{width:2.5rem;height:2.5rem;}
	.news ul li .content h4{margin:.2rem 0 .5rem 0;font-size:1.5rem;height:auto;}
	.news .more{margin:1rem auto 2rem auto;}
}