@charset "utf-8";
/* CSS Document */
html{color:#333;background:#fff; overflow-y:hidden;}
body{font:12px/1.5 "Microsoft Yahei",Tahoma,Arial,Helvetica,sans-serif;word-break:break-all;word-wrap:break-word;}
body,h1,h2,h3,h4,h5,h6,p,dl,dd{margin:0;}ul,ol,input{margin:0;padding:0;}li{list-style: none;}
img{border:none;}table{border-collapse:collapse;border-spacing:0;}
em,i{font-style:normal}
button,input,textarea{/*background: none; border:none;*/font-family:"Microsoft Yahei",Tahoma,Arial,Helvetica,sans-serif;vertical-align:middle;outline: none;}/*input:focus{outline: none;}*/
a{text-decoration:none; color: #333333;}
a:hover{text-decoration:inline;color: #cc0000;}
.clearfix { *zoom:1}
.clearfix:after{content: "";display: block; clear: both;}
.clearDiv{clear:both;height:0;font-size:0; overflow: hidden;}
.fl{float:left;}
.fr{float:right;}
a,button,input,optgroup,select,textarea {   -webkit-tap-highlight-color:rgba(0,0,0,0);outline: none; border:0}
input[type=button], input[type=submit], input[type=file], button { cursor: pointer; -webkit-appearance: none; } 

.zg_box{width:7.5rem; min-width:3.2rem; margin:0 auto; background:#a0e2e2; } 
.zg_tree{width:100%; height:100%;  background:url(../img/gk_background.jpg?imageView2/1/format/webp/q/75/ignore-error/1&v=1) no-repeat center bottom; background-size:100% 100%; overflow-y:hidden;}

header{padding:.18rem .2rem 0; overflow:hidden; height:.45rem; margin-bottom:.27rem;  }
.icon_nav img{width:.42rem; height:.45rem; }
.zg_logo img{width:1.83rem; height:.4rem;}
.zg_img{margin-bottom:.15rem;}
.zg_img img{display:block; margin:0 auto; width:6rem; height:.9rem;}
.zg_main{position:relative; height:8.6rem; width:100%; }

.quan{position:absolute; border-radius:50%; }
.quan span{display:block; text-align:center; }
.big{width:2rem; height:2rem; }
.big img{display:none;}
.big span{font:bold .36rem/.48rem 'Microsoft Yahei'; color:#fff; padding:.6rem 0; }
.big1{background:url(../img/big_red.png?imageView2/1/format/webp/q/75/ignore-error/1) no-repeat; background-size:100% 100%; left:.56rem; bottom:1.68rem; }
.big1 img{width:2.12rem; height:1.66rem; position:absolute; left:.4rem; top:.84rem; }
.big2{background:url(../img/big_green.png?imageView2/1/format/webp/q/75/ignore-error/1) no-repeat; background-size:100% 100%; left:1.37rem; bottom:4.43rem; }
.big2 img{width:4.79rem; height:3.47rem; position:absolute; right:-2.06rem; bottom:0.36rem; }
.big3{background:url(../img/big_orange.png?imageView2/1/format/webp/q/75/ignore-error/1) no-repeat; background-size:100% 100%; right:1.95rem; bottom:3.03rem; }
.big3 img{width:2.42rem; height:2.43rem; position:absolute; left:.44rem; bottom:1rem; }
.big4{background:url(../img/big_blue.png?imageView2/1/format/webp/q/75/ignore-error/1) no-repeat; background-size:100% 100%; right:.4rem; bottom:1.27rem; }
.big4 img{width:1.69rem; height:4.56rem; position:absolute; left:0; bottom:1.95rem; }
.big4 span{ padding:.35rem 0; }

.small{width:1rem; height:1rem; background:#8ec222;}
.small span{font:.24rem/.32rem 'Microsoft Yahei'; padding:.2rem 0; color:#fff; }
.small1{left:.46rem; top:1.7rem; }
.small2{left:1.52rem; top:.99rem; }
.small3{left:2.85rem; top:1.11rem; }
.small4{left:3.62rem; top:2.33rem; }

.red{background:#ff97a1; width:1rem; height:1rem;}
.red span{color:#a90010; font:.24rem/.34rem 'Microsoft Yahei'; padding:.22rem 0;}
.red1{left:.3rem; bottom:.63rem; }
.red2{left:2.64rem; bottom:1.29rem; width:1.1rem; height:1.1rem; }
.red3{left:1.35rem; bottom:0; width:1.45rem; height:1.45rem; }
.red3 span{padding:.42rem 0;}
.red4{left:2.79rem; bottom:2.51rem; }

.green{background:#c6e090; width:.9rem; height:.9rem; display:none;}
.green span{color:#426200; font:.24rem/.32rem 'Microsoft Yahei'; padding:.12rem 0;}
.green1{left:.22rem; top:3.7rem;}
.green2{left:.28rem; top:2.81rem; width:.8rem; height:.8rem; }
.green3{left:.3rem; top:.71rem;}
.green4{left:1.27rem; top:.12rem; width:.8rem; height:.8rem; }
.green4 span{padding:.1rem 0;}
.green5{left:2.26rem; top:.17rem;}
.green6{left:3.34rem; top:.1rem; width:.8rem; height:.8rem; }
.green6 span{padding:.1rem 0;}
.green7{right:2.49rem; top:.47rem; width:.8rem; height:.8rem; }
.green7 span{padding:.1rem 0;}
.green8{right:1.68rem; top:0; width:.8rem; height:.8rem; }
.green8 span{padding:.1rem 0;}
.green9{right:2.56rem; top:1.39rem;}
.green10{right:1.45rem; top:1.43rem;}
.green11{right:1.67rem; top:2.47rem;}

.orange{background:#ffd495; width:1rem; height:1rem; display:none;}
.orange span{color:#925600; font:.24rem/1 'Microsoft Yahei'; padding:.2rem 0;}
.orange1{right:3.13rem; top:2.33rem; width:.9rem; height:.9rem;}
.orange2{right:2.33rem; top:1.42rem; width:.9rem; height:.9rem;}
.orange3{right:1.72rem; top:2.5rem;}
.orange3 span{ font:.24rem/.31rem 'Microsoft Yahei'; padding:.2rem 0;}
.orange4{right:.4rem; bottom:4.89rem;}
.orange4 span{padding: .35rem 0;}
.orange5{right:.77rem; bottom:3.72rem;}
.orange5 span{padding: .35rem 0;}

.blue{background:#8fd0fa; width:1rem; height:1rem; display:none;}
.blue span{color:#005185; font:.24rem/.32rem 'Microsoft Yahei'; padding:.2rem 0;}
.blue1{right:.96rem; top:.3rem; width:.9rem; height:.9rem; }
.blue1 span{padding:.1rem 0;}
.blue2{right:2.08rem; top:2.49rem; width:.9rem; height:.9rem;}
.blue2 span{padding:.1rem 0;}
.blue3{right:1.55rem; top:1.35rem;}
.blue4{right:.32rem; top:1.32rem;}
.blue5{right:.53rem; top:2.6rem; width:1.2rem; height:1.2rem;}
.blue5 span{padding:.24rem 0;}
.blue6{right:.3rem; bottom:3.41rem; width:1.2rem; height:1.2rem;}
.blue6 span{padding:.24rem 0;}



.tank{width:6rem; height:auto; padding:.88rem 0 0; position:fixed; left:50%; margin-left:-3rem; top:25%; z-index:99; background:url(../img/fd.png?imageView2/1/format/webp/q/75/ignore-error/1) no-repeat center top; background-size:100% 1.47rem; display:none; }
.tank h3{font:.36rem/.44rem 'Microsoft Yahei'; text-align: center; background:url(../img/tit_bg.jpg?imageView2/1/format/webp/q/75/ignore-error/1) no-repeat center .36rem;}
.tank .close{display:block; width:.6rem; height:.6rem; position:absolute; right:0; top:0; }
.tank11{top:18%;}
.tank8{top:10%;}

.redtit{color:#FF6A70; }
.grtit{color:#6cae00;}
.ortit{color:#ff7800;}
.bltit{color:#39a7ff;}


.tk_main{background:#fff; border-radius:0 0 5px 5px; padding:.15rem 0 .2rem;  }

.tkm{width:5.6rem; margin:0 auto;  padding-bottom:.33rem;}
.tkm .more{display:block; text-align:right; padding-right:.2rem; color:#ff444d; margin-bottom:.3rem; }
.tkm h4{font:.28rem/1 'Microsoft Yahei'; padding:.3rem 0; text-align:center;}
.tkm p{padding:.24rem .3rem .18rem; font:.24rem/.36rem 'Microsoft Yahei'; color:#555; text-indent:2em;}
.tkm1{background:#fff3f4;  }
.tkm1 table{margin:0 auto .3rem; }
.tkm1 th{font:.24rem/.58rem 'Microsoft Yahei'; text-align:center; border:1px solid #ddd; color:#ca4b51; background:#ffe7e8; }
.tkm1 td{font:.24rem/.58rem 'Microsoft Yahei'; text-align:center; border:1px solid #ddd; color:#666; background:#fff; }
.tkm2{background:#fafff1;}
.tkm2 .ggrk{text-align:center; white-space:nowrap;}
.tkm2 .ggrk p{text-align:left; font:.26rem/.5rem 'Microsoft Yahei'; padding:.1rem  0 .15rem .3rem; text-indent:0; }
.tkm2 .ggrk a{display:inline-block; padding:0 .16rem; margin:0 .14rem .2rem; border:1px solid #f88e06; border-radius:5px; font:.26rem/.78rem 'Microsoft Yahei';}
.tkm2 .ggrk a:hover{background:#f88e06; color:#fff; }
.tkm2 table{margin:0 auto .3rem; }
.tkm2 select{border:1px solid #ddd; height:.78rem;line-height:.78rem; width:2.38rem; font-size:.24rem;color:#999; margin:0 .15rem .2rem; border-radius:5px;}
.tkm2 .zg_inp{width:100%; border-color:#f88e06; height:.68rem; line-height:.68rem;text-align:center;color:#fff;background-color:#f88e06;border-radius:5px;font-size:.28rem;cursor:pointer; background:url(../img/sub_bg.jpg?imageView2/1/format/webp/q/75/ignore-error/1) repeat; }
.tkm2 .nem{ text-indent:0;}
.tkm2 b{ font:.28rem/1 'Microsoft Yahei'; display:block; padding:.1rem .3rem 0;}
.tkm3{background:#fffaf0; }
.tkm33{padding:.43rem 0 .33rem;}
.tkm3 h5{width:90%; border-top:1px solid #eb5a18; height:.32rem; text-align:center; margin:0 auto;}
.tkm3 h5 em{display:inline-block; font:.28rem/.32rem 'Microsoft Yahei'; position:relative; padding:0 .24rem; background:#fffaf0; top:-.14rem; }
.tkm3 .txtl{text-align:center; margin-bottom:.53rem; }
.tkm3 .txtl a{display:inline-block; padding:0 .16rem; margin:0 .14rem .2rem; border:1px solid #f88e06; border-radius:5px; font:.26rem/.68rem 'Microsoft Yahei'; background:#fff;}
.tkm3 .bkjq{text-align:center;}
.tkm3 .bkjq a{display:inline-block; padding:0 .16rem;  border-radius:5px; font:.28rem/.78rem 'Microsoft Yahei';}
.tkm4{background:#f0f8ff;}

.animate{animation: myfirst 0.8s alternate infinite;}

.btn{text-align:center; }
.btn a{display:inline-block; min-width:1.98rem; text-align:center;  height:.78rem; font:.26rem/.78rem 'Microsoft Yahei'; border-radius:30px; margin:0 .3rem; }
.btn1 a{border:1px solid #ff6a71; }
.btn1 a.on{background:#ff6a71; color:#fff; }
.btn2 a{border:1px solid #7cc10c; }
.btn2 a.on{background:#7cc10c; color:#fff; }
.btn3 a{border:1px solid #ff7800; background:#fff; }
.btn3 a.on{background:#ff7800; color:#fff; }
.btn4 a{border:1px solid #39a7ff; background:#fff; }
.btn4 a.on{background:#39a7ff; color:#fff; }


.tmbg{width:100%; height:100%; position:fixed; left:0; top:0; background:#000; opacity:0.3; display:none; }

@keyframes myfirst
{
    from {transform: scale(0.95);}
    to {transform: scale(1.05);}
}
 
@-webkit-keyframes myfirst 
{
   from {-webkit-transform: scale(0.95);}
    to {-webkit-transform: scale(1.05);}
}
@-moz-keyframes myfirst 
{
   from {-moz-transform: scale(0.95);}
    to {-moz-transform: scale(1.05);}
}
@-o-keyframes myfirst 
{
   from {-o-transform: scale(0.95);}
    to {-o-transform: scale(1.05);}
}
@-ms-keyframes myfirst 
{
   from {-ms-transform: scale(0.95);}
    to {-ms-transform: scale(1.05);}
}