<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">.ibanner .swiper-container-horizontal&gt;.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{bottom: 30px;}
.ibanner .swiper-pagination-bullet {width: 30px;height: 4px;background: #fff;border-radius: 0px;opacity: 1;}
.ibanner .swiper-pagination-bullet-active {width: 30px;height: 4px;background: #00b3b6;border-radius: 0px;}
.ibanner .banword{width: 1200px;position: relative;top: 280px;margin: 0 auto;}
.center{width: 1200px;margin:0 auto;}
.ibanner .banword .banwordImg{position: absolute;right: 10%;}
.ibanner .banword .banwordImg1{position: absolute;right: 0px;top: 123px;}
.ibanner .banword .banmore{width:101px;height:31px;line-height:31px;text-align:center;display:block;background:#00b3b6;color:#fff;font-size:12px;border-radius:2px;/* margin:30px 0px 0px 0px; */position: absolute;right: 19%;top: 212px;}
/*关于三江水*/
.Indexabout,.Indexpro{background: url(../img/indexpro1.png) center bottom no-repeat;background-size: cover;padding: 0px 0px 135px;}
.Indexabout h2,.indexNEW h2{font-size: 22px;font-weight: 400;}
.Indexabout .tsword,.indexNEW .tsword{font-size: 18px;text-transform: uppercase;position: relative;padding-left: 52px;line-height: 40px;height: 40px;}
.Indexabout .tsword:before,.indexNEW .tsword:before{content: "";position: absolute;height: 20px;width: 3px;top: 10px;left: 43px;background: #000000;}
.indexword{text-align: center;font-size: 14px;color: #000000;line-height: 30px;padding: 47px 0px 56px;}

.Indexaboutmid .aboutmore{font-size: 12px;color: #00b3b6;border: 1px solid #00b3b6;width: 130px;height: 31px;display: block;text-align: center;line-height: 31px;margin: 0 auto;border-radius: 2px;}
.Indexaboutmid .aboutmore:hover{background:#00b3b6 ;color: #FFFFFF;-webkit-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;}


/*产品中心*/
.Indexpro{background: #03b5b7  url(../img/indexprobg.jpg) center no-repeat;}
.Indexproword h2,.Indexproword .tsword{color: #fff;}
.IndexprowordF{float: left;width: 385px;}
.Indexproword .tsword:before{background: #FFFFFF;}
.IndexprowordR{float: right;width: 813px;position: relative;}
.Indexprobg{background: url(../img/fprobg.png) 100% 100% no-repeat;width: 404px;height: 404px;margin: 0px 30%;}
.IndexprowordR ul li{}
.IndexprowordR ul li .proImg{position: absolute;width: 98px;height: 100px;background: url(../img/icon-yang.png) center no-repeat;text-align: center;left: 0px;top: 0px;}
.IndexprowordR ul li:hover .proImg{background: url(../img/icon-yang1.png) center no-repeat;}
.IndexprowordR ul li .proImg .proImgbg{width: 100%;height: 100px;line-height: 100px;transition: all .7s;-moz-transition: all .7s; /* Firefox 4 */-webkit-transition: all .7s; /* Safari 和 Chrome */-o-transition: all .7s; /* Opera */}
.IndexprowordR ul li .proz{position: absolute;color: #FFFFFF;left: 0px;top: 0px;}
.IndexprowordR ul li .proz h3{font-size: 18px;}
.IndexprowordR ul li .proz h3:before{content: "";position: absolute;width: 8px;height: 8px;top: 8px;left:0%;background:url(../img/icon-1.png) center no-repeat;}
.IndexprowordR ul li:hover .proz h3:before{background: url(../img/icon-h.png) center no-repeat;}
.IndexprowordR ul li.Indexproli1 .proz h3,.IndexprowordR ul li.Indexproli2 .proz h3{text-align: right;}
.IndexprowordR ul li.Indexproli1 .proz h3:before{left: 49%;}
.IndexprowordR ul li.Indexproli2 .proz h3:before{left: 59%;}
.IndexprowordR ul li.Indexproli3 .proz h3:before{ left: -3%;}
.IndexprowordR ul li.Indexproli4 .proz h3:before{left: -12%;}
.IndexprowordR ul li.Indexproli5 .proz h3:before{left: -8%;}
.IndexprowordR ul li .proz .prozp1{font-size: 14px;}
.IndexprowordR ul li.Indexproli1 .proz{left: 13%;top: 0px;}
.IndexprowordR ul li.Indexproli2 .proz{left: 0;top: 52%;}
.IndexprowordR ul li.Indexproli3 .proz{left: 62%;top: 100%;}
.IndexprowordR ul li.Indexproli4 .proz{left: 87%;top: 50%;}
.IndexprowordR ul li.Indexproli5 .proz{left: 80%;top: 0%;}
.IndexprowordR ul li.Indexproli1 .proImg .proImgbg{background: url(../img/ll6.png) center no-repeat;background-size: 50%;}
.IndexprowordR ul li.Indexproli2 .proImg .proImgbg{background: url(../img/ll4.png) center no-repeat;background-size: 50%;}
.IndexprowordR ul li.Indexproli3 .proImg .proImgbg{background: url(../img/ll3.png) center no-repeat;background-size: 50%;}
.IndexprowordR ul li.Indexproli4 .proImg .proImgbg{background: url(../img/ll2.png) center no-repeat;background-size: 50%;}
.IndexprowordR ul li.Indexproli5 .proImg .proImgbg{background: url(../img/ll1.png) center no-repeat;background-size: 45%;}
.IndexprowordR ul li.Indexproli1 .proImg{left: 32%;top: 0px;}
.IndexprowordR ul li.Indexproli2 .proImg{left: 24%;top: 50%;}
.IndexprowordR ul li.Indexproli3 .proImg{left: 49%;top: 89%;}
.IndexprowordR ul li.Indexproli4 .proImg{left: 74%;top: 49%;}
.IndexprowordR ul li.Indexproli5 .proImg{left: 67%;top: 0%;}
.IndexprowordR ul li.Indexproli1:hover .proImg .proImgbg{background: url(../img/l5.png) center no-repeat;-ms-transform:rotate(360deg); /* Internet Explorer */-moz-transform:rotate(360deg); /* Firefox */-webkit-transform:rotate(360deg); /* Safari 和 Chrome */-o-transform:rotate(360deg); /* Opera */ }
.IndexprowordR ul li.Indexproli2:hover .proImg .proImgbg{background: url(../img/l1.png) center no-repeat;-ms-transform:rotate(360deg); /* Internet Explorer */-moz-transform:rotate(360deg); /* Firefox */-webkit-transform:rotate(360deg); /* Safari 和 Chrome */-o-transform:rotate(360deg); /* Opera */}
.IndexprowordR ul li.Indexproli3:hover .proImg .proImgbg{background: url(../img/l4.png) center no-repeat;-ms-transform:rotate(360deg); /* Internet Explorer */-moz-transform:rotate(360deg); /* Firefox */-webkit-transform:rotate(360deg); /* Safari 和 Chrome */-o-transform:rotate(360deg); /* Opera */}
.IndexprowordR ul li.Indexproli4:hover .proImg .proImgbg{background: url(../img/l3.png) center no-repeat;-ms-transform:rotate(360deg); /* Internet Explorer */-moz-transform:rotate(360deg); /* Firefox */-webkit-transform:rotate(360deg); /* Safari 和 Chrome */-o-transform:rotate(360deg); /* Opera */}
.IndexprowordR ul li.Indexproli5:hover .proImg .proImgbg{background: url(../img/l2.png) center no-repeat;-ms-transform:rotate(360deg); /* Internet Explorer */-moz-transform:rotate(360deg); /* Firefox */-webkit-transform:rotate(360deg); /* Safari 和 Chrome */-o-transform:rotate(360deg); /* Opera */}


/*技术资讯*/
.Indextech{background: url(../img/tech.png) left center no-repeat;background-size: cover;padding: 64px 0px 114px;}
.Indextech ul li{width: 539px;border: 1px solid #00b3b6;border-right: 6px solid #00b3b6;margin: 15px 28px 0px 0px;padding: 15px 20px;height: 170px;float: left;}
.Indextech ul li .IndexulF{width: 233px;float: left;height: 167px;}
.Indextech ul li .IndexulF img{width: 100%;height: 100%;}
.Indextech ul li .IndexulR{float: right;width: 275px;}
.Indextech ul li .IndexulR h3{font-size: 16px;height: 37px;line-height: 37px;background: #e5f7f8;font-weight: 500;position: relative;padding-left: 30px;color: #000;}
.Indextech ul li .IndexulR h3:before{content: "";position: absolute;top: 15px;left: 12px;width: 8px;height: 8px;background: url(../img/icon-con.png) center no-repeat;}
.Indextech ul li .IndexulR .Indexp1{font-size: 14px;color: #000000;padding: 15px 0px 0px 0px;line-height: 25px;}
.Indextech ul li:hover,.downloadul ul li:hover{border: 1px solid #f9c100;border-right: 6px solid #f9c100;-webkit-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;}
.Indextech ul li:hover .IndexulR h3{-webkit-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;background:#fef9e5;cursor: pointer;}
.Indextech ul li:hover .IndexulR h3:before{background: url(../img/icon-h.png) center no-repeat;-webkit-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;}
.Indextech .techmore{font-size: 12px;color: #00b3b6;border: 1px solid #00b3b6;width: 181px;height: 33px;display: block;text-align: center;line-height: 31px;margin: 57px auto 0px;border-radius: 2px;}
.Indextech .techmore:hover{background:#00b3b6 ;color: #FFFFFF;-webkit-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;}


/*新闻中心*/
.indexNEW{background: url(../img/newbg.png) center center no-repeat;background-size: cover;padding: 64px 0px 74px;}
.indexNEW .tsword,.indexNEW h2{color: #FFFFFF;font-weight: 500;}
.indexNEW .tsword:before{background: #FFFFFF;}
.indexNEW .indexNEWcenF{width: 190px;float: left;}
.indexNEWcenR{float: right;width: 1010px;}
.indexNEWcenR ul li{height: 220px;}
.indexNEWcenR ul li .NEWli1F{float: left;width: 190px;}
.indexNEWcenR ul li .NEWli1R{float: right;width: 343px;}
.indexNEWcenR ul li .NEWli1R h3{font-size: 18px;color: #FFFFFF;}
.indexNEWcenR ul li .NEWli1R .Newsum{font-size: 14px;color: #FFFFFF;padding: 15px 0px 20px;line-height: 25px;}
.indexNEWcenR ul li .NEWli1R .Newmore{width: 100px;height: 31px;line-height: 31px;border: 1px solid #F6FCFC;text-align: center;color: #FFFFFF;border-radius: 2px;}
.indexNEWcenR ul li .NEWli1F{height: 206px;}
.indexNEWcenR ul li.NEWli2 .NEWli1F{margin-left: 44%;}
.indexNEWcenR ul li.NEWli3 .NEWli1R{margin-right: 44%;}
.indexNEWcenR ul li.NEWli1 .NEWli1F{margin-left: 14%;}
.indexNEWcenR ul li.NEWli1 .NEWli1R{margin-right: 30%;}
.indexNEWcenR ul li:hover .Newmore{background: #F9C100;cursor: pointer;border: 1px solid #F9C100;-webkit-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;}
.indexNEWcenR ul li .NEWli1F .NEWli1Fyuan{width: 75px;height: 75px;border-radius: 50%;background: #FFFFFF;position: relative;top: -50px;text-align: center;color: #00b3b6;}
.indexNEWcenR ul li .NEWli1F .NEWli1Fyuan .neri{font-size: 26px;padding: 5px 0px;}
.indexNEWcenR ul li .NEWli1F .NEWli1Fyuan .nenian{font-size: 12px;}
.indexNEWcenR ul li:hover .NEWli1F .NEWli1Fyuan{background: #F9C100;color: #FFFFFF;-webkit-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;}
.indexNEW .Newmore1{font-size: 12px;color: #ffffff;border: 1px solid #ffffff;width: 181px;height: 33px;display: block;text-align: center;line-height: 31px;margin: 57px auto 0px;border-radius: 2px;}
.indexNEW .Newmore1:hover{background:#F9C100 ;border:1px solid #F9C100;color: #FFFFFF;-webkit-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;}

</pre></body></html>