@charset "utf-8";
/* CSS Document */
body, nav, dl, dt, dd, p, h1, h2, h3, h4, ul, ol, li, input, button, textarea, footer {margin:0;padding:0;}
html,body{-webkit-text-size-adjust:none; }
html{width: 100%;height: 100%;}
body {font-family:"Microsoft Yahei";font-size:0.24rem;color:#333333;max-width: 750px; min-width: 320px; overflow-x: hidden; position: relative; margin: 0 auto;}
.dis{display:none;}
em,i{font-style:normal;}
h1, h2, h3, h4, h5, h6{font-size:100%;font-weight:normal;}
form{display: inline}
ul, ol{list-style: none}
a {text-decoration: none;color:#333;}
a:hover,a:active,a:focus{/*color:#377cce;*/text-decoration: none;
cursor:pointer;}
a:active{color:#aaa;}
a{blr:expression(this.onFocus=this.blur());-webkit-tap-highlight-color:rgba(0,0,0,0);}
*:focus{outline:0;}
.clearfix:after{clear:both;}
.clearfix:after,.cf:before{content:" ";display:table}
.clear{clear:both;}
img { max-width: 100%;
	vertical-align:middle;
	border:0;
	-ms-interpolation-mode:bicubic;
}
input,textarea,button,select{outline:none;border: none;*border:0;padding: 0;margin: 0;box-shadow: none;background: none;font-family: "Microsoft Yahei";font-size: 0.24rem;color: #333333;}
textarea{resize:none;}
button,input[type="button"],input[type="reset"], input[type="submit"], input[type="text"],input[type="password"]{
	cursor: pointer;
	/*-webkit-appearance: button;
	-moz-appearance: button*/
	-webkit-appearance:none;
	-moz-appearance:none
}
button::-moz-focus-inner,input::-moz-focus-inner
{padding:0;border:0;}
table {border-collapse:collapse;border-spacing:0;}
.left{float: left;}
.right{float: right;}
.tr{text-align: right;}
.tl{text-align: left;}
.ico,
.icobef:before,
.icobef:after {
  background: url(../images/ico.png) no-repeat;
  display: inline-block;
  background-size: 5rem auto;
  vertical-align: middle;
}
.icobef:before,
.icobef:after {
  content: "\20";
  display: block;
}
img,object{max-width:100%;}
/*webcss reset部分结束*/
.mai_top{margin:0 auto; height:auto; }
.w540{ width:5.4rem; margin:0 auto;}
.w560{ width:5.6rem; margin:0 auto;}
.w580{ width:5.8rem; margin:0 auto;}
.wp{ padding:0 0.4rem;}
.icon { background: url(../images/icon.png) no-repeat;  display: inline-block; background-size: 4rem auto; vertical-align: middle;}
.icon1 { background: url(../images/icon1.png) no-repeat;  display: inline-block; background-size: 5rem auto; vertical-align: middle;}
.icon, .iconbef::before, .iconbef::after { content: "\20"; display: block;}
/*头部及导航start*/
.wa_left { width:100%;z-index: 10;position: relative; height:1rem; background-color:#fff; background-size:100%; border-bottom:#ddd solid 1px;}
.wa_left .logo{width:4rem; height:0.64rem; text-align:center; margin-left:0.38rem; margin-top:0.19rem; display:block;}
.wa_left .logo img{width:4rem; height:0.64rem; background-size:100%; display:block;}
.wa_left .btn{ width:1rem; height:1rem; position:relative; background-color:#fff;}
.wa_left .btn i{width:1rem; height:1rem; display:block;}
.wa_left .btn b{width:1rem; height:0.8rem; display:block; background:url(../images/top_02.png) no-repeat; position:absolute; left:0; top:0; display:none; }
.wa_left .btn i img{width: 0.50rem; height: 0.48rem; position:absolute;     top: 0.26rem;left: 0.1rem; }
.wa_left .btn b img{width: 0.40rem; height: 0.34rem; position:absolute; top:0.26rem; left:0.5rem;}

.wa_right .logo{width:4rem; height:0.64rem; text-align:center; margin-left:0.38rem; margin-top:0.19rem; display:block;}
.wa_right .btn1{ width:1rem; height:1rem; position:relative;}
.wa_right .btn1 b{width:1.2rem; height:0.8rem; display:block;  position:absolute; left:0; top:0;  }
.wa_right .btn1 img{width: 0.50rem; height: 0.44rem; position:absolute; top:0.26rem; left:0.1rem;}
.wa_logo{ width:100%;z-index: 10;position: relative; height:1rem;background-size:100%; background-color:#fff; border-bottom:#ddd solid 1px;}
.wa_right .logo img{width:4rem; height:0.64rem; background-size:100%; display:block;}

.wa_left .topsearch { display: block; position: absolute; right:1.2rem; top: .37rem; text-align: center; cursor: pointer; width: .51rem; height: .5rem; margin: 0 auto;}
.wa_left .topsearch span { display: block; width: 0.51rem; height: 0.5rem;  background-position:0 -1.16rem;}
.wa_left .tsearch { position: absolute;  height: 1.08rem;  width: 100%; padding: .2rem 5%; left: 0; top:1rem; z-index: 99; background: #f2f2f2; box-sizing: border-box; display: none;}
.wa_left .tsearch .txt { width: 78%; color: #000;  text-indent: .1rem; font-size: .22rem; height: .64rem; background: #fff; border: 1px solid #fff; border-radius: 0.1rem; position: absolute; left: 5%; top: .2rem; border-top-left-radius: .6rem; border-bottom-left-radius: .6rem;}
.wa_left .tsearch .btn9 { color: #fff; font-size: .22rem; width: 16%; height: .64rem; line-height: .6rem; text-align: center; border: 0px; background: #aadb1e; position: absolute; right: 5%; top: .2rem; border-top-right-radius: .6rem; border-bottom-right-radius: .6rem;}
.wa_left .tsearch .btn9 .btn_icon { display: block; width: 0.36rem;  height: 0.36rem; margin-left: .32rem; margin-top: .14rem; background-position: 0rem -2.14rem;}
.wa_left .btn_close_main {width: 1rem; height: 1rem; background-color: #f2f2f2; position: absolute; top: 0; right: 1.2rem; z-index: 9; display: none;}
.wa_left  #nav { width: .6rem; height: 50%; position: absolute;right: 3%; top: .38rem; text-align: center; cursor: pointer;}
.wa_left .btn_close_main .btn_close { width: .31rem;  height: .3rem; margin-top: .4rem; margin-left: .36rem; background-position: 0rem -1.71rem;}




#banner_main { width:100%; margin:0 auto; overflow: hidden; psosition:relative; height:4.22rem; background-size: 1px auto;box-shadow: 0px 1px 5px #e9e9e9; }
.banner { margin: 0 auto; width: 100%; *zoom: 1; overflow: hidden; position: relative; height:4.22rem;}
.banner .list { width: 100%; overflow: hidden;}
.banner .list li { float: left; width: 100%; overflow: hidden;}
.banner .list li img { width: 100%; height:4.22rem;}
#banner .tip { width: 80%; height: 0.32rem; line-height: 0.32rem; text-align: center; clear: both;position: absolute; left: 8%; bottom:0.5rem; z-index: 2; font-size: 0;}
#banner .tip span { display: inline-block;vertical-align: middle; width: 0.1rem; height: 0.1rem; margin: 0 0.1rem; vertical-align: middle; border-radius:0.2rem;  background-color:#fff;}
#banner .tip span.cur { background-color:#0a5bac; }

.mobile_index{ background-color:#eef0f5; padding-bottom:0.94rem;}

.in_title{ text-align:center; width:100%;}
.in_title h3{ font-size:0.36rem; color:#333; line-height:0.36rem;}
.in_title h3 span{ color:#0166b3;}
.in_title p{ display:inline-block;font-size:0.2rem; color:#38a72f; line-height:0.2rem; padding-top:0.14rem;}
.in_title i{ display:inline-block; width:4.37rem; height:0.28rem; background:url(../images/a3_03.png) center center no-repeat; background-size:100%; margin-top:0.18rem;}

.floor_1_main{ margin:0 auto; width:6.9rem; height:2.36rem; background-color:#fff; margin-top:-0.3rem; border-radius:0.1rem;box-shadow:0px 4px 10px #e1e4ef; position:relative; z-index:6;}
.floor_1{ width:100%; background-size:100%;}
.floor_1 ul{ display:inline-block; width:6.9rem;}
.floor_1 ul li{ display:block; float:left; width:25%; text-align:center; margin-top:0.4rem; position:relative;}
.floor_1 ul li a{ display:block;}
.floor_1 ul li em{ display:inline-block; width:1.05rem; height:1.05rem; background-position:0rem 0rem; }
.floor_1 ul li img{ width:0.98rem; height:0.98rem; background-size:100%;}
.floor_1 ul li p{ font-size:0.3rem; color:#171e36; padding-top:0.18rem;}
.floor_1 ul li:nth-child(2) em{ width:1.05rem; height:1.05rem; background-position:-1.23rem 0rem;}
.floor_1 ul li:nth-child(3) em{ width:1.05rem; height:1.05rem; background-position:-2.47rem 0rem;}
.floor_1 ul li:nth-child(4) em{ width:1.05rem; height:1.05rem; background-position:-3.7rem 0rem;}

.gengduo{ text-align:center;width:4.5rem; margin:0 auto; margin-top:0.6rem;}
.gengduo a{ display:block; width:4.5rem; height:0.8rem; background-color:#0166b3; background-size:100%; font-size:0.28rem; color:#fff; line-height:0.8rem; border-radius:0.5rem;}

.floor_2_main{ width:100%; background-size:100%; padding-top:0.6rem;}
.floor_2_1{ margin-top:0.14rem; position:relative; margin:0 0.3rem;}
.floor_2_1 ul{ display:inline-block;}
.floor_2_1 ul li{ float:left; width:3.3rem; height:3.88rem; text-align:center;margin-right:0.3rem; margin-top:0.3rem; background-color:#fff; border-radius:0.1rem;box-shadow:0px 4px 10px #dcdde2; overflow:hidden;}
.floor_2_1 ul li:nth-child(2n){ margin-right:0;}
.floor_2_1 ul li img{ display:block; width:3.3rem; height:3.3rem; background-size:100%; }
.floor_2_1 ul li p{ display:block; width:3.3rem; line-height:0.6rem;}

.floor_4_main{ padding-top:0.6rem;}
.floor_4_1{ margin:0 auto; margin-top:0.28rem; background-color:#fff; height:9.56rem; width:6.9rem; border-radius:0.16rem;box-shadow:0px 4px 10px #cacbd0; overflow:hidden;}
.floor_4_1 dl{ width:6.26rem; margin:0 auto; padding-top:0.58rem;}
.floor_4_1 dl dt{  width:6.26rem; height:3.82rem; margin:0 auto; position:relative;}
.floor_4_1 dl dt i{ display:block; width:5.14rem; height:3.3rem; background-color:#0166b3; border-radius:0.15rem; position:absolute; left:0; bottom:0;}
.floor_4_1 dl dt img{ width:6.04rem; height:3.64rem; background-size:100%; position:absolute; right:0; top:0; border-radius:0.15rem;}
.floor_4_1 dl dd{ padding-top:0.44rem;}
.floor_4_1 dl dd h4{ width:100%; display:inline-block;}
.floor_4_1 dl dd h4 em{ display:block; font-size:0.24rem; color:#333; font-weight:normal; line-height:0.24rem; float:left;}
.floor_4_1 dl dd h4 strong{ width:0.8rem; height:0.01rem; background-color:#666; display:block; float:left; margin-top:0.1rem; margin-left:0.12rem;}
.floor_4_1 dl dd h3{ width:100%; display:inline-block; padding-top:0.2rem;}
.floor_4_1 dl dd h3 span{ display:block; font-size:0.36rem; color:#0166b3; line-height:0.36rem; float:left;}
.floor_4_1 dl dd h3 .icon{ width:0.26rem; height:0.28rem; background-position:-0rem -3.36rem; display:block; float:left; margin-top:0.02rem; margin-left:0.14rem;}
.floor_4_1 dl dd p{ display:block; font-size:0.26rem; color:#666; font-weight:normal; line-height:0.4rem; padding-top:0.3rem;}
.floor_4_1 dl dd i{ display:block; width:100%; height:0.78rem; background-color:#0166b3; line-height:0.78rem; text-align:center; border-radius:0.15rem; margin-top:0.6rem; font-size:0.26rem; color:#fff;}

.floor_10_main{ background:url(../images/a2_03.png) center center no-repeat; width:6.9rem; height:2.83rem; margin:0 auto; margin-top:0.3rem; background-size:100%;}
.floor_10_main p{ padding-top:1.89rem; height:0.94rem;}
.floor_10_main p a{ float:left; width:45%; display:block; text-align:center; line-height:0.94rem; font-size:0.26rem; color:#fff; padding-left:5%;}

.floor_11_main{ background:url(../images/a4_03.png) center center no-repeat; width:6.9rem; height:2.83rem; margin:0 auto; margin-top:0.74rem; background-size:100%;}
.floor_11_main p{ padding-top:1.89rem; height:0.94rem;}
.floor_11_main p a{ float:left; width:45%; display:block; text-align:center; line-height:0.94rem; font-size:0.26rem; color:#fff; padding-left:5%;}

.floor_5_main{  background:url(../images/a4_02.jpg) top center no-repeat; width:100%; height:15.16rem; background-size:100%;}
.floor_5_main .floor_5_1{ margin:0 0.4rem; margin-top:0.4rem;}
.floor_5_main .floor_5_1 dl dt img{ width:5.4rem; height:3.04rem;}
.floor_5_main .floor_5_1 dl dd{width:100%;}
.floor_5_main .floor_5_1 dl dd .about{ padding-top:0.78rem;}
.floor_5_main .floor_5_1 dl dd .about h3{ font-size:0.34rem; color:#0069c5; line-height:0.34rem;}
.floor_5_main .floor_5_1 dl dd .about p{ font-size:0.22rem; color:#666; line-height:0.22rem; padding-top:0.16rem;}
.floor_5_main .floor_5_1 dl dd a .cont{ font-size:0.24rem; color:#333333; line-height:0.45rem; padding-top:0.36rem; display:block;}
.floor_5_main .floor_5_1 dl dd a.learnMore{ margin:0 auto;  width:3.6rem; height:0.65rem; line-height:0.65rem; display:block; font-size:0.26rem; color:#fff; margin-top:0.34rem;transition: all ease 500ms; background-color:#cc0000; text-align:center;}

.floor_7_main{ padding-top:0.6rem;}
.floor_7_1{ margin:0 auto; margin-top:0.36rem; background-color:#fff; width:6.9rem; border-radius:0.16rem;box-shadow:0px 4px 10px #cacbd0; overflow:hidden;}
.floor_7_1 ul{ display:block; padding:0.3rem;}
.floor_7_1 ul li{ display:block; height:1rem; border-bottom:#ddd solid 1px; width:100%; padding-top:0.26rem;}
.floor_7_1 ul li em{ display:block; font-size:0.3rem; color:#333; line-height:0.3rem;}
.floor_7_1 ul li span{ display:block; font-size:0.26rem; color:#666; line-height:0.26rem; padding-top:0.2rem;}
.floor_7_1 ul li:nth-child(4){ border-bottom:none;}

.floor_8_main{  width:100%; background-size:100%; padding-top:0.6rem;}


.floor_6_main{border-top:#f7f7f7 solid 0.3rem; padding-bottom:0.6rem; }
.floor_6_2{ margin:0 0.24rem;}
.floor_6_1{ width:100%; padding-top:0.2rem;}
.floor_6_1 .list { display:inline-block; width:100%; }
.floor_6_1 .list li { float:left; width:2.82rem; height:1.28rem; border:0.01rem solid #ddd; margin-right:0.24rem; position:relative; overflow:hidden; margin-top:0.22rem;}
.floor_6_1 .list li:nth-child(2n){ margin-right:0;}
.floor_6_1 .list a { display:inline-block; }
.floor_6_1 .list img { display:inline-block; width:100%; height:100%; background-size:100%;-webkit-transition: all ease 300ms;-moz-transition: all ease 300ms;-ms-transition: all ease 300ms;-o-transition: all ease 300ms;transition: all ease 300ms; overflow:hidden; }

.textlist{  margin:0 auto; margin-top:0.36rem; background-color:#fff; width:6.9rem; border-radius:0.16rem;box-shadow:0px 4px 10px #cacbd0; overflow:hidden;}
.textlist ul{ display:inline-block; width:91.2%; padding:0 0.3rem; padding-bottom:0.38rem;}
.textlist ul li{ display:block; height:1.2rem; padding-top:0.4rem; border-bottom:#dddddd solid 1px; padding-bottom:0.4rem;}
.textlist ul li:nth-child(4){ border-bottom:none;}
.textlist ul li .tl{ float:right; width:3.4rem;}
.textlist ul li .tl em{ display:block; font-size:0.28rem; color:#333333; line-height:0.46rem; height:0.98rem; font-weight:bold;}
.textlist ul li .tl span{ background:url(../images/a7_03.png) left no-repeat; display:block; font-size:0.2rem; color:#999999; line-height:0.2rem; float:left; height:0.24rem; line-height:0.24rem;  background-size:0.26rem 0.24rem; padding-left:0.36rem; }
.textlist ul li .tl i{background:url(../images/a7_05.png) left no-repeat; display:block; font-size:0.2rem; color:#999999; line-height:0.2rem; float:left; margin-left:0.2rem;height:0.24rem; line-height:0.24rem; background-size:0.32rem 0.24rem; padding-left:0.4rem;}
.textlist ul li img{ float:left; width:2.14rem; height:1.2rem; background-size:100%;}
.textlist ul li .tl b{ width:0.19rem; height:0.06rem; background-position:-1.95rem -1.35rem; float:right; display:block; margin-top:0.1rem;}

.footer{ width:100%; margin:0 auto; padding-top:0.3rem; padding-bottom:0.4rem; text-align:left; 
background-image: -moz-linear-gradient(top, #222a39, #333e4f); /* Firefox */
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #222a39), color-stop(1, #333e4f));
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#222a39', endColorstr='#333e4f', GradientType='0'); 
 border-top-left-radius:0.1rem; border-top-right-radius:0.1rem; }
.footer .footer_d{ padding:0 0.3rem; padding-top:0.5rem;}
.footer .footer_d span{ display:block; font-size:0.26rem; color:#b3b6bc; font-family:"Arial"; padding-top:0.1rem;}
.footer .footer_d p{ display:block; font-size:0.26rem; color:#b3b6bc; padding-top:0.1rem;}
.footer .footer_d p a{ display:inline-block; padding:0 0.15rem; color:#b3b6bc;}

.footer dl{ padding:0 0.3rem;}
.footer dl dt{ display:inline-block; width:6.9rem;}
.footer dl dt i{ display:block; float:left; width:0.7rem; height:0.7rem; background-position:0rem -1.26rem;}
.footer dl dt p{ width:5.9rem; float:right;}
.footer dl dt p span{ color:#a5b0c5; display:block; font-size:0.26rem;}
.footer dl dt p em{ display:block; font-size:0.36rem; color:#fff; font-family:"Arial"; line-height:0.46rem; padding-top:0.1rem;}
.footer dl dd{ display:inline-block; width:6.9rem; padding-top:0.4rem;}
.footer dl dd i{ display:block; float:left; width:0.7rem; height:0.7rem; background-position:-0.86rem -1.26rem;}
.footer dl dd p{ width:5.9rem; float:right;}
.footer dl dd p span{ color:#a5b0c5; display:block; font-size:0.26rem;}
.footer dl dd p em{ display:block; font-size:0.26rem; color:#fff; line-height:0.26rem; padding-top:0.1rem;}

.telfix{width: 1rem;height: 1rem;position: fixed;right: 1%;bottom: 4.6rem;z-index: 999;background:url("../images/l9_03.png") no-repeat center center;background-size:1rem 1rem;}
.toTop{width: 1rem; height: 1rem; position: fixed; right: 1%; bottom: 2rem; z-index: 999; background:url("../images/dh_06.png") no-repeat center center;background-size:1rem 1rem;}
.cb_lj{width: 1rem;height: 1rem;position: fixed;right: 1%;bottom: 3.3rem;z-index: 999;background: url(../images/l9_06.png) no-repeat center center;background-size: 1rem 1rem;}


.transform {transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);-webkit-transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);}
.wa_right{ height: 100%;width:100%;z-index: 12; position: fixed; right: 0; top: 0rem;  overflow-x: hidden; overflow-y: auto; display:none; background-color:#fff;}
.foot{ position: relative; bottom: 0; left:0;  text-align: center; background: #009bdb; width: 100%; color: #fff; font-size: 0.12rem; height: 0.5rem; line-height: 0.5rem;}
.nav{ width: 100%; overflow: hidden; padding-bottom:1.2rem;  text-align:center; padding-top:0.4rem;height: 100%;}
.nav li{ position: relative; width: 100%;}
.nav li a{ overflow:hidden; width: 100%; color: #333; display: block; font-size: 0.28rem; position: relative;}
.nav li a span{height: 1rem; line-height: 1rem;border-bottom:#d8d8d8 solid 0.01rem; display:block; font-size:0.34rem; color:#333; width:4.82rem; margin:0 auto;}
.nav li a.one_a{}
.nav .nav_li{ display: none; height:100%; background:#fff; padding:0 0.2rem;}
.nav .nav_li a{ font-size: 0.34rem; line-height: 1rem;  color:#fff; border-bottom:#6283c7 dotted 0.01rem; margin:0 0.8rem;}
.nav .nav_li a.xux{ border-bottom:none;}
.nav .nav_li a:hover{ background:#1e479c; color: #e4edff;}
/*.nav li.act a span{ border-bottom:#1e479c solid 0.01rem;}
.nav li.act a{ border-bottom:#1e479c dotted 1px; background-color:#1e479c; color: #fff;}*/
.nav li .search1{width:4.82rem; margin:0 auto;}
.nav li .search1 input.s_input { border: none; background: url(../images/so_03.png) no-repeat; width:3.98rem; height:1rem; font-size:0.34rem; color:#e4edff; padding-left:0.04rem; color: #99b3df; background-size:100%; line-height:1rem;}
.nav li .search1 input.s_btn { border: none; background: url(../images/so_04.png) no-repeat;  width:0.79rem; height:1rem; background-size:100%;}
span.more span{background: #fff; position: absolute;}
span.more{width: 0.12rem; height: 0.12rem; position: relative; float: right; top: 0.3rem; margin-right: 0.3rem;}
span.more span.h { width: 12px; height: 2px; transform: translate3d(0,5px,0); -webkit-transform: translate3d(0,5px,0);}
span.more span.v { transform: rotate3d(0,0,1,90deg) translate3d(5px,0,0);  -webkit-transform: rotate3d(0,0,1,90deg) translate3d(5px,0,0);}

/*返回顶部*/
.idx_top { width: 0.69rem; right:0.18rem; bottom: 0.6rem; position: fixed; z-index: 99; height: 2.5rem;}
.idx_top a{ display:block; width:0.8rem; height:0.88rem; margin-bottom:0.28rem;}
.idx_top a img{ width:0.8rem; height:0.88rem; background-size:100%;}
 #map1_container,
 #allmap1 {
  width: 100%;
  height: 300px;
}
 .g_wximg {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 99999;
  display: none;
}
.g_wximg .close {
  background: url(../images/close.png) no-repeat center;
  background-size: .4rem auto;
  width: .4rem;
  height: .4rem;
  cursor: pointer;
  position: fixed;
  right: 18%;
  top: 18%;
  text-align: center;
  display: block;
  z-index: 12;
}
.g_wximg .bdtel img {
  width: 4.0rem !important;
  display: block;
}
.bdtel {
  position: fixed;
  top: 22%;
  z-index: 10;
  padding: 0 0 .1rem;
  max-width: 640px;
  min-width: 320px;
  width: 100%;
  left: 50%;
  transform: translateX(-50%);
}
.bdtel .upIn {
  width: 6.4rem;
  display: block;
  text-align: center;
  color: #fff;
  padding: 4%;
  margin: 0 auto;
}
.bdtel p {
  padding: 2%;
  text-align: center;
  color: #fff;
}
.bdtel img {
  margin: 0 auto;
  display: block;
  max-width: 80% !important;
}
.bdtelbg {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 999;
  max-width: 640px;
  min-width: 320px;
  display: none;
}
.bga {
  background-color: rgba(0, 0, 0, 0.8);
  width: 100%;
  height: 100%;
}