@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:.25rem;}
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*/
#app-menu{display: block;}
.menuleft{width: 15%; height: 100%; background: #0E2E88; position: fixed; display: none;}
.menuright{width:100%;}
.menuleft .logo{padding: 10% 15%; margin: 0 auto;}
.menuleft .logo img{display: block; margin: 0 auto; margin-bottom: 10px;}
.menuleft .logo h1::before{display: inline-block; font:14px / 1 iconfont; text-rendering: auto; -webkit-font-smoothing: antialiased; content: "\e634"; color: #fff; font-size: 35px;}
.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:10px;}
.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: 5px 0 0 0; font-size: .22rem;}
.navtwo li p>span{display: block;}
.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:.4rem;}
.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: 100%; margin-bottom: .5rem;}
.innewsbox2 .newb3 ul,.innewsbox .newb2 ul{overflow: hidden;}
.innewsbox .newb1{margin-top: .3rem;}
.innewsbox .newb2{margin-bottom:.3rem;}
.intitbox{width: 100%;}
.intitbox ul{ overflow: hidden;}
.intitbox ul li{border-bottom: 1px solid #e8e8e8; padding: .18rem 0; 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:.1rem;}
.intitbox ul li p{color: #333; transition: all .3s;  overflow: hidden;  text-overflow: ellipsis; white-space: nowrap;}
h1.intit{font-size:.3rem; font-weight: bold; padding-bottom:.1rem; border-bottom: 1px solid #B2B2B2; margin-bottom:.2rem;}
h1.intit span{font-size: .28rem; 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 6px; 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%;}
.newb2 ul li{width: 100%;}
.newb2 ul li:nth-child(odd){width: 100%; margin-bottom: .3rem;}
.newb2 ul li:nth-child(even){width: 100%;}
.mask img{width: 100%; display: block; transition: all .3s;}
.mask{overflow: hidden;}
.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;}

.newb3 li{width: 50%; 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(2n) .mask2{margin-right: 0 !important;}
.mask2 p{font-size:.15rem; 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;}
.newb4 ul li:hover{box-shadow: 10px 5px 10px #e6e6e6;border-bottom:1px solid #e6e6e6; padding: 16px 0 18px 0;}
.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; font-size: .22rem;}
.inpicbox img{display: block; width: 100%; transition: all .3s;}

.inpicbox{flex: 0 0 100%;}

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





footer{padding:2%; color: #fff; background: #0E2E88;}
footer h1{padding: 20px;}
footer p{line-height: 150%; text-align: center; font-size: .18rem; color: rgba(255, 255, 255, 0.5);}
footer p>span{display: block; margin: 0 auto;}
footer h1 img{width: 100%; display: block;}




#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:.1rem 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-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%; height: 1.8rem; overflow: hidden; position: relative;}
.banner img{display: block; width: 233%;position: absolute;
	top: 50%;
	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%);}
.conbox{padding: 3%; overflow: hidden; display: flex;flex-wrap: wrap; align-content: flex-start;}
.mainbox{padding: 3%; overflow: hidden;}
.lebox,.ribox{flex:0 0 100%;}
.jsbox img{display: block; width: 100%;}
.jsbox p{margin-bottom: 25px; text-indent: 2em; line-height: 30px;}
.titbox{width: 100%; margin: 0 auto; text-align: center; margin-bottom:.4rem;}
.titbox h1{font-size: .3rem; font-weight: bold;}
dt.tit{height: 1px; background: #b2b2b2; margin: 8px 0;}
.titbox h2{font-size:.25rem; 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;}
.ldbox ul{ display: flex;  flex-wrap: wrap;  align-content: flex-start;}
.ldbox ul li{flex: 0 0 100%; margin-bottom: .3rem;}
.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 .08rem 0 0;font-size:.3rem;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{font-size:.3rem; font-weight: bold; text-align: center;}
.part p:nth-child(2),.part p:nth-child(3){display: none;}
.part p>i,.part p>b{display: none;}
/* .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:.1rem;}

.renbox2{float: left; width:2.7rem; }
.renbox2 li{border: 1px solid #ddd; border-radius: 10px; padding: .1rem; margin-bottom: .2rem; margin-right: .2rem;}
.renbox2 img{display: block; width: 100%; margin-bottom: 10px;    border-top-left-radius: 8px; border-top-right-radius: 8px;}
.renbox2 p{line-height: 150%; font-size: .22rem;}
.renjs{width: 100%;}
.renjs h1{font-size:.26rem; font-weight: bold; margin-bottom: 15px;}
.renjs p{line-height: 150%; margin-bottom: 20px; overflow: hidden;}
.hijs{margin: 0 auto; text-align: center; padding-bottom: .8rem;}
.hijs h2{font-weight: bold; margin-bottom: .1rem;}
.hijs h2::before{display: inline-block; font: 14px / 1 iconfont; text-rendering: auto; -webkit-font-smoothing: antialiased;content: "\e635"; margin-right: .05rem; font-size: .25rem;}
.hijs p{padding-bottom: .1rem;}
.hijs span{display: block; background: #eee; height: 1px;}
.hijs span::after{display: block; font: 14px / 1 iconfont; text-rendering: auto; -webkit-font-smoothing: antialiased;content: "\eb0a"; font-size: .4rem; color: #ccc; padding-top: .1rem;}
.swiper-container3 {height: 15.5rem;}
/* 单位概况-END */

/* 新闻中心 */
.newsbox{overflow: hidden;}
.newsbox ul{display: flex; flex-wrap: wrap; align-content: flex-start;}
.newsbox ul li{flex: 0 0 100%; margin-bottom:.5rem;}
.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; font-size: .25rem;}

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

.nshowbox{text-align: center; width:100%; margin: 0 auto;}
.nshowbox h1{font-size:.3rem; 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:.2rem;}
.nshowbox ul img{display: block; margin: 0 auto; width:100%; margin-bottom:.2rem;}
/* 新闻中心-END */

/* 通知公告 */
.tzbox{overflow: hidden; width: 100%; margin: 0 auto;}
.tzbox ul{display: block; overflow: hidden;}
.tzbox ul li{width: 100%; margin-bottom:.2rem; }
.autoheight2{ margin:0 2%; 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: .22rem; overflow: hidden;}
.kalman{height: 2em;}
/* 通知公告-END */

/* 办事大厅 */
.icall{overflow: hidden; width:100%; margin: 0 auto;}
ul.wmbox{border: 1px solid #dbdbdb; overflow: hidden; margin-bottom: .2rem; padding: .2rem .1rem;}
.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%;}
.dtri ul{border: none; display: flex; flex-wrap: wrap;align-content: flex-start;}
.dtri ul li{flex: 0 0 50%; margin-bottom: .2rem;}
.maskdt{ padding:.1rem; border: 1px solid #e8e8e8;transition: all .3s; height: 100%; margin: .2rem;}
.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;}

ul.pcul{display: none;}

/* 手机版大厅 */
ul.moul{display: block;border: none;
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;}

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


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


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

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

.menuright .ttic .mainbox9:nth-child(5) .icall .dtri .moul li:nth-child(1)  a::before{content: "\e62a"}
.menuright .ttic .mainbox9:nth-child(5) .icall .dtri .moul li:nth-child(2)  a::before{content: "\e625"}
.menuright .ttic .mainbox9:nth-child(5) .icall .dtri .moul li:nth-child(3)  a::before{content: "\e61e"}
.menuright .ttic .mainbox9:nth-child(5) .icall .dtri .moul li:nth-child(4)  a::before{content: "\e628"}
.menuright .ttic .mainbox9:nth-child(5) .icall .dtri .moul li:nth-child(5)  a::before{content: "\e61e"}
.menuright .ttic .mainbox9:nth-child(5) .icall .dtri .moul li:nth-child(6)  a::before{content: "\e628"}

/* 手机版大厅-END */


/* .icall ul:nth-child(1) .dtri ul li:nth-child(1) 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: 100%; margin: 0 auto;}
.bstwobox{width:100%; margin: 0 auto; padding-top:.25rem; overflow: hidden;}
.bsshowbox h3{background: #057DC0; color: #fff; font-size:.25rem; font-weight: bold; padding:.1rem 02rem; text-align: center;}
.ttall{ padding:.2rem; background: #EBEBEB; overflow: hidden;}
.ttall ul li{float: left; width: 33.33333333%; text-align: left;}
.ttall ul li p{font-size: .2rem; display: inline;}
.ttall ul li{width: 100%;margin-bottom: .15rem;}
.ttall ul li:nth-child(3){text-align: center;}
.ttall ul li::before{background-image: linear-gradient(180deg, #F8AF34 0%, #F56B24 100%);	-webkit-background-clip: text;color:transparent; margin: 0 auto; }
.ttall ul li:nth-child(1)::before{display:block;font: 14px / 1 iconfont; text-rendering: auto; -webkit-font-smoothing: antialiased; font-size:.4rem;content: "\e688"; float: left; margin-right:.2rem;}
.ttall ul li:nth-child(2)::before{display:block;font: 14px / 1 iconfont; text-rendering: auto; -webkit-font-smoothing: antialiased; font-size:.4rem;content: "\e636"; float: left; margin-right:.2rem;}
.bsleft{width:100%;}
.bsright{width:100%; padding-top: .3rem; overflow: hidden;}
.ttall ul li:last-child{margin-bottom: 0;}
.ttall ul li img{width:1.7rem}
.bsright img{display: block; width: 100%;}
.bsp.renbox2{overflow: hidden;}
.bsp.renbox2 li{width: 100%;}
.bsp.renbox2 li img{width: 35%; float: left; margin-right: .2rem; margin-bottom: 0;border-top-left-radius: 8px; border-bottom-left-radius: 8px;border-top-right-radius: 0;}
.bsp p{margin-bottom: .1rem;}
.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:90%;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;height: 1.4rem;width:100%;overflow: hidden;margin:0 auto;}
.wrapper04 .scroller {position:absolute;}
.wrapper04 .scroller li {height: 1.4rem;color:#fff;float: left;text-align: center; position: relative;}
.wrapper04 .scroller li::after{content:''; height: 2px; 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;height: 1.4rem;}
.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{color:#fff;background:#0082C1;}

/* 内容大菜单-END */


/* 规章制度-END */


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

/* 文化园地 */
.ydbox{width: 100%; margin: 0 auto; overflow: hidden;}
.ydbox dd{width:100%; float: left; margin-bottom: .25rem;}
.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; padding: 69% 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: none;}
img.kj02{display: block; width: 100%;}

ul.ldall{display: none;}
.ldalltwo{display: block;}