@charset "utf-8";
/*leisoon xxzweb 2024-6-18 CSS Document */
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
}
html,body{-webkit-overflow-scrolling:touch; overflow-scrolling:touch; }
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote,  
pre, form, fieldset,figure,figcaption,th, td img{margin:0; padding:0; } 
a, abbr, acronym, address, big, blockquote, body, caption, cite, code, dd, dl, dt, fieldset, form, h1,time, h2, h3, h4, h5, h6, html, img, ins, kbd, label, legend, li, ol, p, pre, q, s, samp, small, span, strike, strong, ul {margin:0; padding:0; border:0; outline:0; vertical-align:baseline; }
body{font-family:微软雅黑,"puhui","Arial","sans-seift";font-size:14px; text-align:left; margin:0 auto; line-height:24px; background:#FFF; color:#333; font-weight:normal;-moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{display:block; }
h1,h2,h3,h4,h5,h6{font-size:100%; padding:5px 0}
a{color:#333; text-decoration:none;cursor: pointer}
a:hover{text-decoration:none;}
a:link,a:active,a:visited,a:hover {background:none; -webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-tap-highlight-color:transparent; }
img {max-width: 100%;height: auto;-ms-interpolation-mode: bicubic;border: 0;}
i,em{ font-style: normal;}
li{list-style:none;}
button,input,select,textarea{font-size:100%;}
transition{transition:all 0.5s; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; }
*{-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; -webkit-touch-callout:none; }
button{ -webkit-border-radius:0px;border-radius:0px; outline:none; }
input{border-radius:0; outline:none; }
input:-ms-clear{display:none; }/*消除 IE10 里面的那个叉号*/
input,textarea{border:0; }
textarea {resize :none; outline:none; }/*去掉提交框右下角箭头*/
img{border:0; vertical-align:middle; }/*让链接里的 img 无边框；清除图片间距*/
ul,li{list-style:none; }
.clearfix {display: inline-table;display: block;zoom: 1}
.clearfix:after{ content: " "; display: block; height: 0px; visibility: hidden; clear:both;}
.wrap{width: 100%;}
.w_container{width: 1500px; margin: 0 auto;}
.l{float: left;}
.r{float: right;}

/*网页滚动条样式改变*/
::-webkit-scrollbar{width:10px;height:10px}
::-webkit-scrollbar-button:vertical{display:none}
::-webkit-scrollbar-corner,::-webkit-scrollbar-track{background-color:#53c2f0}
::-webkit-scrollbar-thumb{border-radius:0;background-color:#3F9DFD}
::-webkit-scrollbar-thumb:vertical:hover{background-color:rgba(0,0,0,.35)}
::-webkit-scrollbar-thumb:vertical:active{background-color:rgba(0,0,0,.38)}


/*头部跟屏导航*/
/*==================头部css===============*/

.vh-scroll{background: url("../images/indextop.jpg") no-repeat top center;}
.section-video .video{display:block;position:absolute;left:0;top:0;right:0;bottom:0;z-index:1;}
.section-video .video video{position: absolute; right: 0; bottom: 0; min-width: 100%; min-height: 100%; width: auto; height: auto; z-index: -1;-webkit-filter: brightness(0.80);filter: brightness(0.80);}
.section-video .item{position: absolute; z-index: 2;left: 0; right: 0; top:600px; color: #FFFFFF;}
.section-video .item p{text-align: center; font-size: 20px; margin-top: 40px;}
.section-video .item h3{text-align: center; font-size:35px; font-weight: bold; }
.section-video .item .bigchicken {display:block;text-align: center; width: 100px; margin:0 auto; position:relative; z-index:100; overflow:hidden;-webkit-animation: sxpiao 0.5s infinite;}

.section-video .item i{font-size: 60px; margin: 0 30px;}
.section-video .item a{display: block; text-align: center; font-size: 16px; color: #FFFFFF; width: 130px; padding: 10px 0; margin: 0 auto; background: #3971CE; margin-top: 40px; transition:.5s;border-radius: 50px; }
.section-video .item a:hover{background:#DDB343;}

/*banner*/
.ls-banner{ width:100%;height:700px; }
.fullSlide{ width:100%;  position:relative;  height:700px;}
.fullSlide .bd{ margin:0 auto; position:relative; z-index:0; overflow:hidden;}
.fullSlide .bd ul{ width:100% !important;}
.fullSlide .bd li{ width:100% !important;  height:700px; overflow:hidden; text-align:center;}
.fullSlide .bd li a{ display:block; height:610px; }
.fullSlide .hd{ width:100%;  position:absolute; z-index:10;bottom: 10px; left:0; height:30px; line-height:30px; }
.fullSlide .hd ul{ text-align:center; }
.fullSlide .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:20px; height:20px;  margin:5px;border-radius:20px; overflow:hidden; background:#000;filter:alpha(opacity=50);opacity:0.5;  line-height:999px; }	.fullSlide .hd ul .on{ background:#3971CE;}
.fullSlide .prev,.fullSlide .next{  display:block;  position:absolute; z-index:2; top:45%;  left:15%; width:40px; height:60px; background:url(../images/slider-arrow.png) -126px -137px #000000 no-repeat;  cursor:pointer; filter:alpha(opacity=90);opacity:0.9; display:none; }
.fullSlide .next{ left:auto; right:15%; background-position:-6px -137px; }

.fullSlide .ls-bt{position:absolute; z-index:1;top:200px; width:100% ;text-align:center; color: #FFFFFF; text-align: center;}
.fullSlide .ls-bt h3{text-align: center; font-size: 46px; font-weight: bold;}
.fullSlide .ls-bt p{text-align: center; font-size:20px; font-weight: 400; margin-top: 40px;}
.fullSlide .ls-bt i{font-size: 60px; margin: 0 30px;}
.fullSlide .ls-bt a{display: block; text-align: center; font-size: 18px; color: #fff; width: 130px; padding: 10px 0; margin: 0 auto; background: #000000; margin-top: 40px; transition:.5s;border-radius: 50px; }
.fullSlide .ls-bt a:hover{background:#DDB343;}

/*===========头部导航==========*/
.section-video .logo{position: absolute; z-index: 2;left: 100px;  top:60px; color: #FFFFFF;}
.section-video .logoa{position: absolute; z-index:3;right:20px; top:400px; color: #FFFFFF;}
.section-video .topmenu{position: absolute; z-index: 2;width:1200px;margin:0 auto; left:0;right:0;top:100px;}
.section-video .topmenu ul li{ float: right; background-color: rgba(43,192,251,0.8);width:80px;height:350px;margin-left:20px;border-radius:10px;position:relative;overflow:hidden;cursor:pointer;transition-delay: 0s;transition-duration: 1s;transition-property: all;transition-timing-function: ease;-moz-transition-delay: 0s;-moz-transition-duration: 1s;-moz-transition-property: all;-moz-transition-timing-function: ease; -webkit-transition-delay: 0s;-webkit-transition-duration: 1s;-webkit-transition-property: all;-webkit-transition-timing-function: ease;-o-transition-delay: 0s;-o-transition-duration: 1s;-o-transition-property: all;-o-transition-timing-function: ease;}
.section-video .topmenu ul li:hover{width:400px;height:350px;transition-delay: 0s;transition-duration: 1s;transition-property: all;transition-timing-function: ease;-moz-transition-delay: 0s;-moz-transition-duration: 1s;-moz-transition-property: all;-moz-transition-timing-function: ease; -webkit-transition-delay: 0s;-webkit-transition-duration: 1s;-webkit-transition-property: all;-webkit-transition-timing-function: ease;-o-transition-delay: 0s;-o-transition-duration: 1s;-o-transition-property: all;-o-transition-timing-function: ease;}

.section-video .topmenu ul li h3{float: right; font-size:22px;font-weight:bold;letter-spacing: 0.5em;-webkit-writing-mode: vertical-rl; writing-mode: vertical-rl; -webkit-box-align: center;align-items: center;-webkit-box-pack: center;justify-content: center;height:350px;padding:28px;text-align: center;color: #FFFFFF;}
.section-video .topmenu ul li p{font-size:18px;color: #FFFFFF; margin-left: 20px;margin-top: 250px; line-height: 30px;}
.section-video .topmenu .tmbj01:hover{background: url("../images/topmenubj01.png") bottom left no-repeat #02B5FB ; } 
.section-video .topmenu .tmbj02:hover{background: url("../images/topmenubj02.png") bottom left no-repeat #02B5FB ; } 
.section-video .topmenu .tmbj03:hover{background: url("../images/topmenubj03.png") bottom left no-repeat #02B5FB ; } 
.section-video .topmenu .tmbj04:hover{background: url("../images/topmenubj04.png") bottom left no-repeat #02B5FB ; } 
.section-video .topmenu .tmbj05:hover{background: url("../images/topmenubj05.png") bottom left no-repeat #02B5FB ; } 
.section-video .topmenu .tmbj06:hover{background: url("../images/topmenubj06.png") bottom left no-repeat #02B5FB ; } 


/*===========小溪水工==========*/
.xxsg{ overflow:hidden; position:relative; width:100%; height: 700px;background: url("../images/bg2.png") bottom center no-repeat; }
.xxsga{overflow:hidden;width:1200px;margin:0 auto; margin-top: 100px; }
.xxsga li{float: left;}
.xxsga li h1{font-size:36px;font-weight:bold;color: #02B5FB;margin-top: 50px;}
.xxsga li p{width: 650px; font-size:18px;line-height: 30px; color: #333333; margin-top: 30px;}

.xxsgb{float: left;width:650px; margin-top:30px; }
.xxsgb li{float: left; background: #FFFFFF;width:300px;height: 100px; margin: 10px;box-shadow: 0 4px 20px 5px rgba(229, 235, 243, 0.8);cursor: pointer;border-radius: 15px;}
.xxsgb li p{float: left;width:200px; text-align: center;font-size:20px; line-height:25px; margin-top:25px;}
.xxsgb li p span{display:block;font-size:14px;color: #999;}
.xxsgb li i{ margin-left: 20px; margin-top: 20px;}

.xxioca{float: left;width:60px; height:60px;background:url(../images/xxioc.png) -10px -10px no-repeat;}
.xxiocb{float: left;width:60px; height:60px;background:url(../images/xxioc.png) -10px -70px no-repeat;}
.xxiocc{float: left;width:60px; height:60px;background:url(../images/xxioc.png) -10px -130px no-repeat;}
.xxiocd{float: left;width:60px; height:60px;background:url(../images/xxioc.png) -10px -190px no-repeat;}
.xxsgb li:hover{box-shadow: 0 4px 20px 5px rgba(201, 206, 212, 0.8);}
.xxsgb li:hover p,.xxsgb li:hover p span{color: #02B5FB;}
.xxsgb li:hover i{-moz-animation:heart_beat .5s ease-in-out;-webkit-animation:heart_beat .5s ease-in-out;} 
@-moz-keyframes heart_beat{0%{-moz-transform:scale(1)} 
25%{-moz-transform:scale(1.70)} 
50%{-moz-transform:scale(0.9)} 
75%{-moz-transform:scale(1.55)} 
100%{-moz-transform:scale(1)}} 
@-webkit-keyframes heart_beat{0%{-webkit-transform:scale(1)} 
25%{-webkit-transform:scale(1.70)} 
50%{-webkit-transform:scale(0.9)} 
75%{-webkit-transform:scale(1.55)} 
100%{-webkit-transform:scale(1)}}

/*===========小溪简介==========*/
.xxjj{ overflow:hidden; position:relative;width:100%; height: 1900px;background: url("../images/bg3.png") top center no-repeat;}
.xxjja{ width:1200px;margin:0 auto;padding-top: 80px;}
.xxjja h1{ float: right;font-size:36px;font-weight:bold;color: #FFFFFF;margin:0 auto;}
.xxjja li{width:1200px; height: 450px; margin:0 auto;margin-top: 100px; background: #ffffff; padding: 50px;border-radius: 15px;box-shadow: 0 4px 20px 5px rgba(229, 235, 243, 0.8); }
.xxjja li p{font-size:18px;line-height: 30px;text-indent: 30px; padding-bottom: 20px;}
.xxjja li img{float:right; width: 500px;height: 150px;border-radius: 25px 0px 25px 0px;}
.xxjja li h3{float:left;font-size:30px;font-weight:bold;color: #02B5FB;width:550px;margin-top: -20px;}
.xxjja li span{float:left;display:block;font-size:16px;line-height: 28px;color: #02B5FB;width:550px; margin-top: 20px;text-indent: 30px;}

.xxjjb{ width:1200px;height:350px; margin:0 auto;margin-top: 20px;}
.xxjjb li{float: left;width:285px;height: 300px; padding:20px; background: #ffffff; margin-right: 20px;box-shadow: 0 4px 20px 5px rgba(229, 235, 243, 0.8);border-radius: 15px; text-align: center;}

.xxjjb h2{font-size:30px;font-weight:bold;color: #02B5FB;}
.xxjjb p{font-size:16px;line-height: 24px; text-align: left; margin-top: 20px;text-indent: 30px;color: #333;}
.xxjjb i{float:right; margin-top:0px; transition: transform 0.5s ease-in-out;transform-origin: bottom;backface-visibility: hidden;}
.xxjjb li:hover i{transform:rotateY(360deg);}
.xxioca1{float: left;width:60px; height:60px;background:url(../images/xxioc.png) -100px -10px no-repeat;}
.xxiocb1{float: left;width:60px; height:60px;background:url(../images/xxioc.png) -100px -70px no-repeat;}
.xxiocc1{float: left;width:60px; height:60px;background:url(../images/xxioc.png) -100px -130px no-repeat;}
.xxiocd1{float: left;width:60px; height:60px;background:url(../images/xxioc.png) -100px -190px no-repeat;}

.xxjjc{overflow:hidden; width:1200px;margin:0 auto;}
.xxjjc h1{width:1000px;font-size:36px;line-height: 50px;font-weight:bold;color: #02B5FB;margin:0 auto; text-align: center; }
.xxjjc h2{width:1000px;font-size:26px;line-height: 50px;font-weight:bold;color: #02B5FB;margin:0 auto; text-align: center; }
.fwsbj{width:1200px;height: 600px;background: url("../images/fwsbj.png") center center no-repeat;}
.fwsbj h5{font-size:30px;font-weight:bold;color: #02B5FB;}
.fwsbj h6{font-size:30px;font-weight:bold;color: #02B5FB; line-height:40px ;}
.fwsbj p{font-size:18px;color: #333;}
.fwsbj .fwsa{ text-align: center; padding-top: 60px;margin-left:80px; }
.fwsbj .fwsb{ text-align: center; padding-top: 120px;margin-left:80px;}
.fwsbj .fwsc{ margin-left:150px; padding-top:100px;}
.fwsbj .fwsd{ text-align: center;margin-left:340px; margin-top:-60px;}


/*===========企业文化==========*/
.qywh{ overflow:hidden; position:relative;width:100%; height:800px;background: url("../images/bg4.png") top center no-repeat;}
.qywha{overflow:hidden; width:1200px;margin:0 auto;}
.qywha p{font-size:20px;color: #fff; margin-top: 60px;}
.qywha h1{font-size:40px;font-weight:bold;color: #fff; line-height: 50px;}

.qywhb{overflow:hidden; width:1200px;margin:0 auto; padding-top: 50px;}
.qywhb li{float: left;margin:10px;width:580px; height:180px; background: #ffffff; padding: 30px;border-radius: 15px;box-shadow: 0 4px 20px 5px rgba(229, 235, 243, 0.8); }
.qywhb p{font-size:16px;color: #333; margin-top: 10px;}
.qywhb h1{font-size:30px;font-weight:bold;color: #02B5FB; line-height: 50px;}

.qywhc{overflow:hidden; width:1180px;margin:0 auto; background: #ffffff; padding: 30px;border-radius: 15px;box-shadow: 0 4px 20px 5px rgba(229, 235, 243, 0.8); }
.qywhc li{float: left;width:520px; margin-right: 30px;}
.qywhc h1{font-size:30px;font-weight:bold;color: #02B5FB; line-height: 40px; margin-left:900px;}
.qywhc p{font-size:16px;color: #333;margin-bottom: 20px;}
.qywhc h2{font-size:20px;font-weight:bold;color: #02B5FB; line-height: 30px;}

/*===========两项服务==========*/
.lxfw{ overflow:hidden; position:relative;width:100%; height:750px;background: url("../images/bg1.png") top center no-repeat; text-align: center;}
.lxfw h1{font-size:40px;font-weight:bold;color: #02B5FB; line-height: 40px; margin-top: 20px;}
.lxfw h2{font-size:20px;font-weight:bold;color: #02B5FB; line-height: 30px;}
.lxfwa{overflow:hidden; width:1200px;margin:0 auto; margin-top: 150px;}
.lxfwa li{float: left;margin:10px;width:580px;padding: 30px;border-radius: 15px;box-shadow: 0 4px 20px 5px rgba(229, 235, 243, 0.8);}
.lxfwa li h3{font-size:30px;font-weight:bold;color: #02B5FB; line-height: 36px;text-align: left;}

.lxfwb{overflow:hidden; width:520px;margin:0 auto; margin-top: 50px;}
.lxfwb li{float: left;width:260px;height: 180px; margin:0px; padding:0px;border-radius: 0px;box-shadow: 0px 0px 0px 0.5px rgba(228, 234, 244, 0.8);}
.lxfwb li h4{font-size:20px;font-weight:bold;color: #02B5FB; line-height: 30px;}
.lxfwb li p{font-size:16px;color: #333;margin-bottom: 20px;}
.lxfwb li a{border: #02B5FB 2px solid; padding: 8px 50px;font-size:14px;color: #02B5FB;border-radius: 25px;}
.lxfwb li a:hover{border: #02B5FB 2px solid;background: #02B5FB; padding: 8px 50px;font-size:14px;color: #ffffff;border-radius: 25px;}

.lxfwbja{background:url(../images/xxioc01.png) top right no-repeat;}
.lxfwbjb{background:url(../images/xxioc02.png) top right no-repeat;}

/* 小溪泵闸设计处 */

.lxfwb1{width:1200px;margin:0 auto;}
.lxfwb1 li{float: left; height: 260px;}
.lxfwb1 .lxfwb1_a{background: #02B5FB; padding: 30px;width: 360px; border-radius: 25px 0px 0px 0px; }
.lxfwb1 .lxfwb1_a h2{font-size:30px;font-weight:bold;color: #ffffff; line-height: 36px;margin-top: 20px;}
.lxfwb1 .lxfwb1_a p{font-size:20px;font-weight:400;color: #ffffff; line-height: 30px; margin-top: 20px;}
.lxfwb1 .lxfwb1_b{background: #02B5FB; padding: 30px;width: 240px;}
.lxfwb1 .lxfwb1_b h3{font-size:20px;font-weight:bold;color: #ffffff; line-height: 36px;}
.lxfwb1 .lxfwb1_b p{font-size:16px;font-weight:100;color: #ffffff; line-height: 26px;}
.lxfwb1 .lxfwb1_c{background:url(../images/anli1.jpg) top right no-repeat; width: 600px;border-radius: 0px 25px 0px 0px;}
.lxfwb1 .lxfwb1_c p{background-color: rgba(0, 0, 0, 0.3);font-size:16px;font-weight:100;color: #ffffff; line-height:30px;padding: 10px; text-align: center; margin-top: 210px;}

.lxfwb2{width:1200px;margin:0 auto;}
.lxfwb2 li{float: left; height: 260px;}
.lxfwb2 .lxfwb2_a{background:url(../images/anli2.jpg) no-repeat;  width: 450px;}
.lxfwb2 .lxfwb2_a p{background-color: rgba(0, 0, 0, 0.5);font-size:16px;font-weight:100;color: #ffffff; line-height: 20px;padding: 30px; margin-top: 190px;transition-duration: 0.5s;}
.lxfwb2 .lxfwb2_a:hover p{ margin-top: 100px;}
.lxfwb2 .lxfwb2_b{background: #ffffff; padding: 30px;width: 300px;}
.lxfwb2 .lxfwb2_b h3{font-size:20px;font-weight:bold;color: #02B5FB; line-height: 36px;}
.lxfwb2 .lxfwb2_b p{font-size:16px;font-weight:100;color: #02B5FB; line-height: 26px;}
.lxfwb2 .lxfwb2_c{background:url(../images/anli3.jpg) top right no-repeat;width: 450px;}
.lxfwb2 .lxfwb2_c p{background-color: rgba(0, 0, 0, 0.5);font-size:16px;font-weight:100;color: #ffffff; line-height: 20px; padding: 30px; margin-top: 190px;transition-duration: 0.5s;}
.lxfwb2 .lxfwb2_c:hover p{ margin-top: 100px;}

.lxfwb3{width:1200px;margin:0 auto;overflow:hidden;}
.lxfwb3 li{float: left; height: 316px;position:relative;overflow:hidden;cursor:pointer;}
.lxfwb3 .lxfwb3_a{background:url(../images/anli4.jpg) no-repeat;  width: 600px;border-radius: 0px 0px 0px 25px;}
.lxfwb3 .lxfwb3_a p{background-color: rgba(0, 0, 0, 0.5);font-size:16px;font-weight:100;color: #ffffff; line-height: 20px;padding: 30px; margin-top: 245px;border-radius: 0px 0px 0px 25px;transition-duration: 0.5s;}
.lxfwb3 .lxfwb3_a:hover p{ margin-top: 156px;}
.lxfwb3 .lxfwb3_c{background:url(../images/anli5.jpg) top right no-repeat;width: 600px;border-radius: 0px 0px 25px 0px;}
.lxfwb3 .lxfwb3_c p{background-color: rgba(0, 0, 0, 0.5);font-size:16px;font-weight:100;color: #ffffff; line-height: 20px; padding: 30px; margin-top: 245px;border-radius: 0px 0px 25px 0px;transition-duration: 0.5s;}
.lxfwb3 .lxfwb3_c:hover p{ margin-top: 156px;}


.lxfwbbj{width:100%; height: 500px;  margin:0 auto;overflow:hidden;text-align: center;}
.lxfwbbj h1{font-size:40px;font-weight:bold;color: #02B5FB; line-height: 40px; margin-top: 60px;}
.lxfwb4{width:1200px;height: 80px; margin:0 auto;overflow:hidden;background:url(../images/liucheng.png) top center no-repeat; margin-top: 60px;}
.lxfwb5{width:1200px;margin:0 auto;overflow:hidden;}
.lxfwb5 li{float: left;margin:10px;width:220px;height: 130px;padding: 30px;border-radius: 15px;background: #ffffff;box-shadow: 0 4px 20px 5px rgba(229, 235, 243, 0.8);}
.lxfwb5 li h2{font-size:20px;font-weight:bold;color: #02B5FB; }
.lxfwb5 li p{font-size:14px;color: #02B5FB; line-height: 18px;}


/* 小溪配筋图工厂 */
.xxpjt{width:100%; height:1000px; background: #F4F5F9;  margin:0 auto;overflow:hidden;text-align: center;}
.xxpjt h1{font-size:40px;font-weight:bold;color: #02B5FB; line-height: 40px; margin-top: 60px;}
.xxpjt p{font-size:20px;color: #02B5FB; line-height: 40px;}

.xxpjt1{width:1200px;margin:0 auto;overflow:hidden;margin-top: 60px;}
.xxpjt1 li{float: left;margin:10px;width:380px;height: 250px;padding: 30px;border-radius: 15px;background: #ffffff;box-shadow: 0 4px 20px 5px rgba(229, 235, 243, 0.8); text-align: center;}
.xxpjt1 li h2{font-size:20px;font-weight:bold;color: #02B5FB; }
.xxpjt1 li p{font-size:14px;color: #02B5FB; line-height: 18px;margin-top: 20px;}
.xxpjt1 li i{display:block;width:60px; height:60px; margin:0 auto ;}
.xxpjta1{background:url(../images/xxioc.png) -10px -265px no-repeat;}
.xxpjta2{background:url(../images/xxioc.png) -10px -332px no-repeat;}
.xxpjta3{background:url(../images/xxioc.png) -10px -400px no-repeat;}
.xxpjt1 li:hover i{-moz-animation:heart_beat .5s ease-in-out;-webkit-animation:heart_beat .5s ease-in-out;} 
@-moz-keyframes heart_beat{0%{-moz-transform:scale(1)} 
25%{-moz-transform:scale(1.70)} 
50%{-moz-transform:scale(0.9)} 
75%{-moz-transform:scale(1.55)} 
100%{-moz-transform:scale(1)}} 
@-webkit-keyframes heart_beat{0%{-webkit-transform:scale(1)} 
25%{-webkit-transform:scale(1.70)} 
50%{-webkit-transform:scale(0.9)} 
75%{-webkit-transform:scale(1.55)} 
100%{-webkit-transform:scale(1)}}

.xxpjt2{background:url(../images/anli6.jpg) top center #ffffff no-repeat;width:1200px; height: 380px; margin:0 auto;overflow:hidden;margin-top: 30px;box-shadow: 0 4px 20px 5px rgba(229, 235, 243, 0.8);padding: 30px;border-radius: 15px;}
.xxpjt2 p{font-size:14px;color: #02B5FB; line-height: 22px;margin-top: 250px; text-align: left;}

/* 小溪软件产品 */
.xxrjcp{width:100%; height:1000px; background: #ffffff;  margin:0 auto;overflow:hidden;text-align: center;}
.xxrjcp h1{font-size:40px;font-weight:bold;color: #02B5FB; line-height: 40px; margin-top: 60px;}
.xxrjcp p{font-size:20px;color: #02B5FB; line-height: 40px;}

.hasMoreTab{width:1200px;margin:0 auto;overflow:hidden; margin-top: 40px;;}
.hasMoreTab .hd{width:1000px; height:150px; margin:0 auto;position:relative;}
.hasMoreTab .hd ul{ z-index:1; position:absolute; overflow:hidden; zoom:1;}
.hasMoreTab .hd li{width: 480px; height:150px;  float:left;text-align: center; cursor:pointer;border-radius: 15px;background: #F2F3F7; margin: 0px 10px;}
.hasMoreTab .hd li h1{font-size:30px;font-weight:bold;color: #02B5FB; line-height: 60px; margin-top: 10px;}
.hasMoreTab .hd li p{font-size:24px;color: #333; line-height: 30px;}
.hasMoreTab .hd li span{font-size:18px;color: #02B5FB; line-height: 30px;}
.hasMoreTab .hd li.on{ color:#ffffff; background: #02B5FB;border-radius: 15px; }
.hasMoreTab .hd li.on h1,.hasMoreTab .hd li.on p,.hasMoreTab .hd li.on span{color:#ffffff;}


.hasMoreTab .bd{clear:both; position:relative; margin-top: 50px;  }
.hasMoreTab .bd ul li{ float: left; width:600px;overflow:hidden;}

.xxrjcp1{float: left; width:600px;overflow:hidden; text-align: left; }
.xxrjcp1 h2{float: left;font-size:20px;font-weight:bold;color: #02B5FB;line-height: 40px; }
.xxrjcp1 p{float: left;font-size:16px;color: #02B5FB;line-height: 24px; }

.xxrjcp2{float: left; width:600px;overflow:hidden; text-align: left; margin-top: 30px; }
.xxrjcp2 h3{float: left;width:600px;font-size:20px;font-weight:bold;color: #02B5FB;line-height: 40px; }
.xxrjcp2 p{display:block;float: left;text-align: center;width:190px; border: #02B5FB 1px solid;padding: 10px 0px;border-radius: 15px; margin: 10px 10px 0px 0px;}
.xxrjcp2 strong{display:block;font-size:16px;font-weight:bold;color: #02B5FB;line-height: 24px;}
.xxrjcp2 span{display:block;font-size:14px;font-weight:100;color: #000;line-height: 24px;}
.xxrjcp2 a{display:block;float: right;font-size:16px; background: #02B5FB;color:#ffffff;line-height: 26px; padding: 10px 10px 10px 30px;border-radius: 25px;margin: 50px 50px 0px 100px; }
.xxrjcp2 a i{font-size:24px;background: #ffffff;color:#02B5FB;border-radius: 25px;padding: 5px;}
.xxrjcp2 a:hover i{color:#E6C04D;}

.cptj{background:url(../images/bj5.png) top left #f5f5f5 no-repeat; height: 500px;overflow: hidden;}

/* 焦点图 小溪水工软件案例图片 */
.focusBox { float:left; position: relative; margin-top: 20px; margin-left: 40px; }
.focusBox .pic img { width: 500px; height: 460px; display: block;border-radius: 15px;box-shadow: 0 4px 20px 5px rgba(229, 235, 243, 0.8); }


/*===========企业愿景篇==========*/
.qyyj{ overflow:hidden; position:relative;width:100%; height:830px;background: url("../images/bg5.png") top center no-repeat;}
.qyyja{overflow:hidden; width:1200px;margin:0 auto;height:830px;}
.qyyja p{font-size:30px;font-weight:bold;color: #fff; margin-top: 60px;}
.qyyja h1{font-size:40px;font-weight:bold;color: #fff; line-height: 50px;}

.qyyjb{overflow:hidden;float: left; width:550px;height: 550px;margin:0 auto; margin-top: 50px; background: #ffffff; padding: 30px;border-radius: 15px;box-shadow: 0 4px 20px 5px rgba(229, 235, 243, 0.8); margin-right: 20px;}
.qyyjb li{float: left;margin:0px;width:500px; }
.qyyjb p{font-size:16px;font-weight:400;color: #999999; margin-top: 0px;}
.qyyjb h1{font-size:20px;font-weight:bold;color: #02B5FB; line-height: 40px;}
.qyyjb a{display:block;float: right;font-size:14px; background: #02B5FB;color:#ffffff; padding: 5px 15px 5px 20px;border-radius: 25px; margin-bottom: 20px;}
.qyyjb a i{font-size:16px;color:#ffffff; line-height: 20px;}
.qyyjb a:hover {background: #01a9e6;font-size:16px;}

.qyyjc{overflow:hidden; float: left; width:620px; height: 550px; margin:0 auto; background: #ffffff; padding: 30px 10px 30px 30px;border-radius: 15px;box-shadow: 0 4px 20px 5px rgba(229, 235, 243, 0.8); margin-top: 50px;}
.qyyjc li{float: left;width:580px; margin-top: 15px; margin-bottom: 10px;}
.qyyjc i{float: left; width: 180px ; height: 120px;margin-right: 30px;}
.qyyjc .fww01{background:url(../images/fuwu.png) -3px -1px no-repeat;}
.qyyjc .fww02{background:url(../images/fuwu.png) -3px -160px no-repeat;}
.qyyjc .fww03{background:url(../images/fuwu.png) -3px -305px no-repeat;}
.qyyjc h2{font-size:20px;font-weight:bold;color: #02B5FB; line-height: 30px;}
.qyyjc span{display:block;font-size:16px;color: #999;font-weight:400; line-height: 24px;}
.qyyjc a{display:block;float: right;font-size:14px; background: #02B5FB;color:#ffffff; padding: 1px 20px;border-radius: 25px; margin-right: 20px;}
.qyyjc a:hover {background: #02B5FB;font-size:16px;}

/*===========服务主体==========*/
.fwzt{ overflow:hidden; position:relative;width:100%; height:800px;background: url("../images/bg6.png") top center no-repeat;}
.fwzta{overflow:hidden; width:1000px;margin:0 auto;}
.fwzta h1{font-size:80px;font-weight:bold;color: #ffffff; line-height: 80px;margin-top: 50px;}
.fwzta p{font-size:40px;font-weight:bold;color: #ffffff; line-height: 80px;}

.fwztb{overflow:hidden; width:1000px;margin:0 auto;}
.fwztb li{float: left;width:250px; margin-top: 15px; margin-bottom: 20px; text-align: center;}
.fwztb h2{font-size:80px;font-weight:bold;color: #ffffff; line-height: 80px;margin-top: 50px; }
.fwztb p{font-size:18px;font-weight:400;color: #ffffff; line-height: 40px;}

.fwztc{overflow:hidden; width:1000px;margin:0 auto;}
.fwztc li{float: left; margin-top: 15px; margin-bottom: 20px; text-align: left;}
.fwztc h2{font-size:40px;font-weight:bold;color: #ffffff; line-height: 80px;margin-top: 50px; }
.fwztc p{font-size:26px;font-weight:400;color: #ffffff; line-height: 40px;}

/*===========服务01 ==========*/
.fw01{ overflow:hidden; position:relative;width:100%; height:900px;background: url("../images/bg7.png") top center no-repeat;margin-top: 50px;}
.fw01a{overflow:hidden; width:1000px;margin:0 auto;}
.fw01a h1{font-size:80px;font-weight:bold;color: #ffffff; line-height: 80px;margin-top: 50px;}
.fw01a p{font-size:40px;font-weight:bold;color: #ffffff; line-height: 80px;}
.fw01b{overflow:hidden; width:1200px;height:600px;margin:0 auto;background: #ffffff;border-radius: 15px;box-shadow: 0 4px 20px 5px rgba(229, 235, 243, 0.8);margin-top: 50px;}
.fw01b li{float: left;}
.fw01b .sgca{float: left;width:700px;text-align: center; padding: 50px 0px;}
.fw01b .sgca h3{font-size:40px;font-weight:bold;color: #02B5FB; line-height: 80px;margin-top: 50px;}
.fw01b .sgca img{width:650px;}
.fw01b .sgcb{float: left;width:500px;}
.fw01b .sgcb h1{font-size:40px;font-weight:bold;color: #02B5FB; line-height:60px; margin-top: 40px;}
.fw01b .sgcb p span{display:block;font-size:20px;font-weight:bold;color: #02B5FB; margin-bottom: 30px; }
.fw01b .sgcb p{font-size:16px;font-weight:400;color: #999; line-height: 24px; padding-right: 30px;}

/*===========服务02 ==========*/
.fw02{ overflow:hidden; position:relative;width:100%; height:900px;background: url("../images/bg8.png") top center no-repeat;margin-top: 50px;}
.fw02a{overflow:hidden; width:1000px;margin:0 auto;}
.fw02a h1{font-size:80px;font-weight:bold;color: #ffffff; line-height: 80px;margin-top: 50px;}
.fw02a p{font-size:40px;font-weight:bold;color: #ffffff; line-height: 80px;}
.fw02b{overflow:hidden; width:1200px;height:600px;margin:0 auto;background: #ffffff;border-radius: 15px;box-shadow: 0 4px 20px 5px rgba(229, 235, 243, 0.8);margin-top: 50px;}
.fw02b li{float: left;}
.fw02b .sgca{float: left;width:700px;text-align: center; padding-top: 50px;}
.fw02b .sgca img{width:650px;}
.fw02b .sgcb{float: left;width:500px;}
.fw02b .sgcb h1{font-size:40px;font-weight:bold;color: #02B5FB; line-height:60px; margin-top: 50px;}
.fw02b .sgcb p{font-size:16px;font-weight:400;color: #999; line-height: 24px; padding-right: 30px;}
.fw02b h3{overflow:hidden;width:1000px;margin:0 auto;font-size:40px;font-weight:bold;color: #02B5FB; line-height: 80px;text-align: center;}

/*===========服务03 ==========*/
.fw03{ overflow:hidden; position:relative;width:100%; height:1200px;background: url("../images/bg9.png") top center no-repeat;margin-top: 50px;}
.fw03a{overflow:hidden; width:1000px;margin:0 auto;}
.fw03a h1{font-size:80px;font-weight:bold;color: #ffffff; line-height: 80px;margin-top: 50px;}
.fw03a p{font-size:40px;font-weight:bold;color: #ffffff; line-height: 80px;}
.fw03b{overflow:hidden; width:1200px;height:900px;margin:0 auto;background: #ffffff;border-radius: 15px;box-shadow: 0 4px 20px 5px rgba(229, 235, 243, 0.8);margin-top: 50px;}
.fw03b li{float: left;}
.fw03b .sgca{float: left;width:600px;text-align: center; padding-top: 50px;font-size:12px; }
.fw03b .sgca .dsxian{background: #e5efff;color: #02B5FB; border-top: #ffffff 1px solid; border-right: #ffffff 1px solid;}
.fw03b .sgca table{border-right: #E2F0FD 1px solid;border-bottom: #E2F0FD 1px solid;}

.fw03b .sgcb{float: left;width:560px; margin-left: 40px;margin-top: 50px;}
.fw03b .sgcb h1{font-size:40px;font-weight:bold;color: #02B5FB; line-height:60px;margin-top: 20px; }
.fw03b .sgcb p span{display:block;font-size:28px;font-weight:400;color: #02B5FB;line-height:40px; margin-bottom: 30px; }
.fw03b .sgcb p{font-size:16px;font-weight:400;color: #999999; line-height:24px; padding-right: 30px;}

/*===========小溪3D精算软件 ==========*/
.fw04{ overflow:hidden; position:relative;width:100%; height:1100px;background: url("../images/bg10.png") top center no-repeat;margin-top: 50px;}
.fw04a{overflow:hidden; width:1000px;margin:0 auto;}
.fw04a h1{font-size:60px;font-weight:bold;color: #ffffff; line-height: 80px;margin-top: 50px;}
.fw04a p{font-size:40px;font-weight:bold;color: #ffffff; line-height: 80px;}
.fw04b{overflow:hidden; width:1200px;height:780px;margin:0 auto;background: #ffffff;border-radius: 15px;box-shadow: 0 4px 20px 5px rgba(229, 235, 243, 0.8);margin-top: 50px;}
.fw04b li{float: left;}
.fw04b .sgca{float: left;width:650px;text-align: center; padding-top: 50px;}

.fw04b .sgcb{float: left;width:550px;}
.fw04b .sgcb h1{font-size:40px;font-weight:bold;color: #02B5FB; line-height:60px; margin-top: 50px;margin-bottom: 20px; }
.fw04b .sgcb p{font-size:16px;font-weight:400;color: #999; line-height: 24px; padding-right: 30px;}
.fw04b h3{overflow:hidden;width:1100px;margin:0 auto;text-align: center;}

/*===========合作计划==========*/
.fw05{ overflow:hidden; position:relative;width:100%; height:600px;background:#f5f5f5;margin-top: 50px;}
.fw05a{overflow:hidden; width:1000px;margin:0 auto; text-align: center;}
.fw05a h1{font-size:60px;font-weight:bold;color: #02B5FB; line-height: 80px;margin-top: 50px;}
.fw05a p{font-size:40px;font-weight:bold;color: #02B5FB; line-height: 80px;}
.fw05a h2{font-size:30px;font-weight:bold;color: #02B5FB; line-height: 80px;}
.fw05b{overflow:hidden; width:1200px;margin:0 auto; }
.fw05b li{float: left;width:280px;height: 200px;background: #ffffff;border-radius: 15px;box-shadow: 0 4px 20px 5px rgba(229, 235, 243, 0.8); margin: 10px; text-align: center;}
.fw05b p{font-size:16px;font-weight:400;color: #999; line-height: 24px;}
.fw05b i{display:block; margin-top: 30px; margin-left: 60px;}
.fw05b .hzioca{width:160px; height:120px;background:url(../images/xxioc.png) -160px -10px no-repeat;text-align: center;}
.fw05b .hziocb{width:160px; height:120px;background:url(../images/xxioc.png) -320px -10px no-repeat;text-align: center;}
.fw05b .hziocc{width:160px; height:120px;background:url(../images/xxioc.png) -160px -130px no-repeat;text-align: center;}
.fw05b .hziocd{width:160px; height:120px;background:url(../images/xxioc.png) -320px -130px no-repeat;text-align: center;}
.fw05b li:hover i{-moz-animation:heart_beat .5s ease-in-out;-webkit-animation:heart_beat .5s ease-in-out;} 
@-moz-keyframes heart_beat{0%{-moz-transform:scale(1)} 
25%{-moz-transform:scale(1.70)} 
50%{-moz-transform:scale(0.9)} 
75%{-moz-transform:scale(1.55)} 
100%{-moz-transform:scale(1)}} 
@-webkit-keyframes heart_beat{0%{-webkit-transform:scale(1)} 
25%{-webkit-transform:scale(1.70)} 
50%{-webkit-transform:scale(0.9)} 
75%{-webkit-transform:scale(1.55)} 
100%{-webkit-transform:scale(1)}}


/*===========小溪合作发展 ==========*/
.hzfz{ overflow:hidden; position:relative;width:100%; height:1000px;background: url("../images/bg12.png") top center no-repeat;}
.hzfza{overflow:hidden; width:1000px;margin:0 auto;}
.hzfza h1{font-size:60px;font-weight:bold;color: #ffffff; line-height: 80px;margin-top: 50px;}
.hzfza p{font-size:40px;font-weight:bold;color: #ffffff; line-height: 80px;}
.hzfzb{overflow:hidden; width:1200px;height:700px;margin:0 auto;background: #ffffff;border-radius: 15px;box-shadow: 0 4px 20px 5px rgba(229, 235, 243, 0.8);margin-top: 50px;}
.hzfzb li{float: left;}
.hzfzb .sgca{float: left;width:650px;text-align: center; padding: 50px 0px;}
.hzfzb .sgca img{margin-top:150px ;}
.hzfzb .sgca h3{font-size:40px;font-weight:bold;color: #02B5FB; line-height: 80px;margin-top: 50px;}

.hzfzb .sgcb{float: left;width:550px;height:700px; background: url("../images/ditu.png") top center no-repeat; margin-top: 50px;}
.hzfzb .sgcb h1{font-size:30px;font-weight:400;color: #02B5FB; line-height:60px; margin-top:300px;}
.hzfzb .sgcb p span{display:block;font-size:20px;font-weight:400;color: #02B5FB; margin-bottom: 30px; }
.hzfzb .sgcb p{font-size:16px;font-weight:400;color: #999; line-height: 24px; padding-right: 30px;}




/*==================底部css===============*/

.footer{height: 80px; width: 100%; background: #02B5FB;text-align: center;}
.footer p{ margin:0 auto;font-size: 14px;line-height: 80px;color: #ffffff;  width: 1000px;text-align: center;}



/* 侧边 */
.side-pannel {position: fixed;left: 50%;margin-left:700px;z-index: 99;}
.side-bar {	border: 1px solid #E7E7E7;	bottom: 200px;background: #fff; border-radius: 15px;}
.side-bar a {display: block;cursor: pointer;width: 70px;height: 60px;position: relative;color: #676767;text-align: center;}
.side-bar a s {	display: block;	margin-left: auto;	margin-right: auto;}
.side-bar a span {line-height: 20px;}

.side-bar a.gotop s {position: absolute;top: 50%;left: 17px;}
.side-bar a.text {padding-top: 15px;}
.side-bar a.qr s {position: absolute;top: 50%;left: 18px;}
.side-bar a.qr i {width: 181px;	height: 195px;position: absolute;left: -181px;top: 50%;margin-top: -164px;display: none;background-position: 0 0;}
.side-bar a.qr:hover i {display: block;}
.side-bar a.qr i {background-image: url(sprite2.png)}

.g-icon-top {height: 20px;width: 35px;margin-top: -10px;background-position: -36px -38px}
.g-icon-top2, .side-bar a.gotop:hover s {height: 20px;width: 35px;margin-top: -10px;background-position: 0 -38px}

.g-icon-qq1 {height: 30px;width: 36px;margin-top: -5px;background-position: -36px -60px}
.g-icon-qq2, .side-bar a.qq:hover s {height: 30px;width: 36px;margin-top: -5px;background-position: 0 -60px}

.g-icon-weibo1 {height: 33px;width: 36px;margin-top: -5px;background-position: -36px -95px}
.g-icon-weibo2, .side-bar a.weibo:hover s {	height: 33px;width: 36px;margin-top: -5px;background-position: 0 -95px}

.g-icon-qr1 {height: 35px;width: 36px;margin-top: -16px;background-position: -36px 0}
.g-icon-qr2, .side-bar a.qr:hover s {height: 35px;width: 36px;margin-top: -16px;background-position: 0 0;}

.g-icon-qq1, .g-icon-qr1, .g-icon-qr2, .g-icon-survey2, .g-icon-top, .g-icon-weibo1, .g-icon-weibo2,.side-bar a.qr:hover s, .side-bar a.survey:hover s, .side-bar a.weibo:hover s{background-image: url(../images/sprite1.png)}


/*左右摆动*/
@-webkit-keyframes cloudfn {
	0%,100% {-webkit-transform: translateX(0);}
	50% {-webkit-transform: translateX(-20px);}
}

/*上下飘动*/
@-webkit-keyframes sxpiao {
	0%,100% {-webkit-transform: translateY(0);}
	50% {-webkit-transform: translateY(10px);}
}

@-webkit-keyframes myAnimation {0% {transform:rotate(0);}
100% {transform:rotate(360deg);}