@charset "utf-8";
/* CSS Document */

@font-face {
	font-family: 'Conv_JCFonts - BangoPro';
	src: url('fonts/JCFonts - BangoPro.eot');
	src: local('☺'), url('fonts/JCFonts - BangoPro.woff') format('woff'), url('fonts/JCFonts - BangoPro.ttf') format('truetype'), url('fonts/JCFonts - BangoPro.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
    font-family: 'opensansregularregular';
    src: url('opensans-regular-webfont.eot');
    src: url('opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('opensans-regular-webfont.woff2') format('woff2'),
         url('opensans-regular-webfont.woff') format('woff'),
         url('opensans-regular-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}
body{ overflow-x:hidden}
*{list-style: none; margin: 0; padding: 0; text-decoration: none;font-family: 'opensansregularregular';}
h1,h2,h3,h4{ font-weight: normal;}
img{ border: none}
input,button{ border: none; outline: none;}
.clearfix{ clear: both}
.lefun-gallery-list{ width:31.3333%; float:left; margin:0 1% 20px; position:relative}
.lefun-gallery-list img{ display:block; width:100%;}
.lefun-gallery-list-text{ position:absolute; left:0; bottom:0;width:100%; height:58px; background:rgba(0,160,231,0.8)}
.lefun-gallery-list-text1{ display:table-cell; color:#fff; display:table; width:100%; height:100%; }
.lefun-gallery-list-text1 h1{ font-size:24px;vertical-align:middle; text-align:center; display:table-cell; font-family: 'Conv_JCFonts - BangoPro';}
.lefun-gallery-list-text1 i{ display:none; margin-bottom:10px;}
.lefun-gallery-list-content .lefun-gallery-list-text{ height:0; bottom:0px; overflow:hidden}
.lefun-gallery-list-text2{ height:62px;}
.lefun-gallery-list-text2 h1{
    font-family: 'Conv_JCFonts - BangoPro';
    font-size: 24px;
    color: #333333;
    line-height: 62px;
    text-align: center;
}

.lefun-gallery-list-text1 a{ display:block}
.lefun-gallery-list1{width:31.3333%; float:left; margin:0 1% 20px;}
.lefun-gallery-list1 .lefun-gallery-list{ width:100%; float:none; margin:0}
.lefun-gallery-list-text1 h1 span{ font-size:16px;line-height:24px;}
.lefun-gallery-list-text1 h1 a{ display:block; background:#fff; color:#333; width:180px; margin-left:auto; margin-right:auto; font-size:18px; line-height:36px; height:36px; margin-top:20px; border:1px solid #fff}
.lefun-gallery-list-text1 h1 a:hover{ background:transparent; color:#fff; transition:0.5s;}
.product-class-title { text-align:center}
.product-class-title h1{ font-size:40px; color:#333333; line-height:48px; text-align:center; margin-bottom:20px;}
.product-class-title li{font-size:16px;line-height:16px; margin-bottom:60px; text-align:center; display:inline-block; border-right:1px solid #666; padding-right:12px; padding-left:8px;}
.product-class-title li:last-child{ border-right:none}
.product-class-title li a{ color:#666666;}
.product-class-title li.current1 a{ color:#00a0e7; text-decoration:underline; font-weight:bold}
.product-class-title li a:hover{ color:#00a0e7; text-decoration:underline; font-weight:bold}
.baguetteBoxThree a{ display:block; width:31.3333%; margin:0 1% 20px; float:left; overflow:hidden; height:290px;}
.baguetteBoxThree a img{ display:block; width:100%;}
.baguetteBoxThree a img:hover{ transform:scale(1.1,1.1); transition:0.5s;}
.baguetteBoxThree a.viewmore{ display:table; background:#00a0e7;}
.baguetteBoxThree a.viewmore span{ display:table-cell; vertical-align:middle; text-align:center; line-height:40px; color:#fff; font-size:24px; cursor:pointer}
.baguetteBoxThree a.viewmore:hover{ background:#aaa; transition:0.5s;}
@media screen and (max-width:900px){
	.lefun-gallery-list,.baguetteBoxThree a{ width:48%;}
	}
@media screen and (max-width:600px){
	.lefun-gallery-list,.baguetteBoxThree a{ width:98%;}
	}