html,body{padding:0; margin:0;}
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td,img { margin: 0; padding: 0 ;font-weight: normal}
body, button, input, select, textarea label{font-family:"Microsoft YaHei", ΢ÈíÑźÚ,\9ed1\4f53,\5b8b\4f53, "Microsoft JhengHei"; outline:none; }
h1, h2, h3, h4, h5, h6 { font-size: 100% }
address, cite, dfn, em{ font-style: normal }
i{font-style: normal}
ul, ol, dl { list-style: none }
a { text-decoration: none !important; outline: none ;font-family:"Microsoft YaHei", ΢ÈíÑźÚ,\9ed1\4f53,\5b8b\4f53, "Microsoft JhengHei";cursor: pointer;}
img { border: 0 }
table { border-collapse: collapse; border-spacing: 0 }
.fl{float: left}
.fr{float: right}
.clear{clear: both}
.clearFix:after{content: "";display: block;height: 0;clear: both;*zoom:1}
.ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ellipsis2,.ellipsis3,.ellipsis4{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}
.ellipsis2{-webkit-line-clamp:2}
.ellipsis3{-webkit-line-clamp:3}
.ellipsis4{-webkit-line-clamp:4}
.inner{width: 1200px;margin: 0 auto}

body{background: #fff url(../png/nlukbb.png) repeat center}

.header{
    background:#d5ecff url(../png/piffdu.png) no-repeat center;
    height:247px;
    padding-top: 34px;
    box-sizing: border-box;
    width: 100%;
    min-width: 1200px;
    margin: 0 auto;
    display: inline-block;
}
.header > .inner{text-align: center;}
.header img{margin: 0 auto;text-align: center;margin-top: 35px;}
.header > .logo_ga {position: absolute; top: 15px;left: 30px;z-index: 9999;}
.header > .logo_ga img {height: 40px;margin-top: 0;}

.nav-wrap {
    background: #294f88 none repeat scroll 0 0;
    height: 50px;
    width: 100%;
    min-width: 1200px;
    margin-bottom: 16px;
}
.nav-wrap ul li{height: 50px;float: left;width: 200px;text-align: center;line-height: 50px;font-size: 18px;position: relative;}
.nav-wrap ul li .one{display: block;width: 200px;height: 50px;color: #fff;}
.nav-wrap ul li .one:hover{background: #731926;}
.nav-wrap ul li .on{background: #731926;}
.nav-wrap ul li ul{position: absolute;left: 0;top: 50px;width: 200px;display: none;z-index: 9999;}
.nav-wrap ul li ul li{width: 200px;height: 40px;line-height: 40px;float: none;font-size: 16px;}
.nav-wrap ul li ul li .two{width: 200px;height: 40px;color: #fff;background: #959595;display: block;}
.nav-wrap ul li ul li .two:hover{background: #731926;}


.footer-wrap {
    background: #294f88 none repeat scroll 0 0;
    overflow: hidden;
    padding: 24px 0;
    width: 100%;
    min-width: 1200px;
    color: #fff;
    font-size: 16px;
}
.footer-central {
    width: 720px;
    margin: 0 auto;
}

.footer-nav {
    overflow: hidden;
    text-align: center;
    width: 100%;
}
.footer-nav > a {
    padding: 0 10px;
    color: #fff;
}
.footer-central > p {
    overflow: hidden;
    padding-top: 10px;
    text-align: center;
    width: 100%;
}

.footer-central > p > span {
    display: inline-block;
    margin: 0 8px;
}
.footer-central > p > span > a {
    color: #fff;
}
.footer-central img {
    vertical-align: middle;
}


.slide {
    height: 400px;
    margin-bottom: 16px;
    position: relative;
    overflow: hidden;
}
.slide .swiper-button-next, .slide .swiper-button-prev {
    color: #221815;
}
.slide a{
    display: block;
    width: 1200px;
    height: 400px;
    position: relative;
}
.slide img{
    width: 100%;
}
.slide .swiper-pagination-bullet-active {
    background: #7a2221;
}

.main {
    margin-bottom: 16px;
}
.history {
    width: 393px;
    height: 334px;
    margin-right: 10px;
    background-color: #ebe9ec;
    background-image: url(../png/csmyxs.png);
    background-repeat: no-repeat;
    background-position:top left;
    background-size:393px 117px;
    box-sizing: border-box;
}
.history > .title{
    width: 393px;
    height: 116px;
    color: #fff;
    font-size: 16px;
    padding: 28px 24px;
    box-sizing: border-box;
}
.history > .title> h3{
    font-size: 24px;
    margin-bottom: 4px;
    font-weight: bold;
}

.history > img {
    width: 393px;
    height: 217px;
}

.information{
    width: 495px;
    height: 334px;
    margin-right: 10px;
    background: #ebe9ec url(../png/nassrm.png) no-repeat center;
    font-size: 14px;
    box-sizing: border-box;
    padding: 28px 24px 0;
}
.information > h3{
    color: #fff;
    font-size: 24px;
    margin-bottom: 12px;
    font-weight: bold;
}
.information li {
    background: url("../png/qlfltp.png") no-repeat left center;
    background-size:12px 40px;
    height: 40px;
    line-height: 40px;
    color: #c3c3c3;
    border-bottom: 1px solid #d2d2d2;
    box-sizing: border-box;
    padding-left: 12px;
}
.information li a{
    color: #c3c3c3;
}
.information li span{
    float: right;
}
.information li a:hover{
    color: #fff
}

.guide{
    width: 290px;
    height: 334px;
    background: #ebe9ec url(../png/gqeauw.png) no-repeat center;
    font-size: 16px;
    box-sizing: border-box;
    padding: 28px 24px 0;
    color: #8fa9ba;
}
.guide> h3{
    color: #fff;
    font-size: 24px;
    margin-bottom: 12px;
    font-weight: bold;
}
.guide > .guide-cont{
    border-bottom: 1px dashed #d2d2d2;
}
.guide > .guide-cont > h4{
    font-size: 22px;
    font-weight: bold;
    color: #fff;
    margin-bottom: 12px;
}
.guide > .guide-cont .time {
    font-size: 14px;
    margin-bottom: 6px;
}
.guide > .guide-cont .time .time-con{
    font-weight: bold;
    color: #fff;
    margin-left: 5px;
}
.guide .guide-info {
    width: 100%;
    display: block;
    text-align: center;
    margin: 10px 0;
}
.guide .guide-info span{
    width:48%;
    text-align: center;
    display: inline-block;
    height: 52px;
    line-height: 52px;
    font-size: 16px;
}
.guide .guide-info a{
    color: #8fa9ba;
}
.guide .guide-info a:hover{
    color: #fff;
}
.guide .guide-info i {
    display: inline-block;
    width: 30px;
    height: 52px;
    margin-right: 3px;
    vertical-align: top;
}
.guide .guide-info i.jtzn{
    background: url(../png/efwdpl.png) no-repeat center;
    background-size: 28px 28px;
}
.guide .guide-info i.fwzn{
    background: url(../png/jxpear.png) no-repeat center;
    background-size: 34px 34px;
}
.guide-tips {
    width: 100%;
    display: block;
    text-align: center;
    margin-top: 8px;
}

.guide-tips span{
    width:48%;
    text-align: center;
    display: inline-block;
    height: 38px;
    line-height: 38px;
    font-size: 16px;
}

.guide-tips i {
    display: inline-block;
    width: 30px;
    height: 38px;
    vertical-align: top;
    background: url(../png/wnlnsd.png) no-repeat center;
    background-size: 21px 21px;
}

.treasure{
    width: 897px;
    height: 231px;
    font-size: 16px;
    box-sizing: border-box;
    color: #fff;
    background-color: #ebe9ec;
}
.treasure a{
    position: relative;
}
.treasure .treasure-title{
    width: 189px;
    height: 231px;
    background: url(../png/ivuitp.png) no-repeat center;
    font-size: 16px;
    box-sizing: border-box;
    padding: 64px 38px 0;
    position: relative;
}

.treasure .treasure-title > h3{
    color: #fff;
    font-size: 24px;
    margin-bottom: 32px;
    font-weight: bold;
    text-align: center;
}
.treasure .treasure-title .btn{
    display: block;
    width: 106px;
    height: 38px;
    text-align: center;
    color: #009e78;
    background-color: #fff;
    line-height: 38px;
    font-weight: bold;
}

.treasure .treasure-pic{
    width: 708px;
    height: 231px;
    overflow: hidden;
}

.treasure .treasure-pic a{
    display: block;
    width: 354px;
    height: 231px;
    position: relative;
}

.treasure .treasure-pic img {
    width: 100%;
    height: 100%;
}

.treasure .treasure-pic a span {
    background-color: rgba(0, 0, 0, 0.6);
    bottom: -33px;
    color: #fff;
    display: block;
    height: 33px;
    left: 0;
    line-height: 33px;
    position: absolute;
    text-align: center;
    width: 100%;
}

.appointment {
    width: 290px;
    height: 231px;
    background-color: #ebe9ec;
    background-image: url(../png/vdopzn.png);
    background-repeat: no-repeat;
    background-position:bottom left;
    background-size:290px 60px;
    box-sizing: border-box;
}
.appointment > .title{
    width: 290px;
    color: #fff;
    font-size: 16px;
    padding: 10px 24px;
    box-sizing: border-box;
}
.appointment > .title> h3{
    font-size: 24px;
    font-weight: bold;

}

.appointment > img {
    width: 290px;
    height: 171px;
}

.main1{
    box-sizing: border-box;
    background-color: #f2f2f2;
    margin-bottom: 10px;
    padding: 32px 62px;
}
.current{
    font-size: 16px;
    height: 30px;
    width: 100%;
    color: #a6a6a6;
}
.current a{
    color: #a6a6a6;
}
.exhibition {

}
.exhibition > .title {
    color: #000;
    font-size: 30px;
    height: 42px;
    line-height: 42px;
    text-align: center;
}

.exhibition > .title1{
    font-size: 24px;
    height: 32px;
    line-height: 32px;
}

.exhibition > .title >  img {
    display: inline-block;
    margin: -5px 15px 0;
    vertical-align: middle;
}
.exhibition > .content{
    margin-top: 32px;
    margin-bottom: 52px;
}

.exhibition > .content1{
    margin-bottom: 24px;
}

.exhibition > .content p {
    font-size: 18px;
    line-height: 32px;
    text-indent: 2em;
}
.list, .pic-list, .media-list{
    min-height: 460px;
}
.pic-list li, .media-list li{
    float: left;
    width: 242px;
    height: 213px;
    margin: 0 32px 24px 0;
}
.pic-list li:nth-child(4n), .media-list li:nth-child(4n){
    margin-right: 0px;
}
.pic-list li a, .media-list li a{
    display: block;
}
.pic-list li a img, .media-list li a img {
    display: block;
    width: 242px;
    height: 169px;
}
.pic-list li a span, .media-list li a span{
    color: #333333;
    display: block;
    font-size: 16px;
    height: 45px;
    line-height: 45px;
    width: 242px;
}
.pic-list li:hover a span, .media-list li:hover a span{
    color: #7a2221;
}
.media-list li .media-img{
    display: block;
    position: relative;
}
.media-list li .media-mask{
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: 0.4;
    z-index: 1;
    cursor: pointer;
}
.media-list li:hover .media-mask{
    display:block;
}
.media-list li .icon-play{
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 52px;
    height: 52px;
    margin: -26px 0 0 -26px;
    background: url(../png/pbxqus.png) no-repeat 50% 50%;
    opacity: 0;
    z-index: 2;
    cursor: pointer;
    -webkit-transition: opacity .4s ease-in;
    -moz-transition: opacity .4s ease-in;
    -ms-transition: opacity .4s ease-in;
    transition: opacity .4s ease-in;
}
.media-list li:hover .icon-play{
    opacity: 1;
}
.more-page {
    overflow: hidden;
    text-align: center;
    width: 100%;
}
.more-page > a {
    background-color: #fff;
    border: 1px solid #c9ccd0;
    color: #bdbdbd;
    cursor: pointer;
    display: inline-block;
    font-size: 12px;
    height: 24px;
    line-height: 24px;
    padding: 3px 0;
    width: 120px;
    font-size: 14px;
}
.more-page > a:hover {
    background-color: #7a2221;
    color: #fff;
}

.yypt{
    width: 100%;
    margin: 0 auto;
    text-align: center;
    padding-top: 24px;
}

.exhibition > .main-end {
    margin-bottom: 24px;
}
.list {
    border-top: 1px solid #cdcdcd;
    margin-bottom: 24px;
    list-style: disc inside;
}
.list li {
    font-size: 18px;
    height: 60px;
    line-height: 60px;
    overflow: hidden;
    text-indent: 15px;
    width: 100%;
    border-bottom: 1px solid #cdcdcd;
    color: #000;
}
.list li a {
    color: #000;
}

.list  li  span {
    float: right;
    overflow: hidden;
}
.list li:hover, .list li:hover a{
    color: #7a2221;
}

.pagegro {
    margin: 20px 0;
    overflow: hidden;
    text-align: center;
    width: 100%;
}
.pagegro a, .pagegro span{
    background-color: #fff;
    border: 1px solid #e8e8e8;
    display: inline-block;
    font-size: 14px;
    margin: 0 5px;
    padding: 8px 20px;
    color: #000;
}

.pagegro span{
    background-color: #003366;
    color: #fff;
}

.pagegro a:hover{
    background-color: #d8d8d8;
}

.openTime {
    height: 469px;
}
.openTime .openTimeL{
    background-color: #294f88;
    width: 696px;
    height: 469px;
    box-sizing: border-box;
    color: #fff;
    padding-top: 26px;
    padding-left: 32px;
    padding-right: 30px;
}
.openTime .openTimeL .infoT{
    border-bottom: 1px dotted #fff;
    margin-bottom: 16px;
    padding-bottom: 12px;
}
.openTime .openTimeR{
    width: 380px;
    height: 469px;
}
.exhibition > .content .openTime p,
.exhibition > .content .traffic p{
    text-indent: 0;
}

.traffic {
    height: 328px;
}
.traffic .trafficL{
     width: 696px;
     height: 328px;
 }
.traffic .trafficR{
    width: 380px;
    height: 328px;
    box-sizing: border-box;
    color: #000;
    padding-top: 12px;
    padding-left: 24px;
    font-size: 16px;
}
.zyz-title{
    font-size: 24px;
    color: #aa945f;
    margin-bottom: 12px;
    display: block;
}
.recruit {
    height: 364px;
}
.recruit .recruitL{
    width: 622px;
    height: 364px;
}
.recruit .recruitR{
    width: 454px;
    height: 364px;
    background-color: #7a2221;
    box-sizing: border-box;
    color: #fff;
    padding-left: 32px;
    padding-right: 32px;
    padding-top: 42px;
    font-size: 16px;
}
.recruit .recruitR p {
    text-indent: 0;
}
.recruit .recruitR-title{
    display: block;
    font-size: 20px;
    margin-bottom: 24px;
}

.explain {
    height: 381px;
}
.explain .explainL{
    width: 577px;
    height: 381px;
}
.explain .explainR{
    width: 499px;
    height: 381px;
    background-color: #7a2221;
    box-sizing: border-box;
    color: #fff;
    padding: 50px 42px;
    font-size: 16px;
}
.explain .explainR p {
    text-indent: 0;
}
.booking {
    height: 381px;
}
.booking .bookingL{
    width: 577px;
    height: 381px;
}
.booking .bookingR{
    width: 499px;
    height: 381px;
    background-color: #7a2221;
    box-sizing: border-box;
    color: #fff;
    padding: 64px 42px;
    font-size: 16px;
}
.booking .bookingR p {
    text-indent: 0;
}
.booking .bookingR-title{
    display: block;
    font-size: 20px;
    margin-bottom: 24px;
}

.detail-tit{
    border-bottom: 1px solid #d1cec5;
    padding-bottom: 6px;
}

.detail-tit h2 {
    box-sizing: border-box;
    color: #333;
    font-size: 28px;
    line-height: 45px;
    padding: 0 50px;
    text-align: center;
}
.detail-tit h3 {
    text-align: center;
    color: #666;
    font-size: 24px;
    font-weight: normal;
    line-height: 38px;
}
.detail-tit h4{
    text-align: center;
    color:#c3c3c3;
    margin-top: 24px;
}
.detail-tit h4 span{
    display: inline-block;
    min-width: 240px;
}

.detail-content{
    color: #333;
    font-size: 16px;
    line-height: 200%;
    padding-top: 36px;
}

.detail-content p {
    color: #333;
    font-size: 16px;
    line-height: 200%;
}

.yyfs-title{
    font-size: 20px;
    font-weight: bold;
    margin: 12px 0;
    display: inline-block;
}