/* 默认 */
body {background: #FFF; color: #333; font-size: 14px; line-height: 20px; position: relative; z-index: 1;}
a {color: #333;}
a:hover {color: #DD0000;}

table {border-width: 1px; border-color: #DDD; border-collapse: collapse; width: 100%;}
table th, table td {border-width: 1px; padding: 10px 20px; border-style: solid; border-color: #DDD;}
table th {width: 20%; background: #F7F7F7; text-align: right;}
table td {background: #FFF; text-align: left;}
table td span {color: #AAA; margin: 0 0 0 10px;}

/* 公用 */
.lsPic {display: grid; grid-template-columns: repeat(5, 1fr); grid-gap: 20px;}
.lsPic a {max-height: 220px; overflow: hidden;}
.lsPic img {width: 100%; height: 100%; max-height: 220px; object-fit: cover; transition: transform 0.2s ease;}
.lsPic a:hover img {transform: scale(1.1);}

.lsPicLi {display: grid; grid-template-columns: repeat(4, 1fr); grid-gap: 20px 20px;}
.lsPicLi li {position: relative; z-index: 1; background: #EEE; height: 300px; overflow: hidden;}
.lsPicLi li img {width: 100%; height: 100%; object-fit: cover; transition: transform 0.2s ease;}
.lsPicLi li img:hover {transform: scale(1.1);}
.lsPicLi li p {position: absolute; z-index: 2; left: 0; bottom: 0; display: block; width: 100%; line-height: 30px; text-align: center; background: rgba(0, 0, 0, 0.2); color: #FFF;}

.pmd {height: 40px; line-height: 40px; background: #F7F7F7; border-bottom: 1px solid #DDD; position: relative;}
.pmd marquee {position: absolute; width: 1200px; height: 40px; left: 50%; margin-left: -600px;}

.tit {display: flex; justify-content: space-between; padding: 0 0 20px 0; margin: 30px 0 20px 0; border-bottom: 1px solid #DDD;}
.tit * {line-height: 44px;}

.position a {margin: 0 10px;}
.position a:first-of-type {background: url(ico_home.png) no-repeat left center; padding: 0 0 0 20px;}
.position a:last-of-type {margin-right: 0;}

.page {display: flex; line-height: 40px; margin: 20px 0 0 0;}
.page a {display: block; width: 40px; height: 40px; margin: 0 10px 0 0; text-align: center; background: #EEE; color: #666;}
.page a:hover {background: #DDD; color: #DD0000;}
.page a.page-num-current {background: #333; color: #FFF;}
.page span {margin: 0 0 0 auto;/* 实现右对齐 */}

.related {display: flex; justify-content: space-between; line-height: 40px; margin: 20px 0 0 0;}
.related li span {color: #999;}
.related li a {color: #0081C2;}

.text p {font-size: 16px; line-height: 24px; padding: 0 0 30px 0;}
.text img {max-width: 660px;}

.toolBar {position: fixed; z-index: 999; right: 0; top: 0; bottom: 0; width: 120px; background: #333; color: #FFF; text-align: center; display: none;}
.toolBar dt {background: #1ab1a6; padding: 30px 0;}
.toolBar dd {padding: 20px 0; border-bottom: 1px solid #666; cursor: pointer;}
.toolBar dd:hover {position: relative; z-index: 1;}
.toolBar dd img {position: absolute; z-index: 2; left: -200px; top: 0; display: none;}
.toolBar dd:hover img {display: block;}
.toolBar dd strong {color: #faaf3a;}
.toolBar dd a {display: block; line-height: 50px; margin: 20px 0 0 0; background: url(btn_top.png) no-repeat center bottom;}

/* 幻灯片 */
#DtBox {position: relative; z-index: 1; height: 100%; overflow: hidden; clear: both;}
#DtBox .Dt {position: relative; z-index: 2; width: 100%; float: left; display: none; background: #000; height: 100%; overflow: hidden;}  
#DtBox .Dt img {display: block; width: 100%; max-height: 500px;}
#DtBox .prev, #DtBox .next {position: absolute; z-index: 3; top: 50%; width: 50px; height: 50px; background: url(../banner/btn_jt.png) no-repeat; cursor: pointer; margin-top: -25px;}
#DtBox .prev {left: 0; background-position: 0 0;}
#DtBox .next {right: 0; background-position: -50px 0;}
#DtBox .DtBtn {position: absolute; z-index: 3; bottom: 20px; left: 50%; margin-left: -50px; width: 100px; text-align: center; overflow: hidden; zoom: 1; display: flex; justify-content: space-between;}  
#DtBox .DtBtn a {width: 12px; height: 12px; border-radius: 10px; font: 12px/15px "\5B8B\4F53"; text-align: center; background: #FFF;}
#DtBox .DtBtn .current, #DtBox .DtBtn a:hover {filter: alpha(opacity=100); background: #f46e82;}

/* 头部 */
.header dl {display: grid; grid-template-columns: 320px 1fr 320px; grid-template-rows: repeat(1, 100px); padding: 20px 0;}
.header .name {background: url(name.png) no-repeat left center;}
.header .logo a {display: block; width: 100px; height: 100px; margin: 0 auto; background: url(logo.png) no-repeat;}
.header .tel {padding: 20px 0 0 0;}
.header .tel p span {color: #f46e82;}
.header .tel strong {color: #f46e82; font-size: 30px; line-height: 40px;}
.header .nav {background: #f46e82;}
.header .nav a {display: block; color: #FFF; text-align: center; letter-spacing: 3px;}
.header .nav .row {overflow: visible;}
.header .nav ul {display: flex; justify-content: space-between;}
.header .nav li {flex: 1;}
.header .nav li:hover {position: relative; z-index: 900;}
.header .nav li > a {font-size: 16px; line-height: 50px;}
.header .nav li:hover > a {background: #d64b5f;}
.header .nav li.active > a {background: #333;}
.header .nav li > div {position: absolute; z-index: 901; left: 0; top: -999999px; width: 100%; background: #f46e82;}
.header .nav li:hover > div {top: 50px;}
.header .nav li > div > a {line-height: 40px; border-top: 1px solid #d64b5f;}
.header .nav li > div > a:hover {background: #d64b5f;}
.header .nav li > div > p > a {line-height: 30px; border-top: 1px solid #d64b5f;}

/* 尾部 */
.footer {background: #F7F7F7; color: #888; border-top: 1px solid #DDD; margin: 20px 0 0 0; padding: 30px 0;}
.footer dl {background: url(logo2.png) no-repeat left center; padding: 0 0 0 220px;}
.footer a {color: #0088CC;}
.footer a:hover {color: #0066CC;}
.footer .nav {color: #CCC; padding: 0 0 15px 0;}
.footer .nav a {margin: 0 3px;}

/* 布局 */
.warp {display: grid; grid-template-columns: 180px auto; grid-gap: 0 40px;}
.side {position: relative; z-index: 10; margin-top: -40px;}
.side h2 {background: #faaf3a; color: #FFF; padding: 80px 0 20px 20px; }
.side .lsType li {line-height: 40px; border-bottom: 1px solid #DDD; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.side .lsType li.active {background: #F7F7F7;}
.side .lsType li.active a {color: #faaf3a;}
.side .lsType li a {display: block; padding: 0 0 0 20px;}

/* 首页 */
.home .picFour {margin: 20px 0;}
.home .picFour .lsPicLi li {height: 240px;}
.home .picFour .lsPicLi li p {bottom: -40px; line-height: 40px;transition: bottom 0.2s ease;}
.home .picFour .lsPicLi li:nth-child(1) p {background: #f46e82; filter: alpha(opacity=90); -moz-opacity: 0.9; opacity: 0.9;}
.home .picFour .lsPicLi li:nth-child(2) p {background: #faaf3a; filter: alpha(opacity=90); -moz-opacity: 0.9; opacity: 0.9;}
.home .picFour .lsPicLi li:nth-child(3) p {background: #1ab1a6; filter: alpha(opacity=90); -moz-opacity: 0.9; opacity: 0.9;}
.home .picFour .lsPicLi li:nth-child(4) p {background: #8344b1; filter: alpha(opacity=90); -moz-opacity: 0.9; opacity: 0.9;}
.home .picFour .lsPicLi li:hover p {bottom: 0;}
.home .picFour .lsPicLi li p strong {display: block; font-size: 16px;}
.home .tabBox {display: flex; border: 1px solid #CCC; background: #EEE;}
.home .tabBox button {padding: 14px 30px; transition: 0.2s;}
.home .tabBox button:hover {background: #DDD;}
.home .tabBox button.active {background: #f46e82; color: #FFF;}
.home .tabCot {display: none; padding: 14px; border: 1px solid #CCC; border-top: none;}
.home .tit {padding: 0 15px 0 80px; margin: 20px 0; border: 0;}
.home .tit h2 {color: #FFF;}
.home .tit a {color: #FFF;}
.home .jlxc .tit {background: url("tit_ico.png") no-repeat 15px center, url("tit_bg1.png") no-repeat right bottom; background-color: #faaf3a;}
.home .jlxc .lsPic {grid-template-columns: repeat(7, 1fr);}
.home .bzzx .tit {background: url("tit_ico.png") no-repeat 15px center, url("tit_bg2.png") no-repeat right bottom; background-color: #b8df00;}
.home .bzzx .textBox {display: grid; grid-template-columns: repeat(4, 1fr); grid-template-rows: 220px; grid-gap: 0 10px;}
.home .bzzx .textBox dl {border: 1px solid #DDD; padding: 14px;}
.home .bzzx .textBox dt {display: flex; justify-content: space-between; line-height: 20px; border-bottom: 1px solid #f46e82; padding: 0 0 10px 0; margin: 0 0 10px 0;}
.home .bzzx .textBox dt h2 {font-size: 14px;}
.home .bzzx .textBox dt a {text-align: center; width: 20px; height: 20px; border: 1px solid #DDD; background: #F7F7F7;}
.home .bzzx .textBox dt a:hover {border: 1px solid #CCC; background: #EEE;}
.home .bzzx .textBox .lsText dd a {display: flex; justify-content: space-between; line-height: 24px;}
.home .bzzx .textBox .lsText dd a em {color: #CCC;}
.home .bzzx .textBox .kfzx {text-align: center; background: url(kfzx_bg.png) no-repeat center 160px;}
.home .bzzx .textBox .kfzx dd strong {display: block; color: #f46e82; font-size: 30px; padding: 10px 0 20px 0;}
.home .picBox {display: grid; grid-template-columns: 1fr 620px; grid-template-rows: 140px; background: #eb6d81; padding: 30px; margin: 20px 0 0 0; color: #FFF;}
.home .picBox .btn p {margin: 10px 0 40px 0;}
.home .picBox .btn button {text-align: center; font-size: 18px; color: #FFF; font-family: "Courier New", Courier, monospace; width: 36px; height: 36px; cursor: pointer; background: none; border: 1px solid #FFF; filter: alpha(opacity=80); -moz-opacity: 0.8; opacity: 0.8;}
.home .picBox .btn button:hover {background: rgba(255, 255, 255, 0.2); filter: alpha(opacity=100); -moz-opacity: 1; opacity: 1;}
.home .picBox .gd {position: relative; z-index: 1; overflow: hidden;}
.home .picBox .gd div {position: absolute; z-index: 2; left: 0; top: 0; display: flex; height: 100%; transition: transform 0.5s ease;}
.home .picBox .gd img {width: 100px; margin-right: 30px;}

/* 单页 */
.about {}

/* 新娘 详情页 */
.bride dl {display: grid; grid-template-columns: 430px 1fr; grid-gap: 40px; margin: 20px 0 0 0;}
.bride .pic {background: #F7F7F7 url(nopic.gif) no-repeat center center; height: 575px; overflow: hidden;}
.bride .pic img {width: 100%;}
.bride .video {text-align: center;}

/* 婚姻 详情页 */
.marry {}

/* 帮助中心 列表页 */
.textList .tit {margin-bottom: 0;}
.textList .lsText li {display: flex; justify-content: space-between; line-height: 50px; border-bottom: 1px dashed #DDD;}
.textList .lsText li a {flex: 1; background: url(ico_li.gif) no-repeat left center; padding: 0 0 0 24px;}
.textList .lsText li em {color: #CCC;}