@charset "utf-8";
/* CSS Document */
*::selection{background:#16344e; color:#fff; text-shadow:none;}
*{margin:0;padding:0;}
body, html{height:100%;}
body{font-size:16px; color:#000; font-family:"仿宋","宋体","Microsoft YaHei","微软雅黑","黑体",sans-serif; background:#fff; min-width:1260px; font-style:normal; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;}
body a{text-decoration:none; -webkit-transition:all .3s; -moz-transition:all .3s; -ms-transition:all .3s; -o-transition:all .3s; transition:all .3s;}
a:link,a:visited{color:#000;}
a:hover{color:#d30909; -webkit-tap-highlight-color:rgba(255, 255, 255, 0); -webkit-user-select:none; -moz-user-focus:none; -moz-user-select:none;}
/*去掉图形热点的点击时出现的边线*/
a,area{blr:expression(this.onFocus=this.blur());}  /*for IE*/   
:focus{-moz-outline-style:none; outline:none;}     /* for Firefox*/
img{border:0;}
ul,li{list-style-type:none;}
.clear{clear:both;}
table,table td{border-collapse:collapse;}
.overHidden{overflow:hidden; position:fixed;}

.floatAd img{vertical-align:top;}

@font-face{font-family:"方正清刻本悦宋简体"; src:url("fzqksongjt.ttf") format("truetype");}
@font-face{font-family:"华文行楷"; src:url("STXINGKA.TTF") format("truetype");}
@font-face{font-family:"仿宋"; src:url("AdobeFangsongStd-Regular.otf") format("opentype");}
@font-face{font-family:"方正隶变简体"; src:url("fzlbjw.ttf") format("truetype");}


/*video禁止显示下载按钮*/
video::-internal-media-controls-download-button{display:none;}
video::-webkit-media-controls-enclosure{overflow:hidden;}
video::-webkit-media-controls-panel{width:calc(100% + 30px);}

.pageTips{position:fixed; z-index:10000; left:0; top:0; width:100%; height:100%; background:url(bg.png) repeat;}
.pageTips .container{color:#fff; position:absolute; left:50%; top:50%; width:630px; margin-left:-315px; margin-top:-160px;}
.pageTips .container a.close{display:block; width:50px; height:50px; position:absolute; z-index:1; left:auto; right:-15px; top:40px; bottom:auto; background:url(close.png) no-repeat center center;}
.pageTips .container .img{text-align:center;}
.pageTips .container .msg{font-size:18px; line-height:36px; padding-top:30px;}
.pageTips .container a{color:#fff; text-decoration:underline;}


.head{height:128px; background:#16344e;}
.logo{width:1260px; height:128px; margin:0 auto; background:url(logo.jpg) no-repeat left center;}

.menuWrap{width:696px; height:50px; margin-top:39px; float:right;}
#menu li{position:relative; text-align:center;}
#menu>li{float:left; width:114px;}
#menu>li>a:link, #menu>li>a:visited{display:block; height:50px; line-height:50px; font-size:24px; font-family:"方正清刻本悦宋简体"; color:#fff;}
#menu>li>a:hover, #menu>li>a.current{background-color:#b19b57; color:#fff;}
#menu>li>a.current:hover{background-color:#f6b32b;}

/*这是第二级菜单*/
#menu ul{display:none; width:100%; background-color:#b19b57; position:absolute; z-index:999; left:0;}
#menu ul li a:link, #menu ul li a:visited{display:block; padding:10px 5px; color:#fff; line-height:24px; font-size:16px; font-family:"仿宋";}
#menu ul li a:hover, #menu ul li a.current{background-color:#f6b32b;}

/**若子级菜单含有子级时，在a标签增加<i>标签作为箭头，由js实现动态增加，箭头大小调节i的边框宽度*/
#menu ul i{display:block; position:absolute; *top:10px; top:calc(50% - 4px); right:2px; z-index:10; width:0; height:0; border-color:transparent; border-width:4px; border-style:solid; border-left:4px #fff solid;}

/*这是第三级菜单 及以后*/
#menu ul ul{top:0; left:100%; width:100%; border-left:1px solid #fff;}
#menu ul ul li a:link, #menu ul ul li a:visited{font-size:14px;}



.banner{width:100%;}
.banner .swiper-slide{display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; -webkit-align-items:center; align-items:center;}
.banner .swiper-slide img{display:block; width:100%;}
.banner .swiper-pagination-bullets{height:10px; bottom:28px;}
.banner .swiper-pagination-bullet{width:8px; height:8px; border:#6c6e6d 1px solid; display:inline-block; *display:inline; zoom:1; border-radius:100%; background:rgba(52,68,77,0); opacity:1; vertical-align:top; -webkit-border-radius:50%; border-radius:50%; margin:0 5px !important;}
.banner .swiper-pagination-bullet-active{background:rgba(52,68,77,1); border-color:rgba(52,68,77,1);}
:root{--swiper-theme-color:rgba(22,52,78,0.6);}



.main{width:1260px; margin:0 auto;}

.F1{background:url(bg01.jpg) no-repeat bottom center; border-bottom:#9d9ca1 10px solid; padding:80px 0 60px;}
.shengping{width:880px; height:261px; padding-right:380px; margin:0 auto; background:url(tit01.png) no-repeat right bottom;}
.shengping .swiper-container{width:880px; height:228px; padding-top:25px; overflow:hidden;}
.shengping .swiper-wrapper{width:880px; height:187px;}
.shengping .swiper-slide{width:280px; height:187px;}
.shengping .swiper-slide p{height:183px; background-repeat:no-repeat; background-position:center center; background-size:cover; background-clip:border-box; border:#b1b1b1 2px solid;}
.shengping .swiper-pagination-bullets{height:16px; bottom:0;}
.shengping .swiper-pagination-bullets:before, .shengping .swiper-pagination-bullets:after{display:block; width:340px; height:1px; background:#92a1ae; content:""; position:absolute; bottom:50%; transform:translateY(-50%);}
.shengping .swiper-pagination-bullets:before{left:0;}
.shengping .swiper-pagination-bullets:after{right:0;}
.shengping .swiper-pagination-bullet{width:8px; height:8px; display:inline-block; *display:inline; zoom:1; background:#92a1ae; opacity:1; vertical-align:top; -webkit-border-radius:50%; border-radius:50%; margin:4px 5px !important;}
.shengping .swiper-pagination-bullet-active{width:16px; height:16px; background:#16344e; margin:0 5px !important;}

.zzzs{width:1260px; height:322px; margin:0 auto; padding-top:70px;}
.zzzs p{width:432px; height:298px; border:#efe5d6 12px solid; float:left;}
.zzzs p img{width:432px; height:298px; vertical-align:top;}
.zzzs h2{margin-left:506px; height:322px; position:relative;}
.zzzs h2 img{width:37px; vertical-align:top;}
.zzzs h2 a{display:block; width:37px; height:123px; background:url(m01.png) no-repeat; position:absolute; left:0; bottom:0;}
.zzzs h2 a:hover{background-image:url(m02.png);}

.zs{width:543px; height:322px; float:left;}
.zz{height:322px; margin-left:717px;}
.zzzs .zz p{border-color:#fffbf1;}


.chronology{width:1200px; margin:80px auto 0; position:relative; font-family:"仿宋";}
.chronology .parHd{width:1140px; height:76px; margin:0 30px; position:relative;}
.chronology .parHd:after{content:''; width:100%; height:2px; background:#16344e; position:absolute; left:0; top:40px; z-index:0;}
.parHd ul{width:100%; text-align:center; margin:0 auto;}
.parHd .tempWrap{margin:0 auto;}
.parHd .tempWrap:after{content:''; width:100%; height:2px; background:#16344e; position:absolute; left:0; top:40px; z-index:10;}
.parHd li{width:102px !important; float:left; cursor:pointer; color:#666; margin:0 20px; position:relative;}
.parHd li:after{content:''; background:#16344e; width:10px; height:10px; position:absolute; z-index:20; top:36px; left:50%; margin-left:-5px; -webkit-border-radius:50%; border-radius:50%;}
.parHd li:before{display:none; content:""; border:#16344e 1px solid; width:14px; height:14px; position:absolute; z-index:20; top:33px; left:50%; margin-left:-8px; -webkit-border-radius:50%; border-radius:50%;}
.parHd li.act:before{display:block;}
.parHd li span{display:block; white-space:nowrap;}
.parHd li span.year{height:36px; line-height:36px;}
.parHd li span.age{height:30px; line-height:30px; padding-top:10px;}
.parBd{text-align:center; margin:20px 50px 0; height:36px;}
.parBd .slideBox{width:100%; height:36px; line-height:36px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.sPrev, .sNext{display:block; width:30px; height:30px; position:absolute; top:26px; background-color:#16344e; background-position:center center; background-repeat:no-repeat; -webkit-border-radius:50%; border-radius:50%; cursor:pointer;}
.sPrev{left:-30px; background-image:url(l.png);}
.sNext{right:-30px; background-image:url(r.png);}
.sPrev:hover, .sNext:hover{background-color:#b79b43;}
.prevStop, .nextStop, .prevStop:hover, .nextStop:hover{cursor:no-drop; background-color:#6e7a85;}


.F2{padding:100px 0; background:url(bg02.jpg) no-repeat center bottom; position:relative;}
.F2:before{display:block; width:100%; height:21px; content:""; background:url(line01.png) repeat-x left top; position:absolute; left:0; top:0; z-index:0;}
.F2 h2{height:162px; padding-top:16px; background:url(tit04Bg.png) no-repeat center center; text-align:center;}
.F2 h2 img{height:78px; vertical-align:top;}
.F2 ul{width:1260px; padding-top:20px; font-size:0; margin:0 auto;}
.F2 ul li{width:420px; height:336px; display:inline-block; *display:inline; zoom:1; vertical-align:top;}
.F2 ul li p{display:block; width:220px; height:220px; position:relative; margin:0 auto;}
.F2 ul li p i{display:block; height:220px; -webkit-border-radius:50%; border-radius:50%; background-repeat:no-repeat; background-position:center center; background-size:cover; z-index:1; position:relative;}
.F2 ul li p:after{display:block; width:270px; height:256px; background:url(picBg01.png) no-repeat center top; content:""; position:absolute; left:-25px; top:-18px; z-index:0;}
.F2 ul li a:hover p:after{animation:rotate 3s linear infinite;}
@keyframes rotate{
    0%{transform:rotate(0);}
    100%{transform:rotate(360deg);}
}
.F2 ul li h3{width:59px; height:51px; margin:0 auto; padding-top:50px; font-size:24px; font-weight:normal; text-align:center; position:relative;}
.F2 ul li h3:after{display:block; content:""; width:1px; height:50px; background:#46403b; position:absolute; left:50%; bottom:1px; margin-left:-0.5px;}
.F2 ul li h3 span{display:block; width:24px; height:51px; float:left; line-height:1.1em; color:#46403b;}
.F2 ul li h3 span:last-of-type{padding-left:11px;}



.F3{background:#f3f3ec; padding-bottom:70px;}
.F3 h2{height:375px; background:url(bg03.jpg) no-repeat center center; text-align:center;}
.F3 h2 p{width:459px; height:91px; margin:0 auto; padding-top:122px; position:relative;}
.F3 h2 p img{height:91px; vertical-align:top;}
.F3 h2 p a{display:block; width:121px; height:37px; background:url(m04.png) no-repeat; position:absolute; left:169px; bottom:-87px;}
.F3 h2 p a:hover{background-image:url(m05.png);}
#album{width:1260px; height:328px; padding-bottom:20px; margin:30px auto 0; overflow:hidden;}
#album .swiper-wrapper{width:1260px; height:328px;}
#album .swiper-slide{width:400px; height:328px; float:left;}
#album .swiper-slide p{height:260px; overflow:hidden;}
#album .swiper-slide p i{display:block; height:260px; background-repeat:no-repeat; background-position:center center; background-size:cover; -webkit-transition:all .5s; -moz-transition:all .5s; -ms-transition:all .5s; -o-transition:all .5s; transition:all .5s;}
#album .swiper-slide h3{height:40px; line-height:40px; text-align:center; padding-top:20px; font-size:24px; font-weight:normal; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#3d3a38;}
#album .swiper-slide a:hover p i{-webkit-transform:scale(1.05); -moz-transform:scale(1.05); -ms-transform:scale(1.05); -o-transform:scale(1.05); transform:scale(1.05);}
#album .swiper-pagination-bullets{height:16px; bottom:0;}
#album .swiper-pagination-bullet{width:8px; height:8px; display:inline-block; *display:inline; zoom:1; background:#92a1ae; opacity:1; vertical-align:top; -webkit-border-radius:50%; border-radius:50%; margin:4px 5px !important;}
#album .swiper-pagination-bullet-active{width:16px; height:16px; background:#16344e; margin:0 5px !important;}




.F4{padding:70px 0 100px; background:url(bg04.jpg) repeat left top; position:relative;}
.F4 .picBg01{width:182px; height:427px; position:absolute; left:0; top:50%; transform:translateY(-50%); z-index:0; vertical-align:top;}
.F4 .picBg02{width:147px; height:285px; position:absolute; right:0; top:237px; z-index:0; vertical-align:top;}
.F4 .picBg03{width:470px; height:283px; position:absolute; right:0; bottom:0; z-index:0; vertical-align:top;}
.ymyw{width:1260px; height:657px; margin:0 auto; position:relative; z-index:1;}
.ymyw h2{height:97px; position:relative;}
.ymyw h2 img{height:97px; vertical-align:top;}
.ymyw h2 a{display:block; width:121px; height:37px; background:url(m06.png) no-repeat; position:absolute; right:0; bottom:0;}
.ymyw h2 a:hover{background-image:url(m07.png);}
.ymyw .ymywBox{width:1260px; height:520px; position:relative; margin-top:40px;}
.ymyw .ymywBox p{border:#9e9da3 1px solid; position:absolute; background:#16344e;}
.ymyw .ymywBox p img{width:100%; height:100%; vertical-align:top;}
.ymyw .ymywBox p.p1{width:212px; height:518px; left:0; top:0;}
.ymyw .ymywBox p.p2{width:512px; height:157px; left:224px; top:0;}
.ymyw .ymywBox p.p3{width:268px; height:347px; left:748px; top:0;}
.ymyw .ymywBox p.p4{width:230px; height:518px; right:0; top:0;}
.ymyw .ymywBox p.p5{width:260px; height:178px; left:224px; top:169px;}
.ymyw .ymywBox p.p6{width:238px; height:178px; left:496px; top:169px;}
.ymyw .ymywBox p.p7{width:619px; height:159px; left:224px; bottom:0;}
.ymyw .ymywBox p.p8{width:161px; height:159px; right:242px; bottom:0;}
.ymyw .ymywBox:hover p a{opacity:0.7;}
.ymyw .ymywBox:hover p a:hover{opacity:1;}


.zsjn{width:1260px; margin:70px auto 0; position:relative; z-index:1;}
.zsjn h2{height:219px; text-align:center;}
.zsjn h2 img{height:219px; vertical-align:top;}
.zsjnBox{height:300px; padding:78px; background:#fff; margin-top:40px; position:relative;}
.zsjnBox:before, .zsjnBox:after{display:block; border:#c7c8ca 1px solid; position:absolute; content:""; z-index:0;}
.zsjnBox:before{width:calc(100% - 40px); height:416px; left:19px; top:19px;}
.zsjnBox:after{width:calc(100% - 80px); height:376px; left:38px; top:38px; border-width:2px;}
.zsjnTab{width:469px; height:300px; border-right:#c7c8ca 1px solid; float:left; position:relative; z-index:1;}
.zsjnTab .hd{height:44px;}
.zsjnTab .hd li{padding:0 20px 0 16px; font-family:"华文行楷"; font-size:28px; color:#222; height:44px; line-height:44px; margin-right:10px; float:left; cursor:pointer;}
.zsjnTab .hd li.on{background:url(tabActive.png) no-repeat center center; background-size:100% 100%; color:#fff;}
.zsjnTab .bd{width:421px; height:236px; padding:20px 48px 0 0; overflow:hidden;}
.zsjnTab .bd ul{width:340px; height:236px; float:left;}
.zsjnTab .bd ul li{width:34px; height:236px; float:left;}
.zsjnTab .bd ul li a{width:34px; height:236px; display:block; writing-mode:vertical-lr; writing-mode:tb-lr; vertical-align:top; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-family:"仿宋"; letter-spacing:1px; word-wrap:break-word; word-break:break-all;}
.zsjnTab .bd .more{width:37px; height:236px; float:right; position:relative;}
.zsjnTab .bd .more a{display:block; width:37px; height:121px; background:url(m03.png) no-repeat; position:absolute; right:0; bottom:0;}
.zsjnTab .bd .more a:hover{background-image:url(m02.png);}

.jnsh{height:300px; margin-left:518px; position:relative; z-index:1;}
.jnsh h2{width:37px; height:300px; text-align:center; position:relative; font-family:"华文行楷"; font-size:28px; font-weight:normal; color:#222; float:right;}
.jnsh h2 a{display:block; width:37px; height:121px; background:url(m03.png) no-repeat; position:absolute; right:0; bottom:0;}
.jnsh h2 a:hover{background-image:url(m02.png);}
.jnsh ul{width:528px; height:300px; float:left;}
.jnsh ul li{width:164px; height:300px; float:left; padding-right:12px;}
.jnsh ul li a{display:block; height:292px; background:#dfd4c9; padding:4px;}
.jnsh ul li p{height:292px; background-repeat:no-repeat; background-position:center center; background-size:cover;}


.foot{background:#16344e; color:#abb1b8; line-height:28px; text-align:center; padding:25px 0; font-size:14px; font-family:"仿宋";}
.foot a:link, .foot a:visited{color:#abb1b8;}
.foot a:hover{color:#fff;}

.nyBanner{height:420px; background:url(nyBanner.jpg) no-repeat center top; position:relative;}
.post{width:100%; height:80px; line-height:80px; background:rgba(22,52,78,0.7); position:absolute; left:0; bottom:0; font-family:"方正隶变简体"; font-size:24px;}
.postCon{width:1260px; height:80px; margin:0 auto;}
.post ul{float:right; height:80px;}
.post ul li{height:80px; float:left; padding-left:60px; color:#b5babd;}
.post ul li a:link, .post ul li a:visited{color:#b5babd;}
.post ul li a:hover, .post ul li a.on{color:#fff;}
.post p{height:80px; float:left; font-size:36px; color:#fff;}
.postCon02{display:none;}
.postCon02 ul li{font-size:18px;}



@media screen and (min-width:1920px){
	.F1, .F2, .F3 h2, .nyBanner{background-size:cover;}	
}


.currentColumn{height:219px; line-height:221px; white-space:nowrap; background:url(titBg.png) no-repeat center center; font-family:"方正隶变简体"; font-size:48px; color:#46403b; text-align:center; overflow:hidden;}


.ny{background:#f3f3ec url(nyBg.jpg) no-repeat right bottom; padding:60px 0 160px;}
.nyCon{width:1260px; margin:0 auto;}

.list01{padding-top:50px;}
.list01 ul li{line-height:28px; font-size:16px; background:url(a01.png) no-repeat left 20px; padding:10px 0 10px 15px;}

.page{padding-top:20px; text-align:center; line-height:30px; font-size:16px;}


.picList01{font-size:0; padding-top:30px;}
.picList01 ul{margin-left:-40px;}
.picList01 ul li{width:285px; padding:20px 0 0 40px; display:inline-block; *display:inline; zoom:1; vertical-align:top;}
.picList01 ul li p{height:225px; padding:30px; background:url(picBg02.jpg) no-repeat;}
.picList01 ul li p i{display:block; height:225px; background-repeat:no-repeat; background-position:center center; background-size:contain; -webkit-transition:all .5s; -moz-transition:all .5s; -ms-transition:all .5s; -o-transition:all .5s; transition:all .5s;}
.picList01 ul li h3{text-align:center; height:40px; line-height:40px; font-size:16px; font-weight:normal; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.picList01 ul li a:hover p i{-webkit-transform:scale(1.03); -moz-transform:scale(1.03); -ms-transform:scale(1.03); -o-transform:scale(1.03); transform:scale(1.03);}


.articleTitle{padding:50px 0 20px; line-height:36px; text-align:center; font-size:24px; font-weight:bold;}
.articleTitle p{font-size:20px; font-weight:normal;}
.articleInfo{text-align:center;font-size:14px; height:32px; line-height:32px; color:#8a8a8a; border-bottom:#d8d2bd 1px solid;}
.articleInfo label{padding-left:30px;}
.articleCon{line-height:30px; padding-top:20px; text-justify:inter-ideograph; text-align:justify;}
.articleCon table{margin:0 auto;}
.articleCon img{max-width:1260px; height:auto !important; margin:0 auto;_width:expression(document.body.clientWidth > 1260 ? "1260px" :"auto"); vertical-align:top;}


.box{margin-top:-60px;}
.eventYear{width:100%; font-size:0; padding:20px 0; -webkit-transition:all .3s; -moz-transition:all .3s; -ms-transition:all .3s; -o-transition:all .3s; transition:all .3s;}
.eventYear.on{position:fixed; left:0; top:0; z-index:10; background:#fff; box-shadow:0 3px 9px rgba(0,0,0,0.1);}
.eventYear ul{width:1260px; margin:0 auto;}
.eventYear li{display:inline-block; *display:inline; zoom:1; vertical-align:top; width:59px; height:32px; line-height:32px; text-align:center; background:#fff; border:#e0e0dd 1px solid; margin:1px; font-size:20px; font-family:"方正隶变简体"; color:#828282; cursor:pointer;}
.eventYear li label{cursor:pointer;}
.eventYear li.current{background:#b79b43; color:#FFF;}
.eventList{width:1260px; margin:30px auto 0; position:relative;}
.eventList:after{display:block; width:4px; height:100%; background:#ddd; position:absolute; left:139px; top:0; bottom:0; content:""; z-index:0;}
.eventList .yearID{padding-bottom:30px; position:relative; z-index:1;}
.eventList .yearID:last-of-type{padding-bottom:0;}
.eventList .yearID .tit{width:127px; line-height:24px; padding:9px 0; float:left; position:relative;}
.eventList .yearID .tit:before{display:block; content:""; width:6px; height:6px; background:#fff; border:#b79b43 5px solid; -webkit-border-radius:50%; border-radius:50%; position:absolute; right:-22px; top:11px;}
.eventList .yearID.on .tit:before{border-color:#16344e;}
.eventList .yearID .tit span{float:right; text-align:center; white-space:nowrap; font-size:20px; font-family:"方正隶变简体"; color:#b79b43;}
.eventList .yearID .txt{margin-left:161px; background:#fff; padding:9px 14px; line-height:28px; position:relative; -webkit-border-radius:3px; border-radius:3px; border-bottom:#e0e0d9 2px solid; text-justify:inter-ideograph; text-align:justify;}
.eventList .yearID .txt:before, .eventList .yearID .txt:after{display:block; content:""; border:7px solid transparent; position:absolute; left:-14px;}
.eventList .yearID .txt:before{border-right-color:#fff; top:12px; z-index:1;}
.eventList .yearID .txt:after{border-right-color:#e0e0d9; top:14px; z-index:0;}