html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,p,table,th,td,form,fieldset,legend,input,textarea,select,button,hr,blockquote,pre,iframe{margin:0;padding:0;}
h1,h2,h3,h4,h5,h6{font-weight:bold;font-size:100%;line-height:1.2;}
ul,ol,dl{list-style-type:none;}
fieldset,img,iframe{border:none;}
table{border-collapse:collapse;table-layout:fixed;empty-cells:show;}
caption,th{font-weight:normal;text-align:left;}
address,caption,cite,code,dfn,th{font-style:normal;font-weight:normal;}
pre,code{font-family:Consolas,'Lucida Console',Monaco,Courier,'Courier New';}
input,select,textarea,button{font-family:inherit;font-size:100%;vertical-align:baseline;}
textarea{vertical-align:top;}
img{vertical-align:middle;}
em,i{font-style:normal;}
ins{text-decoration:underline;}
del{text-decoration:line-through;}
q:before,q:after{content:'';}
hr{height:1px;margin:1.5em 0;background-color:#ccc;border:none;}
body{color:#333;font:14px/1.6 arial,'\5fae\8f6f\96c5\9ed1',sans-serif;}

/*html,body{height:100%;}*/
body{background-image:url(img/bg.jpg);background-repeat:no-repeat;background-position:center top;background-size:cover;color:#fff;}

.bttom{padding-left: 27%;}

.warp{position:relative;width:80%;min-height:100vh;margin:0 auto;}

h1{overflow:hidden;position:absolute;top:10px;left:0;width:80px;height:77px;text-indent:100%;white-space:nowrap;}

h2{overflow:hidden;position:absolute;top:20px;left:10px;width:880px;height:77px;text-indent:-1;white-space:nowrap; color: #fff; font-weight: 600;font-size: 50px; font-family: STFangsong;}

.back{position:absolute;top:20px;right:0;width:50px;height:50px;border:1px solid #fff;border-radius:50%;opacity:1;
transition:opacity 0.3s;
}
.back:before{content:'';position:absolute;top:50%;left:50%;width:31px;height:29px;margin:-15px 0 0 -16px;background:url(img/sprites.png) no-repeat -200px 0;}
.back:hover{opacity:0.8;}

.hr{ height:1px;border:none;border-top:1px dashed RGB(28,120,135);background-color: transparent;} 

.main{padding:100px 0;text-align:center;}
.main h4{margin-bottom:30px; font-weight: 500;font-size: 35px; margin-top: 30px; font-family: STFangsong;}
.main h3{position:relative;font-weight:normal;font-size:18px;line-height:30px;}
.main a.go{position:absolute;top:0;bottom:0;left:0;right:0;}

.main .row{}
.main .row + .row{margin-top:30px;}
.main .row:after{content:'';visibility:hidden;display:block;clear:both;height:0;font-size:0;}
.main .col{position:relative;float:left;}

.main .box{position:relative;padding:34px 0 30px;background-color:#293458;transition-property:padding, transform;transition-duration:0.3s;
}
.main .box:before{content:'';position:absolute;top:60px;left:50%;transition:top 0.3s;}

.main .box:hover{padding-top:15px;padding-bottom:45px;transform:scale(1.1);
}
.main .box:hover:before{top:40px;}
.main .box:hover .nav{opacity:1;transition-delay:0.1s;}

.main .row.r_2 .col{width:48%;}
.main .row.r_2 .col + .col{margin-left:4%;}

.main .row.r_4 .col{width:22%;}
.main .row.r_4 .col + .col{margin-left:4%;}

.main .nav{position:absolute;bottom:15px;left:20px;right:20px;font-size:14px;line-height:30px;opacity:0;
transition:opacity 0.3s;
}
.main .nav a{float:right;width:45%;border:1px solid currentColor;border-radius:15px;color:rgba(255,255,255,0.6);text-decoration:none;
transition-property:color;
transition-duration:0.3s;
}
.main .nav a:hover{color:rgba(255,255,255,1);}
.main .nav a:first-child{float:left;}
.main .nav a:only-child{float:none;display:inline-block;width:auto;margin:0 auto;padding:0 1em;}

.main img{height:40px;padding-bottom: 20PX;}

.main .ShuiWu{background-color:#08bdb4;}
.main .KPI{background-color:#3caff7;}
.main .YiTiHua{background-color:#fc9438;}
.main .GuanWang{background-color:#bc90f8;}
.main .ShuiZhi{background-color:#2698ce;}
.main .JiLiang{background-color:#f97152;}
.main .WuShui{background-color:#1cc3bb;}
.main .DaYongHu{background-color:#8493f0;}
.main .LouSun{background-color:RGB(137,157,192);}
.main .PaiShui{background-color:RGB(38,157,128);}

.main .JianZhu{background-color:RGB(130,57,53);}
.main .PeiDian{background-color:RGB(69,137,148);}
.main .WuYe{background-color:RGB(117,121,74);}
.main .DianNeng{background-color:RGB(114,83,52);}

.main .NongYe{background-color:#527F76;}
.main .YouYan{background-color:#E47833;}
.main .JingGai{background-color:#5C3317;}

.main .YanGan{background-color:RGB(17,63,61);}
.main .DinaQi{background-color:RGB(60,79,57);}
.main .YaLi{background-color:RGB(95,92,51);}
.main .YeWei{background-color:RGB(100,114,110);}
.main .DianHu{background-color:RGB(248,117,29);}
.main .KeRanQi{background-color:RGB(85,72,64);}

.main .ZHSW:before{width:48px;height:32px;margin:-16px 0 0 -24px;background-position:0px -80px;}
.main .ZHNY:before{width:46px;height:40px;margin:-20px 0 0 -23px;background-position:-80px -80px;}
.main .ZHXF:before{width:48px;height:32px;margin:-16px 0 0 -24px;background-position:0px -80px;}
.main .ZHWL:before{width:46px;height:40px;margin:-20px 0 0 -23px;background-position:-80px -80px;}
.main .ShuiWu:before{width:26px;height:50px;margin:-25px 0 0 -13px;background-position:-160px -80px;}
.main .KPI:before{width:44px;height:52px;margin:-26px 0 0 -22px;background-position:-240px -80px;}
.main .YiTiHua:before{width:32px;height:56px;margin:-28px 0 0 -16px;background-position:-320px -80px;}
.main .GuanWang:before{width:42px;height:42px;margin:-21px 0 0 -21px;background-position:0px -160px;}
.main .ShuiZhi:before{width:46px;height:44px;margin:-22px 0 0 -23px;background-position:-80px -160px;}
.main .JiLiang:before{width:34px;height:48px;margin:-24px 0 0 -17px;background-position:-160px -160px;}
.main .WuShui:before{width:54px;height:56px;margin:-28px 0 0 -27px;background-position:-240px -160px;}
.main .DaYongHu:before{width:50px;height:54px;margin:-27px 0 0 -25px;background-position:-320px -160px;}

.main .LouSun:before{width:46px;height:44px;margin:-22px 0 0 -23px;background-position:-80px -160px;}
.main .PaiShui:before{width:46px;height:44px;margin:-22px 0 0 -23px;background-position:-80px -160px;}
.main .JianZhu:before{width:46px;height:44px;margin:-22px 0 0 -23px;background-position:-80px -160px;}
.main .PeiDian:before{width:44px;height:52px;margin:-26px 0 0 -22px;background-position:-240px -80px;}
.main .WuYe:before{width:46px;height:44px;margin:-22px 0 0 -23px;background-position:-80px -160px;}
.main .DianNeng:before{width:26px;height:50px;margin:-25px 0 0 -13px;background-position:-160px -80px;}
.main .NongYe:before{width:46px;height:44px;margin:-22px 0 0 -23px;background-position:-80px -160px;}
.main .YouYan:before{width:46px;height:44px;margin:-22px 0 0 -23px;background-position:-80px -160px;}
.main .JingGai:before{width:46px;height:44px;margin:-22px 0 0 -23px;background-position:-80px -160px;}
.main .YanGan:before{width:46px;height:44px;margin:-22px 0 0 -23px;background-position:-80px -160px;}
.main .DinaQi:before{width:46px;height:44px;margin:-22px 0 0 -23px;background-position:-80px -160px;}
.main .YaLi:before{width:46px;height:44px;margin:-22px 0 0 -23px;background-position:-80px -160px;}
.main .YeWei:before{width:46px;height:44px;margin:-22px 0 0 -23px;background-position:-80px -160px;}
.main .DianHu:before{width:46px;height:44px;margin:-22px 0 0 -23px;background-position:-80px -160px;}
.main .KeRanQi:before{width:46px;height:44px;margin:-22px 0 0 -23px;background-position:-80px -160px;}



@media (max-width:640px){
.main .col{float:none;width:auto;margin:0 !important;}
.main .row + .row,
.main .col + .col{margin-top:20px !important;}
.main .row.r_2 .col,
.main .row.r_4 .col{width:auto;}
}