/*顶部*/
.top { background-color: #333; color: #fff; }
.top a { color: #fff; }

/*首页*/
.mid-box { width: 100%; background: #f1f1f1; padding-bottom: 30px; }
.list-box { width: 1200px; background: #fff; margin: 0 auto; min-height: 600px; }
.list-tit { height: 42px; line-height: 42px; font-weight: bold; color: #009900; font-size: 30px; text-align: center; padding: 20px 0px; }
.list-tit i { display: inline-block; background: #009900; vertical-align: 8px; height: 3px; width: 45px; margin: 0 10px; }
.list-type ul li { width: 220px; height: 230px; float: left; padding: 5px; margin-right: 10px; margin-bottom: 10px; border: 1px solid #fff; }
.list-type ul li:hover { box-shadow: 0px 0px 10px #009900; border: 1px solid #009900; }
.list-type .last { float: right !important; margin-right: 0px!important; }
.list-type .list-title { height: 34px; line-height: 34px; font-size: 18px; font-weight: bold; }
.list-type .list-feature { font-size: 14px; }
.list-type .list-address { font-size: 12px; color: #009900; }

/*列表*/
.photo-info { background: #fff; padding: 10px; height: 230px; }
.photo-info .logo { float: left; }
.photo-info .logo img { max-height: 210px; width: auto; padding: 4px 0 0 4px; }
.photo-info .info { float: left; font-size: 18px; margin-left: 15px; line-height: 40px; width: 710px; text-align: left; }
.photo-info .type { padding-top: 8px; }
.photo-info .type a { display: inline-block; padding: 0 18px; line-height: 42px; font-size: 16px; color: #666; background: #f7f7f7; border: 0; border-radius: 8px; margin-right: 15px; }
.photo-info .type .on { color: #2970ff; background: rgba(41,112,255,.15); }
.photo-info .share { float: right; }

.flex-images { overflow: hidden; width: 1180px; background: #fff; padding: 10px; }
.flex-images .item { float: left; margin: 4px; border: 1px solid #eee; box-sizing: content-box; overflow: hidden; position: relative; }
.flex-images .item img { display: block; width: auto; height: 100%; }

/*三级页*/
.show-box { background: #f5f5f5; padding-bottom: 30px; }
.show-box .show { background: #fff; border: 10px solid #c8dfea; padding: 20px; text-align: center; position: relative; margin-bottom: 30px; }
.show-box .show img { display: inline-block; max-width: 850px; height: auto; }
.show-box .show ul { margin-top: 20px; display: inline-block; }
.show-box .show ul li { width: 170px; float: left; padding: 5px; border: 1px solid #999; box-sizing: border-box; background: #c8dfea; margin-right: 15px; }
.show-box .show ul li.on { border: 2px solid #c10909; background: #fff2f2; position: relative; }
.show-box .show ul li.on:after { content: ""; position: absolute; border: 7px solid transparent; border-bottom: 9px solid #c10909; top: -16px; left: 79px; }
.show-box .show ul li:hover { border: 2px solid #c10909; }
.show-box .show ul li:last-child { margin: 0; }
.show-box .show ul li img { width: 100%; max-height: 100px; object-fit: cover; }
.show-box .show .prev { position: absolute; top: 300px; background: #fff; padding: 20px 0; left: -45px; }
.show-box .show .next { position: absolute; top: 300px; background: #fff; padding: 20px 0; right: -45px; }
.show-box .show a i { padding: 0 20px; font-size: 40px; margin: 0; color: #C10909; background: #FFF2F2; transition: all .2s; }
.show-box .show a:hover i { background: #C10909; color: #fff; }
.show-box .show p { font-size: 20px; font-weight: bold; color: #C40000; padding-bottom: 20px; box-sizing: border-box; line-height: 22px; }
.show-box .show p a { color: #FFF; padding: 3px 7px; background: #009933; border-radius: 3px; cursor: pointer; font-size: 13px; margin-left: 15px; }
.show-box .show p a:hover { background: #C10909; }
.show-box .message { background: #ffffff; padding: 50px; box-sizing: border-box; border-radius: 10px; text-align: center; }
.show-box .message p { font-size: 20px; font-weight: bold; color: #C40000; padding-bottom: 20px; box-sizing: border-box; }
.show-box .message .add { padding-left: 200px; }