/* 清除内外边距 */
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('https://www.lz5.com/skin/default/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(../image/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("../image/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("../image/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('../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;}

.bottom_beian{display: inline-block;  text-decoration: none;   height: 20px;   line-height: 20px;    margin-bottom: -5px;}
.bottom_beian_txt{float: left;  height: 20px;  line-height: 20px;  margin: 0px 0px 0px 5px;}
/* 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:-110px; 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("../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:200px;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;width: 80px; text-align: center;}
.city_name .city_more>a:hover{color:#dc1846;background:#1d7ad9;border-radius:4px;color:#fff;}
.card{
	width: 100%;
	clear: both;
}
.card ul{
	display: flex;
	flex-wrap: wrap;
}

.card li{
	border: 1px solid #aaaaaa38;
	position: relative;
	width: 23%;
	height: 180px;
	margin: 10px 0 10px 29px;
}
.card ul li:nth-of-type(4n+1){
	margin-left: 0;
}
.card li img{
	width: 100%;
	height: 115px;
}
.card li p{
	margin: 10px;
	font-size: 14px;
	
}
.card li .city-name{
	width: 130px;
	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 a{color: #FFFFFF;}
.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);
}
.back2top {width:58px;height:58px;position:fixed;_position:absolute;left:50%;margin-left:620px;bottom:100px;_bottom:auto;cursor:pointer;display:none;}
.back2top a {display:block;width:100%;height:100%;background:url('../image/back2top.png') no-repeat;}
.back2top a:hover {background:url('../image/back2top.png') no-repeat -58px 0;}



.spinfo {
	width: 1200px;
	margin: 0 auto;
}
/* 展会亮点 */
.active-box {
	display: flex;
	justify-content: space-between;
	flex-direction: row;
	flex-wrap: nowrap;
	background-color: #f0faff;
	padding: 20px 0;
}
.active-box .left{
	margin-bottom: 10px;
	border-bottom: 1px dashed #CCCCCC;
}
.active-box .left:last-child{
	border: none;
}
.active-box .left p{
	line-height: 60px;
	font-size: 0.14rem;
	color: #9498A4;
}

.lanzhuang {
	margin: 30px auto 0;
	display: flex;
	padding: 30px;
	border: 1px solid #CCCCCC;
}

.lanzhuang .left {
	border: 20px solid #efefef;
	float: left;
}

.lanzhuang .right {
	float: right;
	margin-left: 20px;
	border-left: 1px dashed #CCCCCC;
}

.lanzhuang .right .text-p {
	font-size: 15px;
	color: #666666;
	margin-left: 30px;
	text-indent: 30px;
	line-height: 30px;
	padding: 10px 0;
	border-bottom: 1px dashed #CCCCCC;
	padding-bottom: 0.3rem;
}
.highlights {
	display: flex;
	justify-content: center;
	margin-top: 30px;
	margin-left: 30px;
}

.highlights .hitem {
	width: 25%;
	height: 50px;
	border: 1px solid #abc0ff;
	border-radius: 5px;
	color: #666666;
	font-size: 0.16rem;
	padding: 0.15rem;
	line-height: 20px;
}

.highlights .hitem span {
	color: #3366ff;
}

.highlights .hitem:nth-child(odd) {
	background-image: linear-gradient(130deg, #ffffff 50%, #e5ecff 100%);
}


.news{
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin: 20px 0;
}
.news ul li{
	display: inline-block;
	height: 28px;
	line-height: 28px;
	overflow: hidden;
	font-size: 14px;
	color: #545454;
	width: 100%;
}


.service {
    background: #F9F9F9 url(../image/service.png) no-repeat 100%;
    text-align: center;
	overflow: hidden;
}
.service .title {
    color: #3366FF;
    font-size: 32px;
    line-height: 70px;
    text-align: center;
    font-weight: bold;
    letter-spacing: 0.07rem;
    text-indent: 0.07rem;
    position: relative;
}
.service .title::before, .title::after {
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    content: '';
    width: 25px;
    height: 1px;
    margin: 0 auto;
    border-bottom: 2px solid #FE0000;
    z-index: 99;
}
.service .title::after {
    width: 90px;
    z-index: 9;
    border-bottom: 2px solid #3366FF;
}
.title-box p {
    color: #E5E5E5;
    font-size: 14px;
    text-align: center;
    margin-top: 10px;
}
.service .container {
    margin: 40px auto;
	width: 1200px;
}
.service .container .row{
	display: flex;
	justify-content: space-between;
}
.service h3 {
    font-weight: bold;
	font-size: 24px;
}
.service p {
    font-size: 0.16rem;
	margin-top: 10px;
}




.w{
     width:1200px;
     margin:0 auto;
}
.foot {
  background: #333;
  color: #f5f5f5;
  margin: 0 auto;
}

.foot .hezi {
  overflow: hidden;
}

.foot .hezi .descrip {
  float: left;
  width: 130px;
  margin-right: 100px;
}

.foot .hezi .descrip h3 {
  border-bottom: 1px solid #484848;
  position: relative;
  padding-top: 15px;
  margin-bottom: 15px;
  line-height: 42px;
  font-size: 18px;
  font-weight: normal;
}

.foot .hezi .descrip h3:after {
  content: "";
  display: inline-block;
  width: 35px;
  position: absolute;
  left: 0;
  bottom: 0;
  border-bottom: 1px solid #888888;
}

.foot .hezi .descrip ol {
  font-size: 12px;
  margin-bottom: 35px;
}
.foot .hezi .descrip ol li {
  line-height: 25px;
}

.foot .hezi .descrip ol li a {
  color: #fff;
}

.foot .hezi .erWeima {
  float: left;
  padding-top: 30px;
}

.foot .hezi .erWeima .xiaZai {
  font-size: 12px;
  /*width: 130px;*/
  height: 120px;
  text-align: center;
  padding-left: 47px;
  box-sizing: content-box;
  margin-bottom:60px;
}
.foot .hezi .erWeima .xiaZai .appimg{
  width:120px;
  height:120px;
  padding-bottom:5px;
  padding:5px;
  background:#fff;
}
.foot .hezi .erWeima .xiaZai img {
  max-width: 120px;
  min-width: 32px;
}

.foot .hezi .erWeima .xiaZai p {
  line-height: 30px;
  text-align: center;
}

.foot .hezi .erWeima .dianHua {
  height: 57px;
  display: table-cell;
  vertical-align: bottom;
  padding-bottom:10px;
}

.foot .hezi .erWeima .dianHua span {
  font-size: 30px;
  padding-right: 6px;
}

.foot .hezi .erWeima .dianHua b {
  font-size: 24px;
}

.foot .lianjie {
  overflow: hidden;
  padding-bottom: 25px;
}
.foot .lianjie p{
	font-size: 16px;
	line-height: 22px;
}
.foot .lianjie p a{
	color: #FFFFFF;
}
.foot .lianjie dt {
  padding-right: 15px;
  line-height: 26px;
  font-size: 16px;
  float: left;
}
.foot .lianjie li {
  line-height: 26px;
  font-size: 12px;
  float: left;
  padding-right: 15px;
}
.foot .lianjie li a {
  color: #f5f5f5;
}#zt