@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:750px; 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: #0067c2;}

/**/
.g-guide{background: #f2f2f2;padding: 3rem 0 2rem;}
.gui_con{width: 92%;margin: 0 auto;}
.g-guide dl{width: 48.8%;height: 7.8rem;background: #fff;float: left;box-shadow: 0 3px 0.3rem 3px rgba(0,0,0,0.1);padding: 0.8rem 1.2rem 0;box-sizing: border-box;margin-right: 2.4%;margin-bottom: 0.9rem;}
.g-guide dl dt{font-size: 1.6rem;color: #333;height: 2.2rem;line-height: 2.2rem;overflow: hidden;}
.g-guide dl dd{width: 100%;padding-top: 0.2rem;}
.g-guide dl dd p{font-size: 1.2rem;color: #666;float: left;line-height: 1.6rem;}
.g-guide dl dd p i{display: block;}
.g-guide dl dd em{width: 2.6rem;height: 2.5rem;display: block;float: right;line-height: 0;padding-top: 0.5rem;}
.g-guide dl dd em img{width: 2.6rem;height: 2.5rem;}
.g-guide dl:nth-child(2n){margin-right: 0;}

/*产品中心*/
.g-pro{ width:92%;margin: 0 auto; overflow:hidden;padding: 3.5rem 0 5rem;}
.m-tit{display: block;width: 100%;font-size: 1.2rem;color: #333;line-height: 2.2rem;height: 4.4rem;overflow: hidden;text-align: center;}
.m-tit b{display: block;font-size: 2.1rem;}
.m-tit i{display: block;font-size: 0.7rem;color: #999;}
.g-pro .m-box .con{ display:inline; float:left;}
.g-pro .m-cnt{ width:100%;padding-top: 1.5rem;height: 4rem;}
.g-pro .m-cnt li{font-size: 1.3rem;color: #333;width: 33.33%;float: left;text-align: center;height: 4rem;line-height: 4rem;position: relative;}
.g-pro .m-cnt li:before{content: "";width: 100%;height: 2px;background: #d6d6d6;position: absolute;top: 0;left: 0;}
.g-pro .m-cnt li.z-on{color: #0067c2;font-weight: bold;}
.g-pro .m-cnt li.z-on:after{content: "";width: 100%;height: 2px;background: #0067c2;position: absolute;top: 0;left: 0;z-index: 1;}
.g-pro .m-box dl{width: 100%;background: #f2f2f2;}
.g-pro .m-box dl dt{width: 100%;line-height: 0;overflow: hidden;}
.g-pro .m-box dl dd{padding: 1rem 0 2rem;width: 91.3%;margin: 0 auto;}
.g-pro .m-box dl dd h3{height: 3rem;line-height: 3rem;overflow: hidden;}
.g-pro .m-box dl dd h3 a{font-size: 1.8rem;color: #333;}
.g-pro .m-box dl dd ul{height: 8.5rem;padding-top: 0.5rem;}
.g-pro .m-box dl dd ul li{float: left;width: 50%;line-height: 2.4rem;}
.g-pro .m-box dl dd ul li a,.m-pro02 ul li a{color: #666;font-size: 1.2rem;display: block;width: 100%;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.g-pro .m-box dl dd em{display: block;width: 10.7rem;height: 3rem;float: right;}
.g-pro .m-box dl dd em a{display: block;width: 10.7rem;height: 3rem;background: #0067c2;font-size: 1.4rem;color: #fff;border-radius: 2rem;text-align: center;line-height: 3rem;}

.m-pro02{width: 100%;padding: 1.2rem 0 0;}
.m-pro02 dl{width: 48.55%;float: left;margin-left: 2.9%;background: #f2f2f2;}
.m-pro02 dl dt{width: 100%;line-height: 0;overflow: hidden;}
.m-pro02 dl dd{padding: 0.6rem 0 1.2rem;width: 87%;margin: 0 auto;}
.m-pro02 dl dd h3{height: 2.5rem;line-height: 2.5rem;overflow: hidden;}
.m-pro02 dl dd h3 a{font-size: 1.5rem;color: #333;}
.m-pro02 ul{height: 7.5rem;padding-top: 0.3rem;}
.m-pro02 ul li{height: 2.4rem;line-height: 2.4rem;}
.m-pro02 dl dd em,.case dl dd span{display: block;width: 2rem;height: 2rem;line-height: 0;float: right;}
.m-pro02 dl dd em img,.case dl dd span img{width: 2rem;height: 2rem;}
.m-pro02 dl:first-child{margin-left: 0;}

/*产品优势*/
.g-proadv{width: 100%;height: 43rem;padding-top: 4rem;background: url(../images/cpys_bg.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-proadv .m-tit,.g-about .m-tit{color: #fff;}
.proadv_r{width: 92%;margin: 1.5rem auto 0;}
.proadv_r ul li{font-size: 1.4rem;color: #333;float: left;width: 49.5%;height: 9.5rem;background: rgba(255,255,255,0.9);margin: 0 1px 1px 0;padding-top: 1.5rem;line-height: 1.9rem;text-align: center;}
.proadv_r ul li em{width: 4.2rem;height: 3.6rem;display: block;line-height: 0;margin: 0 auto 0.6rem;}
.proadv_r ul li em img{width: 4.2rem;height: 3.6rem;}
.proadv_r ul li b{display: block;font-size: 1.2rem;}

/*非标定制*/
.customized{width: 92%; margin: 0 auto; padding: 3.5rem 0 0;}
.customized ul{width: 100%;padding: 1.5rem 0 0;}
.customized ul li{width: 32.17%;line-height: 0;position: relative;overflow: hidden;float: left;margin-bottom: 0.7rem;margin-right: 1.74%;}
.customized ul li b{display: block;width: 100%;text-align: center;height: 2.8rem;line-height: 2.8rem;position: absolute;top: calc(50% - 1.4rem);left: 0;font-size: 1.4rem;color: #fff;background: rgba(0,103,194,0.9);font-weight: normal;}
.customized ul li:first-child b{background: rgba(0,171,72,0.9);}
.customized ul li:nth-child(3n){margin-right: 0;}

/*流程*/
.g-process{width: 92%;margin: 0 auto;padding: 1.3rem 0 4rem;}
.g-process ul li{font-size: 1.3rem;color: #333;width: 25%;float: left;text-align: center;height: 9.2rem;line-height: 1.5rem;position: relative;}
.g-process ul li:before{content: "";width: 0.6rem;height: 1rem;background: url(../images/liuc_ico09.png) no-repeat;position: absolute;top: 2rem;right: -0.3rem;background-size: 0.6rem 1rem;}
.g-process ul li em{width: 5.1rem;height: 5.1rem;display: block;line-height: 0;overflow: hidden;background: #f1f1f1;border-radius: 50%;margin: 0 auto 0.7rem;}
.g-process ul li em img{width: 5.1rem;height: 5.1rem;}
.g-process ul li:nth-child(4n):before{background: none;}
.process-btn{display: block;font-size: 1.4rem;color: #fff;width: 40%;text-align: center;height: 3.3rem;line-height: 3.3rem;background: #00ab48;border-radius: 3rem;margin: 0.5rem auto 0;}

/*应用案例*/
.g-case{width: 100%;background: #f2f2f2;padding:3.5rem 0 5rem;}
.case_nav{width: 92%;height: 3.5rem;position: relative;margin: 1.5rem auto 0;border-top: #d4d4d4 2px solid;}
.case_nav ul{width: 94%;float: left;}
.case_nav ul li{width: 32%;float: left;position: relative;height: 3.5rem;line-height: 3.3rem;}
.case_nav ul li:first-child:before{content: "";width: 75%;height: 2px;background: #005eb2;position: absolute;top: -2px;left: 0;z-index: 2;}
.case_nav ul li a{font-size: 1.1rem;color: #333;}
.case_nav ul li:first-child{width: 36%;}
.case_nav ul li:first-child a{color: #005eb2;font-weight: bold;}
.case_nav span{width: 0.7rem;height: 1.2rem;display: block;float: right;padding-top: 1.1rem;line-height: 0;}
.case_nav span img{width: 0.7rem;height: 1.2rem;}
.case{padding: 0 35% 0 4%;}
.case dl{width: 100%;padding-bottom: 1.5rem;background: #fff;margin-bottom: 2rem;}
.case dl dt{width: 100%;line-height: 0;}
.case dl dd{width: 86%;margin: 0 auto;padding: 1.2rem 0 0;}
.case dl dd h5{height: 2.5rem;line-height: 2.5rem;overflow: hidden;font-weight: normal;}
.case dl dd h5 a{font-size: 1.7rem;color: #333;display: block;width: 100%;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.case_desc{font-size: 1.3rem;color: #666;line-height: 2rem;height: 7.5rem;overflow: hidden;}
.switch{ display: flex; justify-content: center; align-content: flex-end;}
.switch .swiper-pagination-bullet {float: left;background: #ccc; width: 0.8rem; opacity: 1; height: 0.8rem; border-radius: 50%;margin: 0 .5rem !important;}
.switch .swiper-pagination-bullet-active { opacity: 1;background: #0067c2;width: 2.6rem;border-radius: 0.5rem;}
.case .switch{margin-left: 10rem;}

/*合作客户*/
.partner{padding: 4rem 0 3rem;width: 100%;position: relative;}
.part_t{width: 46%;height: 13rem;position: absolute;top: 4rem;left: 4%;z-index: 2;border-top: #333 3px solid;border-bottom: #333 3px solid;}
.part_t h5{padding: 2.5rem 0 0;height: 6.5rem;line-height: 2rem;}
.part_t h5 a{display: block;font-size: 1.8rem;color: #333;}
.part_t h5 i{display: block;float: left;font-size: 3.5rem;line-height: 3.5rem; font-family: "DINOT";}
.part_t h5 span{display: block;width: 100%;clear: both;line-height: 3rem;}
.part_t p{height: 4rem;font-size: 1.2rem;color: #333;line-height: 2rem;}
.partner ul li{width: 25%;line-height: 0;float: left;overflow: hidden;position: relative;margin-bottom: 1rem;}
.partner ul li:before{content: "";width: 1px;height: 100%;background: #e9e9e9;position: absolute;top: 0;left: 0;}
.partner ul li:nth-of-type(1),.partner ul li:nth-of-type(3){margin-left: 50%;}
.partner ul li:nth-of-type(1):before,.partner ul li:nth-of-type(3):before,.partner ul li:nth-of-type(5):before,.partner ul li:nth-of-type(9):before{background: none;}

/*优势*/
.g-super{ width:100%;background: #f2f2f2; overflow:hidden;padding: 3.5rem 0 4rem;}
.g-super .m-box .con{ display:inline; float:left;}
.g-super dl{ width:100%; margin:1.8rem auto 0;}
.g-super dl dt{ width:100%;line-height: 0;}
.g-super dl dd{width: 85%;margin: 0 auto;text-align: center;padding: 2rem 0 0;}
.g-super dl dd h5{font-size: 2rem;color: #333;height: 2.5rem;line-height: 2.5rem;overflow: hidden;font-weight: normal;}
.g-super dl dd p{font-size: 1.3rem;color: #666;line-height: 2rem;height: 8rem;overflow: hidden;padding: 0.5rem 0 0;}
.g-super .m-cnt{ width:92%; margin:0 auto;padding: 3rem 0 0;height: 6rem;}
.g-super .m-cnt li{font-size: 1.4rem;color: #333;width: 25%;text-align: center;position: relative;line-height: 2rem;float: left;height: 6rem;}
.g-super .m-cnt li em{display: block;width: 2.4rem;height: 2.2rem;line-height: 0;overflow: hidden;margin: 0 auto 0.5rem;}
.g-super .m-cnt li em img{width: 2.4rem;height: 4.4rem;-webkit-transition:all .5s;transition:all .5s;}
.g-super .m-cnt li.z-on{ color:#0067c2;}
.g-super .m-cnt li.z-on:before{content: "";width: 7rem;height: 0.3rem;background: #0067c2;position: absolute;bottom: 0;left: calc(50% - 3.5rem);border-radius: 0.3rem 0.3rem 0 0;}
.g-super .m-cnt li.z-on em img{margin-top: -2.2rem;}

/*走进丰土环保*/
.g-about{width: 100%;height: 43rem;padding-top: 4.5rem;background: url(../images/ab_bg.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;}
.ab_desc{width: 92%;margin: 0 auto;padding: 2.5rem 0 0;text-align: center;}
.ab_desc p{font-size: 1.3rem;color: rgba(255,255,255,0.8);line-height: 2rem;height: 11.7rem;}
.ab_desc .process-btn{height: 3rem;line-height: 3rem;}
.g-about ul{width: 100%;padding: 6rem 0 0;}
.g-about ul li{width: 33.33%;float: left;text-align: center;}
.g-about ul li a{ margin: 0 auto; font-size: 1.2rem;color: #333;display: block;width: 10rem;height: 7.5rem;padding-top: 2.5rem;background: url(../images/ab_k01.png) 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 ul li em{display: block;width: 2.8rem;height: 2.6rem;line-height: 0;overflow: hidden;margin: 0 auto 0.8rem;}
.g-about ul li em img{width: 2.8rem;height: 2.6rem;}
.g-about ul li:first-child a{background: url(../images/ab_k02.png) 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;}

/**/

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

/*图片加载未完成前，默认背景色*/
.wrap { opacity: 0;  /*开屏秀未加载完成，内容默认不显示(首页最外层盒子)*/ }
.loading { position: fixed; width: 100%; height: 100%; top: 0; z-index: 51; display: none; max-width: 750px; min-width: 320px; z-index: 99999; }
.loading img { display: none; }
.loading #showNext { line-height: 1.8rem; display: none; font-size: 0.8rem;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; }
.case .swiper-wrapper{ height:auto}
.banner .swiper-wrapper{ height:auto}
/**/
html {font-size: 10px;-webkit-text-size-adjust: none;}
@media screen and (min-width:320px){html{font-size:8.533px;}}
@media screen and (min-width:360px){html{font-size:9.6px;}}
@media screen and (min-width:375px){html{font-size:10px;}}
@media screen and (min-width:400px){html{font-size:10.664px;}}
@media screen and (min-width:414px){html{font-size:11.04px;}}
@media screen and (min-width:440px){html{font-size:11.73px;}}
@media screen and (min-width:480px){html{font-size:12.796px;}}
@media screen and (min-width:520px){html{font-size:13.863px;}}
@media screen and (min-width:560px){html{font-size:14.93px;}}
@media screen and (min-width:600px){html{font-size:15.996px;}}
@media screen and (min-width:640px){html{font-size:17.06px;}}
@media screen and (min-width:680px){html{font-size:18.1288px;}}
@media screen and (min-width:700px){html{font-size:18.66px;}}
@media screen and (min-width:720px){html{font-size:19.1952px;}}
@media screen and (min-width:750px){html{font-size:20px;}}