@charset "utf-8";
/* 清除内外边距 */
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,fieldset,lengend,button,input,textarea,th,td {
  /* table elements 表格元素 */
  margin: 0; padding: 0;}
/* 设置默认字体 */
button,input,select,textarea {
  /* for ie */  /*font: 12px/1 Tahoma, Helvetica, Arial, "宋体", sans-serif;*/
  font: 12px/1 "微软雅黑", Tahoma, Helvetica, Arial, "\5b8b\4f53", sans-serif; /* �?ascii 字符表示，使得在任何编码下都无问�?*/ overflow: hidden;}
body {font: 12px/1 "微软雅黑", Tahoma, Helvetica, Arial, "\5b8b\4f53", sans-serif; }
h1 {font-size: 18px; /* 18px / 12px = 1.5 */}
h2 {font-size: 16px;}
h3 {font-size: 14px;}
h4,
h5,
h6 {font-size: 100%;}
address,
cite,
dfn,
em,
var {font-style: normal;}
/* 将斜体扶�?*/
code,
kbd,
pre,
samp,
tt {font-family: "Courier New", Courier, monospace;}
/* 统一等宽字体 */
small {font-size: 12px;}
/* 小于 12px 的中文很难阅读，�?small 正常�?*/
/* 重置列表元素 */
ul,
ol {list-style: none;}
/* 重置文本格式元素 */
a {color: #333333; text-decoration: none;}
a:hover { color:#F00;}
/* links */
a.w:link,a.w:visited,a.w:active {color:#FFFFFF;text-decoration:none;}
a.w:hover {color:#ff0000;}
a.b:link,a.b:visited,a.b:active {color:#225588;text-decoration:none;}
a.b:hover {color:#ff0000;}
a.g:link,a.g:visited,a.g:active {color:#666666;text-decoration:none;}
a.g:hover {color:#ff0000;}
.erweima_bot{width:150px;height:130px;display:none; position:absolute;margin-left: 110px; margin-top: -25px;}
abbr[title],
acronym[title] {
  /* 注：1.ie6 不支�?abbr; 2.这里用了属�?��?�择符，ie6 下无效果 */
  border-bottom: 1px dotted; cursor: help;}
q:before,
q:after { content: '';}
/* 重置表单元素 */
legend {color: #000;}
/* for ie6 */
fieldset,
img {border: none;}
/* img 搭车：让链接里的 img 无边�?*/
/* 注：optgroup 无法扶正 */
button,
input,
select,
textarea {font-size: 100%; /* 使得表单元素�?ie 下能继承字体大小 */}
/* 重置表格元素 */
/*table {
  border-collapse: collapse;
  border-spacing: 0;
}*/
/* 重置 hr */
hr {border: none; height: 1px;}
/* 让非ie浏览器默认也显示垂直滚动条，防止因滚动条引起的闪�?*/
.mmm {margin:auto;width:1200px;background:#FFFFFF;clear:both;}
/* position */
.mpos {padding:0 10px 0 10px;line-height:31px;background:#EEEEEE url('../sjzjbh_files/image/box_head_bg.gif') repeat-x;}
.mnav {padding:0 10px 10px 10px;}
/* common */
.max-width {width: 1200px; margin: 0 auto;}
.fl {float: left;}
.fr {float: right;}
.clearfix:after {content: ".";  display: block; height: 0; visibility: hidden; clear: both;}
.hidden {display: none;}
.clear {display: block; width: 100%; height: 0; clear: both;}
.clear5 {height: 5px;}
.clear10 {height: 15px;}
.clear15 {height: 15px;}
.clear20 {height: 20px;}
.clear30 {height: 30px;}
.icon {display: block; width: 0px; height: 0; background: url("../sjzjbh_files/images/micons.png") no-repeat 0 0 transparent; text-indent: -50em; overflow: hidden;}
.loginico{width: 16px; height: 16px; margin-top: 10px;}
/****  page top  ****/
.ptop {height: 35px; background: #f9f9f9; border-bottom: 1px solid #d7d7d7;}
.ptop .tb {height: 35px; line-height: 35px;}
.ptop .tb a {color: #999999; font-family: "宋体"; display: block; float: left; height: 35px;}
.ptop .tb a:hover {color: #3d9fe1;}
.ptop .tb .line {margin: 10px 0 0 0; border-left: 1px solid #e9e9e9; border-right: 1px solid #dcdcdc; height: 16px;}
.ptop .tb .login {margin: 0; color: #1d7ad9;}
.ptop .phone {width: 11px; height: 14px; background-position: -143px -40px; float: left; margin: 11px 4px 0 0;}
.ptop .hyw {display: block; float: left; margin-left: 8px;}
.ptop .hy {display: block; float: left; color: #999999; font-family: "宋体";}
.ptop .fl {margin-left: 10px;}
.ptop .fl a {margin: 0 10px;}
.ptop .fr a {margin: 0 7px 0 7px;}
.ptop .fr a.line {height: 16px; border-left: 1px solid #e9e9e9; border-right: 1px solid #dcdcdc; margin-top: 10px;}
.ptop .fr .tx1 {display: block; float: left;}
.ptop .fr .em {border-color: #c2c2c2 transparent transparent; border-style: solid dashed dashed; border-width: 4px 4px 0; font-size: 0; height: 0; width: 0; line-height: 0; display: block; float: left; margin: 16px 0 0 2px;}
.ptop .fr .icon {float: left; width: 16px; height: 14px; background-position: -264px -415px; margin-top: 11px; margin-right: 3px;}
.ptop .fr .i2 {background-position: -281px -415px;}
.ptop .fr .i3 {background-position: -298px -415px;}
.ptop .fr .i4 {background-position: -315px -415px;}
.ptop .fr .i5 {background-position: -332px -415px;}
.ptop .fr .i6 {background-position: -349px -415px;}
.ptop .phoner {width: 19px; height: 14px; background-position: -155px -40px; float: left; margin: 11px 2px 0 0px;}
.ptop .pdown {float: left; position: relative; border: 1px solid transparent; border-bottom: 0;}
.ptop .pdown.d3 .sphone {width: 268px; left: auto; right: -178px;}
.ptop .pdown.d3 .sphone .sdownin {width: 265px; margin: 10px;}
.ptop .pdown.d3 .sphone .sdownin img{float:left;}
.ptop .pdown.d3 .sphone .sdownin span{ float:left; font-size:14px; font-weight:600; margin-left:10px;}
.ptop .pdown.d3 .sphone .sdownin span img{margin-top:10px;}
.ptop .pdown.d3 .sphone a {display: block; float: left;  margin: 5px;  width: 80px;}
.ptop .pdown .sphone {position: absolute; display: none; padding-bottom: 3px; top: 35px; background: white; left: -1px; border: 1px solid #dfdfdf; border-top: 0; width: 90px; /*padding-bottom: 10px;*/ z-index: 400;}
.ptop .pdown:hover .sphone,
.ptop .pdown.hover .sphone {display: block;}
.ptop .pdown {float: left; position: relative; border: 1px solid transparent; border-bottom: 0;}
.ptop .pdown.d2 .downul {width: 360px; left: auto; right: -1px;}
.ptop .pdown.d2 .downul .downin {width: 360px; margin: 10px;}
.ptop .pdown.d2 .downul a {display: block; float: left; margin: 5px; width: 80px;}
.ptop .pdown .downul {position: absolute;display: none; padding-bottom: 3px; top: 35px; background: white; left: -1px; border: 1px solid #dfdfdf; border-top: 0; width: 90px; /*padding-bottom: 10px;*/ z-index: 400;}
.ptop .pdown .downul li {display: block;}
.ptop .pdown .downul a {display: block; height: 24px; line-height: 24px;}
.ptop .pdown:hover,
.ptop .pdown.hover {background: white; border: 1px solid #dfdfdf; border-bottom: 0;}
.ptop .pdown:hover .tx,
.ptop .pdown.hover .tx {line-height: 36px;}
.ptop .pdown:hover .downul,
.ptop .pdown.hover .downul {display: block;}
.ptop .pdown:hover .em,
.ptop .pdown.hover .em {-webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); -webkit-transition: all .25s ease 0s; -moz-transition: all .25s ease 0s; -o-transition: all .25s ease 0s; transition: all .25s ease 0s;}
.em_square_down {border-color: #c2c2c2 transparent transparent; border-style: solid dashed dashed; border-width: 4px 4px 0; font-size: 0; height: 0; width: 0; line-height: 0; float: left;  margin: 16px 0 0 2px; display: block;}
.headlo {height: 118px;}
.headlo .logow {display: block; width: 311px; height: 55px; float: left; margin-top: 32px;}
.headlo .head_jia {display: block; float: right; margin: 38px 44px 0 0;}
.head_search {float: left; margin: 42px 0 0 88px; width: 501px; height: 38px; background: #1d7ad9; border-top: 1px solid #e2f0f8; border-bottom: 1px solid #409ad2;}
.head_search .sw {width: 422px;border-left: 1px solid #cbe4f3;height: 34px; background: white; margin: 2px 0 0 2px; float: left;}
.head_search .stw {float: left; width: 96px; border-right: 1px solid #eee; background: #f9f9f9; height: 34px; position: relative;}
.head_search .stw.hover .typepdown {display: block;}
.head_search .stw.hover .square_down {-webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); -webkit-transition: all .25s ease 0s; -moz-transition: all .25s ease 0s; -o-transition: all .25s ease 0s; transition: all .25s ease 0s;}
.head_search .typtext {display: block; color: #666; width: 68px; height: 34px; line-height: 34px; text-align: center; margin-left: 6px; float: left;}
.square_down {float: left; z-index: 10; display: block; border-color: #c2c2c2 transparent transparent; border-style: solid dashed dashed; border-width: 4px 4px 0; font-size: 0; height: 0; width: 0; line-height: 0; margin-top: 16px;}
.typepdown {display: none; position: absolute; width: 95px; top: 34px; left: -1px; z-index: 300; border: 1px solid #ddd; border-bottom: 0; background: #f9f9f9;}
.typepdown li {display: block; height: 32px;line-height: 32px; color: #666; cursor: pointer; text-align: center; border-bottom: 1px solid #ddd;}
.typepdown li:hover {color: #3d9fe1;}
.search_keyword {display: block; border: 0; background: transparent; color: #bcbcbc; line-height: 14px; padding: 10px; width: 305px;}
.btn_serachsub {display: block; float: left; width: 75px; height: 38px; line-height: 38px; text-align: center; font-size: 16px; color: white; border: 0; background: transparent; letter-spacing: 5px; cursor: pointer;}
.btn_serachsub:hover {color: #F42E2D;}
.topnav {height: 51px; background: #1d7ad9; z-index: 110;}
.topnavul {float: left; display: block; position: relative; z-index: 110;}
.topnavul li {display: block; position: relative; float: left; z-index: 10;}
.topnavul li.line {height: 48px; width: 2px; background: url("../sjzjbh_files/images/micons.png") no-repeat -175px -40px transparent;}
.topnavul li.bottom_line {width: 0; position: absolute; height: 0; bottom: 0; left: 0; margin: 0; border: 0; z-index: 2; background: #1e7ab6; border-bottom: 3px solid #4bc149;}
.topnavul a {display: block; height: 51px; line-height: 51px; font-size: 16px; color: white; padding: 0 29px; z-index: 20;}
.topnavul .hot {width: 29px; height: 17px; position: absolute; top: -2px; right: 13px;}
.navtx {float: left; width: 263px; position: relative; z-index: 110;}
.navtx .ntiw {height: 51px; width: 100%; background-color: #1369c0;}
.navtx .nti {display: block; height: 51px;line-height: 51px; font-size: 16px; font-weight: bold; color: white;}
.navtx .sheng {width: 32px; height: 30px; background-position: 0 -113px; float: left; margin: 11px 0 0 32px;}
.bnavl {display: block; position: absolute; top: 51px; left: 0; z-index: 110; border: 1px solid #dbdbdb; background: white; width: 261px;}
.bnavl li {display: block; border-top: 1px solid #dbdbdb; height: 69px; *height: 66px; position: relative;}
.bnavl li.first {border: 0;}
.bnavl li.first:hover,
.bnavl li.first.hover {border-top: 0;}
.bnavl li .icon {position: absolute; width: 38px; height: 38px; background-position: -166px -123px; top: 22px; left: 16px;}
.bnavl li .icon.i2 {background-position: -205px -123px;}
.bnavl li .icon.i3 {background-position: -244px -123px;}
.bnavl li .icon.i4 {background-position: -139px -462px; width: 40px;}
.bnavl li .icon.i5 {background-position: -283px -123px;}
.bnavl li .icon.i6 {background-position: -322px -123px;}
.bnavl li .rto {position: absolute;right: 7px; top: 36px;font-family: "宋体"; font-size: 16px; color: #007ed9;}
.bnavl li .bo {display: none; position: absolute; top: 0; height: 69px; z-index: 20;}
.bnavl li .bo.b1 {left: -1px; width: 6px; background: #1d7ad9; top: -1px; height: 71px;}
.bnavl li .bo.b2 {width: 3px; background: white; right: -2px;}
.bnavl li:hover,
.bnavl li.hover {border-top: 1px solid #d6d6d6; border-right: 0; box-shadow: -3px 0 5px #222222;}
.bnavl li:hover .bo,
.bnavl li.hover .bo {display: block;}
.bnavl .ti {display: block; margin-left: 60px; font-size: 16px; color: #333;}
.bnavl .bti {padding-top: 22px;}
.bnavl .sti {margin-top: 4px; font-size: 12px; color: #999;}
/****  page top end ****/
/****  page bottom ****/
.pbottom {background-color: #282828; height: 120px; margin-top: 20px; border-top: 3px solid #1d7ad9;}
.pbottom a {display: block; float: left; line-height: 65px; color: #ccc; width: 290px; font-size: 16px; margin-top: 21px;}
.pbottom a.first {margin-left: 5px;}
.pbottom a.last {margin-right: 0;}
.pbottom a:hover {color: #3d9fe1;}
.pbottom a:hover .icon {background-color: #3d9fe1;}
.pbottom a .txw {display: block; float: left; line-height: 23px;}
.pbottom a .tx {display: block; font-size: 16px; color: #1d7ad9; margin-top: 12px;}
.pbottom a .des {display: block; font-size: 14px; color: #8d8d8d;}
.pbottom .icon {margin-right: 10px; width: 66px; height: 65px; float: left; background-color: #1d7ad9; border-radius: 33px; background-position: -34px -78px;}
.pbottom .i2 {background-position: -100px -78px;}
.pbottom .i3 {background-position: -34px -143px;}
.pbottom .i4 {background-position: -100px -143px;}
.footer {background: #282828;}
.footer1 {padding-bottom: 10px;}
.footer-menu {float: left; margin-left: 40px; width: 140px;}
.footer-menu dt {font-size: 14px; color: #999; height: 24px; line-height: 24px; border-bottom: 1px solid #333;}
.footer-menu dd {font-size: 12px; color: #999;}
.footer-menu dd a {color: #999; display: block; height: 28px; line-height: 28px;}
.footer-menu dd a:hover {color: #3d9fe1;}
.footer-menu.m1 {margin-left: 5px;}
.footer-menu.m6 {width: 210px;}
.footer-menu.m6 dd {width: 153px; height: 30px; background: #222; margin-top: 8px;}
.footer-menu.m6 dd a {font-size: 12px; color: #969696;}
.footer-menu.m6 dd a:hover {color: #3d9fe1;}
.footer-menu.m6 dd .icon {width: 29px; height: 28px; background-position: -242px -213px; float: left; margin: 1px 0 0 1px;}
.footer-menu.m6 dd .icon.android {background-position: -272px -213px;}
.footer-menu.m6 dd .icon.wx {background-position: -302px -213px;}
.footer-menu.m6 dd .tx {display: block; float: left; line-height: 30px; margin-left: 11px;}
.bottommenu {border-top: 1px solid #363636; padding-top: 12px; *height: 25px;}
.bottommenu a {display: block; float: left; color: #999; height: 22px; line-height: 22px;}
.bottommenu a:hover {color: #3d9fe1;}
.bottommenu a.line {height: 13px; width: 1px; background: #333; margin: 0 9px; margin-top: 5px;}
.footline {border-left: 1px solid #716e6e; border-right: 1px solid #292828; width: 0; height: 174px; margin-left: 107px; float: left; margin-top: 33px;}
.footerlogo {display: block; float: left; margin: 70px 0 0 50px;}
.friendlink {padding-top: 12px;}
.friendlink .ti {color: #999; display: block; float: left; line-height: 21px; margin-right: 10px;}
.friendlink .lists {float: left; width: 1125px;}
.friendlink .lists a {font-size: 12px; height: 24px; line-height: 24px; display: block; float: left; color: #999;}
.friendlink .lists a.line {height: 13px; width: 1px; background: #333; margin: 0 9px; margin-top: 6px;}
.friendlink .lists a:hover {color: #3d9fe1;}
.copy {font-size: 12px; color: #444; text-align: left; line-height: 24px;}
.copyen {margin-top: 10px;}
.copyrigths {padding: 10px 0 40px 0;}
.copyrigths a {display: block; float: left; margin-right: 8px; padding: 0;}
.flistblk.blk13 .bcon li,
.flistblk.blk14 .bcon li {width: 280px;}
/****  page bottom end ****/
.bnavlw {position: absolute; left: 0; top: 51px; width: 261px; border: 1px solid #dbdbdb; background: white; z-index: 30;}
.bnavlw .liw {overflow: hidden; height: 84px; margin: 0 7px; border-bottom: 1px solid #dbdbdb; position: relative; z-index: 35;}
.bnavlw .liw .lipart {z-index: 35;}
.bnavlw .liw.last {border-bottom: 0; height: 83px;}
.bnavlw .liw h4 {z-index: 35; display: block; font-size: 16px; font-weight: bold; color: #444444; padding-top: 10px;}
.bnavlw .liw h4 .icon {float: left; width: 17px; height: 16px; background-position: -278px -343px; margin-right: 3px;}
.bnavlw .liw h4 .i2 {background-position: -296px -343px;}
.bnavlw .liw h4 .i3 {background-position: -314px -343px;}
.bnavlw .liw h4 .i4 {background-position: -332px -343px;}
.bnavlw .liw h4 .i5 {background-position: -278px -360px;}
.bnavlw .liw .itmw {z-index: 35; width: 260px; padding-top: 5px; height: 50px; overflow: hidden;}
.bnavlw .liw .itmw a {display: block; float: left; height: 20px; line-height: 20px; padding: 0 7px; background: #f4f4f4; text-align: center; font-size: 14px; color: #999; margin-bottom: 8px; margin-right: 22px;}
.bnavlw .liw .itmw a:hover {color: #3d9fe1;}
.bnavlw .liw.li_allw {z-index: 40; position: absolute; top: -1px; left: -8px; background: white; margin: 0; padding: 0 7px; height: auto; width: 247px; box-shadow: 0 2px 3px #65ABF2; border: 1px solid #1D7AD9;}
.bnavlw .liw.li_allw h4 {z-index: 40;}
.bnavlw .liw.li_allw .itmw {height: auto;  z-index: 40;}
.bnavlw .liw.hover,
.bnavlw .liw:hover {z-index: 36; overflow: visible;}
.diyplanw .close {position: absolute; right: 5px; top: 5px; font-size: 14px; color: #cecece; width: 15px; height: 15px; line-height: 15px; text-align: center; cursor: pointer;}
.diyplanw .close:hover {color: red;}
.diyplanw .diyti {width: 278px; height: 82px; background: url("../sjzjbh_files/images/diyti_white1.jpg") no-repeat 0 0 transparent;}
.diyplanw .bnavlw {display: none; top: 33px; width: 100%; /* 258px */}
.diyplanw .bnavlw .liw {height: auto; overflow: visible;}
.diyplanw .bnavlw .liw .itmw {padding-top: 10px;}
.diyplanw .bnavlw .li_allw {width: 245px; top: 0; box-shadow: 0 5px 5px #65abf2;}
.diyplanw .clicked {z-index: 30;}
.diyplanw .clicked .bnavlw {display: block;}
.head_t{padding:0 2px 0 2px;}
.head_t strong{color:#FF0000;font-weight:600;}
.highlight,.f_red {color:red;}
.jt {color:#003278;cursor:pointer;}
.np {padding:20px 30px 20px 50px;line-height:25px;}
.lazy {background:#FAFAFA url('../sjzjbh_files/image/loading.gif') no-repeat center center;}
.slide {background:#FAFAFA;overflow:hidden;}
.m_top5{margin-top:5px;}
.m_top10{margin-top:10px;}
.m_top15{margin-top:15px;}
.m_top25{margin-top:25px;}
.m_left15{margin-left:15px;}
.dsn{display:none;}
.c_p {cursor:pointer;}
.c_b {clear:both;}
#search_tips {z-index:1000;position:absolute;width:325px;overflow:hidden;cursor:pointer;margin:80px 0 0 498px;font-size:13px;line-height:20px;color:#666666;background:#FFFFFF;border:#444444 1px solid;}
#search_tips div {height:20px;padding:1px 8px 1px 8px;clear:both;overflow:hidden;}
#search_tips div span {float:right;font-size:12px;}
#search_tips label {display:block;width:100%;background:#FAFAFA;font-size:12px;color:#0000CC;text-align:right; cursor:pointer;}
.search_t_div_1 {color:#333333;}
.search_t_div_1 span {color:#008000;}
.search_t_div_2 {background:#3366CC;color:#FFFFFF;}
.search_t_div_2 span {color:#FFFFFF;}
/* pages */
.pages {padding:20px 0 20px 0;text-align:center;font-size:14px;color:#666666;}
.pages a:link,.pages a:visited,.pages a:active {background:#FFFFFF;border:#DDDDDD 1px solid;padding:5px;text-decoration:none;}
.pages a:hover {background:#258CFF;border:#258CFF 1px solid;color:#FFFFFF;padding:5px;text-decoration:none;}
.pages strong {background:#258CFF;padding:5px;border:#258CFF 1px solid;color:#FFFFFF;}
.pages_inp {width:30px;border:#DDDDDD 1px solid;color:#666666;padding:5px;text-align:center;}
.pages_btn {width:26px;border:#FF6600 1px solid;color:#FFFFFF;padding:5px;background:#FF6600;font-weight:bold;font-size:11px;}
.pages label {background:#FFFFFF;border:#2E6AB1 1px solid;color:#004499;padding:1px 5px 1px 5px;}
.pages label em {color:red;font-weight:bold;font-style:normal;}
.pages label span {font-weight:bold;}
.pages cite {font-style:normal;}
.page_over, .page_over a, .page span a:hover{ background:#0A66B1; color:#fff;  display:inline-block;}
/*选择城市*/
.header_city{float:left; margin-left:-130px; margin-top:45px; }
.city_name{position:relative;width:77px;height:30px;line-height:30px;border:1px solid #e5e5e5;border-radius:2px;padding-left:6px;background:url("../sjzjbh_files/image/red_arrow_down.png")/*tpa=https://hf.antuan.com/static/images/index/red_arrow_down.png*/ 58px 11px no-repeat; z-index:999999;}
.city_name>a{display:block;font-size:16px;color:#1d7ad9;}
.city_name:hover .city_more{display:block;}
.city_name:hover:after{content:'';position:absolute;bottom:-1px;left:0;right:0;width:100%;height:1px;background:#fff;z-index:100;}
/*.header_middle .city_name .city_more{display:none;position:absolute;left:-1px;top:30px;background:#fff;width:214px;z-index:99;padding:9px 0 7px 0;border:1px solid #e5e5e5;border-radius:2px;}
.header_middle .city_name .city_more>a{float:left;font-size:16px;line-height:31px;color:#010101;padding:0 8px;}*/
.city_name .city_more{display:none;position:absolute;left:-1px;top:30px;background:#fff;width:214px;z-index:99;padding:9px 0 7px 0;border:1px solid #e5e5e5;border-radius:2px;}
.city_name .city_more>a{float:left;font-size:16px;line-height:31px;color:#1d7ad9;padding:0 5px;margin:0 5px  0 2px}
.city_name .city_more>a:hover{color:#dc1846;background:#1d7ad9;border-radius:4px;color:#fff;}
.card{
	width: 100%;
	clear: both;
}
.card li{
	border: 1px solid #aaaaaa38;
	position: relative;
	float: left;
	width: 224px;
	height: 230px;
	margin: 10px 7px;
	
}
.card li img{
	width: 100%;
	height: 160px;
}
.card li p{
	margin: 10px;
	font-size: 14px;
	
}
.card li .city-name{
	width: 110px;
	line-height: 35px;
	text-align: center;
	cursor: pointer;
	border: 4px solid rgba(255,255,255,0.7);
	background-color: rgba(0,0,0,0.3);
	color: #FFFFFF;
	font-size: 16px;
	letter-spacing: 2px;
	position: absolute;
	top: 25%;
	left: 50%;
	transform: translateX(-50%);
	
}
.card li .city-name:hover{
	background-color: rgba(0,0,0,0.6);
}
.card li:hover{
	transform:scale(1.05);
	-webkit-transform:scale(1.05);
	-ms-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-o-transform: scale(1.02);
	box-shadow: 0 2px 4px 0 rgba(0,0,0,0.3);
}