@charset "UTF-8";
.swiper-wrapper { position: relative; overflow: hidden; margin: 0 auto 0; }

h2 { text-align: center; }
h2 p:first-child { font: 26px/26px "微软雅黑"; color: #333; margin-bottom: 10px; }
h2 p:first-child + p { font: 12px/12px "微软雅黑"; color: #333; }

/*banner*/
.swiper-container { height: 100vh; position: relative; top: 0;min-height: 650px }

.move { position: absolute; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden; }

.move ul, .move ul li { position: absolute; width: 100%; height: 100%; }

.swiper-container .swiper-slide { overflow: hidden; }
.swiper-container .swiper-slide img { position: relative; left: 50%; margin-left: -960px; top: 50%; margin-top: -400px; }

.swiper-container .swiper-pagination { position: absolute; width: 40px; right: 0; top: 50%; z-index: 8; }

.swiper-container .libs { display: block; border-radius: 50%; margin: 20px 0; width: 10px; height: 10px; opacity: 1; background: #f4f4f4; background: rgba(255, 255, 255, 0.2); cursor: pointer; }

.swiper-container .active { background: #ff8f21; }

/*产品硬件*/
.hardware { width: 1200px; margin: 0 auto; margin-bottom: 10px; padding-top: 60px; opacity: 0; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); }

.hardwareTab { width: 832px; margin: 38px auto 30px; overflow: hidden; }
.hardwareTab li { float: left; margin-left: 8px; border: 1px solid #c9c9c9; -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; font: 15px/32px "微软雅黑"; text-align: center; width: 158px; color: #444; cursor: pointer; }
.hardwareTab li:first-child { margin-left: 0; }
.hardwareTab .on { color: #fff; background: #0070c9; border-color: #0070c9; }

.hardwareMain { width: 1200px; margin: 0 auto; position: relative; }
.hardwareMain .hardwareGroup { width: 100%; height: 367px; overflow: hidden; display: none; }
.hardwareMain .hardwareGroup:first-child { display: block; }
.hardwareMain .swiper-slide { width: 294px; }
.hardwareMain .imgWrap { border: 1px solid #dbdcd8; display: block; background-image: url("../images/product_bg.jpg"); }
.hardwareMain .imgWrap img { width: 292px; height: 292px; }
.hardwareMain .hardwareName { display: block; font: 15px/20px "微软雅黑"; color: #555; padding: 17px 72px; text-align: center; }
.hardwareMain .hardwareName:hover { text-decoration: underline; color: #2983ca; }
.hardwareMain .hardwarePrev { width: 24px; height: 100px; background: #000; background: rgba(0, 0, 0, 0.3); top: 97px; position: absolute; z-index: 1; cursor: pointer; }
.hardwareMain .hardwarePrev i { font: 35px/100px "微软雅黑"; color: #fff; position: relative; right: 5px; }
.hardwareMain .hardwarePrev:hover { background: rgba(0, 0, 0, 0.5); }
.hardwareMain .hardwareNext { width: 24px; height: 100px; background: #000; background: rgba(0, 0, 0, 0.3); top: 97px; position: absolute; z-index: 1; right: 0; cursor: pointer; }
.hardwareMain .hardwareNext i { font: 35px/100px "微软雅黑"; color: #fff; position: relative; right: 5px; }
.hardwareMain .hardwareNext:hover { background: rgba(0, 0, 0, 0.5); }

/*基于大数据分析的智慧供水软件及平台*/
.bigData { width: 100%; background: #f5f5f5; padding: 70px 0 60px; -webkit-box-shadow: 0 4px 6px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 4px 6px rgba(0, 0, 0, 0.15); box-shadow: 0 4px 6px rgba(0, 0, 0, 0.15); opacity: 0; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); }

.bigDataMain { width: 1200px; margin: 0 auto; margin-top: 50px; overflow: hidden; position: relative; }
.bigDataMain .swiper-slide { width: 400px; text-align: center; }
.bigDataMain .swiper-slide .imgWrap { position: relative; width: 270px; height: 270px; display: block; overflow: hidden; margin: 0 auto; }
.bigDataMain .swiper-slide .imgWrap img:first-child{position: absolute;top: 0;left: 50%;margin-left: -250px}
.bigDataMain .swiper-slide .imgWrap .cover { position: absolute; top: 0; left: 0; }
.bigDataMain .swiper-slide .bigDataName { font: 15px/53px "微软雅黑"; color: #555; }
.bigDataMain .swiper-slide .bigDataName:hover { text-decoration: underline; color: #2983ca; }

.bigDataPrev { width: 24px; height: 35px; top: 130px; position: absolute; z-index: 1; cursor: pointer; }
.bigDataPrev i { font: 35px/35px "微软雅黑"; color: #a9a9a9; position: relative; right: 5px; }
.bigDataPrev:hover { background: rgba(0, 0, 0, 0.5); }

.bigDataNext { width: 24px; height: 35px; top: 130px; position: absolute; z-index: 1; right: 0; cursor: pointer; }
.bigDataNext i { font: 35px/35px "微软雅黑"; color: #a9a9a9; position: relative; right: 5px; }
.bigDataNext:hover { background: rgba(0, 0, 0, 0.5); }

/*基于物联网技术的智慧供水软件及平台*/
.internet { width: 1200px; margin: 0 auto; padding: 70px 0 80px; opacity: 0; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); }

.internetMain { margin-top: 48px; width: 100%; overflow: hidden; position: relative; }
.internetMain .swiper-slide { width: 592px; height: 360px; background: #2b84cb; background-image: linear-gradient(to bottom, #2983ca 50%, #4998d6); }
.internetMain .left { margin: 1px; float: left;display: block;width: 358px; height: 358px;overflow: hidden; }
.internetMain .left img { height: 100%;position: relative;left: 50%;margin-left: -298px }
.internetMain .right { float: left; width: 232px; text-align: center; }
.internetMain .right p { font: 15px/20px "微软雅黑"; margin-top: 132px; color: #fff; padding: 0 40px; }
.internetMain .right .more { font: 14px/14px "微软雅黑"; color: #ddf0ff; margin-top: 30px; display: inline-block; }
.internetMain .right .more:hover { color: #fff; }

.internetPrev { width: 24px; height: 100px; background: #000; background: rgba(0, 0, 0, 0.3); top: 130px; position: absolute; z-index: 1; cursor: pointer; }
.internetPrev i { font: 35px/100px "微软雅黑"; color: #fff; position: relative; right: 5px; }
.internetPrev:hover { background: rgba(0, 0, 0, 0.5); }

.internetNext { width: 24px; height: 100px; background: #000; background: rgba(0, 0, 0, 0.3); top: 130px; position: absolute; z-index: 1; right: 0; cursor: pointer; }
.internetNext i { font: 35px/100px "微软雅黑"; color: #fff; position: relative; right: 5px; }
.internetNext:hover { background: rgba(0, 0, 0, 0.5); }

/*基于业务流的智慧供水应用软件及平台*/
.based { width: 100%; background: #f5f5f5; padding: 70px 0 65px; -webkit-box-shadow: 0 4px 6px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 4px 6px rgba(0, 0, 0, 0.15); box-shadow: 0 4px 6px rgba(0, 0, 0, 0.15); opacity: 0; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); }

.basedMain { width: 1200px; margin: 0 auto; overflow: hidden; margin-top: 48px; position: relative; height: 382px; }
.basedMain .swiper-slide { width: 276px; }
.basedMain .swiper-slide a { position: relative; width: 276px; height: 305px; overflow: hidden; display: block; margin-top: 10px; -webkit-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s; }
.basedMain .swiper-slide a:hover { -webkit-transform: translate(0, -10px); -moz-transform: translate(0, -10px); transform: translate(0, -10px); }
.basedMain .swiper-slide a img:first-child { position: relative; left: 50%; margin-left: -254px;height: 100%; }
.basedMain .swiper-slide a .cover { position: absolute; top: 0; left: 0; }
.basedMain .swiper-slide a p { font: 16px/16px "微软雅黑"; color: #fff; position: absolute; top: 188px; width: 100%; text-align: center; }

.basedPrev { width: 100px; height: 28px; background: #2983ca; bottom: 0; position: absolute; z-index: 1; left: 491px; cursor: pointer; text-align: center; }
.basedPrev img { margin-top: 5px; }
.basedPrev:hover { background: #0f5ca9; }

.basedNext { width: 100px; height: 28px; background: #2983ca; bottom: 0; position: absolute; z-index: 1; right: 491px; cursor: pointer; text-align: center; vertical-align: center; }
.basedNext img { margin-top: 5px; }
.basedNext:hover { background: #0f5ca9; }

/*智慧供水软硬件定制及咨询服务*/
.consulting { width: 1200px; margin: 0 auto; padding: 70px 0 65px; opacity: 0; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); }

.consultingMain { margin-top: 62px; overflow: hidden; position: relative; }
.consultingMain .swiper-slide { position: relative; width: 378px; height: 350px; }
.consultingMain .swiper-slide a { height: 280px;width: 100%;overflow: hidden;display: block}
.consultingMain .swiper-slide img { height: 100%;position: relative;left: 50%;margin-left: -233px }
.consultingMain .swiper-slide .consultingTitle { position: absolute; width: 100%; top: 275px; font: 15px/15px "微软雅黑"; color: #444; text-align: center; }
.consultingMain .swiper-slide .consultingTitle b { position: absolute; width: 21px; height: 2px; background: #000; top: 29px; right: 0; left: 0; margin: 0 auto; }
.consultingMain .swiper-slide .consultingName { font: 15px/15px "微软雅黑"; color: #555; position: absolute; width: 100%; text-align: center; top: 322px; }
.consultingMain .swiper-slide .consultingName:hover { text-decoration: underline; color: #2983ca; }

.consultingPrev { width: 24px; height: 100px; background: #000; background: rgba(0, 0, 0, 0.3); top: 90px; position: absolute; z-index: 1; cursor: pointer; }
.consultingPrev i { font: 35px/100px "微软雅黑"; color: #fff; position: relative; right: 5px; }
.consultingPrev:hover { background: rgba(0, 0, 0, 0.5); }

.consultingNext { width: 24px; height: 100px; background: #000; background: rgba(0, 0, 0, 0.3); top: 90px; position: absolute; z-index: 1; right: 0; cursor: pointer; }
.consultingNext i { font: 35px/100px "微软雅黑"; color: #fff; position: relative; right: 5px; }
.consultingNext:hover { background: rgba(0, 0, 0, 0.5); }

/*快速了解我们*/
.news { width: 100%; background: #f5f5f5; padding: 70px 0; -webkit-box-shadow: 0 4px 6px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 4px 6px rgba(0, 0, 0, 0.15); box-shadow: 0 4px 6px rgba(0, 0, 0, 0.15); opacity: 0; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); }

.newsMain { overflow: hidden; width: 1200px; margin: 0 auto; margin-top: 60px; }

.newsMain .newsLeft { float: left; width: 600px; border-right: 1px solid #c9c9c9; height: 300px; }
.newsMain .newsLeft p { height: 43px; font: 16px/16px "微软雅黑"; color: #333; font-weight: 900; }
.newsMain .newsLeft p a { float: right; font: 14px/24px "微软雅黑"; color: #444; margin-right: 80px; font-weight: 100; }
.newsMain .newsLeft p a:hover { color: #999; }
.newsMain .newsLeft ul { width: 520px; }
.newsMain .newsLeft li { font: 15px/50px "微软雅黑"; border-bottom: 1px solid #d0d0d0; overflow: hidden; }
.newsMain .newsLeft li a { float: left; color: #444; }
.newsMain .newsLeft li a:hover { color: #2983ca; }
.newsMain .newsLeft li span { float: right; color: #666; }

.newsMain .videoRight { float: left; }
.newsMain .videoRight img { width: 520px; height: 300px; margin-left: 79px; cursor: pointer; }

/*视频播放*/
.videoWrap { width: 100%; height: 100%; background: #000; background: rgba(0, 0, 0, 0.7); position: fixed; top: 0; left: 0; z-index: 11; display: none; color: #000; }
.videoWrap video { position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; }
.videoWrap .close { font: 50px/60px "微软雅黑"; width: 60px; height: 60px; color: #fff; background: #000; position: absolute; right: 0; top: 0; text-align: center; cursor: pointer; }

/*友情链接*/
#friendLink { width: 1200px; margin: 0 auto; border: 1px solid #e2e2e2; text-align: center; margin: 60px auto; }
#friendLink span { font: 14px/68px "微软雅黑"; color: #333; }
#friendLink a { margin: 0 10px; }

/*# sourceMappingURL=index.css.map */