@charset "utf-8";
/* CSS Document */

/* 基础设置 */

/*=================default===================*/
*{padding: 0; margin: 0; list-style: none;}
input{ outline:none;}
html,
body {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	position: relative;
	
}

body {
	overflow-x: hidden;
	-webkit-text-size-adjust: none; height:100%; width: 100%;
	overflow-y: scroll;
	background: #fff;
	font-size: 14px;
	
}


/* .search ::-webkit-input-placeholder {
  color: #fff;
}

.search :-ms-input-placeholder {
  color: #fff;
}

.search ::placeholder {
  color: #fff;
}
 */


*{-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; line-height: 1.75;}

.layui-form-switch ,.layui-form-switch *{ -webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;}

.af-cb:after{clear: both; content: ' '; overflow: hidden; width: 0; height: 0; display: block;}

::selection{background:#1C4289; color:#fff;}
::-moz-selection{background:#1C4289; color:#fff;}

a,a:link{ color: #333; text-decoration: none;}
a:hover,a:active{ color: #1C4289; text-decoration: none;}

a:hover i.pic-size img{-webkit-transform: scale(1.05); transform: scale(1.05);}

.block{display: block !important;}

/*定义动画*/
.e-ani *,.e-ani *:before,.e-ani *:after{-webkit-transition: .3s; transition:.3s;}


.nav * .nav-btn-bg{-webkit-transition:left .3s ease .03s; transition:left .3s ease .03s;}/*0.03延迟解决".nav-btn-bg"元素抖动*/

.e-animte{-webkit-transition:height .5s, max-height .5s, min-height .5s, color .5s,background .5s,border .5s,opacity .5s,-webkit-transform .5s, top 0s linear .6s, bottom 0s linear .6s, left 0s linear .6s;
transition:height .5s, max-height .5s, min-height .5s, color .5s,background .5s,border .5s,opacity .5s,transform .5s, top 0s linear .6s,bottom 0s linear .6s,left 0s linear .6s;}

*.e-animte-show{-webkit-transition:height .5s, max-height .5s, min-height .5s, color .5s,background .5s,border .5s,opacity .5s,-webkit-transform .5s, top 0s linear 0s, bottom 0s linear 0s, top 0s linear 0s;
transition:height .5s, max-height .5s, min-height .5s, color .5s,background .5s,border .5s,opacity .5s,transform .5s, top 0s linear 0s, bottom 0s linear 0s, top 0s linear 0s;}

.animated { -webkit-animation-duration: .5s; animation-duration: .5s; -webkit-animation-fill-mode: both; animation-fill-mode: both;}

/*--简易切换动画--*/
.tabs-box .bd{ transition: .3s;}
.tabs-box .bd:after{content: ' '; clear: both; width: 0; height: 0; overflow: hidden;}
.tabs-box .bd>.tabs-hide{ position: absolute; top: 0; left: -10000px; width: 100%; overflow: hidden; -webkit-transform: none; transform: none; opacity: 0; -webkit-animation: tabs-hide .8s; animation: tabs-hide .8s;}
@-webkit-keyframes tabs-hide /* Safari 和 Chrome */
{
from { -webkit-transform: translateX(0); transform: translateX(0);  opacity: 1;}
to { -webkit-transform: translateX(0); transform: translateX(0);  opacity: 0;}
}
@keyframes tabs-hide
{
from { -webkit-transform: translateX(0); transform: translateX(0);  opacity: 1;}
to { -webkit-transform: translateX(0); transform: translateX(0);  opacity: 0;}
}
.tabs-box .bd>.tabs-on{ position: relative; top: 0; left: 0; width: 100%; -webkit-transform:none; transform: none; opacity: 1;}
.tabs-box .bd>.tabs-show{ position: relative; top: 0; left: 0; width: 100%; overflow: visible; -webkit-transform:none; transform: none; opacity: 1; -webkit-animation: tabs-show .8s; animation: tabs-show .8s;}
@-webkit-keyframes tabs-show /* Safari 和 Chrome */
{
from { -webkit-transform: translateX(0); transform: translateX(0);  opacity: 0;}
to { -webkit-transform: translateX(0); transform: translateX(0);  opacity: 1;}
}
@keyframes tabs-show
{
from { -webkit-transform: translateX(0); transform: translateX(0);  opacity: 0;}
to { -webkit-transform: translateX(0); transform: translateX(0);  opacity: 1;}
}


/* 切换 */
.tabs-box .hd-line{transition: .3s;}
.tabs-box .hd>*{position: relative;}
.tabs-box .bd{ position: relative; overflow: hidden;}
.e-anim-hide{display: none;}
.e-anim-on{ display: block;}
.e-anim-off{  pointer-events: none; display: block; display: none\9;}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
   .e-anim-off { display: block;  } /* IE10+ */
}


.tabs-box .e-anim-on{animation:tabs-anim-on .3s;animation-fill-mode: both;  width: 100%;}
.tabs-box .e-anim-off{ animation:tabs-anim-off .3s;  width: 100%; position: absolute; animation-fill-mode: both;  top: 0;}


@keyframes tabs-anim-on{
	from { opacity: 0; }
	to {opacity: 1;}
}
@keyframes tabs-anim-off{
	from { opacity: 1; }
	to { opacity: 0;}
}




/*--最小屏提示--*/
@media screen and (max-width: 319px) {
html{-webkit-transition: 0s;  transition: 0s; background: #fff url(displayNone.png) center center no-repeat; }
	body {
		-webkit-transition: 0s;  transition: 0s; display: none;
	}
}

/*--layui--*/
.layui-layer,.layui-layer *{ -webkit-transition: 0s; transition: 0s;}

/*--移动端横屏提示--*/
@media (max-width: 991px) and (orientation : landscape) {
	html.landscape {
		background: #fff url(landscape.png) center center no-repeat;
	}
	html.landscape body {
		display: none;
	}
}


/*--swiper2.x高度自适应--*/
/* .swiper-container .swiper-wrapper{ height: auto !important;} */

/*默认动画时长*/
.animated {
  -webkit-animation-duration: 1s;
  animation-duration:1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animated-s {
  -webkit-animation-duration: .5s;
  animation-duration:.5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

/*百度分享*/
.bdsharebuttonbox,.bdsharebuttonbox *,.bd_weixin_popup_bg,.bd_weixin_popup{ -webkit-transition: 0s;
transition: 0s;}
.bdsharebuttonbox *{-webkit-transition: .3s;
transition: .3s;}

/*bshare分享*/
#bsPanel,#bsPanel *,#bsBox,#bsBox *{-webkit-box-sizing: initial;
-moz-box-sizing: initial;
box-sizing: initial;}

/*百度分享*/
.bdsharebuttonbox,.bdsharebuttonbox *,.bd_weixin_popup_bg,.bd_weixin_popup{ -webkit-transition: 0s;
transition: 0s;}
.bdsharebuttonbox *{-webkit-transition: .3s;
transition: .3s;}

/*bshare分享微信弹窗兼容*/
#bsWXBox{-webkit-box-sizing: initial;
-moz-box-sizing: initial;
box-sizing: initial;}


/*百度地图*/
.map *{ -webkit-transition: 0s;
-moz-transition: 0s;
-ms-transition: 0s;
-o-transition: 0s;
transition: 0s;}
.map label,.map img{max-width: none !important; width: initial !important;}
.map *{ font-size: 12px; -webkit-transition: 0s; transition: 0s; -webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;}

/*视频全屏*/
.video-bg{position: absolute; z-index: -1; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); -webkit-transition: 0s; transition: 0s;}

/*lightbox*/
.lightbox,.lightbox *,.lightboxOverlay,.lightboxOverlay *{-webkit-transition: 0s;
-moz-transition: 0s;
-ms-transition: 0s;
-o-transition: 0s;
transition: 0s; -webkit-transform:translateZ(0); transform:translateZ(0);}


/*--分页--*/
div.pages {text-align: center; width: 100%; padding: 30px 0 0 0; margin: 0; line-height: 1.7;}
div.pages *{ line-height: 1.7;}
div.pages a,div.pages span {text-decoration: none; background: #fff; border: 1px solid #E4EDFF; padding: 0 10px; min-width: 36px; height: 36px; margin: 2px; color: #4B4B4B; font-size: 14px; display: inline-flex; font-weight: normal; align-items: center; justify-content: center;}
div.pages a.on,div.pages a.hover,div.pages a:hover,div.pages a:active,div.pages span.current,div.pages span.disabled { background: #0960C9; color: #fff; border: 1px solid #0960C9;  line-height: 1.7;}

@media screen and (min-width: 992px) {
	div.pages{ padding-top: 50px;}
	div.pages a,div.pages span{ min-width: 46px; height: 46px; padding: 0 12px; font-size: 18px;}
}

@media screen and (min-width: 1340px) {
	div.pages{ padding-top: 80px;}
	div.pages a,div.pages span{ min-width: 57px; height: 57px; padding: 0 15px; font-size: 22px;}
}

/*--移动端设置&小屏电脑 图片缩放--*/
/*设置最大屏像素-1*/
@media screen and (max-width: 1259px){
/*.content-box img,.content-bd img{width: auto !important; height: auto !important; max-width: 100%;}*/
}

/*图片比例裁剪预设*/
i.pic-size{ width: 100%; height: 0; padding-bottom: 100%; position: relative; display: block; overflow: hidden;}
i.pic-size img{ width: 100% !important; height: 100% !important; max-width: 100%; max-height: 100%; position: absolute; /* left: -100%; top: -100%; right: -100%; bottom: -100%;*/ margin: auto; object-fit: contain;}
i.pic-size-cover img{object-fit: cover;}
i.pic-size-scale-down img{object-fit: scale-down;}
i.pic-size-none img{object-fit: none;}


.layui-form-checked[lay-skin=primary] i{ border-color: #1C4289; background-color: #1C4289;}
.layui-form-checkbox[lay-skin=primary]:hover i{ border-color: #1C4289;}

.pic img{width: 100%;}




/*=================layout===================*/
@media screen and (min-width: 320px) {
	.container{ padding: 0 15px; margin: 0 auto; width: 100%;}
	.container:after{ content: " "; display: block; clear: both; width: 0; height: 0; overflow: hidden;}
	.container-max{ padding: 0 15px; width: 100%; margin: 0 auto;}

	/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/
		::-webkit-scrollbar
		{
		    width: 10px;
		    height: 10px;
		    background-color: #f7f7f7;
		}
		 
		/*定义滚动条轨道 内阴影+圆角*/
		::-webkit-scrollbar-track
		{
		    background-color: #e6e6e6;
		}
		 
		/*定义滑块 内阴影+圆角*/
		::-webkit-scrollbar-thumb
		{
		    background-color: #aaa;
		}
}

@media screen and (min-width: 992px) {
	.container{ width: 980px; padding: 0 10px;}
}
@media screen and (min-width: 1340px) {
	.container{ width: 1330px; padding: 0 10px;}
}




/*=================header===================*/

@media screen and (min-width: 320px) {
	.top-box{ background: #fff; position: relative; z-index: 101;}
	.top-box .flex-box{display: flex; flex-direction: row-reverse; height: 46px; align-items: center;}
	.top-box .r{display: flex; }
	.top-box .r .btn{margin-left: 10px;}
	
	.top-qr-btn{ position: relative;}
	.top-qr-bg{ background: #65B3E5; padding: 5px; box-shadow: 0 0 30px rgba(9,96,201,.2); position: relative;}
	.top-qr-bg::before{ content: ' '; border-bottom: 6px solid #65B3E5; border-left: 6px solid transparent; border-right:6px solid transparent; position: absolute; left: 50%;  margin-left: -6px; top: -6px;}
	.top-qr{ position: absolute; top: 100%; width: 110px; left: 50%; margin-left: -55px; z-index: 2; padding-top: 7px;}
	
	.top-qr.e-anim-on{animation:top-qr-anim-on .3s; animation-fill-mode: both; }
	.top-qr.e-anim-off{ animation:top-qr-anim-off .5s; animation-fill-mode: both;}
}

@keyframes top-qr-anim-on{
	from { opacity: 0; transform: translateY(-10px); }
	to {opacity: 1; transform: translateY(0);}
}
@keyframes top-qr-anim-off{
	from { opacity: 1; transform: translateY(0); }
	to { opacity: 0; transform: translateY(10px);}
}

@media screen and (min-width: 992px) {
	.top-box .flex-box{flex-direction: row; justify-content: space-between;}
	.top-box .r .btn{ display: flex;}
	.top-box .r a{ display: flex; align-items: center;}
	.elder-btn{ background: #dd0900; border-radius: 9px; padding: 0 10px;}
	.ipv6-btn{ background: #98C4F5; border-radius: 9px; padding: 0 10px;}
}

@media screen and (min-width: 1340px) {
	.top-box .r .btn{ margin-left: 25px; }
	.top-box .r .ipv6-box{ margin-left: 20px; }
}




@media screen and (min-width: 320px) {
	
	div.nav-poa{ position: absolute; left: 0; top: 0; width: 100%;}
	.container-header{position: relative;}
	.nav-box-bg{ width: 100%; position: absolute; left: 0; top: 0; z-index: 8; background: #fff; display: none;}
	/* .nav-box{ width: 100%; z-index: 100;  left: 0; top: 0; background: url(header-bg.jpg); background-size: cover; background-position: center; padding: 15px 0; border-bottom: 2px solid #0960C9;} */
	.nav-box{ width: 100%; z-index: 100;  left: 0; top: 0; padding: 15px 0; border-bottom: 2px solid rgb(9, 96, 201);}
	.logo{ position: relative; z-index: 9; height: 35px; float: left; padding: 2px 0;}
	.logo a{ display: block; height: 100%;}
	.logo img{ height:100%; display: block;}
	
	
	.nav-btn{ display: block; padding: 0 10px; float: right; cursor: pointer; position: relative; z-index: 9; background: #1854cb; border-radius: 4px; width: 40px; display: flex; align-items: center; justify-content: center;}
	.nav-btn i{ line-height: 35px; font-size: 22px; text-align: center; color: #fff;}
	.nav-hide-btn{ display: none;}
	
	.nav-btn-show .nav-hide-btn{ display: block;}
	.nav-btn-show .nav-show-btn{ display: none;}
	
	/* .nav{ position: absolute; top: 0px; left: 0; right: 0; background: #0c0c0c; background: rgba(255,255,255,.8);  padding:10px 15px;	box-shadow: 0 15px 20px  rgba(0,0,0,.1); border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; z-index: 8; padding-top: 60px; backdrop-filter: blur(20px);} */
	.nav{ position: absolute; top: 0px; left: 0; right: 0; background: #0c0c0c; background: rgb(255,255,255,.8);  padding:10px 15px;	box-shadow: 0 15px 20px  rgba(0,0,0,.1); border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; z-index: 8; padding-top: 30px; backdrop-filter: blur(20px);}
	
	.nav.e-anim-on{animation:nav-anim-on .3s; animation-fill-mode: both; }
	.nav.e-anim-off{ animation:nav-anim-off .5s; animation-fill-mode: both;}
	
	.nav-list{ visibility: visible !important;}
	.nav-list li{ border-bottom: solid 1px rgba(0,0,0,.1);}
	.nav-list li:nth-last-child(2){border-bottom: none;}
	.nav-list li a{ display: flex; align-items: center; justify-content: center;}
	.nav-list li a b{font-weight: normal; line-height: 42px; position: relative; z-index: 2; color: #666; text-align: center;}
	.nav-list li a i{ padding-right: 5px; position: relative; z-index: 2;}
	.nav-list li a i::before{ color: #999;}
	
	.nav-list li .nav-list-sub{ overflow: hidden; background: rgba(230,235,245,.6);-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px; overflow: hidden; 
	transition:height .3s,opacity .3s;}
	.nav-list li .nav-list-sub div{ padding: 10px 15px;}
	.nav-list li .nav-list-sub a{ line-height: 40px; border-bottom: solid 1px rgba(128,128,128,.1); color: #eee; font-size: 14px; text-align: center; display: block;overflow: hidden;text-overflow: ellipsis;}
	.nav-list li .nav-list-sub a:nth-last-of-type(1){border: none;}
	.nav-list li .nav-list-sub a span{ color: #666;}
	.nav-list li .nav-list-sub a:hover span,.nav-list li .nav-list-sub a.on-02 span{ color: #1C4289;}
	.nav-list .nav-on{ border-color: transparent; position: relative; z-index: 9;}
	.nav-list .nav-on a{border-bottom:none ;}
	.nav-list .nav-off{ position: relative; /* z-index: 1; */}
	
	
	.nav-list li .on b,.nav-list li .on i:before{ color: #1C4289;}
	.nav-list li.nav-on a b,.nav-list li.nav-on a i:before{ color: #1C4289;}
	
	
	.nav-list div.nav-btn-bg,.nav-list div.nav-btn-bg-02{ opacity: 0; filter:Alpha(opacity=0); width: 100%; left: 0; top: 0; height: 46px; background: #1C4289; z-index: -1; position: absolute; display: none;}
	.nav-list div.nav-btn-bg-02{ width: auto; left: auto;}
	.nav-list div.nav-btn-bg-02-show{ opacity: 1;  filter:Alpha(opacity=100); }
	
	
	.nav-list-sub.e-anim-hide{ display: block; }
	
	.nav-list a b{ transition: color .3s, background .3s;}
	
	
	
	.nav-list-height.e-anim-on{animation:nav-list-anim-on .3s; animation-fill-mode: both; display: block;}
	.nav-list-height.e-anim-off{ animation:nav-list-anim-off .3s; animation-fill-mode: both; display: block;}
	
	.nav-list li .nav-list-sub div.btn-sub-bg{display: none;}
	
	
	.search-box{ padding-top: 10px; max-width: 645px; margin: 0 auto;}
	.search-box .search{ border-radius: 30px; display: flex;}
	.search-box .search input{ border-top-left-radius: 30px; border-bottom-left-radius: 30px; border: none; background: #fff; height: 42px; flex:1; padding: 0 10px 0 20px; border: 2px solid #1854cb;}
	
	.search-box .search button{ border-top-right-radius: 30px; border-bottom-right-radius: 30px; height: 42px; border: none; background: #1854cb; padding: 0 15px; cursor: pointer;}
	.search-box .search button:hover{ padding: 0 18px;}
	
	.search-box .focus{ box-shadow: 0 10px 20px rgba(9,96,201,.2);;}
	
	.search-box .hot{ display: flex; padding-top: 10px; justify-content: center;}
	.search-box .hot .tit{white-space: nowrap;}
	.search-box .list{ overflow: hidden;}
	.search-box .list ul{ display: flex; flex-wrap: wrap; margin-right: -10px;}
	.search-box .list ul li{ margin-right: 10px; position: relative;}
	.search-box .list ul li::before{ content: ' '; position: absolute; width: 1px; height: 16px; background: #000; right: -5px; top: 50%; margin-top: -8px;}
	
}
	
	@keyframes nav-anim-on{
		from { opacity: 0; transform: translateY(-10px); filter: blur(2px);}
		to {opacity: 1; transform: translateY(0);}
	}
	@keyframes nav-anim-off{
		from { opacity: 1; transform: translateY(0); filter: blur(0);}
		to { opacity: 0; transform: translateY(-10px); filter: blur(2px);}
	}
	
	@keyframes nav-list-anim-on{
		from { opacity: 0; transform: translateY(-20px);}
		to {opacity: 1; transform: translateY(0);}
	}
	@keyframes nav-list-anim-off{
		from { opacity: 1; transform: translateY(0);}
		to { opacity: 0; transform: translateY(20px);}
	}
	
	


@media screen and (min-width: 375px) {
	
}


@media screen and (min-width: 480px) {
	/* .logo{ height: 76px; padding: 30px 0;}
	.nav-box-bg{ height: 76px;}
	.nav-box{ height: 76px;}
	.header-box{ height: 76px;}
	.nav{ top: 76px;}
	.nav-btn i{ line-height: 76px; font-size: 28px; width: 30px;}
	 */
	
}


@media screen and (min-width: 992px) {
	
	.nav{ height: auto;}
	.nav:before{display: none;}
	.nav-box-bg{ height: 75px;}
	
	.nav-box{ box-shadow: none; position: relative; padding: 40px 0;}
	
	.header-box{ height: 75px; display: none;}
	
	.logo{ height: 80px; padding: 0; margin: 0 auto; float: none;}
	.logo img{ margin: 0 auto; height: 100%;}
	.logo a{ width: 100%; height: 100%; display: block; padding: 0;}
	
	
	.nav-btn{ display: none;}
	.nav-box{ border: none;}
	.nav-bg{ background: #0960c9;}
	.nav{  position: relative; -webkit-transform: none; transform: none; opacity: 1; filter:Alpha(opacity=100); z-index: 9; box-shadow: none; padding: 0; border-top: none; border-bottom-left-radius: 0;
border-bottom-right-radius: 0; overflow: visible; background: none; top: 0;  padding-left: 0; padding-right: 0; left: auto; right: auto; -webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0; backdrop-filter:blur(0);}
	.nav-list{  position: relative; display: flex;}
	
		
	
	.nav-list:after{ content: ' '; overflow: hidden; clear: both; display: block;}
	.nav-list{ }
	.nav-list li{ flex: 1; border-bottom: none; position: relative; border: none;}
	
	.nav-list li a i::before{ color: #fff; font-size: 17px;}
	.nav-list li a b{ line-height: inherit;height: auto; color: #fff; overflow: hidden; font-size: 17px; }
	.nav-list li a{ height: 52px; line-height: 52px; padding: 0 5px; font-size: 12px; position: relative; }
	
	
	
	/*.nav-list li:nth-last-of-type(1) a:after{display: none;}*/
	.nav-list li.nav-on>a b{ }
	.nav-list li.nav-off>a b{ }
	.nav-list li .on b/*,.nav-list li a:hover b*/{ }
	.nav-list li .on b, .nav-list li .on i:before{ color: #fff;}
	.nav-list li.nav-on a b, .nav-list li.nav-on a i:before{ color: #fff;}
	.nav-list li .on .nav-btn-bg{ opacity: 1;filter:Alpha(opacity=100);}
	.bd-more{border-bottom-color: #fff; display: none;}
	.nav-list li .nav-list-sub{ position: absolute; top: 46px; height: auto !important; box-shadow: 0 5px 8px rgba(0,0,0,.3); width: auto; background: none; box-shadow:none; -webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;padding-top: 0; left: 0; right: 0;  padding-top: 6px; overflow: visible;}

	.nav-list li .nav-list-sub .nav-list-height{padding: 0; width: 100%; margin-left:0; position: relative; background:rgba(15,85,185,.95); padding: 5px 0; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; box-shadow: 0 5px 15px rgba(0,0,0,.1);}
	
	.nav-list li .nav-list-sub .nav-list-height::before{ content: ' '; border-left: solid 6px transparent; border-right: solid 6px transparent; border-bottom: solid 6px rgba(15,85,185,.95); position: absolute; left: 50%; top: -6px; margin-left: -6px;}
	
	.nav-list li .nav-list-sub a{ height: auto; border: none; padding:  0 10px;  text-align: center; line-height: 34px; position: relative; z-index: 2;}
	
	.nav-list li .nav-list-sub a::before{ content: ' '; background: #003D92; position: absolute; left: 0; top: 0; right: 0; bottom: 0; opacity: 0;}
	
	.nav-list li .nav-list-sub a span{ color: #fff; white-space: nowrap; padding: 0; font-size: 15px; line-height: 46px; z-index: 2; position: relative;}
	
	.nav-list li .nav-list-sub a:hover span,.nav-list li .nav-list-sub a.on span{  color: #fff;}
.nav-list li .nav-list-sub a:hover::before{opacity: 1;}
	
	.nav-list div.nav-btn-bg,.nav-list div.nav-btn-bg-02{ height: 52px; background: none; overflow: hidden; transition: .3s; display: block; background: #003D92;}
	
	.nav-list-sub.e-anim-hide{ display: none;}
	.nav.e-anim-hide{ display: block;}

	
	.nav-list-height.e-anim-on{animation:nav-list-anim-on-pc .5s; animation-fill-mode: both; display: block;}
	.nav-list-height.e-anim-off{ animation:nav-list-anim-off-pc .2s; animation-fill-mode: both; display: block;}
	
	
	
	/*PC二级下拉背景色*/
	.nav-list-sub-bg{ display: block; position: absolute; top: -100%; height: 46px; width: 100%; left: 0; background: #003D92; opacity: 0;  filter:Alpha(opacity=0); }
	.nav-list-sub-bg-show{ opacity: .6;  filter:Alpha(opacity=60); top: 60px; display: none;}
	
	
	/* pc二级栏目滑块 */
	.nav-list li .nav-list-sub div.btn-sub-bg{display: block; position: absolute; width: 0; left: 0; height: 46px; padding: 0; border-bottom: solid 2px #1C4289; transition: .3s;}
	
	.ind-nav-box{ position: absolute; left: 0; width: 100%;}
	.ind-nav-box{ background: none; transition: .3s;}
	.ind-nav-box .logo img{filter: contrast(0%) brightness(1000%);}
	.ind-nav-box .nav-list li a b{color: #fff;}
	
	.ind-nav-box:hover{box-shadow: 0 0 5px rgba(0,0,0,.2); background: #fff;}
	.ind-nav-box:hover .logo img{filter: contrast(100%) brightness(100%);}
	.ind-nav-box:hover .nav-list li a b{color: #333;}
	
	
	.search-box .search input{ height: 52px; padding: 0 20px 0 30px;}
	.search-box .search button{height: 52px; padding: 0 25px;}
	.search-box .search button:hover{ padding: 0 28px;}
	.search-box .hot{}
	
	/* .nav-list div.nav-btn-bg:before,.nav-list div.nav-btn-bg-02:before{ content:' '; left: 25px; right: 25px; height: 2px; background: #1C4289; position: absolute; top: 50%;  margin-top: 17px;} */
	
}

@keyframes nav-list-anim-on-pc{
	from { opacity: 0; transform: translateY(-10px);}
	to {opacity: 1; transform: translateY(0);}
}
@keyframes nav-list-anim-off-pc{
	from { opacity: 1; transform: translateY(0);}
	to { opacity: 0; transform: translateY(10px);}
}


@media screen and (min-width: 1340px) {
.nav-box{ padding: 70px 0 75px 0;}
.nav-box-bg{ height: 90px;}
.logo{ height: 106px; padding: 0;}
.nav-list li a{ padding: 0 25px; height: 66px;}
.nav-list li a b{font-size: 16px;}

.search-box{ padding-top: 10px;}


.nav-list div.nav-btn-bg:before,.nav-list div.nav-btn-bg-02:before{ }
.nav-list li .nav-list-sub{ top: 60px;}
.nav-list li .nav-list-sub .nav-list-height{ margin: 0;}

.nav-list div.nav-btn-bg,.nav-list div.nav-btn-bg-02{ height: 66px; }

.nav-list li .nav-list-sub a span{ font-size: 17px;}
.lang-box dt span{ font-size: 14px;}
.lang-box dt i.icon,.lang-box dt i.icon::before{font-size: 16px;}

.nav-list li a i::before{ font-size: 24px;}
.nav-list li a b{ font-size: 24px;}

.lang-box dd{ padding-top: 18px;}

.search-box .search input{ height: 60px; padding: 0 20px 0 30px;}
.search-box .search button{ height: 60px; padding: 0 28px;}
.search-box .search button:hover{ padding: 0 32px;}

.search-box .hot{ padding-top: 15px;}

.search-box .list ul{ margin-right: -20px;}
.search-box .list ul li{ margin-right: 20px;}
.search-box .list ul li::before{ right: -10px;}
}





/* 首页共用 & 共用*/
@media screen and (min-width: 320px) {
	body .lh-10,body .lh-10 *{ line-height: 1;}
	body .lh-12,body .lh-12 *{ line-height: 1.2;}
	body .lh-14,body .lh-14 *{ line-height: 1.4;}
	
	.fwb{ font-weight: bold;}
	.tac{text-align: center;}
	
	.c-000{ color: #000;}
	.c-333{ color: #333;}
	.c-4b{color: #4b4b4b;}
	.c-5d{color: #5d5d5d;}
	.c-555{ color: #555;}
	.c-666{ color: #666;}
	.c-fff{ color: #fff;}
	
	.c-blue{ color: #36689d;}
	a.c-blue:hover,.c-blue a:hover{ color: #0f55b7;}
	.c-blue-02{ color: #003d92;}
	.c-blue-03{ color: #1c4289;}
	a.c-blue-03:hover,.c-blue-03 a:hover{ color: #0960C9;}
	.c-blue-04{ color: #3269b4;}
	.c-blue-05{ color: #0960C9;}
	.gray{ color: #8A8B8D;}
	
	
	.fz-12{ font-size: 12px;}
	.fz-16{ font-size: 13px;}
	.fz-18{ font-size: 14px;}
	.fz-19{ font-size: 14px;}
	.fz-20{ font-size: 14px;}
	.fz-22{ font-size: 14px;}
	.fz-24{ font-size: 15px;}
	.fz-26{ font-size: 16px;}
	.fz-28{ font-size: 16px;}
	.fz-30{ font-size: 16px;}
	.fz-36{ font-size: 18px;}
	.fz-38{ font-size: 18px;}
	.fz-45{ font-size: 24px;}
	.fz-52{ font-size: 36px;}
	
	.body-box{ position: relative; padding-top: 15px;}
	.body-box>div{ position: relative; z-index: 2;}
	.body-box::before{ content:' '; background: linear-gradient(#C7DEFC,#FFFFFF); opacity: 0.2; position: absolute; left: 0; top: 0; right: 0; height: 600px;}
	.body-box-02::before{display: none;}
	
	.ellipsis-01{ display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
	.ellipsis-02{ display: block; word-break: break-all; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}
	.ellipsis-03{ display: block; word-break: break-all; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3;}
	
	
	.ind-tit-box{ display: flex; align-items: center; padding-bottom: 20px;}
	.ind-tit-box .l-line{flex:1; height: 1px; background: #e4edff; position: relative;}
	.ind-tit-box .r-line{flex:1; height: 1px; background: #e4edff; position: relative;}
	.ind-tit-box .tit{ padding: 0 20px;}
	.ind-tit-box .l-line::before{ content:' '; position: absolute; width: 10px; height: 10px; border-radius: 50%; background: #0960c9; top: -5px; right: -5px;}
	.ind-tit-box .r-line::before{content:' '; position: absolute; width: 10px; height: 10px; border-radius: 50%; background: #0960c9; top: -5px; left: -5px;}
	
	.box-bd{ padding-bottom: 30px;}
	
	.more-btn{ display: flex; align-items: center; justify-content: center; margin-top: 20px;}
	.more-btn span{ padding-right: 5px;}
}

@media screen and (min-width: 375px) {
	
}

@media screen and (min-width: 480px) {
	
}

@media screen and (min-width: 640px) {
	body{zoom:1.5;}
}
	


@media screen and (max-width: 991px) {
	.m-hide{display: none;}
}

@media screen and (min-width: 992px) {
	
	body{ zoom:1;}
	.fz-16{ font-size: 15px;}
	.fz-18{ font-size: 16px;}
	.fz-19{ font-size: 17px;}
	.fz-20{ font-size: 17px;}
	.fz-22{ font-size: 18px;}
	.fz-24{ font-size: 19px;}
	.fz-26{ font-size: 20px;}
	.fz-28{ font-size: 21px;}
	.fz-30{ font-size: 22px;}
	.fz-36{ font-size: 25px;}
	.fz-38{ font-size: 26px;}
	.fz-45{ font-size: 34px;}
	.fz-52{ font-size: 44px;}
	
	.body-box{ padding-top: 30px;}
	
	.box-bd{ padding-bottom: 50px;}
}

@media screen and (min-width: 1340px) {
	.fz-16{ font-size: 16px;}
	.fz-18{ font-size: 18px;}
	.fz-19{ font-size: 19px;}
	.fz-20{ font-size: 20px;}
	.fz-22{ font-size: 22px;}
	.fz-24{ font-size: 24px;}
	.fz-26{ font-size: 26px;}
	.fz-28{ font-size: 28px;}
	.fz-30{ font-size: 30px;}
	.fz-36{ font-size: 36px;}
	.fz-38{ font-size: 38px;}
	.fz-45{ font-size: 45px;}
	.fz-52{ font-size: 52px;}
	
	.ind-tit-box .tit{ padding: 0 40px;}
	.ind-tit-box{ padding-bottom: 30px;}
	
	.box-bd{ padding-bottom: 80px;}
}





/* 首页 新闻标题 广告 */
@media screen and (min-width: 320px) {
	.ind-news-tit-box{ text-align: center; padding: 0 0 15px 0;}
	.ind-ad-01{ padding-bottom: 20px;}
	.ind-ad-01 img{width: 100%;}
	
	.ind-ad-02{ padding-bottom: 40px;}
	.ind-ad-02 img{ width: 100%;}
	
	.ind-ad-01:hover img,.ind-ad-02:hover img{ transform: scale(1.05);}
	
	.ind-news-tit-box a:hover{color: #0960c9;}
}

@media screen and (min-width: 992px) {
	.ind-news-tit-box{ padding: 0 0 30px 0;}
	.ind-ad-01{ padding-bottom: 40px;}
	
}

@media screen and (min-width: 1340px) {
	
	.ind-ad-02{padding-bottom: 60px;}
}






/* 首页 要闻动态 */
@media screen and (min-width: 320px) {
	i.pic-scale-focus{ padding-bottom: 62%;}
	
	.focus-swiper a{position: relative;}
	.focus-swiper .mess{ position: absolute; left: 0; bottom: 0; right: 0;  background: rgba(0,0,0,.8); padding: 5px 120px 5px 15px; height: 40px; display: flex; align-items: center;}
	.focus-swiper .focus-pagination{ right: 0; left: auto; width: auto; bottom: 0; display: flex; align-items: center; padding:5px 10px; height: 40px;}
	.focus-swiper .focus-pagination .swiper-pagination-bullet{ width: 10px; height: 10px; opacity: 1; background: #8a8b8d; border-radius: 7px;}
	.focus-swiper .focus-pagination .swiper-pagination-bullet-active{ background: #186bde; width: 20px;}
	
	.ind-box-01 .r{ padding-top: 10px;}
	
	.ind-news-tabs .ind-news-bdl>div{display: none;}
	.ind-news-tabs .ind-news-bdl>div.show{display: block;}
	
	.ind-news-tabs .t{display: flex; justify-content: space-between; align-items: center; border-bottom: 2px solid #E4EDFF;}
	.ind-news-tabs .hd{display: flex; flex-wrap: wrap;}
	.ind-news-bdl a{display: flex; align-items: center;}
	.ind-news-bdl a{color: #1c4289;}
	.ind-news-bdl span{ padding-right: 5px;}
	
	.ind-news-tabs .btn{ height: 40px; display: flex; align-items: center; margin-right: 20px; cursor: pointer;}
	.ind-news-tabs .btn i::before{color: #616161;}
	.ind-news-tabs .btn span{ padding-left: 5px; color: #000;}
	.ind-news-tabs i,.ind-news-tabs i::before{ line-height: 1;}
	
	.ind-news-tabs .hd .on i::before,.ind-news-tabs .hd .on span{ color: #0960c9;}
	.ind-news-tabs .hd .on span{font-weight: bold;}
	.ind-news-tabs .hd .btn::before{content:' '; position: absolute; left: 0; right: 0; bottom: -2px; height: 2px; background: #0960c9; transform: scaleX(0); transform-origin: 0; transition: .3s;}
	.ind-news-tabs .hd .on::before{ transform: scaleX(1);}
	
	.ind-news-tabs .bd .list{ padding-top: 5px;}
	.ind-news-tabs .bd .list a{ padding: 5px 10px; display: flex; align-items: center;}
	.ind-news-tabs .bd .list i{ width: 4px; height: 4px; background: #8a8b8d; margin-right: 5px;}
	.ind-news-tabs .bd .list .tit{font-weight: normal; flex:1;}
	.ind-news-tabs .bd .list .time{ padding-left: 15px;}
	.ind-news-tabs .bd .list a:hover{ background: #f2f3f4; border-radius: 6px;}
	.ind-news-tabs .bd .list a:hover .dot{ background: #1c4289;}
	.ind-news-tabs .bd .list a:hover .tit{ color: #1c4289;}
	
	
	.ind-news-tabs .bd .list-02{ padding-top: 5px;}
	.ind-news-tabs .bd .list-02 dl{padding: 5px 10px; display: block; border-bottom: 1px solid #F2F3F4; display: flex; align-items: center;  height: 80px;}
	.ind-news-tabs .bd .list-02 dt{ display: flex; flex-direction: column; align-items: center;}
	.ind-news-tabs .bd .list-02 dd{ padding-left: 10px;}
	.ind-news-tabs .bd .list-02 dd .type{white-space: nowrap;}
	.ind-news-tabs .bd .list-02 a:hover{ background: #F6FAFF; border-radius: 6px; display: block;}
	
	.ind-news-tabs .ind-news-bdl{white-space: nowrap;}
	
	.ind-box-01{ padding-bottom: 20px;}

}

@media screen and (min-width: 992px) {
	.ind-box-01 .flex-box{display: flex;}
	.ind-box-01 .l{ flex-basis: 50%; max-width: 50%; min-width: 0; padding-right: 5px; flex-shrink: 0;}
	.focus-swiper .mess{height: 45px;}
	.focus-swiper .focus-pagination{height: 45px;}
	.focus-swiper .focus-pagination .swiper-pagination-bullet{ width: 14px; height: 14px; }
	.focus-swiper .focus-pagination .swiper-pagination-bullet-active{ width: 24px;}
	
	.ind-box-01 .r{ padding-top: 0; padding-left: 35px; flex-basis: 50%; max-width: 50%; flex-shrink: 0;}
	
	.ind-news-tabs{ height: 295px; overflow: hidden;}
	.ind-news-tabs .btn{ margin-right: 30px; height: 45px; padding-bottom: 5px;}
	
	.ind-news-tabs .bd .list{ padding-top: 13px;}
	
	.ind-news-tabs .bd .list-02{ padding-top: 10px;}
	.ind-news-tabs .bd .list-02 dl{ padding: 20px 20px;  height: 110px;}
	.ind-news-tabs .bd .list-02 dd{ padding-left: 40px;}
}

@media screen and (min-width: 1340px) {
	.ind-box-01 .r{padding-left: 55px;}
	.focus-swiper .mess{height: 50px;}
	.focus-swiper .focus-pagination{ height: 50px;}
	
	.ind-news-tabs{ height: 403px;}
	.ind-news-tabs .btn{ margin-right: 40px; height: 50px; padding-bottom: 10px;}
	
	.ind-news-tabs .t{ border-bottom-width: 4px;}
	.ind-news-tabs .hd .btn::before{ height: 4px; bottom: -4px; }
	
	.ind-news-tabs .bd .list{ padding-top: 20px;}
	.ind-news-tabs .bd .list i{ width: 6px; height: 6px; margin-right: 10px;}
	.ind-news-tabs .bd .list a{ padding:8px 10px 9px 10px;}
	
	.ind-box-01{ padding-bottom: 40px;}
	
	.ind-news-tabs .bd .list-02{ padding-top: 20px;}
	.ind-news-tabs .bd .list-02 dl{ padding: 12px 25px; height: 118px;}
	.ind-news-tabs .bd .list-02 dt .days{ padding-top: 5px;}
	.ind-news-tabs .bd .list-02 dd{ padding-left: 60px;}
}






/* 首页 政务公开 */
@media screen and (min-width: 320px) {
	.ind-box-02{ padding-bottom: 30px;}
	.ind-box-02 .r{ padding-top: 20px;}
	
	.zfxxgk-box{ border: 1px solid #C7DFFF; border-top: none; padding: 30px 15px 15px 15px; position: relative; margin-top: 20px;}
	.zfxxgk-box .tit-box{ display: flex; align-items: center; height: 1px; display: flex; align-items: center; position: absolute; left: 0; right: 0; margin-top: -30px;}
	.zfxxgk-box .tit-box .line{ flex:1; height: 1px; background: #c7dfff;}
	.zfxxgk-box .tit-box .mess{ padding: 0 20px; display: flex; align-items: center;}
	.zfxxgk-box .tit-box .mess i{ padding-right: 10px;}
	
	.zfxxgk-box .tit-box .mess i::before{ color: #b3d4ff; font-size: 40px;}
	
	.zfxxgk-box .tit-box .mess .tit .cn{ display: flex; justify-content: space-between;}
	.zfxxgk-box .tit-box .mess .tit .sub{ display: flex; justify-content: space-between;}
	.zfxxgk-box .tit-box .mess .tit .sub span + span{ padding-left: 10px;}

	.zfxxgk-box .list li + li{ padding-top: 10px;}
	.zfxxgk-box .list li a{ display: flex; align-items: center; justify-content: center; overflow: hidden; position: relative; border-radius: 6px; height: 42px;}
	.zfxxgk-box .list li a .icon{ padding-right: 10px; position: relative; z-index: 3;}
	.zfxxgk-box .list li a .icon-bg::before{ font-size: 42px; position: absolute; left: 0; transform: translateX(-15%); opacity: 0.1; top: 0; line-height: 1; z-index: 3;}
	.zfxxgk-box .list li a .bg-01{ position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 1; opacity: 0.2;}
	.zfxxgk-box .list li a .bg-02{ position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 2; clip-path: ellipse(90% 90% at 50% 0%);}
	.zfxxgk-box .list li a .tit{ position: relative; z-index: 3; letter-spacing:3px;}
	
	.zfxxgk-box .list li:nth-child(1) a{color:#5E7FDB; background: #dbe6fa;}
	.zfxxgk-box .list li:nth-child(1) .bg-01{ background: #5E7FDB;}
	.zfxxgk-box .list li:nth-child(1) .bg-02{ background: #dbe6fa;}
	
	.zfxxgk-box .list li:nth-child(2) a{color:#C19551; background: #FEF2DC;}
	.zfxxgk-box .list li:nth-child(2) .bg-01{ background: #C19551;}
	.zfxxgk-box .list li:nth-child(2) .bg-02{ background: #FEF2DC;}
	
	.zfxxgk-box .list li:nth-child(3) a{color:#3A93CD; background: #EFF8FD;}
	.zfxxgk-box .list li:nth-child(3) .bg-01{ background: #3A93CD;}
	.zfxxgk-box .list li:nth-child(3) .bg-02{ background: #EFF8FD;}
	
	.zfxxgk-box .list li:nth-child(4) a{color:#A06C5E; background: #FEEBE4;}
	.zfxxgk-box .list li:nth-child(4) .bg-01{ background: #A06C5E;}
	.zfxxgk-box .list li:nth-child(4) .bg-02{ background: #FEEBE4;}
	
	.zfxxgk-box .list li:nth-child(5) a{color:#51604B; background: #F0FAEF;}
	.zfxxgk-box .list li:nth-child(5) .bg-01{ background: #51604B;}
	.zfxxgk-box .list li:nth-child(5) .bg-02{ background: #F0FAEF;}
	
	.ind-box-02 .box-b{ padding-top: 20px;}
	
	
	i.pic-scale-ad-02{ padding-bottom: 31.579%;}
	
	.ad-list a{ display: block; border-radius: 6px; overflow: hidden;}
	
	.ad-list li + li{ padding-top: 10px;}
	
	.ad-list li a{ display: flex; align-items: center; justify-content: center; overflow: hidden; position: relative; border-radius: 6px; height: 60px;}
	.ad-list li a .icon{ padding-right: 10px; position: relative; z-index: 3;}
	.ad-list li a .icon-bg::before{ font-size: 60px; position: absolute; left: -0; transform: translateX(-45%); opacity: 0.1; top: 0; line-height: 1; z-index: 3;}
	
	.ad-list li:nth-child(1) a{color:#0960C9; background: #DEF1FE;}
	.ad-list li:nth-child(2) a{color:#0960C9; background: #EFEFFA;}
	.ad-list li:nth-child(3) a{color:#47a66b; background: #eafaf0;}
	
	.ad-list li a:hover{ transform: scale(1.05);}
	.ad-list li a:hover img{transform: scale(1);}
}

@media screen and (min-width: 992px) {
	.ind-box-02 .flex-box{display: flex;}
	.ind-box-02 .l{ flex-basis: 50%; max-width: 50%; min-width: 0; padding-right: 5px; flex-shrink: 0; padding-top: 20px;}
	
	.ind-box-02 .r{ padding-left: 35px; flex-basis: 50%; max-width: 50%; flex-shrink: 0; padding-top: 0;}
	
	
	.ind-box-02 .box-b .l{ flex-basis: 65.2%; max-width: 65.2%; padding-top: 0;}
	
	.ind-box-02 .box-b .r{ flex-basis: 34.8%; max-width: 34.8%;}
	
	.zfxxgk-box .list li a .icon::before{font-size: 24px;}
	.zfxxgk-box .list li + li{ padding-top: 13px;}
	.zfxxgk-box .list li a .icon-bg::before{ font-size: 46px; }
	.zfxxgk-box .list li a{ height: 46px;}
	
	.zfxxgk-box .list li a:hover{ transform: scale(1.05);}
	
	.zfxxgk-box{ padding: 40px 20px 20px ;}
	.zfxxgk-box .tit-box{ margin-top: -40px;}
	.ind-box-02 .box-b{ padding-top: 35px;}
	
	.ad-list li a{ height: 90px;}
	.ad-list li a .icon{font-size: 36px; padding-right: 15px;}
	.ad-list li a .icon-bg::before{ font-size: 90px;}
}

@media screen and (min-width: 1340px) {
	.ind-box-02{ padding-bottom: 50px;}
	.ind-box-02 .r{padding-left: 55px; padding-top: 20px;}
	.ind-box-02 .box-b .r{padding-left: 75px; padding-top: 0;}
	
	.zfxxgk-box .list li a .icon::before{font-size: 34px;}
	.zfxxgk-box .list li + li{ padding-top: 15px;}
	.zfxxgk-box .list li a{ height: 60px;}
	.zfxxgk-box .list li a .icon-bg::before{ font-size: 60px; }
	.zfxxgk-box{ padding: 40px 40px 20px 40px ;}
	.zfxxgk-box .tit-box{ margin-top: -40px;}
	
	.zfxxgk-box .tit-box .mess{ margin-top: -18px;}
	.zfxxgk-box .tit-box .mess i{ padding-right: 20px;}
	.zfxxgk-box .tit-box .mess i::before{font-size: 52px;}
	.zfxxgk-box .tit-box .mess .tit .sub span + span{ padding-left: 20px;}
	.zfxxgk-box .list li a .icon{ padding-right: 20px;}
	.zfxxgk-box .list li a .tit{ letter-spacing:5px;}
	
	.ind-box-02 .box-b{ padding-top: 45px;}
	
	.ad-list li + li{ padding-top: 16px;}
	.ad-list li a{ height: 120px;}
	.ad-list li a .icon{font-size: 50px; padding-right: 25px;}
	.ad-list li a .icon-bg::before{ font-size: 120px;}
}





/* 首页 互动交流 */
@media screen and (min-width: 320px) {
	.ind-box-03{ background: #f9f9f9; padding: 30px 0;}
	.ind-box-03 .list{}
	.ind-box-03 .list ul{ margin: -10px; display: flex; flex-wrap: wrap;}
	.ind-box-03 .list li{ padding: 10px; flex-shrink: 0; flex-basis: 33.3333%; max-width: 33.3333%;}
	.ind-box-03 .list li a{ border-radius: 6px; display: block; color: #fff; display: flex; align-items: center; flex-direction: column; padding: 10px;}
	.ind-box-03 .list li a i::before{font-size: 24px; line-height: 1;}
	
	.ind-box-03 .list li:nth-child(1) a{ background: #6081BF;}
	.ind-box-03 .list li:nth-child(2) a{ background: #569DC8;}
	.ind-box-03 .list li:nth-child(3) a{ background: #5CBAC5;}
	.ind-box-03 .list li:nth-child(4) a{ background: #5AC9B5;}
	.ind-box-03 .list li:nth-child(5) a{ background: #69CE90;}

	/* .ind-box-03 .list li a:hover i,.ind-box-03 .list li a:hover .tit{opacity: .6;} */
	.ind-box-03 .list li a:hover{ transform: scale(1.05);}
}

@media screen and (min-width: 992px) {
	.ind-box-03 .list li{ flex-basis: 20%; max-width: 20%;}
	.ind-box-03 .list li a{ padding: 20px 10px;}
	.ind-box-03 .list li a i::before{font-size: 48px; }
}

@media screen and (min-width: 1340px) {
	.ind-box-03{ padding: 50px 0;}
	.ind-box-03 .list li a{ padding: 25px 10px;}
	.ind-box-03 .list li a i::before{font-size: 72px; }
	.ind-box-03 .list li a .tit{ padding-top: 10px;}
	.ind-box-03 .list ul{ margin: -20px;}
	.ind-box-03 .list li{ padding: 20px;}
}







/* 首页 业务专栏 */
@media screen and (min-width: 320px) {
	.ind-box-04{ padding: 30px 0;}
	.ind-box-04 .r{ padding-top: 20px;}
}

@media screen and (min-width: 992px) {
	.ind-box-04 .flex-box{display: flex;}
	.ind-box-04 .l{ flex-basis: 50%; max-width: 50%; min-width: 0; padding-right: 20px; flex-shrink: 0;}
	
	.ind-box-04 .r{ padding-left: 20px; flex-basis: 50%; max-width: 50%; flex-shrink: 0; padding-top: 0;}
}

@media screen and (min-width: 1340px) {
	.ind-box-04{ padding: 60px 0;}
	.ind-box-04 .l{ padding-right: 30px;}
	.ind-box-04 .r{ padding-left: 30px;}
}








/* 首页 专题专栏 */
@media screen and (min-width: 320px) {
	.ind-box-05{ background: #f9f9f9; padding: 30px 0;}
	.ind-box-05 .special-swiper{ padding-top: 10px; margin-top: -10px;}
	.ind-box-05 .special-swiper a{ display: flex; align-items: center; justify-content: center; overflow: hidden; position: relative; border-radius: 6px; height: 80px;}
	.ind-box-05 .special-swiper a .icon{ padding-right: 10px; position: relative; z-index: 3; font-size: 36px;}
	.ind-box-05 .special-swiper a .icon-bg::before{ font-size: 42px; position: absolute; left: 0; transform: translate(-15%,-15%); opacity: 0.1; top: 0; line-height: 1; z-index: 3;}
	.ind-box-05 .special-swiper a .bg-01{ position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 1; opacity: 0.2; background: #fff;}
	.ind-box-05 .special-swiper a .bg-02{ position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 2; clip-path: ellipse(90% 90% at 50% 0%);}
	.ind-box-05 .special-swiper a .tit{ position: relative; z-index: 3; letter-spacing:3px;}
	
	.ind-box-05 .special-swiper a:hover {transform: translateY(-10px);}
	
	.ind-box-05 .special-swiper .swiper-slide:nth-child(1n) a{color:#fff; background: #2C63E2;}
	.ind-box-05 .special-swiper .swiper-slide:nth-child(1n) .bg-02{ background: #2C63E2;}
	
	.ind-box-05 .special-swiper .swiper-slide:nth-child(2n) a{color:#fff; background: #4067E5;}
	.ind-box-05 .special-swiper .swiper-slide:nth-child(2n) .bg-02{ background: #4067E5;}
	
	.ind-box-05 .special-swiper .swiper-slide:nth-child(3n) a{color:#fff; background: #4082E5;}
	.ind-box-05 .special-swiper .swiper-slide:nth-child(3n) .bg-02{ background: #4082E5;}
	
	.ind-box-05 .special-swiper .swiper-slide:nth-child(4n) a{color:#fff; background: #40A3E5;}
	.ind-box-05 .special-swiper .swiper-slide:nth-child(4n) .bg-02{ background: #40A3E5;}
	
	
	
	.special-swiper .special-btn{ position: absolute; top: 50%; z-index: 2; width: 24px; height: 46px; background: #000; display: flex; align-items: center; justify-content: center; margin-top: -24px; opacity: 0.7; cursor: pointer; transition: .3s;}
	.special-swiper .special-btn i::before{ color: #fff; font-size: 18px;}
	
	.special-swiper .special-next{ right: 0;}
	
	.special-swiper .special-btn:hover{ opacity: 1;}
	
	.special-pagination{ text-align: center; margin-top: 15px;}
	.special-pagination span{margin: 0 5px; background: #9a9a9d; opacity: 1;}
	.special-pagination .swiper-pagination-bullet-active{ background: #0960c9;}
}

@media screen and (min-width: 992px) {
	.ind-box-05 .special-swiper a{height: 120px;}
	.ind-box-05 .special-swiper a .icon{ font-size: 56px;}
	.ind-box-05 .special-swiper a .icon-bg::before{ font-size: 56px;}
}

@media screen and (min-width: 1340px) {
	.ind-box-05{ padding: 50px 0;}
	.ind-box-05 .special-swiper a{height: 150px;}
	.ind-box-05 .special-swiper a .icon{ font-size: 70px;}
	.ind-box-05 .special-swiper a .icon-bg::before{ font-size: 70px;}
}







/* 相关链接 */
@media screen and (min-width: 320px) {
	.footer-link-bg{ background: #0960c9; padding: 17px 0;}
	.footer-link{ margin: -5px;}
	.footer-link .col{ padding: 5px;}
	.footer-link .col dl{position: relative;}
	.footer-link .col dt{ background: #fff; border-radius: 19px; height: 38px; padding: 0 20px; display: flex; align-items: center; cursor: pointer;}
	.footer-link .col dt .tit{ flex: 1;}
	.footer-link .col dt i{ border-top: 6px solid #5C91F2; border-left: 5px solid transparent; border-right: 5px solid transparent; transition: .3s;}
	.footer-link .col dd{ position: absolute; left: 0; width: 100%; bottom: 38px; padding-bottom: 10px; z-index: 9;}
	.footer-link .col dd .box{ background: #fff; border-radius: 6px; background: #f9f9f9; box-shadow: 0 0 30px rgba(9,96,201,.2); position: relative;}
	.footer-link .col dd .scroll{ padding: 10px; max-height: 200px; overflow-y: auto;}
	.footer-link .col dd .box a{ border-bottom: 1px solid #eee; display: block; text-align: center; padding: 8px 0;}
	.footer-link .col dd .box::before{ content:' '; border-top: 6px solid #f9f9f9; border-left: 6px solid transparent;  border-right: 6px solid transparent; position: absolute; left: 50%; bottom: -6px; margin-left: -6px;}
	
	.footer-link .col dd .box a:nth-last-child(1){ border-bottom: none;}
	
	.footer-link .col dl.show dt i{transform: rotate(180deg);}
	.footer-link .e-anim-on{ animation:link-anim-on .3s; animation-fill-mode: both; }
	.footer-link .e-anim-off{ animation:link-anim-off .3s; animation-fill-mode: both; }
	
}



@keyframes link-anim-on{
	from { opacity: 0; transform: translateY(10px); }
	to {opacity: 1;  transform: translateY(0);}
}
@keyframes link-anim-off{
	from { opacity: 1; transform: translateY(0); }
	to { opacity: 0; transform: translateY(10px);}
}

@media screen and (min-width: 992px) {
	.footer-link{ margin: -10px; display: flex;}
	.footer-link .col{ padding: 10px; flex:1;}
}

@media screen and (min-width: 1340px) {
	
}







/* footer */
@media screen and (min-width: 320px) {
	.footer{ padding: 20px 0; background: #f6faff;}
	.footer-box{ position: relative;}
	.footer .icon{position: relative; z-index: 2;}
	.footer .icon ul{display: flex; align-items: center; justify-content: center; margin: -10px;}
	.footer .icon li{ padding: 10px;}
	.dzjg img{ width: 54px;}
	.zfwz img{ width: 76px;}
	
	.footer .txt{text-align: center;}
	.footer .txt .line{ display: flex; align-items: center; justify-content: center;}
	.footer .txt .ba-ico{ width: 20px; margin-right: 5px;}
}

@media screen and (min-width: 992px) {
	.footer{ padding: 30px 0;}
	.dzjg img{ width: 80px;}
	.zfwz img{ width: 120px;}
	
	.footer .icon { position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
}

@media screen and (min-width: 1340px) {
	.footer .icon ul{ margin: -20px;}
	.footer .icon li{ padding: 20px;}
	.dzjg img{ width: 109px;}
	.zfwz img{ width: 152px;}
	.footer{ padding: 40px 0;}
	
}






/* 面包屑导航 */
@media screen and (min-width: 320px) {
	.crumb-box i{ padding-right: 10px; color: #0960c9;}
	.crumb-box i::before{font-size: 18px;}
	
	.crumb-box{ padding-bottom: 15px;}
	
	.crumb-box-02{ border-bottom: 2px solid #E4EDFF; position: relative; margin-bottom: 20px;}
	.crumb-box-02::before{content: ' '; width: 160px; height: 2px; background: #1c4289; position: absolute; left: 0; bottom: -2px;}
	.crumb-box-02 .flex-box{display: flex; justify-content: space-between; align-items: center;}
}

@media screen and (min-width: 992px) {
	
	.crumb-box-02{ border-bottom-width: 4px;}
	.crumb-box-02::before{ height: 4px; width: 260px; bottom: -4px;}
}

@media screen and (min-width: 1340px) {
	.crumb-box{ padding-bottom: 25px;}
	
	.crumb-box-02{ padding-bottom: 16px; margin-bottom: 30px;}
	.crumb-box-02::before{ height: 4px; width: 320px;}
}







/* 要闻动态 */
@media screen and (min-width: 320px) {
	.news-box{ box-shadow: 0 0 20px rgba(0,136,255,.16); border-radius: 10px; overflow: hidden; background: #fff;}
	.news-box .l{ border-radius: 10px; overflow: hidden;}
	.news-box .r{ position: relative;}
	.news-swiper{}
	i.pic-scale-news{ padding-bottom: 60.735%;}
	
	.news-swiper .news-btn{ position: absolute; top: 50%; z-index: 2; width: 24px; height: 46px; background: #000; display: flex; align-items: center; justify-content: center; margin-top: -24px; opacity: 0.7; cursor: pointer; transition: .3s;}
	.news-swiper .news-btn i::before{ color: #fff; font-size: 18px;}
	
	.news-swiper .news-next{ right: 0;}
	
	.news-swiper .news-btn:hover{ opacity: 1;}
	
	.news-box .news-tabs a{ padding: 20px 20px 50px 20px; display: block;}
	
	.news-box .news-tabs .time{ padding-top: 20px;}
	.news-box .news-tabs .txt{ padding-top: 10px;}
	
	.news-tabs a:hover .tit{ color: #0960C9;}
	
	.news-box .news-pagination{ right: auto; left: 20px; width: auto; bottom: 20px; height: 14px; display: flex; align-items: center; padding: 0; position: absolute;}
	.news-box .news-pagination .swiper-pagination-bullet{ width: 10px; height: 10px; opacity: 1; background: #8a8b8d; border-radius: 7px; margin-right: 5px;}
	.news-box .news-pagination .swiper-pagination-bullet-active{ background: #186bde; width: 20px;}
	
	.news-box-02{ padding: 30px 0;}
	.news-box-02 .r{ padding-top: 20px;}
}

@media screen and (min-width: 992px) {
	
	.news-box .flex-box{ display: flex;}
	.news-box .l{ flex-basis: 52%; max-width: 52%; flex-shrink: 0;}
	.news-box .r{ flex-basis: 48%; max-width: 48%; flex-shrink: 0;}
	.focus-swiper .focus-pagination .swiper-pagination-bullet{ width: 14px; height: 14px; }
	.focus-swiper .focus-pagination .swiper-pagination-bullet-active{ width: 24px;}
	
	.news-box .news-tabs a{ padding: 40px ;}
	
	.news-box .news-pagination{ left: 40px; bottom: 20px;}
	
	.news-box-02 .flex-box{display: flex;}
	.news-box-02 .l{ flex-basis: 50%; max-width: 50%; min-width: 0; padding-right: 20px; flex-shrink: 0;}
	
	.news-box-02 .r{ padding-left: 20px; flex-basis: 50%; max-width: 50%; flex-shrink: 0; padding-top: 0;}
}

@media screen and (min-width: 1340px) {
	.news-box .news-tabs a{ padding: 60px 40px 40px 40px;}
	.news-box .news-tabs .time{ padding-top: 30px;}
	.news-box .news-tabs .txt{ padding-top: 10px;}
	
	.news-box .news-pagination{ bottom: 40px;}
	
	.news-box-02{ padding: 60px 0;}
	.news-box-02 .l{ padding-right: 30px;}
	.news-box-02 .r{ padding-left: 30px;}
	
}






/* 新闻列表 */
@media screen and (min-width: 320px) {
	
	.news-list ul{ margin: -10px;}
	.news-list li{ padding: 10px;}
	
	.news-list a{ padding: 15px 0; border-bottom: 1px solid #F2F3F4; display: block;}
	.news-list dl{display: flex;}
	.news-list dt{ padding:5px 15px 0 0; display: flex; flex-direction: column; align-items: center;}
	.news-list dt .days{ padding-top: 4px;}
	.news-list .txt{ padding-top: 5px;}
	.news-list .more{display: flex; align-items: center; padding-top: 5px;}
	.news-list .more span{ padding-right: 5px;}
	
	.news-list a:hover .tit{ color: #0960c9;}
}

@media screen and (min-width: 992px) {
	.news-list ul{ margin: -15px;}
	.news-list li{ padding: 15px;}
	.news-list dt{ padding: 5px 30px 0 20px;}
}

@media screen and (min-width: 1340px) {
	.news-list ul{ margin: -23px 0 -22px 0;}
	.news-list li{ padding: 23px 0 22px 0;}
	.news-list dt .days{ padding-top: 8px;}
	.news-list .txt{ padding-top: 10px;}
	.news-list .more span{ padding-right: 8px;}
	.news-list .more i,.news-list .more i::before{ font-size: 20px; line-height: 1;}
}





/* 新闻列表-02 */
@media screen and (min-width: 320px) {
	.news-list-02 a{ padding: 5px 10px; display: flex; align-items: center;}
	.news-list-02 i{ width: 4px; height: 4px; background: #8a8b8d; margin-right: 5px;}
	.news-list-02 .tit{font-weight: normal; flex:1;}
	.news-list-02 .time{ padding-left: 15px;}
	.news-list-02 a:hover{ background: #f2f3f4; border-radius: 6px;}
	.news-list-02 a:hover .dot{ background: #1c4289;}
	.news-list-02 a:hover .tit{ color: #1c4289;}
}

@media screen and (min-width: 992px) {
	
}

@media screen and (min-width: 1340px) {
	.news-list-02 i{ width: 6px; height: 6px; margin-right: 10px;}
	.news-list-02 a{ padding:8px 10px 9px 10px;}
}






/* 新闻列表-03 */
@media screen and (min-width: 320px) {
	.news-list-03 ul{display: flex; margin: -10px; flex-wrap: wrap;}
	.news-list-03 li{ flex-basis: 50%; max-width: 50%; padding: 10px; flex-shrink: 0; min-width: 0;}
	i.pic-scale-news-03{ padding-bottom: 58.065%;}
	.news-list-03 a{display: block;}
	.news-list-03 dd{ padding: 10px 15px; background: #fff; border: 1px solid #F2F3F4; height: 111px;}
	.news-list-03 .tit{}
	.news-list-03 .time{ padding-top: 10px;}
	
}

@media screen and (min-width: 992px) {
	.news-list-03 li{flex-basis: 25%; max-width: 25%;}
	.news-list-04 li{flex-basis: 33.33333%; max-width: 33.3333%;}
}

@media screen and (min-width: 1340px) {
	.news-list-03 ul{ }
	.news-list-03 a{}
	.news-list-03 dd{padding: 18px 25px; height: 146px;}
	.news-list-03 .time{ padding-top: 15px;}
	
	.news-list-04 ul{ margin: -13px;}
	.news-list-04 li{ padding: 13px;}
}




/* 内容页 */
@media screen and (min-width: 320px) {
	.info-box-bg{ padding: 20px; background: #fff; border: 1px solid #C7DFFF;}
	.info-tit-box { padding-bottom: 20px;}
	.info-tit-box .tit{text-align: center; padding-bottom: 8px;}
	.info-tit-box .info-mess{display: flex; justify-content: center; flex-wrap: wrap; border-bottom: 1px solid #C7DFFF;}
	.info-tit-box .info-mess .item{ padding: 10px;}
	
	.share-box{ padding-top: 30px;}
	.share-box .tit{ padding-left: 10px;}
	.share-box div.bshare-custom a{height: auto; background: none; padding: 0; line-height: 1; font-size: 30px;  margin-right: 5px;}
	.share-box div.bshare-custom a.bshare-weixin{ color: #0dbc4e;}
	.share-box div.bshare-custom a.bshare-sinaminiblog{ color: #F56467;}
	.share-box div.bshare-custom a.bshare-qqim{ color: #4989E5;}
	.share-box div.bshare-custom a.bshare-qzone{ color: #F6C831;}
	.share-box div.bshare-custom a:hover{text-decoration: none;}
	
	.share-box{display: flex; align-items: center; justify-content: center;}
	
	.info-btn{ margin-top: 30px; padding-top:20px; border-top:solid 1px #C7DFFF;}
	.info-btn span{display: block;}
	.info-btn span + span{ padding-top: 5px;}
	.info-btn a{}
}

@media screen and (min-width: 992px) {
	.info-box-bg { padding: 40px;}
	.info-tit-box { padding-bottom: 40px;}
	
	.share-box{ padding-top: 40px;}
	.share-box div.bshare-custom a{ font-size: 40px; }
	
	
	.info-btn{ margin-top: 50px;}
}

@media screen and (min-width: 1340px) {
	.info-box-bg { padding: 50px;}
	.info-tit-box { padding-bottom: 50px;}
	.info-tit-box .info-mess{}
	.info-tit-box .info-mess .item{ padding: 20px;}
	
	.share-box{ padding-top: 60px;}
	.share-box div.bshare-custom a{ font-size: 50px; }
	
	
	.info-btn{ margin-top: 70px; padding-top:40px;}
	.info-btn span + span{ padding-top: 10px;}
}




/* 内容页 - 02 */
@media screen and (min-width: 320px) {
	.info-flex-box .r{ padding-top: 20px;}
	.info-list-bg{background: #e8f4fe; border-radius: 6px; padding: 15px;}
	.info-list-bg ul{}
	.info-list-bg li{display: block; border-bottom: 1px dashed #B0BFD9; }
	.info-list-bg a{ padding: 10px 0; display: block;}
}

@media screen and (min-width: 992px) {
	.info-flex-box .r{ padding-top: 40px;}
}

@media screen and (min-width: 1340px) {
	.info-flex-box{display: flex;}
	.info-flex-box .l{ flex-basis: 920px; max-width: 920px; flex-shrink: 0;}
	.info-flex-box .r{ flex-basis: 380px; max-width: 380px; flex-shrink: 0; padding-top: 0; padding-left: 20px;}
	.info-flex-box .ind-tit-box .tit{ padding: 0 30px;}
	.info-list-bg{ padding: 15px 25px;}
}

@media screen and (min-width: 1640px) {
	.info-flex-box .l{ flex-basis: 1060px; max-width: 1060px; flex-shrink: 0;}
}





/* 政务公开 */
@media screen and (min-width: 320px) {
	.zwgk-box{ padding-bottom: 30px;}
	.zwgk-box-01 .r{ padding-top: 20px;}
	.zwgk-box-01 .flex-box + .flex-box{ padding-top: 20px;}
	
	.zwgk-box-01 .link-list{ background: #f6faff; padding: 15px;}
	.zwgk-box-01 .link-list ul{ margin: -8px 0;}
	.zwgk-box-01 .link-list li{ padding: 8px 0;}
	.zwgk-box-01 .link-list a{ background: #fff; border: 1px solid #E4EDFF; border-radius: 6px; display: block; display: flex; align-items: center; padding: 8px 20px;}
	.zwgk-box-01 .link-list i{ padding-right: 10px;}
	.zwgk-box-01 .link-list i,.zwgk-box-01 .link-list i::before{font-size: 24px; line-height: 1;}
	
	.zwgk-box-01 .link-list a:hover{ background: #0960c9;}
	.zwgk-box-01 .link-list a:hover i::before,.zwgk-box-01 .link-list a:hover span{ color: #fff;}
	
	
	.zwgk-box-02 ul{display: flex; margin: -5px; flex-wrap: wrap;}
	.zwgk-box-02 li{flex-basis: 50%; max-width: 50%; flex-shrink: 0; padding: 5px;}
	.zwgk-box-02 li a{display: block; padding: 20px; height: 120px; color: #fff; position: relative; overflow: hidden; border-radius: 6px;}
	.zwgk-box-02 li i{ position: absolute; right: 0; bottom: 0; transform: translate(0%,10%);}
	.zwgk-box-02 li i,.zwgk-box-02 li i::before{ line-height: 1; opacity: .3; font-size: 72px;}
	.zwgk-box-02 li:nth-child(1) a{ background: #569dc8;}
	.zwgk-box-02 li:nth-child(2) a{ background: #5CBAC5;}
	.zwgk-box-02 li:nth-child(3) a{ background: #5AC9B5;}
	.zwgk-box-02 li:nth-child(4) a{ background: #69CE90;}
	
	.zwgk-box-02 li a:hover{transform: scale(1.05);}
	
	.zwgk-box-03 .list { padding-top: 10px;}
	.zwgk-box-03 .list ul{ margin: -10px; display: flex; flex-wrap: wrap;}
	.zwgk-box-03 .list li{ padding: 10px; flex-basis: 50%; max-width: 50%; flex-shrink: 0;}
	.zwgk-box-03 .list a{ background: #fff; box-shadow: 0 0 20px rgba(218,226,251,.6); display: flex; flex-direction: column; align-items: center; padding: 15px; border-radius: 6px;}
	.zwgk-box-03 .list i,.zwgk-box-03 .list i::before{ color: #0960c9; line-height: 1; font-size: 24px;}
	.zwgk-box-03 .list .line{ height: 1px; background: #0960c9; margin: 15px 0; width: 100%;}
	.zwgk-box-03 .list a:hover{ background: #0960c9;}
	.zwgk-box-03 .list a:hover .line{ background: #fff; opacity: .4;}
	.zwgk-box-03 .list a:hover i::before{color: #fff;}
	.zwgk-box-03 .list a:hover .tit{ color: #fff; opacity: 0.8;}
}

@media screen and (min-width: 992px) {
	.zwgk-box-01 .flex-box{display: flex;}
	.zwgk-box-01 .flex-box .l{ flex-basis: 65.2%; max-width: 65.2%; padding-right: 5px;}
	.zwgk-box-01 .flex-box .r{ flex-basis: 34.8%; max-width: 34.8%; padding-left:45px; padding-top: 0;}
	
	.zwgk-box-02 ul{display: flex;}
	.zwgk-box-02 li{flex-basis: 25%; max-width: 25%; flex-shrink: 0;}
	.zwgk-box-02 li a{ height: 150px;}
	.zwgk-box-02 li i,.zwgk-box-02 li i::before{ font-size: 94px;}
	
	.zwgk-box-03 .list li{ flex-basis: 20%; max-width: 20%;}
	.zwgk-box-03 .list a{ padding: 30px 15px;}
}

@media screen and (min-width: 1340px) {
	.zwgk-box{ padding-bottom: 60px;}
	.zwgk-box-01 .flex-box .r{ padding-left: 75px;}
	.zwgk-box-01 .link-list{ padding: 20px;}
	.zwgk-box-01 .link-list i, .zwgk-box-01 .link-list i::before{ font-size: 34px;}
	.zwgk-box-01 .link-list a{ padding: 14px 45px;}
	
	.zwgk-box-02 ul{ margin: -12px;}
	.zwgk-box-02 li{ padding: 12px;}
	.zwgk-box-02 li a{ height: 180px; padding: 30px;}
	.zwgk-box-02 li i,.zwgk-box-02 li i::before{ font-size: 120px;}
	
	.zwgk-box-03 .list { padding-top: 20px;}
	.zwgk-box-03 .list ul{ margin: -15px;}
	.zwgk-box-03 .list li{ padding: 15px;}
	.zwgk-box-03 .list i,.zwgk-box-03 .list i::before{ font-size: 36px;}
	.zwgk-box-03 .list a{ padding: 40px 30px;}
	.zwgk-box-03 .list .line{ margin: 25px 0;}
	
	
}





/* 菜单 */
@media screen and (min-width: 320px) {
	.menu-flex-box .r{ padding-top: 20px;}
	.menu-flex-box .menu-box{}
	.menu-flex-box .menu-box li a{padding: 8px 10px; display: flex; justify-content: space-between; align-items: center; border-bottom: 1px dashed #B0BFD9; color: #1c4289;}
	.menu-flex-box .menu-box li a span{ padding-right: 10px;}
	.menu-flex-box .menu-box li a i{ opacity: 0;}
	.menu-flex-box .menu-box li a i::before{color: #0960c9; font-size: 16px;}
	.menu-flex-box .menu-box li a:hover{background: #f6faff;}
	.menu-flex-box .menu-box li a.on{background: #f6faff; position: relative;}
	.menu-flex-box .menu-box li a.on span{font-weight: bold;}
	.menu-flex-box .menu-box li a.on::before{ content: ' '; background: #0960c9; position: absolute; left: 0; top: 0; bottom: 0; width: 3px;}
	.menu-flex-box .menu-box li a.on i{ opacity: 1;}
	
	.menu-flex-box .sub-box{ background: #f5f5f5;}
	
	.menu-flex-box .menu-box li a.on{}
	.menu-flex-box .menu-box li .sub-box a{ border-bottom: 1px solid #fff;}
	.menu-flex-box .menu-box li .sub-box a.on-02{ font-weight: bold;}
	
	.menu-flex-box .menu-box li .sub-box a span{ padding-right: 0; padding-left: 20px;}
	.menu-flex-box .menu-box li .sub-box a i{ display: none;}
}

@media screen and (min-width: 992px) {
	.menu-flex-box{ display: flex;}
	.menu-flex-box .l{flex-basis: 260px; max-width: 260px; flex-shrink: 0;}
	.menu-flex-box .r{ flex:1; min-width:0; padding-top: 0; padding-left: 30px;}
	
	.menu-flex-box .menu-box li a{ padding: 12px 20px;}
	
}

@media screen and (min-width: 1340px) {
	.menu-flex-box .l{ flex-basis: 320px; max-width: 320px;}
	.menu-flex-box .r{ padding-left: 40px;}
	
	.menu-flex-box .menu-box li a{ padding: 16px 20px 16px 40px;}
}




/* 互动交流 */
@media screen and (min-width: 320px) {
	.hdjl-box-01{ padding-bottom: 30px;}
	.hdjl-box-01-bg{ background: #f6faff; padding: 20px;}
	.hdjl-box-01 ul{ margin: -10px; display: flex; flex-wrap: wrap;}
	.hdjl-box-01 li{ padding: 10px; flex-basis: 50%; max-width: 50%;}
	.hdjl-box-01 li a{ border: 1px solid #E4EDFF; background: #fff; display: flex; align-items: center; justify-content: center; border-radius: 6px; height: 60px;}
	.hdjl-box-01 li a i{ padding-right: 10px;}
	.hdjl-box-01 li a i::before{ color: #0960c9; font-size: 24px;}
	.hdjl-box-01 li a:hover { background: #0960c9; border-color: #0960c9;}
	.hdjl-box-01 li a:hover i::before{ color: #fff;}
	.hdjl-box-01 li a:hover span{ color: #fff;}
	
	.hdjl-box-02{ padding-bottom: 30px;}
	
	.fktj-box {background: #f7faff; border: 1px solid rgba(179,212,255,.7); padding: 19px 20px;}
	
	.hdjl-box-03{ background: #f9f9f9; padding: 30px 0;}
	
	
	
	.hdjl-box-04{ padding: 30px 0;}
	.hdjl-box-04 .r{ padding-top: 20px;}
	
	.hdjl-tabs-01{ height: auto;}
}

@media screen and (min-width: 992px) {
	.hdjl-box-01 li{ flex-basis: 25%; max-width: 25%;}
	.hdjl-box-01 li a{ height: 80px;}
	.hdjl-box-01 li a i::before{ font-size: 32px;}
	
	.hdjl-box-02 .flex-box{ display: flex;}
	.hdjl-box-02 .l{ flex-basis: 67%; max-width: 67%; min-width: 0; padding-right: 20px; flex-shrink: 0;}
	.hdjl-box-02 .r{ flex-basis: 33%; max-width: 33%; min-width: 0; padding-left: 20px; flex-shrink: 0;}
	
	.hdjl-box-04 .flex-box{display: flex;}
	.hdjl-box-04 .l{ flex-basis: 50%; max-width: 50%; min-width: 0; padding-right: 20px; flex-shrink: 0;}
	.hdjl-box-04 .r{ padding-left: 20px; flex-basis: 50%; max-width: 50%; flex-shrink: 0; padding-top: 0;}
}

@media screen and (min-width: 1340px) {
	.hdjl-box-01{ padding-bottom: 60px;}
	.hdjl-box-01 li a i{ padding-right: 20px;}
	.hdjl-box-01 li a i::before{ font-size: 40px;}
	.hdjl-box-01 li a{ height: 100px;}
	
	.hdjl-box-02{ padding-bottom: 60px;}
	
	.hdjl-box-03{ padding: 50px 0;}
	
	.hdjl-box-04{ padding: 60px 0;}
	.hdjl-box-04 .l{ padding-right: 30px;}
	.hdjl-box-04 .r{ padding-left: 30px;}
}




/* 互动交流 - 意见征集 */
@media screen and (min-width: 320px) {
	.yjzj-box{}
	.yjzj-box-t{ background: #f2f3f4;}
	
	.yjzj-box .row{display: flex; padding: 10px 0;}
	.yjzj-box .col{ padding: 0 10px;}
	.yjzj-box .col-05{ flex:5;}
	.yjzj-box .col-04{ flex:4;}
	.yjzj-box .col-03{ flex:3;}
	.yjzj-box .col-02{ flex:2;}
	.yjzj-box .col-01{ flex:1;}
	
	.yjzj-box-b .row{ align-items: center;}
	.yjzj-box-b a{border-bottom: 1px solid #DEDEDE; display: block;}
	.yjzj-box-b a:hover .tit{ color: #0960c9;}
}

@media screen and (min-width: 992px) {
	.yjzj-box-b .row{padding: 20px 0;}
}

@media screen and (min-width: 1340px) {
	.yjzj-box-b .row{padding: 30px 0;}
}




/* 业务专栏 */
@media screen and (min-width: 320px) {
	.ywzl-box{ padding: 20px 0 0 0;}
	.ywzl-box .list{ padding-top: 20px;}
	.ywzl-box ul{ margin: -10px; display: flex; flex-wrap: wrap;}
	.ywzl-box li{ padding: 10px; flex-shrink: 0; flex-basis: 50%; max-width: 50%;}
	.ywzl-box li a{display: block; border-radius: 6px; padding: 10px; overflow: hidden; display: flex; align-items: center; justify-content: center; position: relative;}
	.ywzl-box li a::before{ content: ' '; width: 100%; height: 50%; background: linear-gradient(rgba(255,255,255,1),rgba(255,255,255,0)); position: absolute; right: 0; top: 50%; transform: translate(23%,-50%) rotate(45deg); opacity: 0.1;}
	.ywzl-box li a::after{ content: ' '; width: 100%; height: 50%; background: linear-gradient(rgba(255,255,255,1),rgba(255,255,255,0)); position: absolute; right: 0; top: 50%; transform: translate(40%,-50%) rotate(45deg) ; opacity: 0.1;}
	.ywzl-box li a .icon{font-size: 32px; color: #fff; padding-right: 10px;}
	.ywzl-box li a .icon-bg{ color: #fff; font-size: 60px; position: absolute; left: 0; bottom: 0; line-height: 1; transform: translate(-20%,10%); opacity: 0.1;}
	.ywzl-box li:nth-child(1) a{ background: #3FB8DC;}
	.ywzl-box li:nth-child(2) a{ background: #4A94E8;}
	.ywzl-box li:nth-child(3) a{ background: #717FF2;}
	.ywzl-box li:nth-child(4) a{ background: #52CB9D;}
	.ywzl-box li:nth-child(5) a{ background: #F59846;}
	.ywzl-box li:nth-child(6) a{ background: #FB6A2E;}
	.ywzl-box li:nth-child(7) a{ background: #fb2e69;}
	
	.ywzl-box li a:hover{ box-shadow: 0 10px 30px rgba(28,66,137,.25);}
}

@media screen and (min-width: 992px) {
	.ywzl-box ul{ margin:-20px -15px;}
	.ywzl-box li{ padding:-20px 15px; flex-basis: 33.33333%; max-width: 33.3333%;}
	.ywzl-box li a{ height: 120px; border-radius: 12px;}
	.ywzl-box li a .icon{ font-size: 48px; padding-right: 30px;}
	.ywzl-box li a .icon-bg{font-size: 110px;}
}

@media screen and (min-width: 1340px) {
	.ywzl-box{ padding: 40px 0 10px 0;}
	.ywzl-box .list{ padding-top: 48px;}
	.ywzl-box ul{ margin: -35px -20px;}
	.ywzl-box li{ padding: 35px 20px;}
	.ywzl-box li a{ height: 180px; border-radius: 16px;}
	.ywzl-box li a .icon{ font-size: 60px; padding-right: 40px;}
	.ywzl-box li a .icon-bg{font-size: 140px;}
	
}





/* 业务专栏 - 01 */
@media screen and (min-width: 320px) {
	.body-tit-box{ background: url(tit-bg.jpg); background-size: cover; background-position: center; display: flex; align-items: center; justify-content: center; height: 100px;}
	
	.ywzl-flex-box .ind-news-tabs{ height: auto;}
	.ywzl-flex-box{ margin: -10px;}
	.ywzl-flex-box .item{}
	.ywzl-flex-box .item-bd{ padding: 10px;}
	
	.ywzl-flex-box-02 .ind-news-tabs{ height: auto;}
	.ywzl-flex-box-02{ margin: -10px;}
	.ywzl-flex-box-02 .item{}
	.ywzl-flex-box-02 .item-bd{ padding: 10px;}
}

@media screen and (min-width: 992px) {
	.ywzl-flex-box{ display: flex; flex-wrap: wrap; margin: -15px -20px; padding-top: 20px;}
	.ywzl-flex-box .item{ flex:1; flex-basis: 50%; flex-shrink: 0; min-width: 0;}
	.ywzl-flex-box .item-bd{ padding: 15px 20px;}
	
	.ywzl-flex-box-02{ margin: -15px -20px;}
	.ywzl-flex-box-02 .item{}
	.ywzl-flex-box-02 .item-bd{ padding: 15px 20px;}
}

@media screen and (min-width: 1340px) {
	.body-tit-box{ height: 140px;}
	.ywzl-flex-box{ margin: -25px -30px; padding-top: 30px;}
	.ywzl-flex-box .item-bd{ padding: 25px 30px;}
	
	.ywzl-flex-box-02{ margin: -25px -30px;}
	.ywzl-flex-box-02 .item{}
	.ywzl-flex-box-02 .item-bd{ padding: 25px 30px;}
}




/* 浮动窗 */
@media screen and (min-width: 320px) {
	.float-box{ display: none;}
}

@media screen and (min-width: 992px) {
	.float-box{ position: fixed; left: 10px; display: block; top: 50%; margin-top: -300px; z-index: 100;}
	.float-box dl{position: relative; margin-bottom: 1px; cursor: pointer;}
	.float-box dl .tit{ padding-top: 8px;}
	.float-box dt a{ background: #3a93cd;display: flex; align-items: center; justify-content: center; flex-direction: column; width: 80px; height: 120px;}
	.float-box dt a img{width: 44px;}
	.float-box dd{ position: absolute; top: 0; left: 80px;}
	.float-box .bd{ width: 120px; height: 120px; padding: 5px; background: #65b3e5;}
	.float-box .bd img{width: 100%; height: 100%;}
	.float-box dl:hover a{ background: #65b3e5;}
	
	.float-box dd.e-anim-on{animation:float-qr-anim-on .3s; animation-fill-mode: both; }
	.float-box dd.e-anim-off{ animation:float-qr-anim-off .5s; animation-fill-mode: both;}
}

@keyframes float-qr-anim-on{
	from { opacity: 0; transform: translateX(-10px); }
	to {opacity: 1; transform: translateX(0);}
}
@keyframes float-qr-anim-off{
	from { opacity: 1; transform: translateX(0); }
	to { opacity: 0; transform: translateX(-10px);}
}

@media screen and (min-width: 1340px) {
	
}


@media screen and (min-width: 1820px) {
	.float-box{ left: 50%; margin-left: -900px;}
}





@media screen and (min-width: 320px) {
	
}

@media screen and (min-width: 992px) {
	
}

@media screen and (min-width: 1340px) {
	
}





/*--内容盒子--*/
@media screen and (min-width: 320px) {
	.content-box:after{content: ' '; clear: both; width: 0; height: 0; overflow: hidden; display: block;}
	.content-box{ text-align: justify; text-justify:inter-word; color: #333; position: relative; z-index: 10;}
	.content-box,.content-box *{ line-height: 1.85;}
	/*.content-box img{width: 100%; max-width:100%;}*/
	
	.content-bd{  margin-bottom: 30px;}
	
	body.view img{max-width: 100%;}
		
}

@media screen and (min-width: 992px) {
	.content-bd{  margin-bottom: 60px;}
}

@media screen and (min-width: 1340px)  {
	.content-box,.content-box *{ }
	.content-bd{  margin-bottom: 80px;}
}





@media screen and (min-width: 320px) {
	
}

@media screen and (min-width: 375px) {
	
}

@media screen and (min-width: 480px) {
	
}

@media screen and (min-width: 992px) {
	
}

@media screen and (min-width: 1340px) {
	
}

/*回到顶部*/
#btn_top{ display: none; position: fixed; bottom: 20px; right: 2%; margin-left: 620px; width: 120px; height: 60px; font: 16px/88px "Microsoft Yahei"; color: #fff; text-align: center; background-color: #d7d7d7; cursor: pointer;}
#btn_top:before{ position: absolute; top: 8px; left: 50%; width: 20px; height: 20px; margin-left: -10px; background: url(icon_arr_top.png) no-repeat center top; content: "";}
#btn_top.active{ display: block;}

@media screen and (max-width: 600px){
	.container img{width:100%!important;height:auto!important;}
}

/* 领导分工 */
@media screen and (min-width: 320px) {
	i.pic-scale-ldfg{ padding-bottom: 133.3333%;}
	.ldfg-list ul{ margin: -15px;}
	.ldfg-list ul li{ padding:15px;}
	.ldfg-list ul dl{display: flex;}
	.ldfg-list ul dt{ flex-basis: 150px; flex-shrink: 0; margin-right: 15px;}
	.ldfg-list ul dd{ flex:1;}
	.ldfg-list ul dd .name{ color: #000; font-size: 18px; line-height: 1.4;}
	.ldfg-list ul dd .job{ color: #999; font-size: 12px; padding-top: 5px;}
	.ldfg-list ul dd .line{height: 1px; margin: 10px 0; background: #eee;}
	.ldfg-list ul dd .txt{font-size: 14px; color: #333;}
}

@media screen and (min-width: 375px) {
	
}

@media screen and (min-width: 480px) {
	
}

@media screen and (min-width: 992px) {
	.ldfg-list ul{ margin: -25px;}
	.ldfg-list ul li{ padding:25px;}
	.ldfg-list ul dt{ flex-basis: 180px; flex-shrink: 0; margin-right: 35px;}
	.ldfg-list ul dd .name{ font-size: 20px;}
	.ldfg-list ul dd .job{ padding-top: 10px; font-size: 14px;}
	.ldfg-list ul dd .line{ margin: 15px 0;}
	.ldfg-list ul dd .txt{font-size: 16px;}
}

@media screen and (min-width: 1340px) {
	
}




@media screen and (min-width: 320px) {
	
}

@media screen and (min-width: 375px) {
	
}

@media screen and (min-width: 480px) {
	
}

@media screen and (min-width: 992px) {
	
}

@media screen and (min-width: 1340px) {
	
}