@charset "UTF-8";

/*格式化*/
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td, span, input, textarea { margin: 0; padding: 0; }
body { font-size: 14px; font-family: "Microsoft YaHei", "Arial", Verdana, Arial, Helvetica, sans-serif; padding-top: 1px; background: #fff; }
li, ol { list-style: none; }
ins { text-decoration: none; }
i, em { font-style: normal; }
a { text-decoration: none; font-family: "Microsoft YaHei"; }
a:hover { cursor: pointer; text-decoration: none; }
:focus { outline: 0; }
.clear { clear: both; line-height: 0px; overflow: hidden; zoom: 1; font-size: 0px; content: '.'; }
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
img { padding: 0; margin: 0; }
a img { border: none; }
input, textarea { border: none; font-family: "Microsoft YaHei"; font-size: 13px; }
.fl { float: left; }
.fr { float: right; }
/* -- 页面整体布局 -- */
.wrap{min-width:320px; max-width:640px; margin:0 auto; overflow:hidden; position:relative; background:#fff; font-family: "Microsoft YaHei"; } 
.wrap img{width: 100%;display: block;}

/*广告*/
.banner { position: relative; z-index: 3; width: 100%; overflow: hidden; }
.banner.swiper-container-horizontal > .swiper-pagination-bullets{ bottom: 1rem;}
.banner .swiper-pagination-bullet { background: #f5f5f5; width: .8rem; opacity: 1; height: .8rem; margin: 0 .4rem !important; }
.banner .swiper-pagination-bullet-active { border-radius: 0.4rem; opacity: 1; background: #78b238; }

/**/
.g-yin{padding: 4.5rem 0 2rem;}
.m-bt{display: block;width: 100%;text-align: center;font-size: 1.8rem;color: #333;height: 4rem;line-height: 2rem;overflow: hidden;}
.m-bt span{display: block;font-size: 0.8rem;color: #666;}
.m-yin{width: 93.75%;margin: 0 auto;padding-top: 1rem;}
.m-yin ul li{width: 32.2%;float: left;position: relative;line-height: 0;margin-left: 1.7%;}
.m-yin ul li span{display: block;font-size: 0.9rem;color: #fff;width: 100%;text-align: center;height: 1.6rem;line-height: 1.6rem;position: absolute;bottom: 0;left: 0;overflow: hidden;background: rgba(51,103,166,0.8);}
.m-yin ul li:first-child{margin-left: 0;}
.m-yin b{font-size: 1rem;color: #333;display: block;width: 100%;height: 3rem;line-height: 3rem;overflow: hidden;}
.m-yin b i{display: block;float: left;padding-left: 5rem;width: 19rem;}
.m-yin b em{display: block;float: left;width: 3.4rem;height: 0.7rem;line-height: 0;padding-top: 1.2rem;}
.m-yin b em img{width: 3.4rem;height: 0.7rem;}
.u-yin{width: 100%;padding-top: 1rem;}
.ibrand-num li{float:left;width:27%;height:6.2rem;color:#333;font-size:1rem;padding-left: 6.33%;position: relative;padding-top: 0.3rem;}
.ibrand-num li:before{content: "";width: 1px;height: 2.5rem;position: absolute;top: 1.2rem;right: 0.8rem;background: #d6d6d6;}
.ibrand-num li em{font-size:2.5rem;color: #3367a6;font-weight: bold;padding-right: 0.3rem;line-height: 2.5rem;}
.ibrand-num li span{font-size:3.2rem;color: #3367a6;font-family: "Impact";line-height: 3.2rem;padding-right: 0.3rem;}
.ibrand-num li b{display:block;font-weight: normal; padding:0.3rem 0 0;}
.ibrand-num li i{display: block;font-size: 0.8rem;color: #fff;width: 1.4rem;text-align: center;height: 1.4rem;line-height: 1.4rem;overflow: hidden;background: #78b238;border-radius: 50%;position: absolute;top: 0;}
.ibrand-num li:nth-child(1) i,.ibrand-num li:nth-child(3) i,.ibrand-num li:nth-child(4) i{left: 4.5rem;}
.ibrand-num li:nth-child(2) i,.ibrand-num li:nth-child(5) i{left: 3rem;}
.ibrand-num li:nth-child(6) i{left: 4rem;}
.ibrand-num li:nth-child(3n):before{background: none;}

/*设备展示*/
.g-zhans{background: #f2f2f2; width:100%; overflow:hidden; padding:2.5rem 0 1.5rem;position: relative;}
.g-zhans .m-bt{background: url(../images/zhans_tbg.gif) no-repeat 50% 50%;-webkit-background-size:100%; -ms-background-size:100%; -o-background-size:100%; background-size:100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.g-zhans .m-cnt{ height:2rem; width:51.25%; background:#3367a6;border-radius: 2rem;position: absolute;top: 35rem;left: 1rem;z-index: 10;}
.g-zhans .m-cnt li{ width:50%; text-align:center; float:left;font-size: 0.9rem;color: #fff;height: 2rem;line-height: 2rem;}
.g-zhans .m-cnt li.z-on{ background:#78b238;}
.g-zhans .m-cnt li:first-child.z-on{border-radius: 2rem 0 0 2rem;}
.g-zhans .m-cnt li:last-child.z-on{border-radius: 0 2rem 2rem 0;}
.g-zhans .m-box .con{ display:inline; float:left;}
.g-zhans p{width: 100%;line-height: 0;padding-top: 1rem;}
.g-zhans .m-box ul{position: relative;width: 100%;height: 13.8rem;margin-top: 0.5rem;}
.g-zhans .m-box ul:before{content: "";width: 100%;height: 1px;background: #e1e1e1;position: absolute;top: 4.6rem;left: 0;}
.g-zhans .m-box ul:after{content: "";width: 100%;height: 1px;background: #e1e1e1;position: absolute;top: 9.2rem;left: 0;}
.g-zhans .m-box ul li{float: left; height:4.6rem; line-height:4.6rem;font-size: 1.1rem;color: #333;font-weight: bold;width: 30%;padding-left: 3.33%;}
.g-zhans .m-box ul li em{display: block;float: left;width: 1.5rem;height: 1.5rem;line-height: 0;overflow: hidden;padding: 1.6rem 0.8rem 0 0;}
.g-zhans .m-box ul li em img{width: 1.5rem;height: 3rem;}
.g-zhans .m-box ul li.zhans_li01{padding-left: 66%;width: 34%;}
.g-zhans .m-box ul.zhans_ul02{margin-top:4.6rem;height: 9.2rem;}

/*产品*/
.g-cp{ width:100%; overflow:hidden; padding:1.5rem 0 4rem;}
.g-cp ul li{ width:45.31%; float:left;line-height: 0;position: relative;overflow: hidden;margin: 0 0 1rem 1rem;}
.g-cp ul li span{ display:block; text-align:center; width:100%;font-size: 0.9rem;color: #fff;height: 2.2rem;line-height: 2.2rem;position: absolute;bottom: 0;left: 0;background: rgba(51,103,166,0.8);white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

/*小广告*/
.g-ban01{display: block;width: 100%;height: 3.6rem;padding-top:11.4rem;overflow: hidden;background: url(../images/ban01.jpg) no-repeat 50% 50%;-webkit-background-size:100%; -ms-background-size:100%; -o-background-size:100%; background-size:100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.g-ban01 span{display: block;margin: 0 0 0 1rem;width:16rem;height:2rem;line-height: 2rem;background: #78b238;border-radius:3rem;font-size: 1rem;color: #fff;font-weight:bold;}
.g-ban01 em{display: block;float: left;width: 6.5rem;text-align: center;overflow: hidden;position:relative;}
.g-ban01 em:before{content: "";width: 1px;height: 0.8rem;background: #fff;position: absolute;top: 0.7rem;right: 0;}
.g-ban01 i{display: block;float: left;width: 9rem;text-align: center;}

/*真实案例*/
.g-case{width: 93.75%;margin: 0 auto;padding: 4.5rem 0;}
.g-case .m-bt{background: url(../images/case_tbg.gif) no-repeat 50% 50%;-webkit-background-size:100%; -ms-background-size:100%; -o-background-size:100%; background-size:100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.m-case{width: 100%;padding: 1rem 0 0.8rem;}
.m-case ul li{width: 32%;text-align: center;float: left;height: 2.4rem;line-height: 2.4rem;overflow: hidden;margin-bottom: 0.5rem;margin-right: 2%;background: #3367a6;}
.m-case ul li a{font-size: 0.9rem;color: #fff;}
.m-case ul li:nth-child(3n){margin-right: 0;}
.u-case ul li{width: 48%;float: left;margin-left: 4%;}
.u-case ul li span{display: block;width: 100%;text-align: center;font-size: 0.9rem;color: #1c1317;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;height: 3rem;line-height: 3rem;box-shadow: 0 3px 0.3rem 3px #eee;}
.u-case ul li:first-child{margin-left: 0;}

/*优势*/
.g-eight{width: 100%;padding:0 0 3rem;border-bottom: #ccc 0.5rem solid;}
.g-eight .m-bt{background: url(../images/ys_tbg.gif) no-repeat 50% 50%;-webkit-background-size:100%; -ms-background-size:100%; -o-background-size:100%; background-size:100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.choose { padding: 0 5.78%;margin-top: 1rem;}
.choose dl{width: 100%;overflow: hidden; opacity: .4;}
.choose dl dt{width: 100%;line-height: 0;}
.choose dl dt img{border-radius:0.5rem;}
.choose dl dd{width: 90%;margin: 0 auto;padding-top: 1.5rem;}
.choose dl dd h5{width: 100%;display: inline-block;height: 4rem;overflow: hidden;}
.choose dl dd h5 em{width: 3.7rem;height: 3.7rem;display: block;float: left;line-height: 0;padding: 0 1rem 0 0;}
.choose dl dd h5 em img{width: 3.7rem;height: 3.7rem;}
.choose dl dd h5 b{display: block;float: left;font-size: 1.8rem;color: #333;width: 20rem;line-height: 1.8rem;padding-top: 0.3rem;}
.choose dl dd h5 span{display: block;font-size: 0.7rem;text-transform: uppercase; font-family:"Times New Roman", Times, serif;color: #666;line-height: 1.5rem;padding:0.3rem 0 0 3rem;font-weight: normal;position: relative;}
.choose dl dd h5 span:before{content: "";width: 2.5rem;height: 2px;background: #78b238;position: absolute;top: 0.9rem;left: 0;}
.choose dl dd p{font-size: 1rem;color: #666;padding: 0.8rem 0 0 1rem;line-height: 1.8rem;margin-left: 1.5rem;position: relative;}
.choose dl dd p:before{content: "";width: 0.4rem;height: 0.4rem;background: #78b238;position: absolute;top: 1.6rem;left: 0;border-radius: 50%;}
.choose dl.swiper-slide-active { opacity: 1; }

/*服务加持*/
.g-fuw{width: 93.75%;margin: 0 auto;padding: 2.5rem 0;}
.g-fuw .m-bt{background: url(../images/fuw_tbg.gif) no-repeat 50% 50%;-webkit-background-size:100%; -ms-background-size:100%; -o-background-size:100%; background-size:100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.g-fuw .fuw_img{width: 100%;line-height: 0;padding: 1rem 0 2rem;}
.g-fuw .m-cnt{ height:9.5rem; width:100%;}
.g-fuw .m-cnt li{ width: 32%;text-align: center;float: left;height: 2.4rem;line-height: 2.4rem;overflow: hidden;margin-bottom: 0.5rem;margin-right: 2%;background: #3367a6;font-size: 0.9rem;color: #fff;}
.g-fuw .m-cnt li:nth-child(3n){margin-right: 0;}
.g-fuw .m-cnt li:last-child{width: 100%;margin-right: 0;}
.g-fuw .m-cnt li.z-on{ background:#78b238;}
.g-fuw .m-box .con{ display:inline; float:left;}
.g-fuw dl{width: 100%;}
.g-fuw dl dt{width: 100%;height: 8rem;}
.g-fuw dl dt b{display: block;font-size: 1.8rem;color: #3367a6;text-transform: uppercase;height: 2rem;line-height: 2rem;font-style: italic;}
.g-fuw dl dt h5{font-size: 1.3rem;color: #333;height: 1.8rem;line-height: 1.8rem;overflow: hidden;}
.g-fuw dl dt p{font-size: 1.1rem;color: #666;line-height: 1.6rem;height: 1.6rem;overflow: hidden;padding-top: 1rem;}
.g-fuw dl dd{width: 100%;}
.g-fuw dl dd ul li{width: 46.17%;float: left;margin-left: 7%;}
.g-fuw dl dd ul li span{display: block;font-size: 1rem;color: #666;width: 100%;text-align: center;height: 2rem;line-height: 2rem;overflow: hidden;padding-top: 0.5rem;}
.g-fuw dl dd ul li:first-child{margin-left: 0;}

/*关于必源环保*/
.g-about{width: 96%;padding: 3rem 0 2rem;border-top: #ccc 0.5rem solid; margin:0 2%}
.g-about .m-bt{background: url(../images/ab_tbg.gif) no-repeat 50% 50%;-webkit-background-size:100%; -ms-background-size:100%; -o-background-size:100%; background-size:100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.g-about dl{width: 100%;padding: 1.3rem 0 0;}
.g-about dl dt{width: 100%;line-height: 0;height: 17rem;padding-top: 1rem;background: url(../images/ab_k.jpg) no-repeat;-webkit-background-size:100%; -ms-background-size:100%; -o-background-size:100%; background-size:100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.g-about dl dt a{display: block;width: 70.31%;margin: 0 auto;}
.g-about dl dd{padding: 1rem 0 0;width: 100%;}
.g-about .ab_desc{font-size: 1rem;color: #666;line-height: 1.8rem;height: 9rem;overflow: hidden;}
.g-about dl dd span{display: block;line-height: 2rem;}
.g-about dl dd span a{font-size: 1rem;color: #3367a6;}

/*开屏秀*/
html { background: #f7f7f7; }

/*图片加载未完成前，默认背景色*/
.wrap { opacity: 0;  /*开屏秀未加载完成，内容默认不显示(首页最外层盒子)*/ }
.loading { position: fixed; width: 100%; height: 100%; top: 0; z-index: 51; display: none; max-width: 640px; min-width: 320px; z-index: 99999; }
.loading img { display: none; }
.loading #showNext { line-height: 1.8rem; display: none; color: #fff; border: 0.05rem solid #fff; border-radius: 5%; padding-left: 1rem; padding-right: 1rem; text-align: center; position: absolute; right: 1rem; top: 1rem; z-index: 99; }

/*首次加载页面切入效果*/
.homeShow { animation: fade 0.8s ease both; -webkit-animation: fade 0.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; }

 .gga{
        position: fixed;
        right: 0;
        top:  40vh;
    }

/**/
html {font-size: 10px;-webkit-text-size-adjust: none;}
@media screen and (min-width: 320px) {html {font-size: 10px;}}
@media screen and (min-width: 360px) {html {font-size: 11.25px;}}
@media screen and (min-width: 375px) {html {font-size: 11.7px;}}  /*ipone6*/
@media screen and (min-width: 400px) {html {font-size: 12.5px;}}
@media screen and (min-width: 414px) {html {font-size: 12.94px;}} /*ipone6P*/
@media screen and (min-width: 440px) {html {font-size: 13.75px;}}
@media screen and (min-width: 480px) {html {font-size: 15px;}}
@media screen and (min-width: 520px) {html {font-size: 16.25px;}}
@media screen and (min-width: 560px) {html {font-size: 17.5px;}}
@media screen and (min-width: 600px) {html {font-size: 18.75px;}}
@media screen and (min-width: 640px) {html {font-size: 20px;}}
.riight_div {
  position: fixed;
  top: 40%;
  right: 0;
  z-index: 9999;
}
.client-2 {
  display: none;
}