body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,
form,fieldset,input,textarea,p,blockquote,th,td,img { padding: 0; margin: 0; list-style: none;}
body,html{font-family: "Hiragino Sans GB","微软雅黑","Lucida Grande","Lucida Sans Unicode","Helvetica","Arial","Verdana","sans-serif";font-size: 12px;}
i,em {font-style: normal;}
.container {position: relative;}
p {margin: 0;}
a,ins {text-decoration: none;}
a:hover {text-decoration: none;}

@-o-keyframes cloud{from{background-position:560px bottom} to{background-position:0 bottom}}
@-moz-keyframes cloud{from{background-position:560px bottom} to{background-position:0 bottom}}
@-webkit-keyframes cloud{from{background-position:560px bottom} to{background-position:0 bottom}}
@-o-keyframes cloud2{100%{-webkit-transform:translateX(560px)}}
@-moz-keyframes cloud2{100%{-webkit-transform:translateX(560px)}}
@-webkit-keyframes cloud2{100%{-webkit-transform:translateX(560px)}}

.top {height: 50px;line-height: 50px;text-align: center;background-color: #000;color: #fff;font-size: 1.3em;}
.top a {display: inline-block;width: 100%;text-align: center;text-decoration: none;color: #fff;}
.top a.active {background-color: #e42789;color: #bcbcbc;}
.text-center {text-align: center;}
.text-left {text-align: left;}
.text-right {text-align: right;}

.img-responsive { margin: 0 auto; }
.ht {margin: 0 auto;}
.case {text-align: center;margin:10px auto 0;}
.case .col-xs-4 {}
.case a {display: block;width: 100%;height: 100%;}
.case img {max-width: 95%;position: relative;z-index: 9;}
.case span{display:inline-block;width:85%;height:40px;  position: relative;  padding:8px 0 0;color: #999;font-size: 0.7em;line-height: 1.1em;background:url(../images/touying.png) no-repeat scroll center top transparent;background-size: 100%;}
.case span em {color: #000;font-size: 1.1em;}
.day {text-align: center;}
.day .col-xs-4{line-height: 0;}
.day p {display: inline-block;max-width: 95%;background:url(../images/touying.png) no-repeat scroll center bottom transparent;padding: 0 0 10%;position: relative;margin: 0 auto;text-align: center;background-size: 100%;}
.day p i.jdl {display: inline-block;  width: 30%;  height: 16%;background:url(../images/s1.png) no-repeat scroll 0px 42% transparent;position: absolute;left: -2%;top: -1%;background-size: 85%;}
.day p i.xsl {display: inline-block;width: 30%;  height: 16%;background:url(../images/s1.png) no-repeat scroll 0px 0% transparent;position: absolute;left: -2%;top: -1%;background-size: 85%;}
.day p i.gjl {display: inline-block;width: 30%;  height: 16%;background:url(../images/s1.png) no-repeat scroll 0px 83% transparent;position: absolute;left: -2%;top: -1%;background-size: 85%;}
.day p i {background-size: 85%;}
.day p img {display: inline-block;}
.day span {  display: inline-block;  width: 100%;  height: 1.3em;  background-color: #b40001;text-align: center;margin:0 auto;color: #fff;font-size: 0.5em;line-height: 1.4em}
.indexform {padding: 0.4em 0;background-color: #ffd904;margin:10px auto 0;color: #733b26;}
.indexform .form-group {margin:0 0 1.4em;}
.indexform  p {margin:0 0 1.2em;text-align: center;}
.indexform p img {display:inline-block;max-width: 80%;margin: 0 auto;}
.indexform .form-group  label {font-family: 微软雅黑;font-size: 1.5em;padding: 0 10px 0 0;height: 2em;line-height: 2em;  font-weight: normal;text-align: right;}

.indexform label i {vertical-align: middle;}
.indexform label.name i{display: inline-block;width: 1.5em;height: 1.5em;background: url(../images/fm_bg.png) no-repeat 25% 4% scroll transparent;  text-align: center;  background-size: 120%;}
.indexform label.phone i{display: inline-block;width: 1.5em;height: 1.5em;background: url(../images/fm_bg.png) no-repeat 25% 17% scroll transparent;  text-align: center;  background-size: 120%;}
.indexform label.bz i {display: inline-block;width: 1.5em;height: 1.5em;background: url(../images/fm_bg.png) no-repeat 22% 32% scroll transparent;  text-align: center;  background-size: 120%;}
.indexform .form-group label.bz {line-height: 25px;}
.indexform .submit {background-color: #b40000;color: #fff;font-size: 1.5em;margin: 0 auto;border:0;border-radius: 8px;  padding: 3px 22px;}
.indexform #name,.indexform #phone {height: 3em;line-height: 3em;border-radius: 5px;border-radius: 8px;width: 90%;}
.indexform #bz {height: 150px;border-radius: 8px;width: 90%;}

footer {color: #999;padding: 10px 0px 60px;}
.footer-bar {text-decoration: none;height: 65px;}
.footer-bar {font-size: 2em;}
.footer-bar span {display: inline-block;height: 100%;float: left;}
.footer-bar .f1{background-color: #000000;width: 60%;}
.footer-bar .f2{background-color: #000000;width: 40%;}
.footer-bar .f2 span,.footer-bar .f1 span {display: inline-block;float: none;}
.footer-bar .f1 span {padding: 0 2% 0;line-height: 0.9em;}
.footer-bar .f2 span {padding: 1% 0 0;line-height: 1.2em;}
.footer-bar ins{font-size: 0.5em;}
.footer-bar a {display: inline-block;width: 50%;height: 100%;padding: 0;margin:0;float: left;text-align: center;color: #fff;line-height: 20px;padding: 10% 0 0;font-size: 0.8em;line-height: 0.7em;}
@media(min-width: 750px){ 
.day span {height: 20px;line-height: 20px;}
.footer-bar a{ padding: 3.5% 0 0; } 
.case span {height: 60px;padding: 15px 0 0;}
}
.footer-bar a ins {font-size: 0.4em;}
.footer-bar i {display: inline-block;width: 1.2em;height: 1.2em;  vertical-align: top;}
.footer-bar .f1 {background-color: #000000;}
.footer-bar .f1 i {background: url(../images/fm_bg.png) no-repeat 50% 48% scroll #000000; background-size: 120%;}
.footer-bar .f1 .zx {background-color: #000000;}
.footer-bar .f1 .zx i {background: url(../images/fm_bg.png) no-repeat 50% 64% scroll #000000; background-size: 120%;}
.footer-bar .f2 i {;background: url(../images/fm_bg.png) no-repeat 50% 83% scroll #000000; background-size: 70%;width: 2em;height: 2em;}
.footer-bar .f2 a {background-color: #000000;width: 80%;font-size: 0.8em;padding: 12% 0 0;}
.footer-bar .f2 a ins {font-size: 0.9em;}
.footer-bar .f2 .gotop {background-color: #000000;  border-radius: inherit;width: 20%;padding: 8% 0 0;font-size: 0.6em;float: right;}
@media(min-width: 750px){ 
.footer-bar .f2 a {padding: 5% 0 0;font-size: 0.8em;}
.footer-bar .f2 a ins {font-size: 0.7em;}
.footer-bar .f2 .gotop {padding: 8% 0 0;float: right;}
.footer-bar .f2 i {width: 1.3em;height: 1.3em;}
.footer-bar .f2 span {line-height: 0.7em;}
}
.footer-bar .f2 .gotop i {  background: url(../images/fm_bg.png) no-repeat 50% 89% scroll #000000;  width: 1.3em;  height: 1.3em;  background-size: 120%; }

.lunb{ position:relative; width:100%;  height:auto; overflow:hidden; margin:0 auto; }
.lunb .hd{ position:absolute; height:28px; line-height:28px; bottom:0; right:0; z-index:1; width: 100%;text-align: center;}
.lunb .op {width: 14px;height: 100%;position: absolute;left: 0;z-index: 10;}
.lunb .hd li{ display:inline-block; width:8px; height:8px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background:#aaa; text-indent:-9999px; overflow:hidden; margin:0 6px;   }
.lunb .hd li.on{ background:#c12529;  }
.lunb .bd{ position:relative; z-index:0; text-align: center;}
.lunb .bd li{ position:relative;  }
.lunb .bd li img{ max-width:100%;  height:auto; display:block; margin: 0 auto;  }
.lunb .bd li a{ -webkit-tap-highlight-color:rgba(0, 0, 0, 0); /* 取消链接高亮 */ }
.lunb .bd li .tit{ display:block; width:100%;  position:absolute; bottom:0; text-indent:10px; height:28px; line-height:28px; color:#fff;   }
.lunb .hd {display:block;}

hr {margin: 1.5em;}
.clip-btn {margin: 0 0 5px;}
.clip-btn img {max-width: 90%;border-radius: 5px;}
.clip-list p {text-align: center;}
.clip-list p img {max-width: 95%;display: inline-block;}
.clip-list p b {width: 90%;display: inline-block;text-align: center;color: #000;font-size: 0.8em;font-weight: normal;line-height: 2.5em;}
.clip-list hr {margin: 0 0 1em;}


/*page*/
.page {
	width: 100%;
	height: 3em;
	font-size: 2em;
	text-align: center;
	padding:30px 0;
}
.page span {
	height: 2.5em;line-height: 2.5em;
}
.page-l,.page-r{display: inline-block;width:50px;height:38px;position:relative}
.page-l i{border-top:4px solid #fff;border-right:4px solid #7a7a7a;border-bottom:4px solid #fff;height:0px;display:inline-block;position:relative;left:-10px;margin-left:10px;}
.page-r i{border-top:4px solid #fff;border-left:4px solid #7a7a7a;border-bottom:4px solid #fff;height:0px;display:inline-block;position:relative;left:10px;margin-left:10px;}
.page *{text-align: center;} 
.page a{line-height:38px;vertical-align: top;}
.page-num{display: inline-block;min-width:20px;height:38px;border:1px solid #ddd;padding:0 8px;}
.page-txt{line-height:38px;padding:0 5px;}
.page .on{background:#84E7F7;color:#fff;border-color:#84E7F7;}

.more {height: 2.5em;text-align: center;font-size: 1.5em;background-color: #eee;}
.more a {color: #000;}
.more i {font-style: normal;color: #d20f17;line-height: 2.5em;}

.sea-ht  {margin:2em 0;}
.sea-ht  img {max-width: 80%;}
.sea-list{margin: 0 0 1.5em;}
.sea-list .row {margin:0 0 0.5em;}
.sea-list p{height: auto;border: 1px solid #ccc;box-shadow: 0 0 3px #ccc;padding: 0.3em;width: 99%;margin: 0.2em auto;}
.sea-list p a {color: #000;}
.sea-list p img {max-width: 99%;}
.sea-list p span {width: 99%;height: 1.5em;line-height: 1.5em;display: block;margin: 0 auto;}
.sea-list p span b {display: inline-block;width: 50%;font-size: 0.7em;}
@media(min-width: 750px) {
.sea-list .row {margin:0}
.sea-list p span {height: 2.5em;line-height: 2.5em;}
.sea-list p span b{font-size: 1em;}
}
.sea-more {text-align: center;}
.sea-more a {line-height:1.5em;color: #666; }
.sea-more a span{width: 5em;height: 5em;border-radius: 50%;background-color: #dc504f;display: inline-block;line-height: 1.2em;color: #fff;line-height: 6.5em;text-align: center;}
.sea-more a span i {width: 2em;height: 2em;background: url(../images/sz.png) scroll no-repeat center transparent;background-size: 100%;display: inline-block;margin:0.8em 0 0;}

.comment  {text-align: center;margin: 2em 0;}
.comment a {font-size: 1.5em;display: block;width: 100%;height: 100%;padding: 0.5em 0;position: relative;}
.comment a ins{display: inline-block;width: 1.8em;height: 1.8em;vertical-align: middle;}
.comment a.a0 {border-bottom: 5px solid #c9021f;color: #000;}
.comment a.a0 ins{background: url(../images/pj.jpg) no-repeat scroll center -5% transparent;background-size: 85%;}
.comment a.a1 {border-left: 1px solid #ccc;border-right: 1px solid #ccc;border-bottom: 5px solid #f68e59;color: #c10f0d;}
.comment a.a1 ins{background: url(../images/pj.jpg) no-repeat scroll center 50% transparent;background-size: 85%;}
.comment a.a2 {border-bottom: 5px solid #2898d8;color: #000;}
.comment a.a2 ins{background: url(../images/pj.jpg) no-repeat scroll center 110% transparent;background-size: 85%;}
.comment a span {display: block;width: 3em;height: 3em;border: 1px solid #000;position: absolute;margin: 0 auto;width: 0;height: 0;border: 10px solid transparent;bottom: -1.3em;left: 46%;}
.comment a.a0 span {border-top-color: #c9021f;}
.comment a.a1 span {border-top-color: #f68e59;}
.comment a.a2 span {border-top-color: #2999d8;}

.comment-list {height: auto;}

.showdate {width: 100%;height: auto;text-align: center;margin: 0 0 50px;}
.showdate .icon {width:3em;height: 4em;background: url(../images/bg18.png) no-repeat center 20% scroll transparent;background-size: 100%;display: inline-block;vertical-align: middle;}
.showdate .click {font-size: 1.8em;color: #000;display: inline-block;width: auto;height: 2em;line-height: 2em;margin: 0 0 0 0.2em;}
.onemonth {}
.onemonth .week {}
.onemonth .week a,.onemonth .week span {display: inline-block;width: auto;height: 2em;font-size: 2em;line-height: 2em;font-weight: bold;}

.onemonth .week .premonth {width: 2.5em;height: 2em;background: url(../images/bg16.png) no-repeat center 70% scroll transparent;background-size: 60%;float: left;}
.onemonth .week .nextmonth {width: 2.5em;height: 2em;background: url(../images/bg17.png) no-repeat center 70% scroll transparent;background-size: 60%;float: right;}

.onemonth .week  .weekday {display: inline-block;width: 100%;height: auto;text-align: center;}
.onemonth .week  .weekday li {display: inline-block;font-size: 0.8em;width: 14%;float: left;}
.onemonth .week  .weekday li a{color: #000;width: 100%;line-height: 3em;display: inline-block;}

.onemonth .days {}
.onemonth .days  li {  display: inline-block;
  font-size: 0.8em;
  width: 14%;
  float: left;}
.onemonth .days  li a {
    color: #000;
  width: 100%;
  line-height: 2.5em;
  display: inline-block;
  font-size: 2em;
}

.onemonth .days  li a.active {
    background-color: #db1400;
  color: #fff;
border-radius: 50%;
width: 2.2em;
  height: 2.2em;
  line-height: 2.2em;
}

.about-contents img {display: inline-block;max-width: 100%;}
#infscr-loading {text-align: center;}

.sea-detail  {margin: 3em auto 0.3em;}
.sea-detail b {width: 4em;height: 7em;display: inline-block;}
.sea-detail b.pre {background: url(../images/b4.jpg) no-repeat scroll -5% center transparent;background-size: 210%;}
.sea-detail b.next {background: url(../images/b4.jpg) no-repeat scroll 115% center transparent;background-size: 210%;}
.sea-detail p {font-size: 3em;line-height: 0.7em;padding: 0.6em 0 0;font-weight: bold;}
.sea-detail p ins {font-size: 0.4em;}

.clearfix {clear: both;}
.item {text-align: center;width: 99%;margin: 0 auto 0.5em;background-color: #fff;}
.rect {}
.rect .item .wrap {position: relative;width: 100%;height: auto;margin: 0 auto;}
.rect .item .img-responsive {display: inline-block;}
.rect .item .l {text-align: left;width: 50%;display: inline-block;float: left;}
.rect .item .r {text-align: right;width: 50%;display: inline-block;}
.rect .item .fc {width: 100%;margin: 0 auto;}
.rect .item .store {width: 100%;margin: 0 auto;}
.rect .item .store .l {width: 0%;height: auto;position: relative;margin: 3% 0 0;}
.rect .item .store .r {width: 40%;height: auto;float: middle;position: relative;}
.rect .item .store .l img{}
.rect .item .store .r img {}
.rect  img {display: inline-block;}

.erect {}
.erect .item .wrap{position: relative;height: auto;}
.erect .item .wrap img {display: inline-block;}
.erect .item .wrap p {max-width: 60%;float: left;}
.erect .item .wrap p img {}
.erect .item .wrap .fc {float: left;margin:0 0 0 0.5em;height: 100%;width: 2.5%;}

.erect .item .wrap .fc img {}
.erect .item .wrap .store {float: left;position: absolute;right: 0;top: 0;height: 100%;}
.erect .item .wrap .store img {max-width: 80%;}
.erect .item .wrap .store .l {text-align: right;width: 100%;}
.erect .item .wrap .store .l img {width: 35%;}
.erect .item .wrap .store .r {position: absolute;right: 0;bottom: 0;width: 100%;}
.erect .item .wrap .store .r img {max-width: 80%;}

.list-contents {}
.list-contents .cn {padding: 3em 0;}
.list-contents .cn img {max-width: 70%;}
.list-contents .cn em {font-size: 0.6em;}
.list-contents .item {box-shadow: 0 0 3px #ccc;padding: 0.5em;}

.about-contents {text-align: center;}

.newform {position: absolute;width:100%;height:33%;}
@media(min-width: 750px){
.erect .item .wrap .store .l img {width: 70%;}
.newform {height: 680px;position: static;}
}
@media(max-width: 360px){
/*.footer-bar span {display: inline-block;height: 100%;float: left;}
.footer-bar .f1{background-color: #000000;width: 60%;}
.footer-bar .f2{background-color: #000000;width: 40%;}
.footer-bar .f2 span,.footer-bar .f1 span {display: inline-block;float: none;}
.footer-bar .f1 span {padding: 0 2% 0;line-height: 0.9em;}
.footer-bar .f2 span {padding: 1% 0 0;line-height: 1.2em;}*/

.footer-bar a,.footer-bar .f2 a {font-size: 16px;}
}
#comment-list .clipli:nth-child(2n+1){ clear:both}
#comment-list .clipli:nth-child(2n){ float:right}
#comment-list .hr:nth-child(2n+1){ display:none; clear:both}
#comment-list .clear:nth-child(2n+1){  clear:both}

#comment-list .clear:nth-child(2n){ display:none}
.clip-btn .col-xs-3{ margin-top:5px; margin-bottom:5px;}

.img_index{height:190px!important;}