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

/* Css Class */
.lb-bg{ width:100%; background-color:#fff; margin:100px 0;}
.lb-zy{ float:left; width:310px;}
.lb-zy a{ display:block; width:310px; height:335px; margin-bottom:15px; overflow:hidden; position:relative;}
.lb-zy a:nth-of-type(2){ margin-bottom:0;}
.lb-zy a div{ position:absolute; left:0; top:0; width:100%; height:100%; background-repeat:no-repeat; background-position:center; -webkit-transition:all .5s ease-in-out; transition:all .5s ease-in-out;}
.lb-zy a:hover div{ top:-100%;}
.lb-zy a div p{ width:100%; height:100%; background-color:rgba(0,0,0,.65); font-size:18px; color:#fff; line-height:30px; display:flex; justify-content:center; flex-direction:column; text-align:center;}
.lb-zy a div p.zy{ background-color:rgba(0,0,0,.25);}
.lb-zy a dl{ position:absolute; left:0; top:100%; width:100%; height:100%; border:1px solid #e0e0e0; background-repeat:no-repeat; background-position:center; -webkit-transition:all .5s ease-in-out; transition:all .5s ease-in-out;}
.lb-zy a:hover dl{ top:0;}
.lb-zy a dl span{ display:block; font-size:15px; color:#fff; line-height:20px; margin:250px 0 0 195px;}
.lb-zy a dl font{ display:block; font-size:15px; color:#333; line-height:20px; margin:18px 20px 0 0; text-align:right;}
.lb-zy a dl strong{ display:block; font-size:15px; font-weight:normal; color:#333; line-height:20px; margin:18px 0 0 20px;}
.lb-zj{ float:left; width:550px; height:685px; margin:0 15px; border:1px solid #e0e0e0;}
.swiper2{ height:683px;}
.swiper2 .swiper-slide{ padding:30px;}
.swiper2 dl{ font-size:24px;}
.swiper2 a{ display:block; width:100px; height:30px; line-height:28px; color:#888; text-align:center; border:1px solid #e0e0e0; margin-top:25px; -webkit-border-radius:15px; border-radius:15px;}
.swiper2 a:hover{ color:#fff; background-color:#0075c2; border:1px solid #0075c2;}
.swiper-button-next,.swiper-button-prev{ width:38px; height:38px; margin-top:-19px; -moz-background-size:12px 20px; -webkit-background-size:12px 20px; background-size:12px 20px; background-color:#0075c2; -webkit-border-radius:50%; border-radius:50%;}
.swiper-button-next:hover,.swiper-button-prev:hover{ background-color:#0d131a;}
.swiper-button-next{ background-image: url(../Images/yb.png); right:15px;}
.swiper-button-prev{ background-image: url(../Images/zb.png); left:15px;}

/* Css About */
.ab-bg{ width:100%; padding:85px 0; text-align:center; background:url(../Images/abBg.jpg) no-repeat center top;}
.ab-bg h1{ font-size:36px; font-weight:normal; color:#fff;}
.ab-bg dl{ font-size:14px; color:#fff; margin-top:48px;}
.ab-ls a{ display:block; float:left; width:276px; height:370px; background-color:#fff; border:1px solid #e0e0e0; margin:58px 32px 0 0; -webkit-transition:all .5s ease-in-out; transition:all .5s ease-in-out;}
.ab-ls a:hover{ margin-top:38px;}
.ab-ls a:nth-of-type(4){ margin-right:0;}
.ab-ls a div{ width:120px; height:120px; border:1px solid #e0e0e0; margin:45px auto 0; background-repeat:no-repeat; background-position:center; -webkit-border-radius:50%; border-radius:50%; -webkit-transition:all .5s ease-in-out; transition:all .5s ease-in-out;}
.ab-ls a div.ab01{ background-image:url(../Images/ab01.png);}
.ab-ls a div.ab02{ background-image:url(../Images/ab02.png);}
.ab-ls a div.ab03{ background-image:url(../Images/ab03.png);}
.ab-ls a div.ab04{ background-image:url(../Images/ab04.png);}
.ab-ls a h2{ font-size:18px; font-weight:normal; color:#333; margin-top:30px; -webkit-transition:all .5s ease-in-out; transition:all .5s ease-in-out;}
.ab-ls a p{ font-size:14px; color:#666; line-height:24px; text-align:left; margin:10px 22px 0; -webkit-transition:all .5s ease-in-out; transition:all .5s ease-in-out;}
.ab-ls a:hover{ background-color:#0075c2;}
.ab-ls a:hover div{ border:1px solid #fff;}
.ab-ls a:hover div.ab01{ background-image:url(../Images/ab1.png);}
.ab-ls a:hover div.ab02{ background-image:url(../Images/ab2.png);}
.ab-ls a:hover div.ab03{ background-image:url(../Images/ab3.png);}
.ab-ls a:hover div.ab04{ background-image:url(../Images/ab4.png);}
.ab-ls a:hover h2, .ab-ls a:hover p{ color:#fff;}

/* Css Products */
.ig-bg{ width:100%; background-color:#fff; margin-bottom:85px; text-align:center;}
.ig-bg h1{ font-size:30px; font-weight:normal; color:#333;}
.ig-lb{ margin-top:45px;}
.ig-lb a{ display:block; float:left; width:228px; padding:10px 10px 5px; margin:0 15px 15px 0; border:1px solid #e0e0e0; -webkit-transition:all .5s ease-in-out; transition:all .5s ease-in-out;}
.ig-lb a:hover{ border:1px solid #0075c2; background-color:#0075c2;}
.ig-lb a:nth-of-type(5n){ margin-right:0;}
.ig-lb a div{ overflow:hidden;}
.ig-lb a div img{ width:100%; -webkit-transition:all .5s ease-in-out; transition:all .5s ease-in-out;}
.ig-lb a:hover div img{ -transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1);}
.ig-lb a dl{ height:34px; line-height:24px; padding:5px; overflow:hidden;
 -webkit-transition:all .5s ease-in-out; transition:all .5s ease-in-out;}
.ig-lb a:hover dl{ color:#fff;}