/* Index Public */
.nm-bg{ width:100%; height:200px; font-size:30px; color:#fff; text-transform:uppercase; text-align:center; padding-top:59px; background-color:#303030; position:relative;}
.nm-bg h1{ font-size:48px; font-weight:normal; line-height:40px; margin-bottom:15px;}
.nm-bg p{ position:absolute; left:50%; bottom:-25px; margin-left:-27px; width:54px; height:33px; background:url(../Images/jt01.png) no-repeat;}

/* Index Products */
.ig-bg{ width:100%; padding-bottom:80px; background-color:#f5f5f5;}
.ig-bg h2{ font-size:48px; font-weight:normal; color:#333; line-height:40px; text-transform:uppercase; text-align:center; margin-top:74px;}
.ig-bg .ig-ls{ margin-top:30px;}
.ig-bg .ig-ls a{ display:block; float:left; width:285px; margin:20px 20px 0 0; box-shadow:0 0 20px rgba(0,0,0,.03); -webkit-transition:all .5s ease-in-out; transition:all .5s 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 div{ width:100%; background-color:#fff; overflow:hidden; -webkit-transition:all .5s ease-in-out; transition:all .5s ease-in-out;}
.ig-bg .ig-ls a div img{ width:100%; -webkit-transition:all .5s ease-in-out; transition:all .5s ease-in-out;}
.ig-bg .ig-ls a:hover div img{ -transform:scale(1.08,1.08); -webkit-transform:scale(1.08,1.08);}
.ig-bg .ig-ls a dl{ width:100%; height:50px; line-height:50px; color:#fff; text-transform:uppercase; text-align:center; background-color:#8bc34a;}

/* Index Class */
.lb-bg{ width:100%; padding-bottom:80px; background:url(../Images/lbBg.jpg) no-repeat center;}
.swiper2{ width:100%; height:auto; padding-top:115px;}
.swiper2 a{ display:block; width:100%; height:100%; position:relative; -webkit-transition:all .5s ease-in-out; transition:all .5s ease-in-out;}
.swiper2 a:hover{ margin-top:-20px;}
.swiper2 a img{ width:100%; -webkit-border-radius:5px; border-radius:5px;}
.swiper2 a dl{ position:absolute; left:0; bottom:17px; width:100%; font-size:24px; color:#505050; text-transform:uppercase; text-align:center; line-height:24px; padding:0 10px;}
.swiper2 a p{ position:absolute; left:50%; top:-25px; width:50px; height:50px; line-height:50px; margin-left:-25px; font-size:30px; color:#fff; text-align:center; background-color:#8bc34a; -webkit-border-radius:50%; border-radius:50%; -webkit-transition:all .5s ease-in-out; transition:all .5s ease-in-out;}
.swiper2 a:hover p{ background-color:#00954f;}
.swiper-pagination2{ position:relative; line-height:0; margin-top:50px;}
.swiper-pagination2 .swiper-pagination-bullet{ margin:0 5px;}
.swiper-pagination2 .swiper-pagination-bullet-active{ background:#ffcc00;}

/* Index Advantage */
.ys-bg{ width:100%; height:600px; background:url(../Images/ysBg.jpg) no-repeat center;}
.ys-bg .ys-zb{ float:left; width:433px; height:600px; font-size:24px; color:#fff; text-transform:uppercase; display:flex; justify-content:center; flex-direction:column;}
.ys-bg .ys-zb h1{ font-size:48px; font-weight:normal; line-height:40px; margin-bottom:27px;}
.ys-bg .ys-zb a{ display:block; width:150px; height:48px; line-height:44px; border:2px solid #fff; color:#fff; text-align:center; margin-top:44px; -webkit-transition:all .5s ease-in-out; transition:all .5s ease-in-out;}
.ys-bg .ys-zb a:hover{ background-color:#8bc34a; border-color:#8bc34a;}
.ys-bg .ys-yb{ float:left; width:767px; height:600px;}
.ys-bg .ys-yb ul li{ float:left; width:50%; margin-top:50px; cursor:pointer;}
.ys-bg .ys-yb ul li div{ width:120px; height:120px; border:2px solid #e8e8e8; margin:auto; -webkit-border-radius:50%; border-radius:50%; -webkit-transition:all .5s ease-in-out; transition:all .5s ease-in-out;}
.ys-bg .ys-yb ul li:hover div{ border-color:#00954f;}
.ys-bg .ys-yb ul li div dl{ width:100px; height:100px; background-color:#8bc34a; background-repeat:no-repeat; background-position:center; background-size:60px 60px; margin:8px auto; -webkit-border-radius:50%; border-radius:50%; -webkit-transition:all .5s ease-in-out; transition:all .5s ease-in-out;}
.ys-bg .ys-yb ul li:hover div dl{ background-color:#00954f;}
.ys-bg .ys-yb ul li h2{ font-size:24px; text-transform:uppercase; text-align:center; margin-top:18px;}
.ys-bg .ys-yb ul li p{ font-family:"Helvetica Condensed"; font-size:14px; color:#555; line-height:24px; padding:0 25px; margin-top:8px;}