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

/* Index About */
.ab-bg{ margin:85px 0 209px;}
.ab-bg .main{ position:relative;}
.ab-bg .ab-zb{ float:left; width:548px; height:400px; background:url(../Images/abBg.jpg) no-repeat center;}
.ab-bg .ab-zb a{ display:block; width:100%; height:100%;}
.ab-bg .ab-yb{ float:left; width:652px; height:400px; padding-left:50px;}
.ab-bg .ab-yb h1{ font-family:"064-CAI978"; font-size:30px; color:#58b530; text-transform:uppercase; margin:20px 0 5px;}
.ab-bg .ab-yb h2{ font-size:24px; color:#333;}
.ab-bg .ab-yb p{ margin-top:22px;}
.ab-bg .ab-hb{ position:absolute; left:448px; top:296px; width:752px; height:228px; color:#fff; background-color:#58b530; padding:0 35px;}
.ab-bg .ab-hb .ab-nm{ float:left;}
.ab-bg .ab-hb .ab-nm h1{ font-family:"064-CAI978"; font-size:24px; text-transform:uppercase; line-height:26px; margin-top:24px;}
.ab-bg .ab-hb .ab-nm h2{ font-size:18px;}
.ab-bg .ab-an{ float:right; margin-top:53px;}
.swiper-button-next,.swiper-button-prev{ position:relative; top:0; float:left; width:20px; height:20px; margin:0; background-position:center; background-repeat:no-repeat; background-size:20px 20px; opacity:.85; -webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out;}
.swiper-button-next:hover,.swiper-button-prev:hover{ opacity:1;}
.swiper-button-next{ right:10px; background-image:url(../Images/zb.png);}
.swiper-button-prev{ left:0; background-image:url(../Images/yb.png);}
.swiper2{ width:100%; height:auto; margin-top:13px;}
.swiper2 img{ width:214px; height:100px;}

/* Index Products */
.ig-bg{ background:url(../Images/igBg.jpg) no-repeat center; background-size:cover; padding:72px 0 85px;}
.ig-bg h1{ font-family:"064-CAI978"; font-size:30px; color:#58b530; text-transform:uppercase; text-align:center; line-height:28px;}
.ig-bg h2{ font-size:24px; color:#333; text-align:center; margin-top:8px;}
.ig-bg .ig-ls{ margin-top:5px;}
.ig-bg .ig-ls a{ display:block; float:left; width:285px; margin:30px 20px 0 0; background-color:#fff; box-shadow:0 0 20px rgba(0,0,0,.03); position:relative; -webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out;}
.ig-bg .ig-ls a:hover{ box-shadow:0 0 25px rgba(0,0,0,.15);}
.ig-bg .ig-ls a:nth-of-type(4n){ margin-right:0;}
.ig-bg .ig-ls a img{ width:285px; height:350px;}
.ig-bg .ig-ls a div{ position:absolute; left:0; bottom:13px; width:100%; font-size:18px; color:#fff; padding:0 20px;}
.ig-bg .ig-ls a div h3{ font-family:"064-CAI978","Source Han Sans CN","PingFang SC","Microsoft YaHei"; font-size:24px; margin-bottom:2px;}
.ig-bg .ig-ls a div p{ float:right; width:20px; height:20px; margin:3px 10px 0 0; background:url(../Images/yb.png) no-repeat center; background-size:20px 20px; opacity:0; -webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out;}
.ig-bg .ig-ls a:hover div p{ margin-right:0; opacity:1;}
.ig-bg .ig-ls a dl{ position:absolute; right:35px; top:50%; margin:-12px 10px 0 0; width:24px; height:24px; background:url(../Images/yb.png) no-repeat center; background-size:24px 24px; opacity:0; -webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out;}
.ig-bg .ig-ls a:hover dl{ margin-right:0; opacity:1;}

/* Index News */
.ns-bg{ margin:85px 0;}
.ns-bg .ns-zb{ float:left; width:840px;}
.ns-bg .ns-zb .ns-ig{ float:left; width:265px; height:345px; background:url(../Images/nsIg.jpg) no-repeat;}
.ns-bg .ns-zb .ns-ig a{ display:block; width:100%; height:100%; position:relative;}
.ns-bg .ns-zb .ns-ig a span{ position:absolute; left:30px; bottom:45px; display:block; width:100px; height:28px; border:1px solid #fff; color:#fff; text-align:center; line-height:26px; -webkit-border-radius:15px; border-radius:15px;}
.ns-bg .ns-zb .ns-ig a:hover span{ border:1px solid #58b530; background-color:#58b530;}
.ns-bg .ns-zb .ns-ls{ float:left; width:575px; height:345px; background-color:#f5f5f5; padding:0 30px; display:flex; justify-content:center; flex-direction:column;}
.ns-bg .ns-zb .ns-ls a{ display:block; font-size:15px; line-height:35px;}
.ns-bg .ns-zb .ns-ls a span{ color:#58b530;}
.ns-bg .ns-zb .ns-ls a dl{ float:right; font-family:Arial; font-size:14px; color:#888;}
.ns-bg .ns-zb .ns-ls a:hover dl{ color:#58b530;}
.ns-bg .ns-yb{ float:right; width:310px;}
.swiper3{ width:100%; height:245px;}
.ns-bg .ns-yb .ns-hy{ width:100%; height:100px; color:#fff; padding:20px 20px 0; background-color:#58b530;}
.ns-bg .ns-yb .ns-hy h1{ font-size:24px;}