/* Page Content Star */
#page-contents { padding: 40px 0 20px 0; }
    #page-contents .container { padding-right: 5px;}
    .page-contents { text-align: left; }
    .page-contents .lefts { float: left; width: 24%; background: url("../img/categoy-body-bg.jpg"); padding: 0px 0px 0px 0px; background-color: #FFF; overflow: hidden; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.2); box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.2); behavior: url(ie-css3.htc);}
    .page-contents .lefts .titles { margin: 0 auto; font-size: 24px; font-weight: 700; color: #FFF; background-color: #08508a;  padding: 25px 15px 20px 15px; text-align: center;}
    .page-contents .lefts .titles span { display: block; text-transform: uppercase; font-size: 14px; margin: 15px 0 0 0;}

    .page-contents .lefts ul { margin: 10px auto 10px auto;}
    .page-contents .lefts ul li { line-height: 32px; padding: 5px 15px; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -o-transition: all 0.3s;}
    .page-contents .lefts ul li a { display: block;}
    .page-contents .lefts ul li>a>i { float: right; margin: 9px 0 0 0;}
    .page-contents .lefts ul li:hover { background-color: rgba(8, 80, 138, 1);}
    .page-contents .lefts ul li:hover a { color: #FFF;}
    .page-contents .lefts ul li.active { background-color: rgba(8, 80, 138, 1); display: block;}
    .page-contents .lefts ul li.active a { color: #FFF;}

    .page-contents .lefts .contacts { padding: 20px 10px; background-color: #08508a; color: #FFF;}
    .page-contents .lefts .contacts a { color: #FFF;}
    .page-contents .lefts .contacts a:hover { text-decoration: underline;}
    .page-contents .lefts .contacts i { color: #FFF; margin-right: 3px; width: 15px; text-align:center; height: 15px; display: inline-block; vertical-align: middle; align-items: center;}

    .page-contents .rights { float: right; width: 74%;}
    .page-contents .contents { float: right; width: 78%; padding: 15px 20px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; background-color: #FFF; -webkit-box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.1); box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.1); behavior: url(ie-css3.htc);}
/* Page Content End */


/* Current Place Star */
.current-place { padding: 5px 0px 10px 0px; margin: 0 10px 15px 10px; border-bottom: dotted 1px #ececec;}
    .current-place>h1{ float: left; border-left:solid 3px rgba(8, 80, 138, 1); color: #313131; font-size: 18px; padding: 0 0 0 10px; font-weight: bold;}
    .current-place>h1>span { text-transform: uppercase; color: #666; font-weight: lighter; font-size: 12px; margin: 0 0 0 10px; }
    .current-place>a { float:right; font-weight: lighter;}
    .current-place>h2 { float: right; font-weight: lighter; font-size: 13px;}
    .current-place>h2>span { margin: 0 5px; font-family: simsun;}
/* Current Location End */


/* Single Detail Star */
    .single-detail { margin: 15px 10px 30px 10px; text-align: left;}
    .single-detail img { max-width: 100%;}

    .single-detail .table-lists { background-color: #CCC; border-spacing: 1px; border-collapse: inherit; text-align: left;}
/* Single Detail Star */


/* Main Page Star */
.main-page{width:100%; text-align:center; padding: 10px 0px;}
    .main-page a { -moz-transition: all 0.6s; text-align: center; -webkit-transition: all 0.6s; -o-transition: all 0.6s; display:inline-block;width:65px;background:#FFF;height:48px; vertical-align:middle; line-height:48px; font-size:14px; border-right:1px solid #e5e5e5; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5;/* margin-left:-5px*/}
    .main-page a:hover {  background:rgba(6, 113, 186, 1); color:#FFF}
    .main-page a.cur { background:rgba(6, 113, 186, 1); color:#FFF}
    .main-page a.on { background:rgba(6, 113, 186, 1); color:#FFF}

    .main-page a.prev{ border-radius:6px 0px 0px 6px;width:90px; border-left:1px solid #e5e5e5;}
    .main-page a.prev span{ background:url('../img/prev-img.gif') no-repeat  10px center; display:block;}
    .main-page a.prev:hover span{ background:url('../img/prev-img-hover.gif') no-repeat  10px center;}

    .main-page a.next{ border-radius:0px 6px 6px 0px;width:90px;}
    .main-page a.next span{ background:url('../img/next-img.gif') no-repeat 88% center; display:block;}
    .main-page a.next:hover span{ background:url('../img/next-img-hover.gif') no-repeat 88% center;}
/* Main Page End */


/* 文字列表 Star */
.textList { margin: 18px 10px 0 10px; text-align: left;}
    .textList > li { text-align: left; border: 1px solid #f0f0f0; position:relative; margin-bottom: 20px; padding: 20px; transition: all .5s ease .3s; -o-transition: all .5s ease .3s;  -ms-transition: all .5s ease .3s;  -moz-transition: all .5s ease .3s;  -webkit-transition: all .5s ease .3s;}
    .textList > li > div > div > h1 {  font-size: 18px;  color: #333;  font-weight: lighter;  margin: 0px 0 10px 0;  }
    .textList > li > div > div > h1>a>span { float: right; font-size: 14px;}
    .textList > li > div > div > a {  font-size: 14px;  color: #fff; float: right;  font-weight: lighter;  background: #ff7e11;  padding: 6px 30px;  -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;}
    .textList > li > div > div > a:hover { background: #ff7e11; -webkit-box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.1); box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.1); behavior: url(ie-css3.htc);}
    .textList > li:before{content:'';display: block;height: 1px;position: absolute;right: 0;top: -1px;width:0;background: rgba(8, 80, 138, 1);transition:all .5s ease;-o-transition:all .5s ease;-ms-transition:all .5s ease;-moz-transition:all .5s ease;-webkit-transition:all .5s ease;}
    .textList > li:hover:before{width:100%;}
    .textList > li:after{content:'';display: block;height: 1px;position: absolute;right: 0; bottom: -1px;width:0;background: rgba(8, 80, 138, 1); transition:all .5s ease;-o-transition:all .5s ease;-ms-transition:all .5s ease;-moz-transition:all .5s ease;-webkit-transition:all .5s ease;}
    .textList > li:hover:after{width:100%;}
    .textList > li:hover { border-left-color: rgba(8, 80, 138, 1); border-right-color: rgba(8, 80, 138, 1);}
/* 文字列表 End */


/*详细内容*/
.info-detail-name { text-align: left; border-bottom: dotted 1px #d6d6d6;  padding-bottom: 20px;  margin-bottom: 20px; margin-top: 10px; }
    .info-detail-name h1 { color: #333; font-size: 26px;  font-weight: lighter; text-align: center; margin: 0 0 15px 0;}
    .info-detail-name h1 a { font-weight: lighter;}
    .info-detail-name span { font-size: 14px;  margin-top: 5px;  font-weight: lighter; text-align: center; display: block; }
    .info-detail-content { text-align: left; font-size: 14px; font-weight: lighter; padding-bottom: 50px;}

/*统一 上一页，下一页*/
.flip-page { /*border-top: solid 1px #f3f3f3;*/  font-size: 15px;  padding-top: 15px;  font-weight: lighter; margin-bottom: 50px;}
    .flip-page > .row > .left { text-align: left;}
    .flip-page > .row > .right { text-align: right; margin-top: 12px; }
    .flip-page > .row > .right a {  padding: 10px 30px;  background: rgba(8, 80, 138, 1);  color: #FFF;  -moz-border-radius: 3px; -webkit-border-radius: 3px;  border-radius: 3px; }
    .flip-page > .row > .right a:hover { transform:translate3d(0,-2px,0);  -webkit-transform:translate3d(0,-2px,0);  -moz-transform:translate3d(0,-2px,0);  box-shadow:0 15px 20px rgba(0,0,0,.1);  -webkit-box-shadow:0 15px 20px rgba(0,0,0,.1);  -moz-box-shadow:0 15px 20px rgba(0,0,0,.1)}


.contact-us { text-align: left; margin: 0px 0 0 0;}
    .contact-us .infos { background: url('../img/contact-bg.png') bottom right no-repeat;}
    .contact-us .infos>dt { font-size: 17px; color: #333; padding-bottom: 6px; font-weight: 700; line-height: 185%;}
    .contact-us .infos>dd { line-height: 26px; font-weight: lighter;}
    .contact-us .infos>dd i { color: #808080; margin-right: 10px; width: 15px; text-align:center; height: 15px; display: inline-block; vertical-align: middle; align-items: center;}
    .contact-us .infos>dd span { float: right;}


    .contact-map { margin: 30px 0 0 0;}
    .contact-map .maps { width: 100%; height: 350px; overflow: hidden; border: solid 1px #e4e4e4; -moz-border-radius: 3px; -webkit-border-radius: 3px;  border-radius: 3px;}
    .contact-map .maps img{display:inline !important;max-width:inherit !important;}




@media screen and (max-width: 1920px){

}


@media screen and (max-width: 1500px){

}


@media screen and (max-width: 1366px){


}


@media screen and (max-width: 1200px){


}


@media screen and (max-width: 991px){

}


@media screen and (max-width: 767px){

}


@media screen and (max-width: 450px){


}