@charset "utf-8";
/* 
 * Project Name:三叶家私
 * Author:浅浅
 * Date：2016-7-25
 */
@font-face { font-family: 'pf_din_text_comp_probold'; src: url('pfdintextcomppro-bold-webfont.woff2') format('woff2'), url('pfdintextcomppro-bold-webfont.woff') format('woff'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'pf_din_text_comp_promedium'; src: url('pfdintextcomppro-medium-webfont.woff2') format('woff2'), url('pfdintextcomppro-medium-webfont.woff') format('woff'); font-weight: normal; font-style: normal; }
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0px; border: 0; font-size: 100%; outline: none; }
html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; overflow-x: hidden; }
/* always display scrollbars */
body { font: 12px/1.8 "Microsoft Yahei","微软雅黑","Hiragino Sans GB","冬青黑体","微软正黑体","Microsoft JhengHei","Arial","Helvetica","SimHei","黑体","STXihei","华文细黑",sans-serif; margin: 0 auto; color: #989898; background-color: #fff; -webkit-tap-highlight-color: rgba(0,0,0,0); }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
strong { font-weight: bold; }
img { border: 0; }
input { outline: none; }
input[type="text"], input[type="button"], input[type="submit"], input[type="reset"] { -webkit-appearance: none; border-radius: 0; }
textarea { -webkit-appearance: none; border-radius: 0; outline: none; }
::-moz-selection { background: #FA1E1E; color: #fff; text-shadow: none; }
::selection { background: #FA1E1E; color: #fff; text-shadow: none; }
select { outline: none; }
select::-ms-expand { display: none; }
a { text-decoration: none; blr: expression(this.onFocus=this.blur()); -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }
a:link, a:visited { text-decoration: none; }
a:active, a:hover { text-decoration: none; outline: none; }
a:focus { text-decoration: none; outline: 0; }
.clearfix:before, .clearfix:after { display: table; content: ""; line-height: 0px; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }
.fc { text-align: center; }
.fr { text-align: right; }
.l { float: left; display: inline-block; }
.r { float: right; display: inline-block; }
.vt { vertical-align: top; }
.vm { vertical-align: middle; }
.inner { width: 1100px; margin: 0px auto; }

/*brand style end*/
/*product style*/
.productNav a:link, .productNav a:visited { color: #505050; }
.productNav a:active, .productNav a:hover { color: #201b17; }
.productNav { overflow: hidden; }
.productNav.li1{background: url(../images/inco1.png) no-repeat scroll center 20px;}
.productNav.li2{background: url(../images/inco2.png) no-repeat scroll center 20px;}
.productNav.li3{background: url(../images/inco3.png) no-repeat scroll center 20px;}
.productNav.li4{background: url(../images/inco4.png) no-repeat scroll center 20px;}
.productNav.li5{background: url(../images/inco5.png) no-repeat scroll center 20px;}
.productNav.li6{background: url(../images/inco6.png) no-repeat scroll center 20px;}
.productNav.li7{background: url(../images/inco7.png) no-repeat scroll center 20px;}

.productNav li {float: left; display: block; width: 12.5%; padding: 22px 0px; }
.productNav li a { border-right: 1px solid #fff; display: block; height: 128px; padding-top: 20px; text-align: center; position: relative; }
.productNav ul li:nth-child(1) a { border-left: 1px solid #fff; }
.productNav li .ico { display: block; margin: 0px auto 20px; }
.productNav li a span { display: block; line-height: 1.2; }
.productNav li a .zh { font-size: 18px; }
.productNav li a .en { font-size: 14px; font-family: arial, helvetica, sans-serif; color: #505050; }
.productNav li a .bot { background: url(../images/sj.png) no-repeat scroll center top; width: 34px; height: 16px; position: absolute; left: 50%; bottom: -40px; margin-left: -17px; transition: all 300ms ease 0s; -webkit-transition: all 300ms ease 0s; }
.productNav a:hover .ico { -webkit-transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8); transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8); -webkit-animation: gelatine 0.5s 1; animation: gelatine 0.5s 1; color: #88422e;}
.productNav li.act a .bot, .productNav li:hover a .bot { bottom: -22px; }
.proPage { padding: 7% 0px; }
.proList a:link, .proList a:visited { color: #fff; }
.proList a:active, .proList a:hover { color: #fff; }
.proList a.item { display: block; background-color: #efc99d; position: relative; overflow: hidden; }
.proList li .img { width: 50%; display: block; position: relative; overflow: hidden; }
.proList li .img img { transition: all 0.6s cubic-bezier(0.445, 0.145, 0.355, 1) 0s; -webkit-transition: all 0.6s cubic-bezier(0.445, 0.145, 0.355, 1) 0s; width: 100%; display: block; }
.proList .img .black-30 { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; opacity: 0; visibility: hidden; transition: all 0.6s cubic-bezier(0.445, 0.145, 0.355, 1) 0s; -webkit-transition: all 0.6s cubic-bezier(0.445, 0.145, 0.355, 1) 0s; }
.proList .con { color: #fff; }
.proList .con .zh { font-size: 25px; line-height: 1.2; }
.proList .con .en { font: 20px/1.1 arial, helvetica, sans-serif; text-transform: uppercase; }
.proList .con .bot { height: 2px; margin: 15px 0px 20px; width: 68px; background-color: #fff; display: block; }
.proList .con .c { font-size: 14px; }
.proList .oneItem .con { position: absolute; left: 54%; top: 10%; height: 70%; width: 42%; }
.proList .twoItem .img { margin-left: 50%; }
.proList .twoItem .con { position: absolute; left: 4%; top: 10%; height: 70%; width: 42%; }
.proList .filler2-left { width: 2px; height: 0%; left: 2%; top: 2%; }
.proList .filler2-right { width: 2px; height: 0%; right: 2%; bottom: 2%; }
.proList .filler2-top { width: 0%; height: 2px; right: 2%; top: 2%; }
.proList .filler2-bottom { width: 0%; height: 2px; left: 2%; bottom: 2%; }
.proList li:hover .filler2-left { height: 96%; }
.proList li:hover .filler2-right { height: 96%; }
.proList li:hover .filler2-top { width: 96%; }
.proList li:hover .filler2-bottom { width: 96%; }
.proList li:hover img { transform: scale(1.06); -webkit-transform: scale(1.06); }
.proList li:hover .black-30 { opacity: 1; visibility: visible; }
.proPadding { padding: 12px 1%; float: none; display: block; background-color: #a7a7a7;}
.prolistType { color: #fff;}
.prolistType a:link, .prolistType a:visited { color: #fff; }
.prolistType a:active, .prolistType a:hover { color: #505050; }
.prolistType .proPadding a { padding: 4px 15px; margin: 0px 5px; border-radius: 12px; font-size: 14px; display: inline-block; margin-bottom: 5px;}
.prolistType a:hover, .prolistType a.act { background-color: #fff; color: #505050; }
.selectPro { width: 276px; height: 50px; background-color: #d8ab00; position: relative; }
.selectPro .select-ico{ background: url(../images/select_bot.png) no-repeat scroll center center; width: 17px; height: 100%; position: absolute; top: 0px; left: 90%; -webkit-animation: start2 1s infinite ease-in-out; -moz-animation: start2 1s infinite ease-in-out; animation: start2 1s infinite ease-in-out;}
@-webkit-keyframes start2 {
    0%,30% { opacity: 0; -webkit-transform: translate(0px,-10px); }
    60% { opacity: 1; -webkit-transform: translate(0,0); }
    100% { opacity: 0; -webkit-transform: translate(0px,8px); }
}
@-moz-keyframes start2 {
    0%,30% { opacity: 0; -moz-transform: translate(0px,-10px); }
    60% { opacity: 1; -moz-transform: translate(0,0); }
    100% { opacity: 0; -moz-transform: translate(0px,8px); }
}
@keyframes start3 {
    0%,30% { opacity: 0; transform: translate(0px,-10px); }
    60% { opacity: 1; transform: translate(0,0); }
    100% { opacity: 0; transform: translate(0px,8px); }
}

.prolistType .selectPro { margin:12px 0px; }
.productList a:link, .productList a:visited { color: #fff; }
.productList a:active, .productList a:hover { color: #fff; }
.productList ul { margin-left: -2%; }
.productList li { float: left; display: block; width: 31.33%; margin: 0px 0px 2% 2%; transition: 300ms; -webkit-transition: 300ms; }
.productList a { display: block; position: relative; overflow: hidden; }
.productList .img { width: 100%; display: block; transition: 600ms; -webkit-transition: 600ms; }
.productList .yellow_50 { background: url(../images/yellow_50.png) repeat; background: none rgba(31, 13, 1, 0.7); width: 100%; height: 0%; opacity: 0; position: absolute; left: 0px; top: 50%; -moz-transition: all .3s cubic-bezier(0.445, 0.145, 0.355, 1); -o-transition: all .3s cubic-bezier(0.445, 0.145, 0.355, 1); -ms-transition: all .3s cubic-bezier(0.445, 1.045, 0.355, 1); transition: all .3s cubic-bezier(0.445, 0.145, 0.355, 1); }
.productList .con { position: absolute; left: 10%; height: 148px; top: 50%; margin-top: -74px; width: 80%; text-align: center; }
.productList .con .en { font-size: 25px; text-transform: uppercase; }
.productList .con .line { width: 30px; margin: 0px auto 5px; display: block; height: 1px; background-color: #fff; }
.productList .con .zh { font-size: 15px; }
.productList .bot { height: 1px; background-color: #fff; width: 0px; margin: 8% auto; display: block; overflow: hidden; }
.productList .ico { width: 220px; height: 27px; display: block; margin: 0px auto; transform: scale(0); -webkit-transform: scale(0); }
.productList .ico i { background: url(../images/ico4.png) no-repeat; background-size: cover; width: 100%; height: 100%; display: block; }
.productList .ico, .productList .con .c, .productList .con .bot { visibility: hidden; opacity: 0; transition: 400ms; -webkit-transition: 400ms; }
.productList .c { transform: translate(0px,50px); -webkit-transform: translate(0px,50px); }
.productList .c p { overflow: hidden; }
.productList li:hover { box-shadow: 6px 6px 9px -5px rgba(0, 0, 0, 0.3); }
.productList a:hover .img { transform: scale(1.1); -webkit-transform: scale(1.1); }
.productList a:hover .yellow_50 { height: 100%; top: 0px; opacity: 1; }
.productList a:hover .ico, .productList a:hover .con .c, .productList .con .bot { transition: 400ms ease-in-out 400ms; -webkit-transition: 400ms ease-in-out 400ms; opacity: 1; visibility: visible; }
.productList a:hover .c { transform: translate(0px,0px); -webkit-transform: translate(0px,0px); }
.productList a:hover .ico { transform: scale(1); -webkit-transform: scale(1); visibility: visible; }
.productList a:hover .con .bot { width: 80%; }
.pageCur { background-color: #FA1E1E; color: #fff; padding: 12px 2%; font-size: 14px; }
.pageCur a:link, .pageCur a:visited { color: #fff; }
.pageCur a:active, .pageCur a:hover { color: #FA1E1E; }

.bgf4{position:relative;z-index:9999;}
.pagePadding{background: #fff;position: relative;z-index: 999;}