@charset "utf-8";

@font-face {
	font-family:"Gotham-Book";
	src: url('../fonts/Gotham-Book.eot'); /* IE9*/	
	src: local('?'),
	url("../fonts/Gotham-Book.eot?#iefix") format("embedded-opentype"),
	url("../fonts/Gotham-Book.woff") format("woff"),
	url("../fonts/Gotham-Book.ttf") format("truetype"),
	url("../fonts/Gotham-Book.svg#iconfont") format("svg"),
	url('../fonts/Gotham-Book.svg#svgFontName') format('svg'), /* iOS 4.1- */
	url('../fonts/Gotham-Book.woff2') format('woff2');
	font-weight:bold;
	font-style:normal;
}


*{margin:0;padding:0;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, hr, button, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav,section{ list-style:none; font-style: normal;font-family:'Gotham-Book', "微软雅黑"; font-size: 15px;}
em{list-style: none;font-style: normal;}
:focus {outline:none !important;}
a:link, a:visited{ text-decoration:none; color: #333;border: none;}
input,button,a {outline:0 none !important;}
h1,h2,h3,h4,h5,h6,i{font-style: normal;font-weight: normal;}
.relative { position: relative; }
::selection { background: rgb(85, 85, 85); color: rgb(255, 255, 255); text-shadow: none;}
.lt{float: left;}
.rt{float: right;}
button{border: 0;  background-color: transparent; outline: none;cursor: pointer;}
img{border: none; margin: 0;}
*:before, *:after{-webkit-box-sizing: border-box;  -moz-box-sizing: border-box;box-sizing: border-box;}
*{box-sizing: border-box;-moz-box-sizing:border-box; /* Firefox */   -webkit-box-sizing:border-box; /* Safari */ }


/*header*/
.menuleft{width: 15%; height: 100%; background: #0E2E88; position: fixed;}
.menuright{width: 85%; margin-left: 15%;}
.menuleft .logo{padding: 10% 5%; margin: 0 auto;}
.menuleft .logo img{display: block; margin: 0 auto; margin-bottom: 15px;}
.menuleft .logo h1::before{display: inline-block; font:14px / 1 iconfont; text-rendering: auto; -webkit-font-smoothing: antialiased; content: "\e634"; color: #fff; font-size: 42px;}
.menuleft .logo h1{text-align: center;}
.navleft{margin: 0 auto;}
.navleft ul li{border-top: 1px solid #031854; padding: 10px 15%; position: relative; transition: all .3s;}
.navleft ul a:last-child li{border-bottom: 1px solid #031854;}
.navleft ul li::before{content: ''; background: #031D66; width: 8px; display: block; height:100%; position: absolute; left: 0; top: 0; transition: all .3s; opacity: 0;}
.navleft ul li::after{display: inline-block; font:14px / 1 iconfont; text-rendering: auto; -webkit-font-smoothing: antialiased; content: "\e645";transition: all .3s; color: #031D66; position: absolute; top: 50%; right: 1px; margin-top: -7px;}
.navleft ul li p{font-size: 15px;}
.navleft ul li span{text-transform: uppercase; font-size: 12px; font-family: verdana;}
.navleft ul a{color: #fff;display: block;}
.navleft ul li:hover,.navleft ul li.active{background: #64B0DC;}
.navleft ul li:hover::before,.navleft ul li.active::before{opacity: 1;}
.navleft ul li:hover::after,.navleft ul li.active::after{color: #fff;}
.sharebox{text-align: center; margin-top: 40px;}
.sharebox h3::before{display: inline-block; font:14px / 1 iconfont; text-rendering: auto; -webkit-font-smoothing: antialiased; content: "\e626";color: #fff; font-size: 128px;}
/* .sharebox p{text-align-last:justify; color: #fff; font-size: 16px;} */
.navtwobox{background: #EDEDED; position: relative;}
.navtwobox ul{padding:0 8%;}
.navtwo{width: 100%; text-align: center;}
.navtwo li{padding:20px;}
.navtwo li:hover h1::before{transform: rotateY(360deg);-moz-transform: rotateY(360deg);-webkit-transform: rotateY(360deg);-mstransform: rotateY(360deg);color: #209AD8;}
.navtwo li:hover p{color: #209AD8;}
.navtwo li::before{content: ''; background: #d4d4d4; width: 1px; display: block; height:100%; position: absolute; right: 0; top: 0;}
.first li::after{content: ''; background: #d4d4d4; width: 1px; display: block; height:100%; position: absolute; left: 0; top: 0;}
.navtwo li p{color: #999; padding: 10px 0;}
.navtwo li h1{color: #999;}
.navtwo li h1::before{display: inline-block; font:14px / 1 iconfont; text-rendering: auto; -webkit-font-smoothing: antialiased; transition: all .8s;font-size: 50px;}
.navtwobox .swiper-slide:nth-child(1) .navtwo li h1::before{content: "\e615";}
.navtwobox .swiper-slide:nth-child(2) .navtwo li h1::before{content: "\e617";}
.navtwobox .swiper-slide:nth-child(3) .navtwo li h1::before{content: "\e618";}
.navtwobox .swiper-slide:nth-child(4) .navtwo li h1::before{content: "\e61e";}
.navtwobox .swiper-slide:nth-child(5) .navtwo li h1::before{content: "\e619";}
.navtwobox .swiper-slide:nth-child(6) .navtwo li h1::before{content: "\e61a";}
.navtwobox .swiper-slide:nth-child(7) .navtwo li h1::before{content: "\e61b";}
.navtwobox .swiper-slide:nth-child(8) .navtwo li h1::before{content: "\e657";}
.navtwobox .swiper-slide:nth-child(9) .navtwo li h1::before{content: "\e77e";}
.navtwobox .swiper-slide:nth-child(10) .navtwo li h1::before{content: "\e704";}
.navtwobox .swiper-slide:nth-child(11) .navtwo li h1::before{content: "\e6ed";}
.innewsbox,.innewsbox2,.innewsbox3{padding: 3%; overflow: hidden;}
.innewsbox2{background: #f9f9f9;}
.innewsbox .newb1,.innewsbox .newb2,.innewsbox2 .newb3,.innewsbox2 .newb4,.innewsbox3 .newb5,.innewsbox3 .newb6{width: 50%; float: left;}
.innewsbox .newb2{margin-bottom: 18px; padding-left: 2.5%;}
.innewsbox .newb1{padding-right: 2.5%;}
.intitbox{width: 100%;}
.intitbox ul{ overflow: hidden;}
.intitbox ul li{border-bottom: 1px solid #e8e8e8; padding: 14px 0 15px; transition: all .3s; overflow: hidden;}
.intitbox ul li:last-child{margin-bottom: 12px;}
.intitbox ul li:hover{box-shadow: 10px 5px 10px #e6e6e6; padding: 13px 0 16px 10px;}
.intitbox ul li:hover p{color: #209AD8;}
.intitbox ul li h6{color: #666; margin-bottom: 8px;}
.intitbox ul li p{color: #333; transition: all .3s;  overflow: hidden;  text-overflow: ellipsis; white-space: nowrap;}
h1.intit{font-size: 20px; font-weight: bold; padding-bottom: 10px; border-bottom: 1px solid #B2B2B2; margin-bottom: 30px;}
h1.intit span{font-size: 18px; color: #209AD8; padding-left: 8px; font-weight: normal;}
.morelink{border: 1px solid #ccc; display: inline; text-align: center; font-size: 14px; font-weight: normal;float: right; transition: all .3s;}
.morelink:hover{border-color: #007CFC; background: #007CFC; color: #fff;}
.morelink a{transition: all .3s; padding: 3px 10px; display: block;}
.morelink:hover a{color: #fff;}
.morelink a::after{display: inline-block; font:14px / 1 iconfont; text-rendering: auto; -webkit-font-smoothing: antialiased; transition: all .3s;content: "\e64d"; color: #007CFC; margin-left: 3px;}
.morelink:hover a::after{transform: rotate(180deg); -webkit-transform: rotate(180deg);  -moz-transform: rotate(180deg);  -o-transform: rotate(180deg);  -ms-transform: rotate(180deg); color: #fff;}
.newb2 ul li{border-bottom: 1px solid #B2B2B2;}
.newb2 ul li p{line-height: 120%; padding: 15px 10%; height: 72px; transition: all .3s;}
.newb2 ul li:nth-child(odd){width: 48%; float: left;}
.newb2 ul li:nth-child(even){width: 48%; float: right;}
.mask img{width: 100%; display: block; transition: all .3s;}
.mask{overflow: hidden;}
.newb2 ul li:hover p{color: #209AD8;}
.newb2 ul li:hover img{-webkit-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1);transform: scale(1.1); opacity: 1;}
.innewsbox2 .newb3,.innewsbox3 .newb5{padding-right: 2.5%;}
.innewsbox2 .newb4,.innewsbox3 .newb6{padding-left: 2.5%;}
.newb3 li{width: 25%; float: left; margin-bottom: 15px;}
.newb3 h5{font-size: 16px; margin-bottom: 20px;}
.mask2{margin-right:15px; background: #fff; text-align: center; padding: 10px; transition: all .3s;}
.mask2:hover{background: #209AD8;}
.mask2:hover dd::before{transform: rotateY(180deg);-moz-transform: rotateY(180deg);-webkit-transform: rotateY(180deg);-mstransform: rotateY(180deg);color: #fff;}
.mask2:hover p{color: #fff;}
.newb3 ul li:nth-child(4n) .mask2{margin-right: 0 !important;}
.mask2 p{font-size: 12px; height: 40px; transition: all .3s;}
.newb3 ul li dd{margin-bottom: 10px;}
.newb3 ul li dd::before{display: inline-block; font: 14px / 1 iconfont; text-rendering: auto; -webkit-font-smoothing: antialiased; transition: all .3s;font-size: 70px;}
.newb3 ul li:nth-child(1) dd::before{content: "\e61d";}
.newb3 ul li:nth-child(2) dd::before{content: "\e61c";}
.newb3 ul li:nth-child(3) dd::before{content: "\e616";}
.newb3 ul li:nth-child(4) dd::before{content: "\e622";}
.newb3 ul li:nth-child(5) dd::before{content: "\e61f";}
.newb3 ul li:nth-child(6) dd::before{content: "\e620";}
.newb3 ul li:nth-child(7) dd::before{content: "\e621";}
.newb3 ul li:nth-child(8) dd::before{content: "\e623";}

.newb4 ul{overflow: hidden; padding-top: 20px;}
.newb4 ul li{border-bottom:1px solid #b2b2b2; overflow: hidden;padding: 16px 0; transition: all .3s;}
.newb4 ul li p{ overflow: hidden;  text-overflow: ellipsis; white-space: nowrap; transition: all .3s;}
.newb4 ul li:hover{box-shadow: 10px 5px 10px #e6e6e6;border-bottom:1px solid #e6e6e6; padding: 16px 0 18px 0;}
.newb4 ul li:hover p{color: #209AD8;}
.newb4 ul li:last-child{margin-bottom: 12px;}
.newb4 ul li span{display: block; float: left;color: #fff; background: #99CBFE; border-bottom: 2px solid #007DFD; padding: 10px 15px; margin-right: 20px;}
.newb4 ul li h1{margin-bottom: 8px;}

.newb5 ul p{margin-bottom: 25px; text-indent: 2em; line-height: 30px;}
.newb6{display: flex;
    flex-wrap: wrap;
    align-content: flex-start;}
.inpicbox{width: 100%; overflow: hidden;height: 100%;}
.inpicbox li{overflow: hidden;position: relative;}
.inpicbox li .maskp span,.rightbox .maskp span,.tright .maskp span{display: block; background: #0F3589; opacity: .8; color: #fff; text-align: center; line-height: 200%; width: 100%; position: absolute; left: 0; bottom: 0;}
.inpicbox img{display: block; width: 100%; transition: all .3s;}

.inpicbox{flex: 0 0 66.666666666%;}

.tleft{width: 66.666666666%; float: left;}
.tleft li{width: 100%;}
.tright{width:33.333333333%;float: right; height: 100%;}
.rightbox{flex: 0 0 33.333333333%;}
.rightbox li{width: 100%; overflow: hidden;}
.rightbox .maskp{margin-bottom: 10px; overflow: hidden;position: relative;}
.rightbox img{display: block; width: 100%; transition: all .3s;}
.inpicbox .btwobox{width: 100%;}
.inpicbox .btwobox li{width: 50%; float: left;}
.inpicbox .maskp{margin: 0 10px 10px 0; overflow: hidden; position: relative;}
.maskp:hover img{-webkit-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1);transform: scale(1.1);}





footer{padding:40px; color: #fff; background: #0E2E88;}
footer h1{padding-bottom: 20px;}
footer p{line-height: 200%;}
footer p>span{padding-right: 30px;}




#kv {width: 100%; overflow: hidden; z-index: 0; position: relative; }
.kv-box { position: relative; }
.kv-box .txtbox { position: absolute; top: 50%; left: 50%; width: 50%; z-index: 9; transform: translate(-50%, -50%);text-shadow: rgba(0, 0, 0, 0.3) 0px 1px 8px; }
.kv-box .txtbox p { margin-bottom: 15px; font-size: 55px; color: rgb(255, 255, 255); font-weight: bold; }
.kv-box .txtbox p > span { color: rgb(255, 204, 0); }
.kv-box img{display: block; width: 100%;}


/* 手机顶部菜单*/
.list{margin:0 auto;width: 100%;}
.list ul li{text-align: center;}
.list ul li a{padding-left: 10px;color: #fff;display: block; font-weight:bold;position: relative; padding: 10px 0;}
.list ul li .inactive{ background:url(../img/off.png) no-repeat 95% center;}
.list ul li .inactives{background:url(../img/on.png) no-repeat 95% center;} 
.list ul li ul{display: none;}
.list ul li ul li { border-left:0; border-right:0; }
.list ul li ul li ul{display: none;}
.list ul li ul li a{ padding-left:20px;}
.list ul li ul li ul li { background-color:#E0F3FB; border-color:#fff; }
.last{ background-color:#E0F3FB; border-color:#23669C; }
.list ul li ul li ul li a{ color:#30b0e2; padding-left:30px;}
/* 手机顶部菜单 E*/

#app-menu{display: none;}
.app-logo{position: relative;}
.app-logo img{width: 40px; display: block;}
.app-logo::after{display: block; margin: 0 auto; font: 14px / 1 iconfont; text-rendering: auto; -webkit-font-smoothing: antialiased; transition: all .3s;font-size: 25px; color: #fff;content: "\e634"; position: absolute;top: 50%; margin-left: 45px; margin-top: -12.5px;}


.banner{width: 100%;}
.banner img{display: block; width: 100%;}
.conbox{padding: 3%; overflow: hidden; display: flex;flex-wrap: wrap; align-content: flex-start;}
.mainbox{padding: 3%; overflow: hidden;}
.lebox,.ribox{flex:1;}
.lebox{padding-right: 2.5%;}
.ribox{padding-left: 2.5%;}
.jsbox img{display: block; width: 100%;}
.jsbox p{margin-bottom: 25px; text-indent: 2em; line-height: 30px;}
.titbox{width: 30%; margin: 0 auto; text-align: center; margin-bottom: 45px;}
.titbox h1{font-size: 20px; font-weight: bold;}
dt.tit{height: 1px; background: #b2b2b2; margin: 8px 0;}
.titbox h2{font-size: 18px; color: #209AD8;}
img.picall{display: block; margin: 0 auto;}

/* 单位概况 */
.bgpicbottom{overflow: hidden;background:url(../img/renbg.jpg) no-repeat bottom right; }
.ldbox{width: 100%; overflow: hidden; position: relative; padding-bottom: 40px;}
.ldbox ul{ display: flex;  flex-wrap: wrap;  align-content: flex-start;}
.ldbox ul li{flex: 0 0 25%;}
.ldbox ul li img{display: block; width: 100%;border-top-left-radius: 8px; border-top-right-radius: 8px; margin-bottom: 15px;}
.renbox{margin: 0 4%; border: 1px solid #ddd; border-radius: 10px; padding: 10px; height: 100%;}
.renbox ul dt{padding: 0 10%; text-align: left; width: 100%;}
.renbox ul dt p{padding-left: 50px; margin-bottom: 5px;}
.renbox ul dt span{display: block; float: left; margin-right: 5px;}

.tabs{margin: 0 auto; overflow: hidden; margin-bottom: 10px; border-bottom: 3px solid #61ABE4;}

.tabs ul,.tabs2 ul{ display: flex; flex-wrap: wrap;align-content: flex-start;}
.tabs .part,.tabs2 .part2{flex:  0 0 14.28571%;}
.tabs a,.tabs2 a{height: 100%;}

.tabs .part{display:block; width:14.28571%;color:#333; float: left;}
.tabs a{display:block;color:#fff;margin:0 15px 0 0;font-size:16px;background: #d0d0d0;transition: all .3s; padding: 10px 10px 10px 15%;}
.tabs .part:last-child a{margin: 0;}
.tabs span{display: block; position: relative;}
.tabs span.active a{background:#61ABE4;}
.part p:first-child,.part p>i{font-size: 16px; font-weight: bold;}
.tabs a::before{background: #fff; width: 3px; display: block; height:100%; position: absolute; left:7%; top: 0; content: '';}
.part p{line-height: 150%;}

.ksbox{overflow: hidden; padding-top: 40px;}

.renbox2{float: left; width: 230px; }
.renbox2 li{border: 1px solid #ddd; border-radius: 10px; padding: 10px; margin-bottom: 10px;}
.renbox2 img{display: block; width: 100%; margin-bottom: 10px;    border-top-left-radius: 8px; border-top-right-radius: 8px;}
.renbox2 p{line-height: 150%; padding: 0 10%;}
.renjs{overflow: hidden; width: 50%; float: left; margin-left: 3%;}
.renjs h1{font-size: 18px; font-weight: bold; margin-bottom: 15px;}
.renjs p{line-height: 150%; margin-bottom: 20px;}
.hijs{display: none;}
/* 单位概况-END */

/* 新闻中心 */
.newsbox{overflow: hidden;}
.newsbox ul{display: flex; flex-wrap: wrap; align-content: flex-start;}
.newsbox ul li{flex: 0 0 25%; margin-bottom: 50px;}
.newsbox ul li:hover img{-webkit-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1);transform: scale(1.1);}
.newsbox ul li:hover p{color: #19ADED;}
.newsbox ul li:hover a::before{width: 100%;}
.newsbox ul li a{display: block;}
.autoheight{ height: 100%;margin:0 3%;border-bottom: 2px solid #dbdbdb; position: relative; }
.autoheight::after{background: #dbdbdb; width: 1px; display: block; height:100%; position: absolute; left:0; top: 0; content: '';z-index: -1;}
.autoheight::before{background: #dbdbdb; width: 1px; display: block; height:100%; position: absolute; right:0; top: 0; content: '';z-index: -1;}
.newsbox ul li a::before{background: #19ADED; width: 0; display: block; height:2px; position: absolute; left:0px; bottom: -2px; content: ''; transition: all 1s;}
.newsbox ul li p{line-height: 120%;padding: 15px 8% 40px 8%;  transition: all .3s;}
.newsbox ul li dd{color: #ccc; position: absolute; left: 8%; bottom: 10px;}
.newsbox ul li dd::before{display: inline-block; font:14px / 1 iconfont; text-rendering: auto; -webkit-font-smoothing: antialiased; content: "\e600"; margin-right: 3px;}

.page{width: 100%; margin: 30px auto; text-align: center;}
.page a{display: inline-block; margin: 0 6px; transition: all .2s; background: #fff; border: 1px solid #E9EBEC;padding: 5px 10px; border-radius: 4px;}
.page a.active,.page a:hover{background: #19ADED; color: #fff; padding: 5px 10px; border: 1px solid #19ADED;}
a.none{pointer-events:none; border: none;}

.nshowbox{text-align: center; width: 80%; margin: 0 auto;}
.nshowbox h1{font-size: 22px; font-weight:bold;}
.nshowbox h2{background-color: #B2B2B2; height: 1px; margin: 10px 0;}
.nshowbox h3{color: #666;}
.nshowbox ul{padding-top: 40px; text-align: left;}
.nshowbox ul p{text-indent: 2em; line-height: 180%; margin-bottom:25px;}
.nshowbox ul img{display: block; margin: 0 auto; width: 70%; margin-bottom: 25px;}
/* 新闻中心-END */

/* 通知公告 */
.tzbox{overflow: hidden; width: 80%; margin: 0 auto;}
.tzbox ul{display: flex; flex-wrap: wrap; align-content: flex-start;}
.tzbox ul li{flex: 0 0 33.333333%; margin-bottom: 35px; }
.autoheight2{ margin:0 6%; border-bottom: 1px solid #dbdbdb;height: 100%; position: relative;}
.tzbox ul li:hover .autoheight2::before{width: 100%;}
.autoheight2::before{background: #19ADED; width: 0; display: block; height:1px; position: absolute; left:0px; bottom: -1px; content: ''; transition: all 1s; z-index: 99;}
.tzbox ul li:hover .autoheight2 .time{transform: rotateY(50deg);-moz-transform: rotateY(50deg);-webkit-transform: rotateY(50deg);-mstransform: rotateY(50deg);}
.tzbox ul li:hover .autoheight2 p{color: #19ADED;}
.autoheight2 p{padding-top: 5px; transition: all .3s;}
.autoheight2 .time{float: left; text-align: center; margin-right: 5%; transition: all .5s;}
.time h1{background: #0081C1; color: #fff; line-height: 180%; padding: 0 10px;}
.time h2{border-left: 1px solid #B8DCEE; border-right: 1px solid #B8DCEE; border-bottom: 1px solid #B8DCEE; color: #0081C1; font-size: 25px; line-height: 180%;}
.autoheight2 a{display: block; margin-bottom: 2em; overflow: hidden;}
.kalman{height: 2em;}
/* 通知公告-END */

/* 办事大厅 */
.icall{overflow: hidden; width: 90%; margin: 0 auto;}
ul.wmbox{border: 1px solid #dbdbdb; overflow: hidden;display: flex; align-items:center; margin-bottom: 50px;}
.dtle{width: 20%; float: left; position: relative;}
.dtle img{display: block; width: 100%;}
.dtle p{line-height:35px; position: absolute; left: 0; bottom: 0; background: rgb(2,28,86,.85); width: 100%; color: #fff; text-align: center; font-weight: bold;}
.dtri{float: left; width: 80%; position: relative;}
/* .dtri ul{border: none; display: flex; flex-wrap: wrap;align-content: flex-start;}
.dtri ul li{flex: 0 0 20%;} */
.dtri ul{padding:0 30px; width: 100%; position: relative;}
.maskdt{ padding:15px 15px; border: 1px solid #e8e8e8;transition: all .3s; height: 100%;}
.dtri ul li a{text-align: center; display: block; font-size: 13px; transition: all .3s;}
.dtri ul li a::before{display: block; margin: 0 auto; font: 14px / 1 iconfont; text-rendering: auto; -webkit-font-smoothing: antialiased; transition: all .3s;font-size: 55px; color: #7f7f7f; margin-bottom: 5px;}
.dtri ul li:hover .maskdt{border:1px solid #61ABE4; background: #61ABE4;}
.dtri ul li:hover a::before{transform: rotateY(180deg);-moz-transform: rotateY(180deg);-webkit-transform: rotateY(180deg);-mstransform: rotateY(180deg);color: #fff;}
.dtri ul li:hover a{color: #fff;}
.ttic .mainbox{padding-bottom:0; overflow: hidden;}

.menuright .ttic .mainbox9:nth-child(1) .icall .dtri .swiper-slide:nth-child(1) li a::before{content: "\e62c"}
.menuright .ttic .mainbox9:nth-child(1) .icall .dtri .swiper-slide:nth-child(2) li a::before{content: "\e627"}

.menuright .ttic .mainbox9:nth-child(2) .icall .dtri .swiper-slide:nth-child(1) li a::before{content: "\e616"}
.menuright .ttic .mainbox9:nth-child(2) .icall .dtri .swiper-slide:nth-child(2) li a::before{content: "\e61d"}
.menuright .ttic .mainbox9:nth-child(2) .icall .dtri .swiper-slide:nth-child(3) li a::before{content: "\e62b"}
.menuright .ttic .mainbox9:nth-child(2) .icall .dtri .swiper-slide:nth-child(4) li a::before{content: "\e621"}
.menuright .ttic .mainbox9:nth-child(2) .icall .dtri .swiper-slide:nth-child(5) li a::before{content: "\e61c"} 
.menuright .ttic .mainbox9:nth-child(2) .icall .dtri .swiper-slide:nth-child(6) li a::before{content: "\e61d"}
.menuright .ttic .mainbox9:nth-child(2) .icall .dtri .swiper-slide:nth-child(7) li a::before{content: "\e62b"}
.menuright .ttic .mainbox9:nth-child(2) .icall .dtri .swiper-slide:nth-child(8) li a::before{content: "\e621"}
.menuright .ttic .mainbox9:nth-child(2) .icall .dtri .swiper-slide:nth-child(9) li a::before{content: "\e62b"}


.menuright .ttic .mainbox9:nth-child(3) .icall .dtri .swiper-slide:nth-child(1) li a::before{content: "\e620"}
.menuright .ttic .mainbox9:nth-child(3) .icall .dtri .swiper-slide:nth-child(2) li a::before{content: "\e622"}
.menuright .ttic .mainbox9:nth-child(3) .icall .dtri .swiper-slide:nth-child(3) li a::before{content: "\e61e"}
.menuright .ttic .mainbox9:nth-child(3) .icall .dtri .swiper-slide:nth-child(4) li a::before{content: "\e628"}


.menuright .ttic .mainbox9:nth-child(4) .icall .dtri .swiper-slide:nth-child(1) li a::before{content: "\e61f"}
.menuright .ttic .mainbox9:nth-child(4) .icall .dtri .swiper-slide:nth-child(2) li a::before{content: "\e623"}
.menuright .ttic .mainbox9:nth-child(4) .icall .dtri .swiper-slide:nth-child(3) li a::before{content: "\e629"}


.menuright .ttic .mainbox9:nth-child(5) .icall .dtri .swiper-slide:nth-child(1) li a::before{content: "\e62a"}
.menuright .ttic .mainbox9:nth-child(5) .icall .dtri .swiper-slide:nth-child(2) li a::before{content: "\e625"}


ul.moul{display: none;}

/* .icall ul:nth-child(1) .dtri ul li:nth-child(2) a::before{content: "\e62C"}
.icall ul:nth-child(1) .dtri ul li:nth-child(2) a::before{content: "\e627"}

.icall ul:nth-child(2) .dtri ul li:nth-child(1) a::before{content: "\e616"}
.icall ul:nth-child(2) .dtri ul li:nth-child(2) a::before{content: "\e61d"}
.icall ul:nth-child(2) .dtri ul li:nth-child(3) a::before{content: "\e62b"}
.icall ul:nth-child(2) .dtri ul li:nth-child(4) a::before{content: "\e621"}
.icall ul:nth-child(2) .dtri ul li:nth-child(5) a::before{content: "\e61c"}

.icall ul:nth-child(3) .dtri ul li:nth-child(1) a::before{content: "\e620"}
.icall ul:nth-child(3) .dtri ul li:nth-child(2) a::before{content: "\e622"}
.icall ul:nth-child(3) .dtri ul li:nth-child(3) a::before{content: "\e61e"}
.icall ul:nth-child(3) .dtri ul li:nth-child(4) a::before{content: "\e628"}


.icall ul:nth-child(4) .dtri ul li:nth-child(1) a::before{content: "\e61f"}
.icall ul:nth-child(4) .dtri ul li:nth-child(2) a::before{content: "\e623"}
.icall ul:nth-child(4) .dtri ul li:nth-child(3) a::before{content: "\e629"}


.icall ul:nth-child(5) .dtri ul li:nth-child(1) a::before{content: "\e62a"}
.icall ul:nth-child(5) .dtri ul li:nth-child(2) a::before{content: "\e625"} */


.bsshowbox{width: 80%; margin: 0 auto;}
.bstwobox{width: 80%; margin: 0 auto; padding-top: 30px; overflow: hidden;}
.bsshowbox h3{background: #057DC0; color: #fff; font-size: 20px; font-weight: bold; padding: 10px 20px;}
.ttall{ padding:20px 30px; background: #EBEBEB; overflow: hidden;}
.ttall ul li{float: left; width: 33.33333333%;}
.ttall ul li:nth-child(1){width: 30%;}
.ttall ul li:nth-child(2){width: 50%;}
.ttall ul li:nth-child(3){width: 20%; text-align: right;}
.ttall ul li::before{background-image: linear-gradient(180deg, #F8AF34 0%, #F56B24 100%);	-webkit-background-clip: text;color:transparent; }
.ttall ul li:nth-child(1)::before{display:block;font: 14px / 1 iconfont; text-rendering: auto; -webkit-font-smoothing: antialiased; font-size: 40px;content: "\e688"; float: left; margin-right: 15px;}
.ttall ul li:nth-child(2)::before{display:block;font: 14px / 1 iconfont; text-rendering: auto; -webkit-font-smoothing: antialiased; font-size: 40px;content: "\e636"; float: left; margin-right: 15px;}
.bsleft{width: 20%; float: left;}
.bsright{width: 80%; float: right;}
.bsright img{display: block; width: 100%;}
.bsp p{margin-bottom: 8px;}
.bsleft .renbox2{width: 100%;}


/* 弹出 */
.md-modal2{ position: fixed; top: 50%; left: 50%;height: auto; z-index: 9999999; visibility: hidden; transform: translateX(-50%) translateY(-50%); }
.md-modal { position: fixed; top: 50%; left: 50%; width:50%;height: auto; z-index: 9999999; visibility: hidden; transform: translateX(-50%) translateY(-50%); }
.md-overlay { position: fixed; width: 100%; height: 100%; visibility: hidden; top: 0px; left: 0px; z-index: 9999995; opacity: 0; background: rgba(0, 0, 0, 0.6); transition: all 0.3s ease 0s; }
.md-show ~ .md-overlay { opacity: 1; visibility: visible; }
.md-content { color: #fff; background: #000; position: relative;margin: 0px auto; padding: .2rem; }
.md-content2 {margin: 0px auto;}
.md-effect-1 .md-content2 { transform: scale(0.7); opacity: 0; transition: all 0.3s ease 0s; }
.md-show.md-effect-1 .md-content2 { transform: scale(1); opacity: 1; }
.md-content dt{text-align: right; overflow: hidden;}
.md-effect-1 .md-content { transform: scale(0.7); opacity: 0; transition: all 0.3s ease 0s; }
.md-show.md-effect-1 .md-content { transform: scale(1); opacity: 1; }
.md-show {visibility: visible;}
button.md-close{display: block; float: right; margin-bottom: .2rem;}
button.md-close::before{display: block; font:.22rem / 1 iconfont; text-rendering: auto; -webkit-font-smoothing: antialiased; content: "\e609"; transition: all .3s; color: #fff;}
button.md-close:hover::before {transform: rotate(180deg); -webkit-transform: rotate(180deg);  -moz-transform: rotate(180deg);  -o-transform: rotate(180deg);  -ms-transform: rotate(180deg);}
video#vv{width: 100%;}



/* 办事大厅-END */

/* 规章制度 */
.dzlist{padding-top:20px;}
.dzlist li{line-height: 200%;}
.dzlist li p{transition: all .3s;}
.dzlist li p::before{display: inline-block; font:14px / 1 iconfont; text-rendering: auto; -webkit-font-smoothing: antialiased;content: "\e757"; margin-right: 10px; color: #999;}
.tabs2{margin: 0 auto; overflow: hidden; margin-bottom: 10px; border-bottom: 3px solid #0082C1;}
.tabs2 .part2{display:block; width:14.28571%;color:#333; float: left;}
.tabs2 a{display:block;color:#fff;margin:0 15px 0 0;font-size:16px;background: #b0b0b0;transition: all .3s; padding: 10px;}
.tabs2 .part2:last-child a{margin: 0;}
.tabs2 span{display: block; position: relative;}
.tabs2 span a dd{text-align: center;}
.tabs2 span a dd::before{display: block; margin: 0 auto; font: 14px / 1 iconfont; text-rendering: auto; -webkit-font-smoothing: antialiased; transition: all .3s;font-size: 55px; color: #fff; margin-bottom: 5px;}
.tabs2 span:nth-child(1) dd::before{content: "\e633"}
.tabs2 span:nth-child(2) dd::before{content: "\e631"}
.tabs2 span:nth-child(3) dd::before{content: "\e62f"}
.tabs2 span:nth-child(4) dd::before{content: "\e628"}
.tabs2 span:nth-child(5) dd::before{content: "\e630"}
.tabs2 span:nth-child(6) dd::before{content: "\e625"}
.tabs2 span:nth-child(7) dd::before{content: "\e62e"}
.tabs2 span.active a{background:#0082C1;}
.part2 p:first-child{font-size: 16px; font-weight: bold;}
.part2 p{line-height: 150%; text-align: center;}

.wrapper04 {position:relative;width:100%;overflow: hidden;margin:0 auto;}
.wrapper04 .scroller {width: 100% !important;}
.wrapper04 .scroller .clearfix{ display: flex;flex-wrap: wrap; align-content: flex-start;}
.wrapper04 .scroller .clearfix li {color:#fff;text-align: center; position: relative; flex: 0 0 14.28571%;}

.wrapper04 .scroller li::after{content:''; height: 3px; width: 100%; display: block; background: #0082C1; position: absolute; left:0; bottom: 0;}
.wrapper04 .scroller li a{color:#fff;display:block;margin-right:.1rem; padding: .2rem;background: #b0b0b0; transition: all .3s; height: 100%;}
.wrapper04 .scroller li:last-child a{margin-right:0;}
.wrapper04 .scroller li a::before{ display: block;  margin: 0 auto;font: 14px / 1 iconfont; text-rendering: auto;-webkit-font-smoothing: antialiased;  transition: all .3s;  font-size:.5rem;  color: #fff; margin-bottom: 5px;}
.wrapper04 .scroller li:nth-child(1) a::before{content: "\e633"}
.wrapper04 .scroller li:nth-child(2) a::before{content: "\e631"}
.wrapper04 .scroller li:nth-child(3) a::before{content: "\e62f"}
.wrapper04 .scroller li:nth-child(4) a::before{content: "\e628"}
.wrapper04 .scroller li:nth-child(5) a::before{content: "\e630"}
.wrapper04 .scroller li:nth-child(6) a::before{content: "\e625"}
.wrapper04 .scroller li:nth-child(7) a::before{content: "\e62e"}
/* .wrapper04 .scroller li.cur{background:#0082C1}
.wrapper04 .scroller li.cur a{color:#fff;} */
.wrapper04 .scroller li.active a,.wrapper04 .scroller li:hover a{color:#fff;background:#0082C1;}
.wrapper04 .scroller li:hover a::before{transform: rotateY(180deg);-moz-transform: rotateY(180deg);-webkit-transform: rotateY(180deg);-mstransform: rotateY(180deg);}
/* 规章制度-END */

/* 工作简报 */
.hbbox{width: 90%; margin: 0 auto;}
.jblist p{background: #e7e7e7; text-align: center; font-weight: bold;}
.jblist{margin: 0 8%;}
/* 工作简报-END */

/* 文化园地 */
.ydbox{width: 80%; margin: 0 auto; overflow: hidden;}
.ydbox dd{width: 50%; float: left;}
.ydbox dd:nth-child(1) ul{background: url(../img/whyd/1.jpg) no-repeat top center; background-size: cover;}
.ydbox dd:nth-child(2) ul{background: url(../img/whyd/2.jpg) no-repeat top center; background-size: cover;}
.ydlist ul{margin: 0 5%; padding: 55% 5% 5% 5%; border: 1px solid #ebebeb; overflow: hidden;}
.ydlist ul li{line-height:45px; border-bottom: 1px solid #ebebeb;overflow: hidden;   text-overflow: ellipsis;   white-space: nowrap;}
.ydlist ul .morelink{margin-top: 20px;}
.ydbox dd:nth-child(odd) .ydlist h1{color: #AB0A21;}
.ydbox dd:nth-child(even) .ydlist h1{color: #0453B0;}

.ydlist h1{font-size: 20px; font-weight: bold; border-bottom: 1px solid #ebebeb;line-height: 50px; }
.ydlist ul li a{transition: all .3s;}
.ydlist ul li:hover a{color: #19ADED; padding-left: 8px;}
.titbox h2{text-transform:uppercase}
/* 文化园地END */

.jgou img{display: block; margin: 0 auto;}
img.kj{display: block;}
img.kj02{display: none;}
.ldalltwo{display: none;}

@media screen and (max-width:1680px){
	.menuleft .logo h1::before{font-size: 38px;}
	.intitbox ul li{padding: 13px 0 13px;}
	.intitbox ul li:hover{padding: 11px 0 15px 10px;}
	.intitbox ul li h6{margin-bottom: 4px;}
	.newb5 ul p{line-height: 180%;}
	.jsbox img{padding-top: 7%;}
	.part2 p{font-size: 14px;}
	.wrapper04 .scroller li a{font-size: 14px; padding: 15px 10px;}
}

@media screen and (max-width:1440px){
	.navtwo li p,.intitbox ul li h6,.intitbox ul li p,.newb2 ul li p,.newb4 ul li h1,.newb4 ul li p,.inpicbox li .maskp span, .rightbox .maskp span, .tright .maskp span,.newb5 ul p,footer p,.jsbox p,.renbox ul dt p,.renbox ul dt span,.part p,.part p:first-child,.renbox2 p,.renjs p,.newsbox ul li p,.nshowbox p,.autoheight2 p,.part p:first-child, .part p>i{font-size: 14px;}
	.intitbox ul li{padding: 11px 0 11px;}
	.intitbox ul li:hover{padding: 9px 0 13px 10px;}
	.menuleft .logo h1::before{font-size: 32px;}
	.navleft ul li{padding: 6px 10%;}
	.sharebox{margin-top: 30px;}
	.newb3 ul li dd::before{font-size: 65px;}
	.newb5 ul p{line-height: 150%;}
	.jsbox p{line-height: 150%;}
	.tabs a{margin: 0 10px 0 0;}
	.tabs a::before{width: 2px; left: 2%;}
	.tabs a{padding: 10px 10px 10px 15px;}
	.tzbox{width: 100%;}
	.icall,.hbbox{width: 100%;}
	.part2 p{font-size: 12px;}
	.titbox h2{font-size: 16px;}
	.ydlist ul li{font-size: 14px; line-height: 35px;}
	
	.bsshowbox{width: 90%;}
	.bstwobox{width: 90%;}
	.newsbox ul li dd{font-size: 13px;}

}
@media screen and (max-width:1366px){
	.navleft ul li span{display: none;}
	.navleft ul li{padding:8px 10%;}
	.navtwo li{padding: 18px 15px;}
	.part p{font-size: 13px;}
	.tabs2 a{margin: 0 10px 0 0;}
	img.picall{width: 100%;}
	.navtwo li p span{display: block;}
	
	.wrapper04 .scroller li a{font-size: 12px;}
	.dtri ul li a::before{font-size: 40px;}

}

@media screen and (max-width:1280px){
.part p,.part p>i{font-size: 12px !important;}
.maskdt{padding: 10px;}
.ydlist h1{font-size: 18px; line-height: 40px;}
.bsleft{width: 20%;}
.bsright{width:80%;}
.bsshowbox{width: 100%;}
.bstwobox{width: 100%;}
.menuleft .logo h1::before{font-size: 28px;}
}

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

	.menuleft{display: none;}
	#app-menu{display: block;}
	.menuright{width: 100%; margin: 0;}
	.innewsbox .newb1,.innewsbox .newb2,.innewsbox2 .newb3,.innewsbox2 .newb4,.innewsbox3 .newb5,.innewsbox3 .newb6{width: 100%; float: none; overflow: hidden;}
.innewsbox .newb2{margin-bottom: 18px; padding-left:0;}
.innewsbox .newb1,.innewsbox2 .newb3{padding-right: 0; margin-bottom: 2%;}
.innewsbox2 .newb3, .innewsbox3 .newb5,.innewsbox2 .newb4, .innewsbox3 .newb6{padding: 0;}
.conbox{display: block;}
.lebox,.ribox{padding: 0;}
.jsbox img{padding-top: 2%; width: 60%; margin: 0 auto;}

.ydbox{width: 90%;}
.titbox h2{font-size: 14px;}
.bgpicbottom{background: #fff;}
.renbox2 {width:20%;}
.renjs {width: 77%;}
.wrapper04 .scroller li a{font-size: 14px;}
.wrapper04 .scroller li a span{display: block; margin: 0 auto;}
}

@media screen and (max-width:1024px){
	.part p em{display: none;}
	.tabs .part p b{display: block;}
	.renbox{height: 3.6rem;}
	.tabs a{height: .95rem;}
	.newsbox ul li{flex: 0 0 33.33333%;}
	/* .newsbox ul li p{height: .62rem;} */
	.autoheight2{height: 1.1rem;}
	.wrapper04 .scroller li a{height: 1.3rem;}
	.part p{text-align: center;}
	.navtwo li h1::before{font-size: .35rem;}
	.navtwo li{padding: .1rem;}
	.navtwo li p{padding: .1rem 0 0 0;}
	footer p a,footer p>span{color: #fff !important;}
	
	.bsleft{width: 25%;}
	.bsright{width:75%;}
	
}

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

	ul.ldall{display: none;}
	.ldalltwo{display: block;}
	.swiper-pagination6{display: none;}
	.ldbox ul li{ flex: 0 0 50%;margin-bottom: 20px;}
	.titbox{width: 35%; }
	.renbox2 {width:28%;}
.renjs {width: 69%;}
.newsbox ul li{flex: 0 0 50%; margin-bottom: 35px;}
.tzbox ul li{flex: 0 0 50%;}
.ydbox{width: 100%;}
.ydlist ul { padding: 65% 5% 5% 5%;}
.part p b{display: block; height: 15px; font-size: 14px;}
.tabs a::before{display: none;}
.tabs a{padding: 5px; margin: 0 5px 0 0; text-align: center;}
.tabs .part p:first-child{margin-bottom: 5px;}
.renbox{height: 4.3rem;}
.navtwo li h1::before{font-size: .28rem;}
.navtwo li p{padding: .05rem 0 0 0;}
.banner{position: relative; overflow: hidden; height: 2rem;}
.banner img{width: 215%;top: 50%;position: absolute; display: block;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);}
	.part p,.part p>i{font-size: 14px !important; }
	.tabs a{padding: 7px 5px 5px;}
	footer p>span{padding-right: 15px;}
	.ttall{padding: 15px;}
	.ttall ul li p{font-size: 13px;}
	.ttall ul li:nth-child(1)::before,.ttall ul li:nth-child(2)::before{font-size: 35px; margin-right: 8px;}
	.ttall ul li:nth-child(1){width: 28%;}
	.ttall ul li:nth-child(2){width: 52%;}
	.ttall ul li:nth-child(3) img{display: block; width: 100%;}
	.icall{overflow: hidden; width:100%; margin: 0 auto;}
ul.wmbox{border: 1px solid #dbdbdb; overflow: hidden; margin-bottom: .2rem; padding:10px; display: block;}
.dtle{width: 100%; position: relative;}
.dtle img{display: block; width: 100%; display: none;}
.dtle p{line-height:35px;background: rgb(2,28,86,.85); width: 100%; color: #fff; text-align: center; font-weight: bold;}
.dtri{ width: 100%;}
.dtle{float: none;}
.dtle p{position: relative;}
.dtri ul{padding: 10px 30px;}

}