@charset "utf-8";
/* CSS Document */
*::selection{background:#317687; color:#fff; text-shadow:none;}
*{margin:0;padding:0;}
body{font-size:16px; color:#000; font-family:"Microsoft YaHei","微软雅黑","黑体",sans-serif; background:#fff; min-width:1260px;_width:1260px; margin:0 auto;}
body a{text-decoration:none; -webkit-transition:all 0.3s; transition:all 0.3s; color:#000; outline:none;}
a:hover{color:#317687; blr:expression(this.onFocus=this.blur()); text-decoration:none;}
input,select,textarea{outline:0;}
img{border:0;}
ul,li{list-style-type:none;}
.clear{clear:both; height:0;}
table,table td{border-collapse:collapse;}

@font-face{font-family:'华文中宋'; src:url('STZHONGS.TTF') format('truetype');}

/* flex布局 */
.flexColumn{display:flex; flex-direction:column; align-items:center; justify-content:center;}
.flexRow{display:flex; align-items:center; justify-content:center;}
.flex{flex:1;}

.animate{-webkit-transition:all 0.3s; transition:all 0.3s;}
.unselectable{-moz-user-select:-moz-none;-webkit-user-select:none;-ms-user-select:none;user-select:none;}
.ellipsis{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.nowrap{overflow:hidden;white-space:nowrap;}
.clamp2{overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.clamp3{overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical;}
.clamp4{overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:4; -webkit-box-orient:vertical;}
.justify{text-justify:inter-ideograph; text-align:justify;}
.undecoration, .undecoration:hover{text-decoration:none !important;}
.hide{display:none;}
.bgImg{display: block; height: 100%; background-repeat:no-repeat; background-position:center center; background-size:cover; -webkit-transition:all 0.8s; transition:all 0.8s;}
a:hover .bgImg{-webkit-transform:scale(1.05); transform:scale(1.05);}


.w1400{width:1400px; margin:0 auto;}
.w1400:after{display:block; content:""; clear:both;}


/* 头部 */
.head{width:100%; height:150px; background:url(../images/headBg.jpg) no-repeat top center / cover;}
.head .logo{height:150px; background:url(../images/logo.png) no-repeat left center; display:flex; align-items:center; justify-content:flex-end;}

/* 搜索 */
.search{width:220px; height:36px; background:#fff; border-radius:36px; overflow:hidden;}
.search .keyword{width:calc(100% - 56px); height:36px; line-height:36px; padding-left:16px; background:none; border:0; margin:0; float:left; font-size:14px;}
.search .keyword::placeholder{color:#aaa; font-size:14px;}
.search .searchBtn{display:block; width:36px; height:36px; background:url(../images/iSearch.png) no-repeat center center; cursor:pointer; border:0; padding:0; margin:0 4px 0 0; float:left;}


/* 导航菜单 */
.menuWrap{height:54px; position:relative; z-index:10; background:url(../images/menuBg.jpg) repeat left center;}
#menu{display:flex;}
#menu li{position:relative; text-align:center;}
#menu > li{flex:1; height:54px; float:left;}
#menu > li > a{display:block; height:54px; line-height:54px; font-size:20px; color:#fff;}

/*这是第二级菜单*/
#menu ul{width:100%; background-color:#2f7181; position:absolute; z-index:999; left:0; top:54px; -webkit-transition:all 0.2s ease-in-out; transition:all 0.2s ease-in-out; margin:20px 0 0 0; opacity:0; visibility:hidden;}
#menu ul li a{display:block; padding:10px; line-height:22px; font-size:16px; color:#fff;}

/**若子级菜单含有子级时，在a标签增加<i>标签作为箭头，由js实现动态增加，箭头大小调节i的边框宽度*/
#menu ul i{display:block; position:absolute; 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:2px solid #dfb164; margin:0 0 0 20px;}
#menu ul ul li a{font-size:14px;}

#menu > li:hover > a, #menu > li:hover > a:hover{background:#2f7181;}
#menu ul li:hover > a:hover{background-color:#52a8a7;}
#menu ul li:hover > a{background-color:#2f7181;}
#menu li:hover > ul{opacity:1; visibility:visible; margin:0;}
#menu li:hover > ul li:hover > a{background-color:#52a8a7;}


/* 图片轮播 */
.banner{width:100%; position:relative; z-index:0;}
.banner .swiper-slide{display:block; width:100%; overflow:hidden;}
.banner .swiper-slide a{display:block; width:100%; height:100%; position:relative;}
.banner .swiper-slide img{display:block; width:100%; transform:scale(1.1); transition:all 5s ease-out;}
.banner .swiper-slide-active img{transform:scale(1);}
.banner .swiper-pagination-bullets{height:14px; bottom:40px; display:flex; align-items:center; justify-content:center;}
.banner .swiper-pagination-bullet{display:block; width:12px; height:12px; background:#fff; border:#3a8596 1px solid; border-radius:20px; opacity:1; margin:0 5px !important; -webkit-transition:all 0.3s; transition:all 0.3s;}
.banner .swiper-pagination-bullet-active{opacity:1; background:#3a8596;}
.banner .swiper-button-prev, .banner .swiper-button-next{width:60px; height:60px; background:rgba(0,0,0,0.5); border-radius:60px; opacity:0;}
.banner .swiper-button-prev{left:4%;}
.banner .swiper-button-next{right:4%;}
.banner .swiper-button-prev:after, .banner .swiper-button-next:after{font-size:30px; color:#fff;}
.banner:hover .swiper-button-prev, .banner:hover .swiper-button-next{opacity:.7;}
.banner .swiper-button-prev:hover, .banner .swiper-button-next:hover{opacity:1;}


.indH{height:50px; display:flex; align-items:center;}
.indH p{flex:1; display:flex; align-items:center; font-size:32px; font-weight:normal;}
.indH p img{width:15px; height:34px;}
.indH p span{padding:0 15px;}
.indH .more a{color:#777;}
.indH .more a:hover{color:#317687;}

/* 普通新闻列表 */
.newsList li{border-bottom:#d3d3d2 1px dashed;}
.newsList li a{display:flex; align-items:center; height:58px; line-height:58px; overflow:hidden; padding-left:20px; background:url(../images/a02.png) no-repeat left center;}
.newsList li h3{flex:1; height:58px; font-size:16px; font-weight:normal; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.newsList li p{color:#999; padding-left:20px;}


.F1{padding:70px 0 90px; background:url(../images/bg1.jpg) no-repeat center center / cover;}
.F1 .w1400{display:flex;}
.news{width:940px; height:470px;}
.newsCon{height:390px; margin-top:30px; display:flex; overflow:hidden;}
.picNews{width:458px; height:390px; overflow:hidden;}
.picNews .swiper-slide{display:block; width:458px; overflow:hidden;}
.picNews .swiper-slide .pic{height:306px; overflow:hidden;}
.picNews .swiper-slide .txt{height:84px; background:#fff; display:flex; align-items:center; overflow:hidden;}
.picNews .swiper-slide .txt p{width:96px; height:69px; line-height:24px; text-align:center; padding-top:15px; border-right:#e7e7e7 1px solid; color:#00728c;}
.picNews .swiper-slide .txt p span{display:block; height:32px; line-height:32px; font-family:"Times New Roman"; font-size:28px;}
.picNews .swiper-slide .txt h3{flex:1; height:56px; line-height:28px; padding:14px 35px 14px 20px; font-size:16px; font-weight:normal; position:relative; overflow:hidden; display:flex; align-items:center;}
.picNews .swiper-slide .txt h3:after{display:block; content:""; width:43px; height:47px; background:url(../images/liBg2.png) no-repeat right bottom; position:absolute; right:8px; bottom:8px; z-index:0;}
.picNews .swiper-slide .txt h3 span{max-height:56px;}
.picNews .swiper-pagination-bullets{height:10px; bottom:104px; display:flex; align-items:center; justify-content:center;}
.picNews .swiper-pagination-bullet{display:block; width:8px; height:8px; background:#fff; border:#3a8596 1px solid; border-radius:20px; opacity:1; margin:0 5px !important; -webkit-transition:all 0.3s; transition:all 0.3s;}
.picNews .swiper-pagination-bullet-active{opacity:1; background:#3a8596;}
.picNews .swiper-button-prev, .picNews .swiper-button-next{width:24px; height:40px; background:rgba(0,0,0,0.5); opacity:0; transform:translateY(-42px);}
.picNews .swiper-button-prev{left:0;}
.picNews .swiper-button-next{right:0;}
.picNews .swiper-button-prev:after, .picNews .swiper-button-next:after{font-size:18px; color:#fff;}
.picNews:hover .swiper-button-prev, .picNews:hover .swiper-button-next{opacity:.7;}
.picNews .swiper-button-prev:hover, .picNews .swiper-button-next:hover{opacity:1;}

.txtNews{flex:1; height:390px; margin-left:27px; overflow:hidden;}
.txtNews li{border-bottom:#d4d4d4 1px dashed; position:relative;}
.txtNews li a{display:flex; align-items:center; height:57px;}
.txtNews li:before{display:block; content:""; width:0; height:2px; background:#3a8596; transition:all 0.3s; position:absolute; left:20px; bottom:18px;}
.txtNews li:after{display:block; content:""; width:43px; height:47px; background:url(../images/liBg2.png) no-repeat right bottom; position:absolute; right:8px; bottom:8px; opacity:0; transition:all 0.3s; transform:translateY(10px);}
.txtNews li h3{flex:1; height:28px; line-height:28px; font-size:16px; font-weight:normal; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; padding-left:18px; background:url(../images/a01.png) no-repeat left center;}
.txtNews li p{height:28px; line-height:28px; color:#777; padding-left:20px;}
.txtNews li.prev{border-bottom-color:transparent;}
.txtNews li.current{border:#cbdde1 1px solid; border-radius:0 20px 0 0; background:#fff; padding:14px 32px 28px 20px;}
.txtNews li.current a{height:56px;}
.txtNews li.current:before{width:22px;}
.txtNews li.current:after{opacity:1; transform:translateY(0);}
.txtNews li.current h3{height:56px; padding-left:0; background:none; -webkit-line-clamp:2;}
.txtNews li.current p{display:none;}


.tzgg{flex:1; height:470px; overflow:hidden; margin-left:60px;}
.tzgg ul{height:413px; padding-top:7px;}


.F2{padding:80px 0 100px; background:url(../images/bg2.jpg) no-repeat top center / cover;}
.F2 .w1400{display:flex;}
.F2 .indH, .F2 .indH .more a{color:#fff; position:relative;}
.F2 .indH .more a:after{display:block; content:""; width:0; height:1px; background:#fff; transition:all 0.3s;}
.F2 .indH .more a:hover:after{width:100%;}
.kxyj{width:700px;}
.kxyj ul{height:425px; padding:25px 35px; margin-top:30px; border-top:#52a8a7 5px solid; border-radius:0 0 5px 5px; box-shadow:0 2px 10px rgba(0,0,0,0.15); background:#fff;}
.kxyj li{padding:10px 0;}
.kxyj li h3{height:34px; line-height:34px; font-size:16px; font-weight:normal;}
.kxyj li p{height:31px; line-height:31px; position:relative;}
.kxyj li p:before{display:block; content:""; width:100%; height:1px; background:#d7e4e7; position:absolute; left:0; top:15px;}
.kxyj li p:after{display:block; content:""; width:7px; height:7px; border:#c0d5db 1px solid; background:#fff; border-radius:50%; position:absolute; top:50%; right:0; transform:translateY(-50%); z-index:1;}
.kxyj li p span{display:inline-block; height:31px; vertical-align:top; padding-right:8px; background:#fff; position:relative; z-index:1; color:#24697a;}

.rcpy{margin-left:34px; flex:1; overflow:hidden;}
.rcpy ul{height:494px; margin-top:16px;}
.rcpy li{padding-top:14px;}
.rcpy li a{display:flex; align-items:center; height:70px; background:#fff; border-radius:5px; box-shadow:0 2px 10px rgba(0,0,0,0.15); overflow:hidden; padding:20px 36px 20px 20px; position:relative;}
.rcpy li a:after{display:block; content:""; width:43px; height:47px; background:url(../images/liBg2.png) no-repeat right bottom; position:absolute; right:10px; bottom:10px; z-index:0; pointer-events:none;}
.rcpy li p{width:70px; height:52px; line-height:20px; text-align:center; padding:9px 0; color:#fff; background:#52a8a7; border-radius:3px; font-size:14px;}
.rcpy li p span{display:block; height:32px; line-height:32px; font-family:"Times New Roman"; font-size:30px;}
.rcpy li h3{max-height:60px; padding-left:16px; font-size:16px; font-weight:normal; flex:1;}


.F3{padding:70px 0 100px; background:url(../images/bg3.jpg) no-repeat top center / cover;}
.F3 .w1400{display:flex;}
.djgz{width:860px; height:428px; overflow:hidden;}
.djgz ul{display:grid; grid-template-columns:1fr 1fr 1fr; grid-template-rows:1fr 1fr 1fr; gap:20px; margin-top:30px; height:348px;}
.djgz li:nth-of-type(1){grid-row:span 2; height:348px;}
.djgz li:nth-of-type(2),
.djgz li:nth-of-type(3){grid-column:span 2;}
.djgz li a{height:calc(100% - 30px); background:#fff; padding:15px; box-shadow:0 2px 10px rgba(0,0,0,0.15); border-radius:5px; position:relative;}
.djgz li a:before, .djgz li a:after{display:block; content:""; width:43px; height:47px; position:absolute; right:10px; pointer-events:none;}
.djgz li a:before{background:url(../images/liBg1.png) no-repeat right top; top:10px;}
.djgz li a:after{background:url(../images/liBg2.png) no-repeat right bottom; bottom:10px;}
.djgz li:first-of-type a{display:block;}
.djgz li:first-of-type a:before{display:none;}
.djgz li:not(:first-of-type) a{display:flex; align-items:center; overflow:hidden;}
.djgz li:not(:first-of-type) .pic{width:196px; height:134px; overflow:hidden;}
.djgz li:not(:first-of-type) .txt{padding:0 40px 0 15px; overflow:hidden; flex:1;}
.djgz li:first-of-type .pic{height:190px;}
.djgz li:first-of-type .txt{padding-top:15px;}
.djgz li .txt h3{height:56px; line-height:28px; font-size:16px; font-weight:normal;}
.djgz li .txt p{height:24px; line-height:24px; padding-top:20px; color:#888;}

.txgz{flex:1; overflow:hidden; margin-left:70px; height:428px;}
.txgz ul{height:288px; margin-top:30px; border:#22798d 1px solid; background:#fff; padding:29px; position:relative; box-shadow:0 2px 10px rgba(0,0,0,0.15);}
.txgz ul:before, .txgz ul:after{display:block; content:""; width:18px; height:19px; background-repeat:no-repeat; position:absolute; pointer-events:none;}
.txgz ul:before{left:-1px; top:-1px; background-image:url(../images/liBg3.jpg);}
.txgz ul:after{right:-1px; bottom:-1px; background-image:url(../images/liBg4.jpg);}
.txgz li a{display:flex; align-items:center; height:48px; overflow:hidden;}
.txgz li p{color:#24697a;}
.txgz li p:after{content:"/"; padding:0 10px;}
.txgz li h3{height:48px; line-height:48px; font-size:16px; font-weight:normal; flex:1;}


.foot{background:url(../images/footBg.jpg) no-repeat center bottom / cover; padding:30px 0;}
.foot .w1400{display:flex; align-items:center;}
.fLogo{display:flex; align-items:center; flex:1; overflow:hidden;}
.footCon{color:#fff; max-width:40%;}

.link{height:32px; display:flex; align-items:center;}
.link h3{font-size:24px; font-weight:normal;}
.link .mainlevel{width:100%; height:32px; margin-left:24px;}
.linkBox{height:auto; position:relative; display:flex; align-items:center;}
.linkBox .mainlevel{width:100%; height:32px; position:relative; vertical-align:top;}
.linkBox .mainlevel > a{display:flex; align-items:center; height:30px; cursor:pointer; color:#fff; position:relative; border:#fff 1px solid;}
.linkBox .mainlevel > a i{display:block; width:30px; height:30px; position:relative;}
.linkBox .mainlevel > a i:after{display:block; content:""; width:0; height:0; border-color:transparent; border-width:4px; border-style:solid; border-top:4px #fff solid; transition:all .3s; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%);}
.linkBox .mainlevel > a span{display:block; height:30px; line-height:30px; padding-left:10px; font-size:14px;}
.linkBox .mainlevel:hover > a i:after{transform:translate(-50%, -50%) rotate(-180deg);}
.linkBox ul{width:100%; max-height:320px; padding:0; position:absolute; left:0; bottom:32px; overflow-y:auto; display:none; z-index:999; background:#fff; box-shadow:0 -3px 10px rgba(0,0,0,0.15);}
.linkBox ul li a{display:block; line-height:20px; padding:10px; font-size:14px;}
.linkBox ul li a:hover{background:#317687; color:#fff;}

.contact{display:flex; padding-top:20px;}
.contact h3{line-height:32px; font-size:24px;font-weight:normal;}
.contact ul{display:flex; flex-wrap:wrap; flex:1; overflow:hidden;}
.contact ul li{padding-left:24px; font-size:14px; line-height:32px;}

.copy{line-height:32px; font-size:14px; padding-top:20px; color:#fff;}
.copy a{color:#fff; position:relative; display:inline-flex; align-items:center;}
.copy a:after{display:block; content:""; width:0; height:1px; background:#fff; position:absolute; left:0; bottom:0; transition:all 0.3s;}
.copy a:hover:after{width:100%;}
.copy a img{margin-right:3px; height:18px;}
.copy span{padding-left:1em;}


#goHeadBtn{display:block; width:50px; height:50px; z-index:999; background:url(../images/goHeadBtn.png) no-repeat; position:fixed; right:20px; bottom:116px; -webkit-transition:none; -moz-transition:none; -ms-transition:none; -o-transition:none; transition:none;}


.ny{width:1400px; margin:30px auto 50px;}
.ny:after{display:block; content:""; clear:both;}

.left{width:240px; background:#f5f5f5; float:left; position:relative;}
.left h2{line-height:30px; font-size:20px; text-align:center; background:#317687; color:#fff; font-weight:normal; padding:10px 20px;}
.left ul{width:auto; margin:0;}
.left ul li{display:block !important;width:auto !important; float:none !important; position:relative; border:#e4e4e4 1px solid; border-top:none; padding-left:2px; background:#f5f5f5;}
.left ul li, .left ul li > a:after{-webkit-transition:all 0.3s; transition:all 0.3s;}
.left ul li a{display:block !important; line-height:24px !important; padding:10px 30px 10px 20px !important; font-size:15px !important; width:auto !important; border:none !important; font-weight:normal !important; background:none !important; color:#333 !important; text-align:left !important; position:relative;}
.left ul li > a:after{display:block; content:""; position:absolute; top:calc(50% - 6px); right:8px; z-index:2; width:0; height:0; border-color:transparent; border-width:6px; border-style:solid; border-left:6px #666 solid; opacity:1;}
.left ul li:hover{border-left:#dfb164 3px solid; padding-left:0; background:#fff;}
.left ul li:hover > a:after, .left ul li.selected > a:after{opacity:1;}
.left ul li:hover > a:after{border-left-color:#dfb164;}
.left ul li:hover > a{background:#fff !important; color:#dfb164 !important; border-right-color:#fff !important;}
.left ul li.selected{border-left:#317687 3px solid; padding-left:0; background:#fff;}
.left ul li.selected > a{background:#fff !important; color:#317687 !important; border-right-color:#fff !important;}
.left ul li.selected > a:after{border-left-color:#317687 !important; }
.left ul li.parent > a:after{border-left-color:#317687; transform:rotate(90deg);}
.left ul li a span{display:inline !important; padding:0 !important; line-height:24px !important;}
.left ul ul li{border-bottom:0; background:none; padding-left:0; border:0;}
.left ul ul li:hover, .left ul ul li.selected{border-left:0;}
.left ul ul li a{padding-left:40px !important; font-size:14px !important;}
.left ul ul ul li a{padding-left:60px !important; font-size:13px !important;}
.left ul ul ul ul li a{padding-left:80px !important; font-size:12px !important;}


.hasLeft{margin-left:270px;}
.right:after{display:block; content:""; clear:both;}
.post{height:49px; line-height:49px; font-size:14px; color:#999; border-bottom:1px solid #e3e3e3;}
.post .postSpan{float:right; line-height:29px; padding-top:20px;}
.post .postSpan a{color:#999;}
.post .postSpan a:hover{color:#dfb164;}
.post h3{float:left; height:48px; position:relative; top:0; color:#317687; border-bottom:2px solid #317687; font-size:20px; font-weight:normal;}


.list01, .article{padding-top:10px;}
.articleTitle{padding:20px 0; line-height:36px; font-size:24px; font-weight:600; text-align:center;}
.articleInfo{font-size:14px; height:36px; line-height:36px; background:#f5f5f5; color:#666; text-align:center; margin:0 auto;}
.articleInfo p{display:inline-block;}
.articleInfo label{padding-left:30px;}
.articleCon{line-height:30px; padding-top:15px; text-justify:inter-ideograph; text-align:justify;}
.articleCon img{max-width:100%; height:auto !important; margin:0 auto; vertical-align:top;}


.wp_paging{float:none !important; margin:20px auto 0 !important; text-align:center;}
.wp_paging li{float:none !important; margin:0 10px !important; font-size:14px; width:auto !important;}
.wp_paging li span{margin:0 5px !important;}

.possplit{background:url(../images/posSplit.gif) no-repeat center center !important; width:15px !important; display:inline-block; vertical-align:top; height:29px;}


.list01 .wp_entry{padding-top:20px; line-height:30px; text-justify:inter-ideograph; text-align:justify;}
.list01 .wp_entry p{margin:0;}
.list01 .wp_entry img{max-width:100%; height:auto !important; margin:0 auto; vertical-align:top;}
.list01 .wp_entry a:link, .list01 .wp_entry a:visited{color:#317687;}
.list01 .wp_entry a:hover{color:#dfb164; text-decoration:none;}
.list01 .wp_entry .wp_video_player{margin:0 auto;}


.picList01{font-size:0;}
.picList01 .picList>li{display:inline-block; vertical-align:top; width:calc(33.3333% - 20px); padding:20px 30px 0 0;}
.picList01 .picList>li:nth-of-type(3n){padding-right:0;}
.picList01 .picList>li a p{overflow:hidden; height:0; padding-top:60%; position:relative;}
.picList01 .picList>li a p i{display:block; width:100%; height:100%; background-repeat:no-repeat; background-position:center center; background-size:cover; position:absolute; left:0; top:0;}
.picList01 .picList>li a h3{height:30px; line-height:30px; text-align:center; font-size:15px; font-weight:normal;}
.picList01 .picList>li 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);}