/* Css Flash */
.swiper-container{ width:100%; height:725px;}
.swiper-slide{ background-repeat:no-repeat; background-position:center; background-size:cover;}
@media screen and (max-width:1440px){ .swiper-container{ height:550px;}}

/* Css Class */
#lb-bg{ width:1200px; margin:60px auto 75px;}
#lb-bg h1{ font-family:"064-CAI978"; font-size:30px; color:#bd1a21; text-transform:uppercase; text-align:center;}
#lb-bg h2{ font-size:24px; color:#333; text-align:center; margin-top:15px;}
#catalog{ width:1200px; height:650px; margin-top:45px; position:relative;}
#slider{ position:absolute; z-index:1; width:1200px; height:650px; overflow:hidden;}
#slider .slide{ position:absolute; z-index:10; top:0; left:22px; width:500px; height:650px; background-color:#000; overflow:hidden; text-align:left; cursor:default;}
#slider .slideText{ position:absolute; top:100%; left:25px; text-align:justify; width:350px; display:block; font-family:"Microsoft Jhenghei","Noto Sans CJK SC","PingFang SC","Microsoft YaHei"; font-size:18px; font-weight:bold; color:#fff; line-height:26px;}
#slider .slideImg{ absolute:absolute; filter:alpha(opacity=100); opacity:1; visibility:visible;}

/* Css About */
.ab-bg{ width:100%; height:740px; padding-top:74px; background:url(../Images/abBg.jpg) no-repeat center; position:relative;}
.ab-zb{ float:left; width:625px; height:346px; position:relative;}
.ab-zb h1{ font-family:"064-CAI978"; font-size:30px; font-weight:normal; color:#bd1a21; text-transform:uppercase;}
.ab-zb h2{ font-size:22px; color:#bd1a21; margin-top:13px;}
.ab-zb dl{ font-family:"Microsoft Jhenghei","Noto Sans CJK SC","PingFang SC","Microsoft YaHei"; color:#fff; margin-top:45px;}
.ab-zb dl font{ font-family:Arial;}
.ab-zb a{ position:absolute; left:0; bottom:0; display:block; width:30px; height:30px; border:1px solid #bd1a21; background:url(../Images/jt.png) no-repeat center; -webkit-border-radius:50%; border-radius:50%; -webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out;}
.ab-zb a:hover{ background:#bd1a21 url(../Images/at.png) no-repeat center;}
.ab-yb{ float:left; width:575px; height:345px; margin-top:1px;}
.ab-yb a{ display:block; width:100%; height:100%; background:url(../Images/abGs.jpg) no-repeat; position:relative; overflow:hidden;}
.ab-yb a dl{ position:absolute; left:0; top:0; z-index:2; width:100%; height:100%; background-color:rgba(0, 0, 0, 0); -webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out;}
.ab-yb a:hover dl{ background-color:rgba(0, 0, 0, .5);}
.ab-yb a p{ position:absolute; left:25px; bottom:-24px; z-index:3; width:100%; height:24px; line-height:24px; font-size:18px; font-weight:bold; color:#fff; -webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out;}
.ab-yb a:hover p{ bottom:24px;}

.ab-ls{ position:absolute; left:0; bottom:0; width:100%; height:210px; border-top:1px solid rgba(255, 255, 255, .2);}
.ab-ls ul{ width:100%; height:209px; border-left:1px solid rgba(255, 255, 255, .2);}
.ab-ls ul li{ float:left; width:25%; height:209px; border-right:1px solid rgba(255, 255, 255, .2); text-align:center;}
.ab-ls ul li a{ display:block; width:100%; height:100%; color:#fff; padding-top:50px; -webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out;}
.ab-ls ul li a:hover{ padding-top:35px;}
.ab-ls ul li a h3{ font-size:18px; font-weight:normal; margin-top:17px;}
.ab-ls ul li a dl{ font-family:"Microsoft Jhenghei","Noto Sans CJK SC","PingFang SC","Microsoft YaHei"; margin-top:10px;}

/* Css Products */
.ig-bg{ width:100%; padding:60px 0 80px; background-color:#f0f0f0;}
.ig-bg h1{ font-family:"064-CAI978"; font-size:30px; color:#bd1a21; text-transform:uppercase; text-align:center;}
.ig-bg h2{ font-size:24px; color:#333; text-align:center; margin-top:15px;}
.tab{ width:100%; margin-top:35px;}
.tab-hd{ width:520px; margin:auto;}
.tab-hd li{ float:left; width:100px; height:32px; line-height:30px; font-size:15px; color:#666; text-align:center; cursor:pointer; border:1px solid #e0e0e0; background-color:#fff; margin:0 2px; -webkit-border-radius:20px; border-radius:20px;}
.tab-hd li.active{ color:#fff; border:1px solid #bd1a21; background:#bd1a21;}
.tab-bd li{ display:none;}
.tab-bd li.thisclass{ display:list-item;}
.tab-bd{ margin-top:35px;}
.tab-bd li a{ display:block; float:left; width:228px; height:238px; background-color:#fff; margin-right:15px; margin-top:15px; position:relative;}
.tab-bd li a:nth-of-type(5n){ margin-right:0;}
.tab-bd li a img{ width:228px; height:228px;}
.tab-bd li a dl{ position:absolute; left:0; top:0; z-index:2; width:100%; height:100%; background-color:rgba(0, 0, 0, 0); -webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out;}
.tab-bd li a:hover dl{ background-color:rgba(0, 0, 0, .3);}
.tab-bd li a p{ position:absolute; left:0; bottom:10px; z-index:3; width:100%; height:24px; line-height:24px; font-family:Arial; font-size:14px; color:#888; text-align:center; -webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out;}
.tab-bd li a:hover p{ font-size:18px; font-weight:bold; color:#fff; bottom:107px;}