﻿.ban{position:relative}
.ban img{display:block;width:100%}
.ban .swiper-slide{position:relative}
.ban .swiper-slide em{display:block;background:url(../images/ban_hover.png) no-repeat center top;background-size:100% 100%;width:100%;position:absolute;bottom:0;left:0;height:3rem}
.ban .swiper-pagination{bottom:5rem}
.ban .swiper-pagination-bullet{background:#fff;opacity:1}
.ban .swiper-pagination-bullet-active{background:#5dab45;width:1.5rem;border-radius:1rem}
.tit01{text-align:center;background:url(../images/pro_h.png) no-repeat center center;background-size:100% auto;font-size:1.75rem;font-weight:700;color:#5dab45;padding:.5rem 0}
.tit01 em{display:block;font-size:1.4rem;color:#333;padding-top:.1rem;font-weight:400}
.g-pro{background:url(../images/pro_bg.gif) no-repeat center bottom;background-size:100% auto;padding-bottom:3.2rem}
.g-pro p a{display:block;width:25%;text-align:center;font-size:1.2rem;color:#666;float:left;margin:.5rem 0}
.g-pro p em{display:block;width:45.625%;margin:0 auto}
.g-pro p em img{display:block;width:100%}
.pro{width:96.875%;margin:2rem auto 0;overflow:hidden;position:relative}
.pro h4{position:relative}
.pro h4 img{display:block;width:100%}
.pro h4 em{display:block;width:100%;text-align:center;font-size:1.2rem;color:#fff;position:absolute;bottom:0;line-height:2rem;height:2rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:rgba(0,0,0,.8)}
.g-pro ul{width:96.875%;margin:1.5rem auto 0}
.g-pro li{width:47.83%;margin-bottom:1rem}
.g-pro li img{display:block;width:100%}
.g-pro li em{display:block;margin:.5rem 0;font-size:.95rem;color:#494949;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background-size:.6rem .6rem;text-align:center}
.g-pro .swiper-button-prev{background:url(../images/pro_l.png) no-repeat;background-size:1.3rem 2.55rem;width:1.3rem;height:2.55rem;position:absolute;top:45%;left:3%;z-index:1}
.g-pro .swiper-button-next{background:url(../images/pro_r.png) no-repeat;background-size:1.3rem 2.55rem;width:1.3rem;height:2.55rem;position:absolute;top:45%;right:3%;z-index:1}
.g-pro a:nth-child(2n-1) li{float:left}
.g-pro a:nth-child(2n) li{float:right}
.g-shis{background: #ebebeb url(../images/lipin_bg1.gif) no-repeat center bottom;background-size:100% auto;padding-bottom:5rem;}
.g-shis h2{width:96.875%;margin:1.5rem auto .65rem}
.g-shis h2 img{display:block;width:100%}
.g-shis ul{width:96.875%;margin:0 auto}
.g-shis li{width:48.71%}
.g-shis li img{display:block;width:100%}
.g-shis li:nth-child(2n-1){float:left}
.g-shis li:nth-child(2n){float:right}
.g-shis dl{width:96.875%;margin:1.25rem auto 0}
.g-shis dt{width:11.29%;float:left}
.g-shis dt img{display:block;width:100%}
.g-shis dd{width:85%;float:right;font-size:1rem;color:#333;line-height:1.7rem}
.g-shis dd b{color:#5dab45}
.g-linpin{background:#5dab45}
.g-linpin .tit01{background:url(../images/lipin_h.png) no-repeat center center;background-size:100% auto;color:#fff}
.g-linpin .tit01 em{color:#fff}
.tabs{height:3.05rem;margin:1.5rem 0 1.2rem}
.tabs a{display:block;width:21.09375%;height:3.05rem;background:url(../images/bg1.png) no-repeat center top;background-size:100% auto;text-align:center;line-height:3.05rem;color:#666;font-size:1rem;margin-left:3%;float:left}
.tabs .active{background:url(../images/bg2.png) no-repeat center top;background-size:100% auto;color:#fff}
.linpin dl{position:relative}
.linpin dt img{display:block;width:100%}
.linpin dd{position:absolute;top:0;left:0;width:100%}
.linp p{font-size:.9rem;color:#fff;line-height:1.8rem;background:url(../images/ico06.png) no-repeat 4% .8rem;background-size:.3rem .3rem;padding-left:7%}
.g-wit{background:url(../images/wit_bg.gif) no-repeat center bottom;background-size:100% auto;padding:.5rem 0 4rem;margin-top:-.5rem}
.g-wit .tit01{background:url(../images/wit_h.png) no-repeat center center;background-size:100% auto}
.g-wit dl{width:96.875%;margin:1.5rem auto 0}
.g-wit dt{width:36.29%;float:left;border:1px solid #e1e1e1;border-radius:10rem}
.g-wit dt img{display:block;width:100%;border-radius:10rem}
.g-wit dd{width:57%;float:right}
.g-wit dd h3{font-size:1.2rem;color:#333;margin-top:1rem}
.g-wit dd h3 em{display:block;font-size:1.1rem;color:#666}
.g-wit dd p{font-size:.9rem;line-height:1.4rem;color:#828282;margin-top:.5rem}
.g-ys{background:#ebebeb url(../images/lipin_bg.gif) no-repeat center bottom;background-size:100% auto;padding-bottom:6rem;position:relative}
.g-ys .tit01{background:url(../images/ys_h.png) no-repeat center center;background-size:100% auto}
.g-ys dl{width:96.875%;margin:1.2rem auto 0;overflow:hidden}
.g-ys dt img{display:block;width:100%}
.g-ys dd h3{font-size:1.2rem;font-weight:700;color:#666;margin:1rem 0 .5rem}
.g-ys dd h3 em{color:#5dab45;font-size:1.4rem}
.g-ys dd p{font-size:1.1rem;color:#666;background:url(../images/ico09.png) no-repeat left .8rem;line-height:2rem;background-size:.4rem .4rem;padding-left:2.5%}
.g-ys dd p b{font-weight:400;color:#5dab45}
.g-ys .swiper-pagination{bottom:4rem}
.g-ys .swiper-pagination-bullet{background:url(../images/ys_dot2.png) no-repeat;background-size:100% auto;opacity:1;width:1.45rem;height:1.45rem}
.g-ys .swiper-pagination-bullet-active{background:url(../images/ys_dot1.png) no-repeat;background-size:100% auto}
.g-lc{background:#5dab45 url(../images/ban_hover.png) no-repeat center bottom;background-size:100% auto;padding-bottom:5rem}
.g-lc .tit01{background:url(../images/lipin_h.png) no-repeat center center;background-size:100% auto;color:#fff}
.g-lc .tit01 em{color:#fff}
.g-lc li{width:25%;float:left;margin:1.8rem 0 0;float:left;background:url(../images/tec_lbg.gif) no-repeat right center;background-size:.25rem 4.1rem;text-align:center;font-size:1.1rem;color:#fff}
.g-lc li em{display:block;width:28.75%;margin:0 auto .3rem}
.g-lc li em img{display:block;width:100%}
.g-lc li:nth-child(4n){background:0 0}
.g-lc li:nth-child(5),.g-lc li:nth-child(6),.g-lc li:nth-child(7){background:url(../images/tec_lbg2.jpg) no-repeat right center;background-size:.25rem 4.1rem}
.g-online{width:95.78125%;margin:1.6rem auto;padding-bottom:3rem;background:url(../images/online_bg.jpg) no-repeat center top;background-size:100% auto}
.g-online ul{padding:2rem 0 0 4%}
.g-online li{height:2.5rem;margin-bottom:1.2rem}
.g-online li em{display:block;font-size:1.2rem;line-height:2.5rem;float:left;width:16%}
.g-online li input{width:72%;padding:0 2%;height:2.5rem;background:rgba(255,255,255,.6);border:1px solid rgba(0,0,0,.6);float:left;box-sizing:border-box;overflow:hidden}
.g-online .ly textarea{width:72%;padding:0 2%;background:rgba(255,255,255,.6);border:1px solid rgba(0,0,0,.6);box-sizing:border-box;height:7.5rem;line-height:2.5rem;float:left;resize:none;overflow:hidden}
.g-online .ly{height:7.5rem}
.g-online .btt{padding-left:14%}
.g-online .btt input{width:40%;height:2.5rem;border-radius:2rem;text-align:center;line-height:2.5rem;color:#fff;border:0;font-size:1.25rem;background:#5dab45;background:-moz-linear-gradient(top,#5dab45 1%,#5dab45 99%);background:-webkit-linear-gradient(top,#5dab45 1%,#5dab45 99%);background:linear-gradient(to bottom,#5dab45 1%,#5dab45 99%)}
.g-online li span{color:red}
.g-new{background:url(../images/pro_bg.gif) no-repeat center bottom;background-size:100% auto;padding-bottom:4rem}
.tab2{height:2.5rem;margin:1rem auto 1.4rem;text-align:center}
.tab2 a{display:inline-block;width:25.78%;height:2.5rem;border-radius:1.5rem;text-align:center;line-height:2.5rem;color:#fff;margin:0 2%;font-size:1.2rem;background:#707070}
.tab2 .active{color:#fff;background:#5dab45}
.g-new dl{width:96.875%;margin:0 auto 1.3rem}
.g-new dt{width:49%;float:left}
.g-new dt img{display:block;width:100%;border-radius:.5rem}
.g-new dd{width:48.38%;float:right}
.g-new dd h3{font-size:.9rem;color:#343434;padding:.3rem 0}
.g-new dd p{font-size:.8rem;color:#666;line-height:1.4rem}
.g-about{background:#ebebeb url(../images/ban_hover.png) no-repeat center bottom;background-size:100% auto;padding-bottom:5rem}
.g-about .tit01{background:url(../images/about_h.png) no-repeat center center;background-size:100% auto}
.g-about dl{width:96.875%;margin:1.5rem auto 0}
.g-about dt img{display:block;width:100%}
.g-about dd{padding:1rem 4% 0 4%;text-align:center;font-size:.9rem;color:#666;line-height:1.6rem}
.g-about dd em{color:#5dab45;text-decoration:underline}
.pageShare img{display:block;width:0;height:0}
.loading{position:fixed;width:100%;height:100%;top:0;background:url(../images/loading.jpg) no-repeat;background-size:100% auto;display:none;max-width:640px;min-width:320px;z-index:99999}
.homeShow{animation:fade .8s ease both;-webkit-animation:fade .8s ease both}
@-webkit-keyframes fade{from{opacity:1;display:block}
to{opacity:0;display:none;height:0}
}
@keyframes fade{from{opacity:1;display:block}
to{display:none;opacity:0;height:0}
}
.fade{-webkit-animation-name:fade;animation-name:fade}
html{font-size:10px}
@media screen and (min-width:320px){html{font-size:10.625px}
}
@media screen and (min-width:360px){html{font-size:11.875px}
}
@media screen and (min-width:400px){html{font-size:13.125px}
}
@media screen and (min-width:440px){html{font-size:14.375px}
}
@media screen and (min-width:480px){html{font-size:15.625px}
}
@media screen and (min-width:520px){html{font-size:16.875px}
}
@media screen and (min-width:560px){html{font-size:18.125px}
}
@media screen and (min-width:600px){html{font-size:19.375px}
}
@media screen and (min-width:640px){html{font-size:20px}
}
