.container h1 { padding-bottom:30px; font-family:'Roboto', sans-serif; font-size:32px; font-weight:400; text-transform:uppercase; letter-spacing:1px; color:#000; text-align:center}

/* homeCategories */
.homeCategories { width:100%; padding:60px 0; background:url(../images/homeCategories_bg.jpg) no-repeat center top; background-size:cover; overflow:hidden}
.homeCategories .row { padding:0 15px}
.homeCategories .item { position:relative; height:280px; box-shadow:0 0 0 #b4b4b4; background:#fff; overflow:hidden}
.categoriesTitle { position:relative; padding:7px 20px; font-family:'Roboto', sans-serif; font-size:22px; font-weight:300; letter-spacing:1px; color:#fff; background-image:linear-gradient(to right, rgba(79,85,96,1), rgba(79,85,96,0.6)); z-index:2}
.categoriesTitle a { display:block; font-size:22px; color:#fff; font-weight:300; letter-spacing:1px;}
.categoriesMore { position:absolute; left:20px; bottom:20px; font-size:14px; color:#999; transition:all .3s; transition:all .2s ease-out}
.categoriesCover { position:absolute; right:5%; bottom:0; width:95%; height:80%; background:no-repeat right center; background-size:contain; -webkit-transition:all .2s linear; -moz-transition:all .2s linear; -o-transition:all .2s linear; -ms-transition:all .2s linear; transition:all .2s linear}

.homeCategories .item:hover { transition:all .2s linear; box-shadow:0 0 15px #b4b4b4}
.homeCategories .item:hover .categoriesCover { -webkit-transform:scale(1.05); -moz-transform:scale(1.05); -o-transform:scale(1.55); -ms-transform:scale(1.05); transform:scale(1.05)}

.homeCategories .item:hover .categoriesMore {
	transition:transform 0.8s;
    -webkit-transform:translate(10px, 0);
	-ms-transform:translate(10px, 0);
	transform:translate(10px, 0);
}


.homeCategories .swiper-wrapper { height:85%}
.homeCategories .swiper-slide .show { width:100%; font-size:20px; color:#333}
.homeCategories .swiper-slide .show a { display:block; color:#333}
.homeCategories .swiper-slide .show img { width:85%; margin-bottom:40px}
.homeCategories .one .item { height:570px}
.homeCategories .one .item .swiper-pagination { bottom:20px}
.homeCategories .one .item .swiper-pagination-bullet-active { background:#618199}




/* homeRecommend */
.homeRecommend { padding:60px 0 0 0; min-height:400px; background:#fff; overflow:hidden}
.homeRecommend .item { height:370px; margin:-5px 0; padding:5%; background-repeat:no-repeat; background-size:cover; cursor:pointer; overflow:hidden;
	background: #f1f1f1; /* Old browsers */
	background: -moz-linear-gradient(left,  #f1f1f1 0%, #fcfcfc 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  #f1f1f1 0%,#fcfcfc 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  #f1f1f1 0%,#fcfcfc 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1f1f1', endColorstr='#fcfcfc',GradientType=1 ); /* IE6-9 */
}
.homeRecommend .item .til { position:absolute; left:10%; top:15%; font-family:'Roboto', sans-serif; font-size:30px; color:#333; font-weight:400; z-index:10}
.homeRecommend .item .btn { position:absolute; left:10%; bottom:20%; display:block; padding:2px 12px; font-size:14px; color:#618199; border:2px solid #618199; border-radius:50px; background:transparent; transition:all .3s; transition:all .2s ease-out; z-index:10}
.homeRecommend .item .bg { position:absolute; right:5%; top:0; width:60%; height:100%; background:no-repeat right center; background-size:auto 70%; -webkit-transition:all .2s linear; -moz-transition:all .2s linear; -o-transition:all .2s linear; -ms-transition:all .2s linear; transition:all .2s linear}

.homeRecommend .item1 .bg { background-image:url(../images/product_hot1.png)}
.homeRecommend .item2 .bg { background-image:url(../images/product_hot2.png)}
.homeRecommend .item3 .bg { background-image:url(../images/product_hot3.png)}

.homeRecommend .item:hover { background:-webkit-linear-gradient(left, rgb(244, 244, 244), rgb(221, 221, 221))}
.homeRecommend .item:hover .bg { -webkit-transform:scale(1.05); -moz-transform:scale(1.05); -o-transform:scale(1.55); -ms-transform:scale(1.05); transform:scale(1.05)}
.homeRecommend .item:hover .btn {
	transform:scale(.97);
	transition:transform 0.8s;
    -webkit-transform:translate(10px, 0);
	-ms-transform:translate(10px, 0);
	transform:translate(10px, 0);
}

/* homeAbout */
.homeAbout { padding:60px 0; text-align:center; background:url(../images/homeAbout_bg.jpg) no-repeat center top; background-size:cover; overflow:hidden}
.homeAbout .item { margin:0 auto; width:60%}
.homeAbout .item p { padding-bottom:20px; letter-spacing:1px}

.homeAbout a.transition { color:#618199; border-color:#618199}
.homeAbout a.transition:hover { color:#fff; border-color:#618199; background:#618199; transform:scale(.97)}



/* transition */
.transition { display:inline-block; margin-top:40px; padding:7px 20px; font-size:14px; font-weight:bold; color:#618199; border:2px solid #618199; border-radius:50px; background:transparent; transition:all .3s; transition:all .2s ease-out}
.transition span { margin-left:10px}
.transition:hover { transform:scale(.97)