@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;
	
}





*{-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:#3173f8; color:#fff;}
::-moz-selection{background:#3173f8; color:#fff;}

a,a:link{ color: #333; text-decoration: none;}
a:hover,a:active{ color: #3173f8; 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 (-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 (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; padding: 0 10px; min-width: 30px; height: 30px; margin: 2px; color: #888; font-size: 14px; display: inline-flex; font-weight: normal; align-items: center; justify-content: center; border-radius: 25px; border: 1px solid #DDDDDD;}
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: #66A7F5; color: #fff; border-color: #66A7F5; }

@media (min-width: 992px) {
	div.pages{ padding-top: 50px;}
	div.pages a,div.pages span{ min-width: 36px; height: 36px; padding: 0 12px; font-size: 16px;}
}

@media (min-width: 1240px) {
	div.pages{ padding-top: 60px;}
	div.pages a,div.pages span{ min-width: 44px; height: 44px; padding: 0 15px; font-size: 18px;}
}

/*--移动端设置&小屏电脑 图片缩放--*/
/*设置最大屏像素-1*/
@media (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: #3173f8; background-color: #114594;}
.layui-form-checkbox[lay-skin=primary]:hover i{ border-color: #3173f8;}

.pic img{width: 100%;}




/*=================layout===================*/
@media (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 (min-width: 760px) {
	.container{}
}

@media (min-width: 992px) {
	.container{ width: 980px; padding: 0 10px;}
}
@media (min-width: 1240px) {
	.container{ width: 1220px; padding: 0 10px;}
}




/* 通用 */
@media (min-width: 320px) {
	.m-box{display: block;}
	
	.m-bg{background: #fbfdff;}
	
	.cb::after{ content:' '; display: block; clear: both;}
	
	body a:hover,body a:hover *,body a:hover::before,body a:hover *::before{ color: #368FED;}
	
	.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-ae{color: #aeaeae;}
	.c-fff{ color: #fff;}
	
	.lh-10,.lh-10 *{line-height: 1;}
	.lh-12,.lh-12 *{line-height: 1.2;}
	.lh-14,.lh-14 *{line-height: 1.4;}
	
	.c-red,.c-red::before{ color:#ff0000;}
	
	.c-blue,.c-blue::before{ color: #368FED;}
	.c-blue-02,.c-blue-02::before{ color: #66A7F5;}
	
	.c-00,.c-00::before{ color: #000;}
	.c-11,.c-11::before{ color: #111;}
	.c-21,.c-21::before{ color: #212121;}
	.c-33,.c-33::before{ color: #333;}
	.c-37,.c-37::before{ color: #373737;}
	.c-60,.c-60::before{ color: #606060;}
	.c-75,.c-75::before{ color: #757575;}
	.c-99,.c-99::before{ color: #999;}
	.c-b7,.c-b7::before{ color: #b7b7b7;}
	.c-ff,.c-ff::before{ color: #fff;}
	
	.fz-12{ font-size: 12px;}
	.fz-14{ 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-48{ font-size: 28px;}
	.fz-52{ font-size: 36px;}
	.fz-60{ font-size: 38px;}
	
	
	.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;}
}

@media (min-width: 760px) {
	
}


@media (max-width: 991px) {
	.pc-box{display: none !important;}
}

@media (min-width: 992px) {
	.m-box{display: none;}
	.pc-box{display: block;}
	
	.m-bg{background: none;}
	
	.fz-14{ font-size: 13px;}
	.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-48{ font-size: 38px;}
	.fz-52{ font-size: 44px;}
	.fz-60{ font-size: 48px;}
}

@media (min-width: 1240px) {
	
	.fz-14{ font-size: 14px;}
	.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-48{ font-size: 48px;}
	.fz-52{ font-size: 52px;}
	.fz-60{ font-size: 60px;}
}








/*=================header===================*/
@media (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; display: none;}
	.nav-box{ width: 100%; z-index: 100;  left: 0; top: 0; background-image: linear-gradient(180deg,#C2E1FF,#F5F8FE 50%); border-bottom: 2px solid #66A7F5; position: fixed;}
	.nav-box ul,.nav-box li{list-style: none; padding: 0; margin: 0;}
	.header-box{  height: 133px;}
	.logo{ float: left; position: relative; z-index: 9; height: 55px; padding: 10px 0;}
	.logo a{ display: block; height: 100%;}
	.logo img{ height:100%; display: block;}
	
	
	.nav-btn{ display: block; padding: 0 10px; margin-right: -10px; float: right; cursor: pointer; position: relative; z-index: 9;}
	.nav-btn i{ line-height: 55px; font-size: 22px; width: 24px; text-align: center; color: #368fed;}
	.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: 57px; left: 0; right: 0; background: #0c0c0c; background: rgba(255,255,255,.95);  padding:10px 15px; -webkit-box-shadow: 0 10px 20px  rgba(0,0,0,.2);
	-moz-box-shadow: 0 10px 20px  rgba(0,0,0,.2);
	box-shadow: 0 10px 20px  rgba(0,0,0,.2); border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; z-index: 8;}
	
	.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 i{padding-right: 5px;}
	.nav-list li a i,.nav-list li a i::before{ font-size: 14px; line-height: 1;}
	.nav-list li a b{font-weight: normal; line-height: 42px; position: relative; color: #666; display: block; text-align: center;}
	
	
	.nav-list li .nav-list-sub{ overflow: hidden; background: rgba(230,230,240,.5);-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;}
	.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: #368fed;}
	.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: #368fed;}
	.nav-list li.nav-on a b,.nav-list li.nav-on a i:before{ color: #368fed;}
	
	
	.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: #368fed; 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;}
	
	.header-t{
		padding: 10px 0;
	}
	.header-t ul{
		display: flex;
		margin: -5px;
	}
	
	.header-t li{
		display: flex;
		padding: 5px;
	}
	
	.header-t li .e-anim-hide{
		z-index: 99;
		width: 140px;
		position: absolute;
		left: 50%;
		margin-left: -70px;
	}
	.header-t li .qr{
		width: 100%;
		padding: 10px;
		background: #fff;
		position: absolute;
		top: 40px;
	}
	.header-t li .qr::before{
		content:' ';
		border-bottom: 10px solid #fff;
		border-left: 8px solid transparent;
		border-right: 8px solid transparent;
		position: absolute;
		left: 50%;
		top: -10px;
		margin-left: -8px;
	}
	.header-t li .qr img{
		width: 100%;
		display: block;
	}
	
	.header-t li .e-anim-on{animation:nav-list-anim-on .3s; animation-fill-mode: both; display: block;
	}
	.header-t li .e-anim-off{animation:nav-list-anim-off .3s; animation-fill-mode: both; display: block;
	}
	.header-t a{
		font-size: 12px;
	}
	.header-t a + a{
		margin-left: 10px;
	}
	
	
	.header-t li i{
		line-height: 24px;
		padding-right: 5px;
		color: #368fed;
	}
	
	
	.header-t li i::before{
		color: #368fed;
	}
	
	.header-t li span{
		line-height: 24px;
		color: #368fed;
	}
	.header-t li .btn{
		height: 24px;
		background: rgba(54,143,237,.23);
		padding: 0 10px;
		border-radius: 12px;
	}
	.header-t li .btn-02{
		background: #E1433C;
	}
	.header-t li .btn-02 span{
		color: #fff;
	}
	
	.search-box{
		
	}
	.search-inp{
		display: flex;
		border-radius: 4px;
		overflow: hidden;
	}
	.search-inp .inp{
		flex:1;
		height: 48px;
		border: none;
		background: #f4f4f4;
		padding: 0 17px;
		outline: none;
	}
	.search-inp .btn{
		background: #66a7f5;
		height: 48px;
		padding: 0 17px;
		border: none;
		cursor: pointer;
		display: flex;
		align-items: center;
	}
	.search-inp .btn:hover{
		background: #4482ff;
	}
	.search-inp .btn i{
		padding-right: 5px;
	}
	
	.search-inp .btn i,.search-inp .btn i::before{
		color: #fff;
	}
	
	.search-inp .btn span{
		color: #fff;
	}
	.search-key *{
		line-height: 24px;
	}
	.search-key{
		display: flex;
		padding: 10px 0;
	}
	.search-key .name{
		color: #368fed;
		display: flex;
		align-items: center;
	}
	.search-key .name i{
		padding-right: 5px;
		color: #368fed;
	}
	.search-key .list{
		overflow: hidden;
	}
	.search-key ul{
		display: flex;
		flex-wrap: wrap;
		margin: -5px -10px;
	}
	.search-key li{
		padding: 5px 10px;
	}
	.search-key li a{
		color: #368fed;
	}
}
	
	@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 (min-width: 375px) {
	
}


@media (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 (min-width: 992px) {
	
	.nav{ }
	.nav:before{display: none;}
	.nav-box-bg{ }
	
	.nav-box{ box-shadow: none; border: none;}
	.nav-box::before{content:' '; position: absolute; left: 0; right: 0; bottom: 0; height: 60px; background: #66a7f5;}
	.header-box{  height: 255px;}
	
	.logo{ height: 75px; padding:10px 0; float: none; width: 30%; display: flex;}
	.logo img{ margin: 0 auto; height: 100%;}
	.logo a{ width: auto; height: 100%; display: block; padding: 0; float: left;}
	
	
	.nav-btn{ display: none;}
	.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; padding-top: 60px;}
	.nav-list{  position: relative; float: right; margin-right: -25px;}
	
		
	
	.nav-list:after{ content: ' '; overflow: hidden; clear: both; display: block;}
	.nav-list{ display: flex; float: none; width: 100%;}
	.nav-list li{ flex:1; border-bottom: none; position: relative; border: none; min-width: 0;}
	
	.nav-list li a b{ line-height: inherit;height: auto; color: #fff; overflow: hidden; font-size: 16px; }
	.nav-list li a{ height: 60px; line-height: 60px; padding: 0 25px; font-size: 12px; position: relative; }
	.nav-list li a i::before{ color: #fff;}
	
	/*.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 i::before,.nav-list li a:hover i::before{ color: #fff;}
	.nav-list li .on b,.nav-list li a:hover b{ 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: 62px; 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: 13px; overflow: visible;}

	.nav-list li .nav-list-sub .nav-list-height{padding: 0; width: 100%; margin-left:0; position: relative; background:rgba(248,139,56,.85); 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(248,139,56,.85); 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-image: linear-gradient(to bottom, #03234A, #03234A); 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: 12px; 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: 60px; background: #4482FF; overflow: hidden; transition: .3s; display: block;}
	
	.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: #fff; 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 #368fed; 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;}
	
	
	
	
	/* .nav-list div.nav-btn-bg:before,.nav-list div.nav-btn-bg-02:before{ content:' '; left: 25px; right: 25px; height: 2px; background: #368fed; position: absolute; top: 50%;  margin-top: 17px;} */
	
	
	
	
	.header-t{
		padding: 20px 0;
	}
	
	.header-t .flex{
		display: flex;
		justify-content: space-between;
	}
	
	.header-t ul{
		display: flex;
		margin: -5px;
	}
	
	.header-t li{
		display: flex;
		padding: 5px;
	}
	
	.header-t a + a{
		margin-left: 10px;
	}
	
	
	.header-t li i{
		line-height: 24px;
		padding-right: 5px;
		color: #368fed;
	}
	
	
	.header-t li i::before{
		color: #368fed;
	}
	
	.header-t li span{
		line-height: 24px;
		color: #368fed;
	}
	.header-t li .btn{
		height: 24px;
		background: rgba(54,143,237,.23);
		padding: 0 10px;
		border-radius: 12px;
	}
	.header-t li .btn-02{
		background: #E1433C;
	}
	.header-t li .btn-02 span{
		color: #fff;
	}
	
	.search-box{
		position: absolute;
		right: 0;
		top: -60px;
	}
	.search-inp{
		display: flex;
		border-radius: 4px;
		overflow: hidden;
	}
	.search-inp .inp{
		flex:1;
		height: 48px;
		border: none;
		background: #f4f4f4;
		padding: 0 17px;
		outline: none;
	}
	.search-inp .btn{
		background: #66a7f5;
		height: 48px;
		padding: 0 17px;
		border: none;
		cursor: pointer;
	}
	.search-inp .btn i{
		padding-right: 5px;
	}
	
	.search-inp .btn i,.search-inp .btn i::before{
		color: #fff;
	}
	
	.search-inp .btn span{
		color: #fff;
	}
	.search-key *{
		line-height: 24px;
	}
	.search-key{
		display: flex;
		padding: 10px 0;
	}
	.search-key .name{
		color: #368fed;
	}
	.search-key .name i{
		padding-right: 5px;
		color: #368fed;
	}
	.search-key .name i,.search-key .name i::before{
		line-height: 24px;
	}
	.search-key .list{
		overflow: hidden;
	}
	.search-key ul{
		display: flex;
		flex-wrap: wrap;
		margin: -5px -10px;
	}
	.search-key li{
		padding: 5px 10px;
	}
	.search-key li a{
		color: #368fed;
	}
}

@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);}
}


@keyframes lang-anim-on-pc{
	from { opacity: 0; transform: translateY(10px);}
	to {opacity: 1; transform: translateY(0);}
}
@keyframes lang-anim-off-pc{
	from { opacity: 1; transform: translateY(0);}
	to { opacity: 0; transform: translateY(10px);}
}

@media (min-width: 1240px) {
	.logo{ height: 90px; padding:10px 0; float: none; width: 30%; display: flex;}
	
	.nav{
		padding-top: 40px;
	}
	.nav-list li::before{
		content:' ';
		position: absolute;
		left: 0;
		top: 0;
		bottom: 0;
		width: 1px;
		background: rgba(255,255,255,.1);
	}
	.nav-list li:nth-child(1)::before{
		display: none;
	}
	
	.nav-list li a b{
		font-weight: bold;
		font-size: 20px;
	}
	.nav-list li a i::before{
		font-size: 24px;
		padding-right: 5px;
	}
	
	.header-t ul{
		margin: -12px;
	}
	
	.header-t li{
		padding: 12px;
		position: relative;
	}
	
	.header-t li::before{
		content:' ';
		position: absolute;
		left: 0;
		height: 16px;
		top: 50%;
		margin-top: -8px;
		width: 1px;
		background: rgba(54,143,237,.4);
	}
	.header-t li:nth-child(1)::before{
		display: none;
	}
	
	
	.header-t li i{
		line-height: 24px;
		font-size: 18px;
	}
	
	
	.header-t li span{
		font-size: 16px;
	}
	
	.search-box{
		position: absolute;
		right: 0;
		top: -80px;
	}
	.search-inp{
		display: flex;
		border-radius: 4px;
		overflow: hidden;
		width: 528px;
	}
	.search-inp .inp{
		height: 56px;
		background: #fff;
		font-size: 16px;
	}
	.search-inp .btn{
		background: #66a7f5;
		height: 56px;
	}
	.search-inp .btn i{
		padding-right: 10px;
		font-size: 20px;
	}
	
	
	.search-inp .btn span{
		color: #fff;
		font-size: 16px;
	}
	.search-key *{
		line-height: 24px;
	}
	.search-key{
		display: flex;
		padding: 12px 0;
	}
	.search-key .name{
		font-size: 16px;
	}
	.search-key .name i{
		padding-right: 5px;
	}
	.search-key .name i,.search-key .name i::before{
		line-height: 24px;
		font-size: 18px;
	}
	.search-key .list{
		overflow: hidden;
	}
	.search-key ul{
		display: flex;
		flex-wrap: wrap;
		margin: -5px -15px;
	}
	.search-key li{
		padding: 5px 15px;
		position: relative;
	}
	.search-key li::before{
		content:' ';
		position: absolute;
		left: 0;
		height: 16px;
		top: 50%;
		margin-top: -8px;
		width: 1px;
		background: rgba(54,143,237,.3);
	}
	.search-key li:nth-child(1)::before{
		display: none;
	}
	
	.search-key li a{
		font-size: 16px;
	}
}



/* ind-banner */
@media (min-width: 320px) {
	.ind-banner{
		position: relative;
	}
	.ind-banner::before{
		content:' ';
		position: absolute;
		left: 0;
		right: 0;
		bottom: 0;
		height: 100px;
		background: linear-gradient(180deg,rgba(255,255,255,0),#F7FBFF);
		z-index: 2;
	}
	i.pic-scale-banner{
		padding-bottom: 41.935%;
	}
	
	.banner-pagination{
		position: absolute;
		z-index: 2;
		bottom: 10px;
		text-align: center;
		left: 0;
		right: 0;
	}
	.banner-pagination .swiper-pagination-bullet{
		margin: 0 5px;
		width: 12px;
		height: 12px;
	}
	.banner-pagination .swiper-pagination-bullet-active{
		background: #368fed;
	}
}

@media (min-width: 760px) {
	
}

@media (min-width: 992px) {
	
}

@media (min-width: 1240px) {
	i.pic-scale-banner{
		padding-bottom: 520px;
	}
}




/* ind-box-01 */
@media (min-width: 320px) {
	.ind-box{
		background: #f7fbff;
		padding: 20px 0;
	}
	
	.ind-box img{
		display: block;
	}
	
	.ind-box-01{
		
	}
	.ind-box-01 .tit{
		text-align: center;
	}
	.ind-box-01 .tit a{
		color: #2577ce;
	}
	.ind-box-01 .sub-tit{
		text-align: center;
		padding-bottom: 10px;
	}
	.ind-box-01 .sub-tit a{
		color: #2577ce;
	}
	.ind-box-01 .sub-tit span{
		color: #2577ce;
	}
	.ind-box-01 .pic a{
		display: block;
	}
	.ind-box-01 .pic img{
		display: block;
		width: 100%;
	}
	
	.ind-box-01 a:hover{
		color: #66a7f5;
		text-decoration: underline;
	}
	.ind-box-01 .pic a:hover{
		transform: scale(1.025);
	}
}

@media (min-width: 760px) {
	
}

@media (min-width: 992px) {
	
	.ind-box-01{
		
	}
	.ind-box-01 .sub-tit{
		padding-bottom: 25px;
	}
}

@media (min-width: 1240px) {
	
}







/* ind-box-02 */
@media (min-width: 320px) {
	.ind-box-02{}
	i.pic-scale-focus{ padding-bottom: 55.556%;}
	
	.focus-swiper a{position: relative;}
	.focus-swiper .mess{ position: absolute; left: 0; bottom: 0; right: 0;  background: rgba(0,0,0,.5); 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: #D0D0D0; border-radius: 7px;}
	.focus-swiper .focus-pagination .swiper-pagination-bullet-active{ background: #66A7F5;}
	
	.focus-swiper a:hover .mess span{
		color: #fff;
	}
	
	.ind-box-02 .r{
		padding-top: 20px;
	}
	
	
	.ind-news-tabs .t{display: flex; justify-content: space-between; align-items: center; }
	.ind-news-tabs .hd{display: flex; flex-wrap: wrap;}
	
	.ind-news-tabs .btn{ height: 42px; display: flex; align-items: center; cursor: pointer; padding: 0 20px;}
	.ind-news-tabs .btn i::before{color: #616161;}
	.ind-news-tabs .btn span{ color: #000;}
	.ind-news-tabs i,.ind-news-tabs i::before{ line-height: 1;}
	
	.ind-news-tabs .hd .on{ background: #66A7F5;}
	.ind-news-tabs .hd .on span{ color: #fff;}
	.ind-news-tabs .hd .btn::before{content:' '; position: absolute; bottom: 0; left: 50%; bottom: -10px; border-top: solid 10px #66A7F5; border-left: solid 7px transparent; border-right: solid 7px transparent; margin-left: -7px; opacity: 0; transform:scale(0); transition: .3s; transform-origin: 50% 0 ;}
	.ind-news-tabs .hd .on::before{ transform: scale(1); opacity: 1;}
	
	.ind-news-tabs .bd .list{ padding-top: 5px;}
	.ind-news-tabs .bd .list a{ padding: 5px 0; display: flex; align-items: center; border-bottom: dashed 1px #D9D9D9;}
	.ind-news-tabs .bd .list i{ width: 4px; height: 4px; background: #C2CDD7; margin-right: 5px; border-radius: 50%;}
	.ind-news-tabs .bd .list .tit{font-weight: normal; flex:1; min-width: 0;}
	.ind-news-tabs .bd .list .time{ padding-left: 15px;}
	.ind-news-tabs .bd .list a:hover .dot{ background: #2577CE;}
	.ind-news-tabs .bd .list a:hover .tit{ color: #2577CE;}
}

@media (min-width: 760px) {
	
}

@media (min-width: 992px) {
	.ind-box-02{
		padding-top: 30px;
		padding-bottom: 60px;
	}
	.ind-box-02 .flex-box{
		display: flex;
	}
	.ind-box-02 .l{
		flex-basis: 52.5%;
		flex-shrink: 0;
		min-width: 0;
	}
	.ind-box-02 .r{
		flex-basis: 47.5%;
		min-width: 0;
		padding-top: 0;
		padding-left: 20px;
	}
	.focus-swiper .focus-pagination .swiper-pagination-bullet{ width: 12px; height: 12px;}
	
	
	
	.ind-news-tabs .btn{ height: 48px; }
	
	.ind-news-tabs .hd .on{ background: #66A7F5;}
	
	.ind-news-tabs .bd .list{ padding-top: 5px;}
	.ind-news-tabs .bd .list a{ padding: 9px 0 8px 0; display: flex; align-items: center;}
	.ind-news-tabs .bd .list i{ width: 6px; height: 6px;  margin-right: 10px;}
	.ind-news-tabs .bd .list .tit{font-weight: normal; flex:1; min-width: 0;}
	.ind-news-tabs .bd .list .time{ padding-left: 15px;}
	.ind-news-tabs .bd .list a:hover{ }
	.ind-news-tabs .bd .list a:hover .tit{ color: #2577CE;}
	
	
}

@media (min-width: 1240px) {
	
}







/* ind-box-03 */
@media (min-width: 320px) {
	.ind-tit-box{
		display: flex;
		align-items: flex-end;
	}
	.ind-tit-box .tit{
		padding-right: 10px;
		height: 56px;
	}
	.ind-tit-box .tit img{
		height: 100%;
	}
	.ind-tit-box .line{
		flex:1;
		margin: 9px 0;
		min-width: 0;
		margin-bottom: 18px;
	}
	.ind-tit-box .line hr{
		border: none;
		background: #d6e9fc;
		height: 1px;
	}
	.ind-tit-box .more {
		margin-bottom: 9px;
	}
	.ind-tit-box .more a{
		display: block;
		line-height: 0;
	}
	.ind-tit-box .more a img{
		width: 35px;
	}
	
	.ind-box-03{
		background: #fff;
	}
	.ind-box-03 .list{
		margin: -10px;
		padding-top: 20px;
	}
	.ind-box-03 .list li{
		padding: 10px;
	}
	.ind-box-03 .list .icon{
		width: 100px;
		height: 100px;
		border-radius: 50%;
		border: 2px solid #86BDF8;
		background: #fff;
		display: flex;
		align-items: center;
		justify-content: center;
		box-shadow: 0 3px 6px rgba(0,124,255,.4);
		position: absolute;
		left: 50%;
		top: 0;
		margin-left: -50px;
		z-index: 2;
	}
	.ind-box-03 .list .icon img{
		width: 70px;
		height: 70px;
	}
	
	.ind-box-03 .list .item{
		position: relative;
		padding-top: 50px;
		overflow: hidden;
	}
	
	.ind-box-03 .list .pic{
		border-radius: 4px;
		border: 1px solid #C1DFFF;
		overflow: hidden;
	}
	.ind-box-03 .list .tit{
		
	}
	
	.ind-box-03 .list .mess{
		background: linear-gradient(#75B5FF,#4482FF);
		padding: 15px;
		color: #fff;
		border: 1px solid #C1DFFF;
	}
	.ind-box-03 .list .mess a{
		color: #fff;
	}
}


@media (min-width: 760px) {
	
}

@media (min-width: 992px) {
	
	.ind-box-03{
		padding-top: 50px;
		padding-bottom: 60px;
	}
	.ind-tit-box .tit{
		padding-right: 20px;
		height: 84px;
	}
	.ind-tit-box .line{
		margin-bottom: 22px;
	}
	.ind-tit-box .more {
		margin-bottom: 13px;
	}
	
	.ind-box-03{
		
	}
	.ind-box-03 .list{
		margin: -14px;
		padding-top: 25px;
	}
	.ind-box-03 .list ul{
		display: flex;
	}
	.ind-box-03 .list li{
		padding: 14px;
		flex:1;
		min-width: 0;
	}
	.ind-box-03 .list .item{
		position: relative;
	}
	
	.ind-box-03 .list .tit{
		padding-bottom: 10px;
	}
	
	.ind-box-03 .list .mess{
		position: absolute;
		left: 0;
		right: 0;
		bottom: 0;
		top: 50px;
		padding-top: 60px;
		border-radius: 4px;
		transform: translateY(100%);
	}
	
	.ind-box-03 .list .item:hover .mess{
		transform: translateY(0);
	}
	
	.ind-box-03 .list .mess a{
		color: #fff;
	}
}

@media (min-width: 1240px) {
	
}







/* ind-box-04 */
@media (min-width: 320px) {
	.ind-box-04 .list{
		padding-top: 20px;
	}
	.ind-box-04 .list ul {
		display: flex;
		flex-wrap: wrap;
		margin: -8px;
	}
	.ind-box-04 .list ul li{
		padding: 8px;
		flex-shrink: 0;
		flex-basis: 50%;
		min-width: 0;
	}
	.ind-box-04 .list ul a{
	}
	.ind-box-04 .list ul li .tit{
		padding-bottom: 10px;
	}
	.ind-box-04 .list ul li .icon{
		width: 94px;
		height: 94px;
	}
	.ind-box-04 .list ul li .icon img{
		width: 100%;
	}
	.ind-box-04 .list ul li a{
		border-radius: 4px;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		padding: 0 0 30px 0;
		border: 1px solid #FFF1EC;
		background-image: linear-gradient(#FFFBF9,#FFFFFF 20%);
	}
	.ind-box-04 .list ul li a:hover{
		transform: scale(1.05);
	}
	
	.ind-box-04 .list ul li:nth-child(1) a{
		border-color:#FFF1EC;
		background-image: linear-gradient(#FFFBF9,#FFFFFF 20%);
	}
	.ind-box-04 .list ul li:nth-child(2) a{
		border-color:#DEEAFF;
		background-image: linear-gradient(#F4F8FF,#FFFFFF 20%);
	}
	.ind-box-04 .list ul li:nth-child(3) a{
		border-color:#FFE9E9;
		background-image: linear-gradient(#FEF4F4,#FFFFFF 20%);
	}
	.ind-box-04 .list ul li:nth-child(4) a{
		border-color:#ECEFFF;
		background-image: linear-gradient(#F5F6FD,#FFFFFF 20%);
	}
	.ind-box-04 .list ul li:nth-child(5) a{
		border-color:#FFF1DE;
		background-image: linear-gradient(#FFF9F1,#FFFFFF 20%);
	}
}

@media (min-width: 760px) {
	
}

@media (min-width: 992px) {
	.ind-box-04{
		padding-top: 50px;
		padding-bottom: 60px;
	}
	.ind-box-04 .list{
		padding-top: 20px;
	}
	.ind-box-04 .list ul li{
		flex:1;
		min-width: 0;
	}
	.ind-box-04 .list ul a{
	}
	.ind-box-04 .list ul li .tit{
		padding-top: 8px;
		padding-bottom: 10px;
	}
	.ind-box-04 .list ul li a{
		padding: 60px  0;
	}
	
}

@media (min-width: 1240px) {
	
}





/* ind-box-05 */
@media (min-width: 320px) {
	i.pic-scale-cultural{
		padding-bottom: 68.421%;
	}
	.ind-box-05 .list{
		padding-top: 20px;
	}
	
	.ind-box-05 .list ul {
		margin: -8px;
		display: flex;
		flex-wrap: wrap;
	}
	.ind-box-05 .list ul li{
		padding: 8px;
		flex-basis: 50%;
		flex-shrink: 0;
		min-width:0;
	}
	
	.ind-box-05 .list ul a{
		display: block;
		padding-bottom: 9vw;
		overflow: hidden;
		position: relative;
	}
	.ind-box-05 .list ul a dl{
		background: url(cultural-btn-01.png);
		background-position: center bottom;
		background-repeat: no-repeat;
		background-size: cover;
		height: 20vw;
		padding: 0 10px;
		padding-top: 10vw;
		display: flex;
		align-items: center;
		justify-content: space-between;
		position: absolute;
		left: 0;
		right: 0;
		bottom: 0;
		z-index: 2;
	}
	.ind-box-05 .list ul a dl i,.ind-box-05 .list ul a dl i::before{
		line-height: 1.2;
		font-size: 14px;
	}
	.ind-box-05 .list ul a dl i{
		padding-right: 5px;
	}
	.ind-box-05 .list ul a dt{
		display: flex;
		align-items: center;
	}
	.ind-box-05 .list ul a dd{
		padding-left: 10px;
		flex-shrink: 0;
	}
	
	.ind-box-05 .list ul li:nth-child(1) dl{
		background-image: url(cultural-btn-01.png);
	}
	.ind-box-05 .list ul li:nth-child(2) dl{
		background-image: url(cultural-btn-02.png);
	}
	.ind-box-05 .list ul li:nth-child(3) dl{
		background-image: url(cultural-btn-03.png);
	}
	.ind-box-05 .list ul li:nth-child(4) dl{
		background-image: url(cultural-btn-04.png);
	}
	.ind-box-05 .list ul li:nth-child(5) dl{
		background-image: url(cultural-btn-05.png);
	}
	.ind-box-05 .list ul li:nth-child(6) dl{
		background-image: url(cultural-btn-06.png);
	}
	
	.ind-box-05 .list ul li:nth-child(1) i::before,.ind-box-05 .list ul li:nth-child(1) dd{color: #6ecf51;}
	
	.ind-box-05 .list ul li:nth-child(2) i::before,.ind-box-05 .list ul li:nth-child(2) dd{color: #FF9721;}
	
	.ind-box-05 .list ul li:nth-child(3) i::before,.ind-box-05 .list ul li:nth-child(3) dd{color: #AB97FF;}
	
	.ind-box-05 .list ul li:nth-child(4) i::before,.ind-box-05 .list ul li:nth-child(4) dd{color: #4B85F9;}
	
	.ind-box-05 .list ul li:nth-child(5) i::before,.ind-box-05 .list ul li:nth-child(5) dd{color: #F95454;}
	
	.ind-box-05 .list ul li:nth-child(6) i::before,.ind-box-05 .list ul li:nth-child(6) dd{color: #FFCD2C;}
}

@media (min-width: 760px) {
	
}

@media (min-width: 992px) {
	.ind-box-05{
		background-image: url(ind-bg-04.jpg);
		background-size: cover;
		background-position: center;
		padding-bottom: 60px;
	}
	.ind-box-05 .list{
		padding-top: 30px;
	}
	.ind-box-05 .list ul {
		margin: -15px;
	}
	.ind-box-05 .list ul li{
		padding: 15px;
		flex-basis: 33.333%;
	}
	.ind-box-05 .list ul a{
		display: block;
		padding-bottom: 30px;
		overflow: hidden;
		position: relative;
	}
	.ind-box-05 .list ul a dl{
		height: 90px;
		padding: 0 10px;
		padding-top: 40px;
	}
	.ind-box-05 .list ul a dt{
		padding-top: 5px;
	}
}

@media (min-width: 1240px) {
	
	.ind-box-05 .list ul a{
		padding-bottom: 40px;
	}
	.ind-box-05 .list ul a dl{
		height: 114px;
		padding: 0 15px;
		padding-top: 45px;
	}
}






/* ind-box-06 */
@media (min-width: 320px) {
	i.pic-scale-open{
		padding-bottom: 49.541%;
	}
	.ind-box-06{
		background: #fff;
	}
	.ind-box-06 .flex-box{
		padding-top: 20px;
	}
	.ind-box-06 .bg{
		background: #fff;
		box-shadow: 0 0 10px rgba(0,0,0,.1);
		padding: 10px;
	}
	.ind-box-06 .tit-box{
		display: flex;
		justify-content: space-between;
		padding-bottom: 10px;
		align-items: center;
	}
	.ind-box-06 .tit-box .tit{
		
	}
	.ind-box-06 .tit-box .swiper-pagination{
		position: relative;
	}
	.ind-box-06 .open-pagination .swiper-pagination-bullet{ width: 10px; height: 10px; opacity: 1; background: #D0D0D0; border-radius: 7px; margin-left: 5px;}
	.ind-box-06 .open-pagination .swiper-pagination-bullet-active{ background: #2158C8;}
	
	.ind-box-06 .mess{
		padding-top: 10px;
	}
	
	.ind-box-06 .r{
		padding-top: 20px;
	}
	
	
	.ind-box-06 .btn-list {
		padding-top: 20px;
	}
	.ind-box-06 .btn-list ul {
		display: flex;
		flex-wrap: wrap;
		margin: -5px;
	}
	.ind-box-06 .btn-list ul li{
		padding: 5px;
		flex-basis: 50%;
		flex-shrink: 0;
		min-width:0;
	}
	.ind-box-06 .btn-list ul a{
		background: #f6f8fa;
		padding: 10px;
		display: flex;
		align-items: center;
		border-radius: 4px;
	}
	.ind-box-06 .btn-list ul a .icon{
		width:50px;
	}
	.ind-box-06 .btn-list ul a .icon img{
		width: 100%;
	}
	.ind-box-06 .btn-list ul a span{
		padding-left: 10px;
	}
	
	.ind-box-06 .btn-list ul a:hover{
		background: #368fed;
	}
	.ind-box-06 .btn-list ul a:hover span{
		color:#fff;
	}
}

@media (min-width: 760px) {
	
}

@media (min-width: 992px) {
	.ind-box-06{
		padding-top:50px;
		padding-bottom: 60px;
	}
	.ind-box-06 .flex-box{
		padding-top: 30px;
		display: flex;
	}
	.ind-box-06 .flex-box .l{
		flex-basis: 48.5%;
		flex-shrink: 0;
		min-width:0;
	}
	.ind-box-06 .flex-box .r{
		padding-top: 0;
		flex-basis: 51.5%;
		flex-shrink: 0;
		min-width: 0;
		padding-left: 30px;
	}
	.ind-box-06 .bg{
		padding: 20px;
	}
	.ind-box-06 .mess{
		padding-top: 20px;
	}
	
	.ind-news-tabs-02 .t{
		background: #f6f8fa;
	}
	.ind-news-tabs-02 .bd .list a{
		padding: 10px 0;
	}
	
	.ind-box-06 .btn-list {
		padding-top: 30px;
	}
	.ind-box-06 .btn-list ul {
		
	}
	.ind-box-06 .btn-list ul li{
		flex-basis: 25%;
	}
	.ind-box-06 .btn-list ul a{
		padding: 17px 20px;
	}
}

@media (min-width: 1240px) {
	
}






/* ind-box-07 */
@media (min-width: 320px) {
	.ind-box-07 .flex{
		padding-top: 20px;
	}
	.ind-box-07 .flex .l{
		background-image: url(service-bg.jpg);
		background-size: cover;
		padding: 20px;
	}
	.ind-box-07 .flex .l .btn{
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.ind-box-07 .flex .l .btn span{
		padding: 5px;
	}
	.ind-box-07 .flex .l .btn a{
		display: flex;
		align-items: center;
		background: #fff;
		padding: 0 30px;
		height: 42px;
		border-radius: 4px;
		color: #4987fe;
	}
	.ind-box-07 .flex .l .btn a:hover{
		background: #4987fe;
		color: #fff;
	}
	
	.ind-box-07 .flex .r{
		padding-top: 10px;
	}
	.ind-box-07 .flex .r ul{
		display: flex;
		flex-wrap: wrap;
		margin: -5px;
	}
	.ind-box-07 .flex .r li{
		flex-shrink: 0;
		flex-basis: 50%;
		padding:5px;
	}
	.ind-box-07 .flex .r .col-02{
		flex-basis: 100%;
	}
	.ind-box-07 .flex .r .col-03{
		flex-basis: 100%;
	}
	.ind-box-07 .flex .r a{
		display: block;
	}
	.ind-box-07 .flex .r img{
		width: 100%;
	}
	
	.ind-box-07 .flex .r a:hover img{
		transform: scale(1.05);
	}
}

@media (min-width: 760px) {
	
}

@media (min-width: 992px) {
	.ind-box-07{
		padding-top:50px;
		padding-bottom: 60px;
	}
	
	.ind-box-07 .flex{
		padding-top: 30px;
		display: flex;
	}
	.ind-box-07 .flex .l{
		flex-shrink: 0;
		flex-basis: 195px;
	}
	.ind-box-07 .flex .l .btn{
		flex-direction: column;
		align-items: center;
		justify-content: center;
		padding-top: 40px;
	}
	.ind-box-07 .flex .l .btn span{
		padding: 15px 0;
	}
	.ind-box-07 .flex .l .btn a{
		height: 50px;
	}
	.ind-box-07 .flex .r{
		padding-top: 0;
		padding-left: 16px;
	}
	.ind-box-07 .flex .r ul{
		margin: -8px;
	}
	.ind-box-07 .flex .r li{
		flex-basis: 150px;
		padding: 8px;
	}
	.ind-box-07 .flex .r .col-02{
		flex-basis: 228px;
	}
	.ind-box-07 .flex .r .col-03{
		flex-basis: 236px;
	}
}

@media (min-width: 1240px) {
	
	.ind-box-07 .flex .r li{
		flex-basis: 196px;
	}
	.ind-box-07 .flex .r .col-02{
		flex-basis: 301px;
	}
	.ind-box-07 .flex .r .col-03{
		flex-basis: 312px;
	}
}






/* ind-box-08 */
@media (min-width: 320px) {
	.ind-box-08{
		background: #fff;
	}
	
	.ind-box-08 .list{
		padding-top: 20px;
	}
	.ind-box-08 .list ul{
		display: flex;
		flex-wrap: wrap;
		margin: -5px;
	}
	.ind-box-08 .list li{
		flex-basis: 100%;
		flex-shrink: 0;
		padding: 5px;
	}
	.ind-box-08 .list li a{
		display: block;
	}
	.ind-box-08 .list li img{
		width: 100%;
	}
	
	.ind-box-08 .list li a:hover{
		transform: scale(1.05);
	}
	
	.ind-box-08 .btn-list{
		padding-top: 20px;
	}
	.ind-box-08 .btn-list ul {
		display: flex;
		flex-wrap: wrap;
		background: #F7FBFF;
		border-radius: 4px;
		overflow: hidden;
	}
	.ind-box-08 .btn-list ul li{
		flex-basis: 50%;
		flex-shrink: 0;
		min-width:0;
	}
	.ind-box-08 .btn-list ul a{
		padding: 10px;
		display: flex;
		align-items: center;
	}
	.ind-box-08 .btn-list ul a .icon{
		width:46px;
	}
	.ind-box-08 .btn-list ul a .icon img{
		width: 100%;
	}
	.ind-box-08 .btn-list ul a span{
		padding-left: 10px;
	}
	
	.ind-box-08 .btn-list ul a:hover span{
		color:#368fed;
	}
}

@media (min-width: 760px) {
	
}

@media (min-width: 992px) {
	.ind-box-08{
		padding-top: 50px;
		padding-bottom: 50px;
	}
	
	.ind-box-08 .list{
		padding-top: 30px;
	}
	
	.ind-box-08 .list ul{
		margin: -15px;
	}
	.ind-box-08 .list li{
		flex-basis: 33.3333%;
		padding: 15px;
	}
	
	.ind-box-08 .btn-list {
		padding-top: 30px;
	}
	.ind-box-08 .btn-list ul {
		padding: 0 20px;
	}
	.ind-box-08 .btn-list ul li{
		flex:1;
	}
	.ind-box-08 .btn-list ul a{
		padding: 22px 10px;
	}
}

@media (min-width: 1240px) {
	
}






/* ind-box-09 */
@media (min-width: 320px) {
	i.pic-scale-subject{
		padding-bottom: 44.29%;
	}
	.ind-box-09 .swiper-box{
		display: flex;
		padding-top: 20px;
	}
	.ind-box-09 .swiper-bd{
		padding: 0 4px;
		min-width:0;
		flex:1;
	}
	.subject-btn{
		cursor: pointer;
		background: #fff;
		display: flex;
		align-items: center;
		justify-content: center;
		width: 32px;
		transition: .3s;
	}
	.subject-btn i::before{
		color: #c9dcef;
		font-size: 22px;
	}
	.subject-btn:hover{
		background: #66a7f5;
	}
	.subject-btn:hover i::before{
		color: #fff;
	}
	
}

@media (min-width: 760px) {
	
}

@media (min-width: 992px) {
	.ind-box-09{
		padding-top: 50px;
		padding-bottom: 50px;
	}
	.ind-box-09 .swiper-box{
		padding-top: 30px;
	}
}

@media (min-width: 1240px) {
	
}







/* 相关链接 */
@media (min-width: 320px) {
	.footer-link-bg{ background: #EEF1F6; padding: 11px 0;}
	.footer-link{ margin: -5px;}
	.footer-link .col{ padding: 5px;}
	.footer-link .col dl{position: relative;}
	.footer-link .col dt{ background: #fff; border-radius: 4px; 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 (min-width: 992px) {
	.footer-link{ margin: -10px; display: flex;}
	.footer-link .col{ padding: 10px; flex:1;}
}

@media (min-width: 1240px) {
	
}






/* footer */
@media (min-width: 320px) {
	.footer-bg{
		background: #66a7f5;
	}
	.footer-bg .dzjg-box{
		display: flex;
		align-items: center;
		justify-content: center;
		padding: 20px 0;
	}
	.footer-bg .dzjg-box a + a{
		margin-left: 30px;
	}
	.footer-bg .line{
		flex:1;
	}
	.footer-bg .line span{
		display: block;
		height: 1px;
		background: rgba(255,255,255,.1);
	}
	.footer-bg .menu-list{
		display: flex;
		align-items: center;
		justify-content: center;
		padding: 20px 0;
	}
	.footer-bg .menu-list ul{
		display: flex;
        flex-wrap: wrap;
        width: 100%;
        justify-content: center;
	}
	.footer-bg .menu-list li{
		flex-basis: 25%;
		padding: 10px;
	}
	.footer-bg .menu-list li a{
		color: #fff;
	}
	.footer-bg .flex{
		display: flex;
		padding: 20px 0;
		align-items: center;
		justify-content: center;
	}
	.footer-bg .flex .l{
		padding-right: 20px;
	}
	.footer-bg .flex ul{
		
	}
	.footer-bg .flex ul li + li{
		padding-top: 10px;
	}
	.footer-bg .flex ul li a{
		display: flex;
		align-items: center;
		justify-content: center;
		background: #5098ef;
		border-radius: 4px;
		color: #fff;
		width: 162px;
		height: 42px;
	}
	.footer-bg .flex .r a{
		width: 162px;
		height: 94px;
		display: flex;
		align-items: center;
		justify-content: center;
		flex-direction: column;
		background: #5098ef;
		border-radius: 4px;
	}
	.footer-bg .flex .r a i{
		padding-bottom: 5px;
	}
	.footer-bg .flex .r a i,.footer-bg .flex .r a i::before{
		font-size: 42px;
		line-height: 1;
	}
	
	.footer-bg .flex a:hover{
		background: #2158C8;
		color: #fff;
		transform: translateY(-5px);
	}
	.footer-bg .flex a:hover span,.footer-bg .flex a:hover i::before{
		color: #fff;
	}
	.footer-bg .qr-list{
		padding: 20px 0;
	}
	.footer-bg .qr-list ul{
		display: flex;
		justify-content: center;
		margin: 0 -15px;
	}
	.footer-bg .qr-list li{
		padding: 0 15px;
	}
	.footer-bg .qr-list dt{
		width: 104px;
	}
	.footer-bg .qr-list img{
		width: 100%;
	}
	.footer-bg .qr-list dd{
		text-align: center;
		color: #fff;
		line-height: 1.2;
		margin-top: 5px;
	}
	
	
	.footerbg-b{
		background: #f7fbff;
		padding:20px 0;
	}
	.footerbg-b .line{
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
	}
	.footerbg-b .line + .line{
		
	}
	.footerbg-b .r{
		
	}
	.footerbg-b .line>span,.footerbg-b .line>a{
		font-size: 12px;
		color: #171616;
		display: inline-flex;
		align-items: center;
		padding: 3px;
	}
	.footerbg-b .line span,.footerbg-b .line a{
		line-height: 20px;
	}
	
	.footerbg-b .line .ba{
		width: 20px;
		margin-right: 5px;
	}
	.footerbg-b .line a:hover{
		color: #2158c8;
	}
}

@media (min-width: 760px) {
	
}

@media (min-width: 992px) {
	.footer-bg .flex-max{
		display: flex;
		justify-content: space-between;
		align-items: stretch;
	}
	.footer-bg .line{
		display: flex;
		justify-content: center;
		flex-shrink: 0;
		flex-basis: 30px;
	}
	.footer-bg .line span{
		height: 100%;
		width: 1px;
		flex-basis: 1px;
		flex-shrink: 0;
	}
	.footer-bg .menu-list{
		padding: 30px 0;
	}
	.footer-bg .menu-list ul{
		display: flex;
		flex-wrap: wrap;
	}
	.footer-bg .menu-list li{
		flex-basis: 100%;
	}
	.footer-bg .menu-list li a{
		color: #fff;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.footer-bg .flex{
		padding: 30px 0;
	}
	
	.footer-bg .qr-list{
		padding: 30px 0;
		display: flex;
		align-items: center;
	}
	
	
	
	.footerbg-b{
		background: #f7fbff;
		padding:20px 0;
	}
	
	.footerbg-b .flex{
		display: flex;
		justify-content: space-between;
	}
	
	.footerbg-b .line{
		justify-content: flex-start;
	}
	
	
}

@media (min-width: 1240px) {
	.footer-bg .line{
		flex-basis: 70px;
	}
	.footer-bg .menu-list li{
		flex-basis: 50%;
	}
	.footerbg-b .line>span,.footerbg-b .line>a{
		font-size: 14px;
	}
}






/* 浮窗 */
@media (min-width: 320px) {
	.float-box{ display: none;}
}

@media (min-width: 760px) {
	
}

@media (min-width: 992px) {
	.float-box{ position: fixed; right: 10px; display: block; bottom: 10px; z-index: 100;}
	.float-box dl{position: relative; margin-bottom: 4px; cursor: pointer;}
	.float-box dl i{ padding-bottom: 6px;}
	.float-box dl i.icon{width:40px;}
	.float-box dl i.icon img{width: 100%;}
	.float-box dt a{ background: #3a93cd;display: flex; align-items: center; justify-content: center; flex-direction: column; width: 80px; height: 80px;}
	
	.float-box dl i,.float-box dl i::before{line-height: 1; font-size: 36px;}
	
	.float-box dt a.btn-01{
		background: #ef6957;
	}
	.float-box dt a.btn-02{
		background: #D0E4FC;
	}
	.float-box dt a.btn-03{
		background: #FEE7E4;
	}
	.float-box dt a.btn-04{
		background: #DBEFD9;
	}
	.float-box dt a.btn-05{
		background: #D7DBF8;
	}
	.float-box dt a.btn-06{
		background: #66A7F5;
	}
	.float-box dt a.btn-07{
		background: #FFF7E1;
	}
	.float-box dt a.btn-08{
		background: #D5E6FF;
	}
	.float-box dt a.btn-09{
		background: #DCF5FF;
	}
	
	.float-box dt a.btn-02 .tit,.float-box dt a.btn-02 i::before{
		color: #4482ff;
	}
	.float-box dt a.btn-03 .tit,.float-box dt a.btn-03 i::before{
		color: #EF5844;
	}
	.float-box dt a.btn-04 .tit,.float-box dt a.btn-04 i::before{
		color: #4FB848;
	}
	.float-box dt a.btn-05 .tit,.float-box dt a.btn-05 i::before{
		color: #6E7BF2;
	}
	.float-box dt a.btn-06 .tit,.float-box dt a.btn-06 i::before{
		color: #fff;
	}
	.float-box dt a.btn-07 .tit,.float-box dt a.btn-07 i::before{
		color: #FFAB19;
	}
	.float-box dt a.btn-08 .tit,.float-box dt a.btn-08 i::before{
		color: #1C6BB2;
	}
	.float-box dt a.btn-09 .tit,.float-box dt a.btn-09 i::before{
		color: #5292C6;
	}
	
	.float-box dd{ position: absolute; top: 0; right: 80px; padding-right: 8px;}
	.float-box .bd{ width: 120px; height: 120px; padding: 5px; background: #fff; box-shadow: 0 0 30px rgba(9,96,201,.2);}
	.float-box .bd-txt{
		width: 360px;
		height: auto;
		padding: 15px;
	}
	.float-box .bd::before{
		content:' ';
		position: absolute;
		border-left: solid 5px #fff;
		border-top: solid 4px transparent;
		border-bottom: solid 4px transparent;
		right: 3px;
		top: 36px;
	}
	.float-box .bd img{width: 100%; height: 100%;}
	
	.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 (min-width: 1240px) {
	
}










/* banner */
@media (min-width: 320px) {
	.banner{position: relative;}
	.banner img{width: 100%; display: block;}
	.banner .poa{
		position: absolute;
		left: 0;
		bottom: 20px;
		right: 0;
	}
	.banner .line{
		width: 20px;
		height: 1px;
		background: #fff;
		margin-top: 10px;
	}
}

@media (min-width: 760px) {
	
}

@media (min-width: 992px) {
	.banner .poa{
		bottom: 30px;
	}
	.banner .line{
		width: 30px;
		height: 2px;
	}
}

@media (min-width: 1240px) {
	.banner .poa{
		bottom: 40px;
	}
	.banner .line{
		width: 40px;
		height: 3px;
	}
}







/* 内容共用 */
@media (min-width: 320px) {
	.info-bg-bd{
		padding: 30px 0;
	}
	.info-bg{
		background: #f7fbff;
	}
	.link-btn{
		margin-top: 10px;
	}
	.link-btn a{
		border: 1px solid #368FED;
		height: 42px;
		padding: 0 30px;
		display: flex;
		align-items: center;
		justify-content: center;
		border-radius: 24px;
		
	}
	.link-btn a span{
		padding-right: 20px;
		color: #368fed;
	}
	.link-btn a i::before{
		color: #368fed;
		font-size: 24px;
	}
	.link-btn a:hover{
		background: #368fed;
	}
	.link-btn a:hover span{
		color: #fff;
	}
	.link-btn a:hover i::before{
		color: #fff;
	}
}

@media (min-width: 760px) {
	
}

@media (min-width: 992px) {
	.info-bg-bd{
		padding: 50px 0;
	}
}

@media (min-width: 1240px) {
	.info-bg-bd{
		padding: 60px 0;
	}
}








/* cyzx-box-01 */
@media (min-width: 320px) {
	.cyxz-box{
		padding: 20px 0;
		background: #f7fbff;
	}
	.cyxz-box img{
		display: block;
	}
	.cyxz-box-01{
		
	}
	.cyzx-box-01 .l{
		padding-top: 20px;
	}
	.cyzx-box-01 .pic{
		border-radius: 8px;
		overflow: hidden;
	}
	.cyzx-box-01 .link{
		color: #3173f8;
		margin-top: 10px;
	}
	.cyzx-box-01 .link a{
		color: #3173f8;
	}
	.cyzx-box-01 ul{
		display: flex;
		margin: -10px;
		padding-top: 10px;
	}
	.cyzx-box-01 li{
		padding: 10px;
	}
	.cyzx-box-01 .btn{
		height: 48px;
		background-image: linear-gradient(90deg,#75B5FF,#4482FF);
		display: flex;
		align-items: center;
		padding: 0 20px;
		border-radius: 4px;
		border: 1px solid #C1DFFF;
	}
	.cyzx-box-01 .btn span{
		padding-right: 10px;
	}
	.cyzx-box-01 .btn i,.cyzx-box-01 .btn i::before{
		color: #fff;
		font-size: 22px;
	}
	
	.cyzx-box-01 .btn:hover{
		transform: translateY(-5px);
	}
	.cyzx-box-01 .btn:hover span{
		color: #fff;
	}
}

@media (min-width: 760px) {
	
}

@media (min-width: 992px) {
	.cyzx-box-01{
		padding: 70px 0;
	}
	
	.cyzx-box-01 .flex{
		display: flex;
		flex-direction: row-reverse;
	}
	
	.cyzx-box-01 .r{
		flex-basis: 50%;
		flex-shrink: 0;
		min-width:0;
		padding-left: 10px;
	}
	
	.cyzx-box-01 .l{
		flex-basis: 50%;
		flex-shrink: 0;
		min-width:0;
		padding-right: 30px;
	}
	.cyzx-box-01 .txt{
		padding-top: 25px;
	}
	.cyzx-box-01 .link{
		margin-top: 15px;
	}
	.cyzx-box-01 ul{
		margin: -15px;
		padding-top: 25px;
	}
	.cyzx-box-01 li{
		padding: 15px;
		flex:1;
	}
	.cyzx-box-01 .btn{
		height: 72px;
		padding: 0 30px;
		justify-content: space-between;
	}
	.cyzx-box-01 .btn i,.cyzx-box-01 .btn i::before{
		font-size: 26px;
	}
}

@media (min-width: 1240px) {
	
}









@media (min-width: 320px) {
	
}

@media (min-width: 760px) {
	
}

@media (min-width: 992px) {
	
}

@media (min-width: 1240px) {
	
}








/* cyzx-box-02 */
@media (min-width: 320px) {
	i.pic-scale-zdcy{
		padding-bottom: 61.017%;
	}
	.cyzx-box-02{
		
	}
	.cyzx-box-02 .list{
		padding-top: 20px;
	}
	.cyzx-box-02 ul{
		margin: -5px;
		display: flex;
		flex-wrap: wrap;
	}
	.cyzx-box-02 .list li{
		padding:5px;
		flex-shrink: 0;
		flex-basis: 50%;
	}
	.cyzx-box-02 .list dd{
		display: flex;
		align-items: center;
		justify-content: center;
		background: #fff;
		height: 50px;
		color: #232323;
	}
	.cyzx-box-02 .list a:hover dd{
		background: #4482ff;
		color: #fff;
	}
}

@media (min-width: 760px) {
	
}

@media (min-width: 992px) {
	.cyzx-box-02{
		padding-top: 0;
		padding-bottom: 70px;
	}
	.cyzx-box-02 .list li{
		flex-basis: 25%;
	}
}

@media (min-width: 1240px) {
	
}








/* cyzx-box-03 */
@media (min-width: 320px) {
	i.pic-scale-park{
		padding-bottom: 58.644%;
	}
	.cyzx-box-03{
		background-image: url(cyxz-bg-02.jpg);
		background-size: cover;
		background-position: center;
	}
	.cyzx-box-03 .pic{
		border-radius: 8px;
		overflow: hidden;
	}
	.cyzx-box-03 .flex{
		padding-top: 20px;
	}
	.cyzx-box-03 .flex .r{
		padding-top: 10px;
	}
	.cyzx-box-03 .flex a{
		border: 1px solid #368FED;
		height: 48px;
		padding: 0 30px;
		display: inline-flex;
		align-items: center;
		border-radius: 24px;
		margin-top: 20px;
	}
	.cyzx-box-03 .flex a span{
		padding-right: 20px;
		color: #368fed;
	}
	.cyzx-box-03 .flex a i::before{
		color: #368fed;
		font-size: 24px;
	}
	.cyzx-box-03 .flex a:hover{
		background: #368fed;
	}
	.cyzx-box-03 .flex a:hover span{
		color: #fff;
	}
	.cyzx-box-03 .flex a:hover i::before{
		color: #fff;
	}
	
	.cyzx-box-03 .btn{
		display: flex;
		padding-top: 30px;
		justify-content: center;
	}
	.cyzx-box-03 .park-btn{
		height: 42px;
		width: 42px;
		border: 1px solid #368FED;
		display: flex;
		align-items: center;
		justify-content: center;
		border-radius: 50%;
		cursor: pointer;
		
	}
	.cyzx-box-03 .park-btn + .park-btn{
		margin-left: 20px;
	}
	.cyzx-box-03 .park-btn  i::before{
		color: #368fed;
	}
	.cyzx-box-03 .park-btn:hover{
		background: #368fed;
	}
	.cyzx-box-03 .park-btn:hover i::before{
		color: #fff;
	}
}

@media (min-width: 760px) {
	
}

@media (min-width: 992px) {
	.cyzx-box-03 {
		padding: 60px 0 70px 0;
	}
	.cyzx-box-03 .flex{
		display: flex;
	}
	.cyzx-box-03 .flex .l{
		flex-basis: 50%;
		flex-shrink: 0;
		min-width: 0;
		padding-right: 10px;
	}
	.cyzx-box-03 .flex .r{
		padding-left: 30px;
		padding-top: 0;
		position: relative;
	}
	.cyzx-box-03 .flex .txt{
		padding-top: 15px;
	}
	.cyzx-box-03 .flex a{
		height: 56px;
		width: 208px;
		border-radius: 28px;
		margin-top: 60px;
		justify-content: space-between;
	}
	.cyzx-box-03 .flex a i::before{
		font-size: 28px;
	}
	
	
	.cyzx-box-03 .btn{
		display: flex;
		padding-top: 0;
		justify-content: center;
		position: absolute;
		left: 30px;
		bottom: 0;
	}
	.cyzx-box-03 .park-btn{
		height: 50px;
		width: 50px;
		
	}
}

@media (min-width: 1240px) {
	
}








/* cyzx-box-04 */
@media (min-width: 320px) {
	i.pic-scale-zdcy{
		padding-bottom: 61.017%;
	}
	.cyzx-box-04{
		
	}
	.cyzx-box-04 .list{
	}
	.cyzx-box-04 ul{
		margin: -5px;
		display: flex;
		flex-wrap: wrap;
	}
	.cyzx-box-04 .list li{
		padding:5px;
		flex-shrink: 0;
		flex-basis: 100%;
	}
	.cyzx-box-04 .list .pic{
		overflow: hidden;
		border-radius: 4px;
	}
	.cyzx-box-04 .list a:hover .pic{
		transform: scale(1.025);
	}
}

@media (min-width: 760px) {
	
}

@media (min-width: 992px) {
	.cyzx-box-04{
		padding: 50px 0;
	}
	.cyzx-box-04 ul{
		margin: -15px;
	}
	.cyzx-box-04 .list li{
		padding:15px;
		flex-basis: 33.3333%;
	}
}

@media (min-width: 1240px) {
	.cyzx-box-04{
		padding: 70px 0;
	}
}









/* cyzx-box-05 */
@media (min-width: 320px) {
	.cyzx-box-05{}
	.cyzx-box-05 .list{
		padding-top: 20px;
	}
	.cyzx-box-05 .list ul{
		margin: -5px;
	}
	.cyzx-box-05 .list li{
		padding: 5px;
	}
	
	.cyzx-box-05 .list li a{
		background: #fff;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		border-top: 4px solid #000;
		box-shadow: 0 3px 10px rgba(54,143,237,.1);
	}
	.cyzx-box-05 .list li a:hover{
		transform: translateY(-5px);
	}
	.cyzx-box-05 .list li dl{
		padding: 20px;
	}
	.cyzx-box-05 .list li dt{
		width: 80px;
		height: 80px;
		border-radius: 50%;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.cyzx-box-05 .list li i,.cyzx-box-05 .list li i::before{
		font-size: 80px;
		line-height: 1;
	}
	.cyzx-box-05 .list li dd{
		text-align: center;
		padding-top: 10px;
	}
	
	.cyzx-box-05 .list li:nth-child(1) dt{
		background: #F5FDEF;
	}
	.cyzx-box-05 .list li:nth-child(1) a{
		border-top-color: #74d470;
	}
	.cyzx-box-05 .list li:nth-child(1) i::before{
		color: #74d470;
	}
	
	.cyzx-box-05 .list li:nth-child(2) dt{
		background: #EDF7FF;
	}
	.cyzx-box-05 .list li:nth-child(2) a{
		border-top-color: #2887F1;
	}
	.cyzx-box-05 .list li:nth-child(2) i::before{
		color: #2887F1;
	}
	
	.cyzx-box-05 .list li:nth-child(3) dt{
		background: #FEFCF2;
	}
	.cyzx-box-05 .list li:nth-child(3) a{
		border-top-color: #FFC848;
	}
	.cyzx-box-05 .list li:nth-child(3) i::before{
		color: #FFC848;
	}
	
	.cyzx-box-05 .list li:nth-child(4) dt{
		background: #FEF8F6;
	}
	.cyzx-box-05 .list li:nth-child(4) a{
		border-top-color:  #FE6654;
	}
	.cyzx-box-05 .list li:nth-child(4) i::before{
		color: #FE6654;
	}
}

@media (min-width: 760px) {
	
}

@media (min-width: 992px) {
	.cyzx-box-05{
		padding-top: 0;
		padding-bottom: 70px;
	}
	.cyzx-box-05 .list{
		padding-top: 30px;
	}
	.cyzx-box-05 .list ul{
		margin: -10px;
		display: flex;
	}
	.cyzx-box-05 .list li{
		padding: 10px;
		flex-shrink: 0;
		flex-basis: 25%;
	}
}

@media (min-width: 1240px) {
	
}








/* msxz-box */
@media (min-width: 320px) {
	i.pic-scale-msxz{padding-bottom: 70.37%;}
	.msxz-bg{
		padding: 30px 0 100px 0;
		background-color: #F7FBFF;
		background-image: url(msxz-bg.png);
		background-position:  bottom center;
		background-repeat: no-repeat;
		background-size: contain;
	}
	.msxz-box img{
		display: block;
	}
	
	.msxz-box + .msxz-box{
		padding-top: 30px;
	}
	
	.msxz-box .tit-box{
		display: flex;
		align-items: center;
	}
	.msxz-box .tit-box .icon{
		width: 48px;
	}
	.msxz-box .tit-box .icon img{
		width: 100%;
	}
	.msxz-box .tit-box .tit{
		padding-left: 5px;
		line-height: 1;
	}
	
	.msxz-box .box-bd{
		padding-top: 10px;
	}
	
	.msxz-box .link{
		padding-top: 10px;
	}
	.msxz-box .link a{
		color: #3173f8;
	}
	
	.msxz-box .bg{
		border: 1px solid #FFF1EC;
		background-image: linear-gradient(#FFFBF9,#FFFFFF 20%);
		padding: 20px;
	}
	
	
	.msxz-box:nth-child(2) .bg{
		border-color:#DEEAFF;
		background-image: linear-gradient(#F4F8FF,#FFFFFF 20%);
	}
	.msxz-box:nth-child(3) .bg{
		border-color:#FFE9E9;
		background-image: linear-gradient(#FEF4F4,#FFFFFF 20%);
	}
	.msxz-box:nth-child(4) .bg{
		border-color:#ECEFFF;
		background-image: linear-gradient(#F5F6FD,#FFFFFF 20%);
	}
	.msxz-box:nth-child(5) .bg{
		border-color:#FFF1DE;
		background-image: linear-gradient(#FFF9F1,#FFFFFF 20%);
	}
	
	.news-list-01{ padding-top: 5px;}
	.news-list-01 a{ padding: 5px 0; display: flex; align-items: center; border-bottom: dashed 1px #D9D9D9;}
	.news-list-01 .dot{ width: 4px; height: 4px; background: #C2CDD7; margin-right: 5px; border-radius: 50%;}
	.news-list-01 .tit{font-weight: normal; flex:1; min-width: 0;}
	.news-list-01 .time{ padding-left: 15px;}
	.news-list-01 a:hover .dot{ background: #2577CE;}
	.news-list-01 a:hover .tit{ color: #2577CE;}
	
	
	.news-list-02 a{
		flex-wrap: wrap;
		align-items: flex-start;
	}
	.news-list-02 .dot{
		margin-top: 10px;
	}
	.news-list-02 .time{
		flex-basis: 100%;
		flex-shrink: 0;
	}
	
	
	.news-list-03 a{
		border-bottom:none;
	}
}

@media (min-width: 760px) {
	
}

@media (min-width: 992px) {
	.msxz-bg{
		padding: 45px 0 240px 0;
		
	}
	
	.msxz-box .tit-box {
		margin-left: -9px;
	}
	
	.msxz-box .box-bd{
		padding-top: 20px;
		padding-left: 86px;
	}
	.msxz-box .flex{
		position: relative;
		padding-top: 30px;
	}
	
	.msxz-box .flex .pic{
		width: 400px;
		position: absolute;
		top: 0;
	}
	
	.msxz-box .flex .bg{
		padding: 10px 40px 20px 40px;
		width: 500px;
		position: relative;
		z-index: 2;
	}
	
	.msxz-box .link{
		padding-top: 20px;
	}
	
	.msxz-box:nth-child(odd) .flex .pic{
		left: 0;
	}
	.msxz-box:nth-child(even) .flex .pic{
		right: 0;
	}
	
	
	.msxz-box:nth-child(odd) .flex{
		display: flex;
		justify-content: flex-end;
	}
	.msxz-box:nth-child(even) .flex{
		
	}
	
	
	.msxz-box .tit-box .icon{
		width: 80px;
	}
	.msxz-box .tit-box .tit{
		padding-left: 10px;
	}
	
	.news-list-01{ padding-top: 5px;}
	.news-list-01 a{ padding: 9px 0 8px 0; align-items: center;}
	.news-list-01 .dot{ width: 6px; height: 6px;  margin-right: 10px;}
	.news-list-01 .tit{font-weight: normal; min-width: 0;}
	.news-list-01 .time{ padding-left: 15px;}
	.news-list-01 a:hover{ }
	.news-list-01 a:hover .tit{ color: #2577CE;}
	
	.news-list-02 a{
		align-items: flex-start;
	}
	.news-list-02 .dot{
		margin-top: 12px;
	}
	
	
	
	.news-list-03 a{
		border-bottom:none;
	}
	.news-list-03 .tit,.news-list-03 .time{
		 line-height: 1.5;
	}
}

@media (min-width: 1240px) {
	
	.msxz-box .tit-box .icon{
		width: 94px;
	}
	.msxz-box .box-bd{
		padding-left: 103px;
	}
	
	.msxz-box .flex{
		padding-top: 45px;
	}
	.msxz-box .flex .pic{
		width: 540px;
		position: absolute;
	}
	.msxz-box .flex .bg{
		width: 660px;
	}
	.news-list-02 .dot{
		margin-top: 14px;
	}
}








/* wlxz-box-01 */
@media (min-width: 320px) {
	.wlxz-box{
		background: #f7fbff;
		padding: 20px 0;
	}
	.wlxz-box img{
		display: block;
	}
	.wlxz-box .tit-box img{
		height: 100%;
		width: 100%;
	}
	.wlxz-box .tit-box{
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.wlxz-box .tit-box .tit{
		height: 36px;
		padding: 0 10px;
	}
	.wlxz-box .tit-box .ico{
		margin-top: 24px;
		height: 10px;
		width: 60px;
	}
	.wlxz-box-01 .bg{
		margin-top: -20px;
	}
	.wlxz-box-01 .bg img{
		width: 100%;
	}
	
	.wlxz-box-01 .mess{
		padding: 15px;
		background: rgba(54,143,237,.65);
	}
	.wlxz-box-01 .mess .tit{
		padding-bottom: 15px;
		
	}
	.wlxz-box-01 .mess .txt{
		display: block; 
		word-break: break-all;
		text-overflow: ellipsis;
		overflow: hidden;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 7;
	}
	.wlxz-box-01 .mess .link{
		padding-top: 15px;
	}
	.wlxz-box-01 .mess .link a{
		color: #fff;
	}
}

@media (min-width: 760px) {
	
}

@media (min-width: 992px) {
	.wlxz-box{
		padding: 70px 0;
	}
	.wlxz-box .tit-box .tit{
		height: 50px;
	}
	
	
	.wlxz-box-01 .pic{
		position: relative;
	}
	
	.wlxz-box-01 .mess{
		position: absolute;
		left: 50px;
		top: 0;
		bottom: 0;
		padding: 35px 20px;
		width: 330px;
		
	}
	.wlxz-box-01 .mess .txt{
		-webkit-line-clamp: 8;
	}
	
	.wlxz-box-01 .mess .tit{
		padding-bottom: 20px;
		
	}
}

@media (min-width: 1240px) {
	.wlxz-box-01 .mess .txt{
		-webkit-line-clamp: 11;
	}
}








/* wlxz-box-02 */
@media (min-width: 320px) {
	i.pic-scale-tsjd{
		padding-bottom: 75%;
	}
	.swiper-wlxz{
		padding: 10px ;
	}
	.swiper-wlxz .swiper-slide{ width: 60vw;}
	.swiper-wlxz .swiper-slide dl{/* 
		opacity: 0.7;
		transition: .3s; */
		box-shadow: 0 3px 10px rgba(0,0,0,.1);
		background: #fff;
		padding: 10px;
	}
	.swiper-wlxz .swiper-slide dd{
		padding-top: 10px;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
	}
	.swiper-wlxz .swiper-slide b{
		font-weight: normal;
	}
	/* .swiper-wlxz .swiper-slide-active dl,.swiper-wlxz .swiper-slide-prev dl,.swiper-wlxz .swiper-slide-next dl{
		opacity: 1;
	} */
	
	.swiper-wlxz-bd{
		padding-top: 20px;
	}
}

@media (min-width: 760px) {
	
}

@media (min-width: 992px) {
	.wlxz-box-02{
		padding-top: 50px;
		background-image: url(ind-bg-04.jpg);
		background-size: cover;
		background-position: center;
	}
	
	.swiper-wlxz .swiper-slide{ width: 399px;}
	
	.swiper-wlxz-bd{
		padding-top: 50px;
	}
}

@media (min-width: 1240px) {
	.swiper-wlxz .swiper-slide{ width: 468px;}
	.swiper-wlxz .swiper-slide dl{
		padding: 20px;
	}
}









/* wlxz-box-03 */
@media (min-width: 320px) {
	i.pic-scale-xwxz{
		padding-bottom: 65.868%;
	}
	.wlxz-box-03 .list{
		padding-top: 20px;
	}
	.wlxz-box-03 .list ul{
		display: flex;
		flex-wrap: wrap;
		margin: -5px;
	}
	.wlxz-box-03 .list ul li{
		flex-shrink: 0;
		flex-basis: 50%;
		min-width:0;
		padding: 5px;
	}
	.wlxz-box-03 .list dl{
		display: flex;
		justify-content: center;
		align-items: stretch;
	}
	.wlxz-box-03 .list dt{
		overflow: hidden;
		border-radius: 10px;
		flex:1;
		min-width:0;
	}
	.wlxz-box-03 .list dd{
		flex-basis: 36px;
		flex-shrink: 0;
		min-width:0;
		padding: 10px 0;
		display: flex;
	}
	.wlxz-box-03 .list dd span{
		padding: 0 8px;
		border-radius: 0 20px 20px 0;
		display: flex;
		align-items: center;
		line-height: 1.2;
		text-align: center;
		overflow: hidden;
		max-height: 108px;
		color: #fff;
	}
	
	.wlxz-box-03 .list li dd span{
		background: #ff7846;
	}
	.wlxz-box-03 .list li:nth-child(odd) dd span{
		background: #ff9721;
	}
	
	.wlxz-box-03 .list a:hover dd span{
		color: #fff;
		background: #4482ff;
	}
}

@media (min-width: 760px) {
	
}

@media (min-width: 992px) {
	.wlxz-box-03 {
		padding-top: 60px;
	}
	.wlxz-box-03 .list{
		padding-top: 50px;
	}
	
	.wlxz-box-03 .list ul{
		margin: -15px;
	}
	.wlxz-box-03 .list ul li{
		padding: 15px;
		flex-basis: 33.3333%;
	}
	.wlxz-box-03 .list dd{
		flex-basis: 46px;
	}
	.wlxz-box-03 .list dd span{
		font-weight: bold;
		max-height: 147px;
	}
}

@media (min-width: 1240px) {
	.wlxz-box-03 .list dd span{
		font-weight: bold;
		max-height: 200px;
	}
}







/* wlxz-box-04 */
@media (min-width: 320px) {
	.wlxz-box-04{
		background: #fff;
	}
	.wlxz-box-04 .list{
		padding-top: 20px;
	}
	.wlxz-box-04 .list ul{
		display: flex;
		flex-wrap: wrap;
		margin: -5px;
	}
	.wlxz-box-04 .list li{
		flex-basis: 50%;
		flex-shrink: 0;
		padding: 5px;
	}
	.wlxz-box-04 .list .btn{
		position: relative;
		overflow: hidden;
		border-radius: 50%;
		display: block;
	}
	.wlxz-box-04 .list .btn::before{
		content:' ';
		position: absolute;
		left: 0;
		top: 0;
		right: 0;
		bottom: 0;
		background: rgba(0,0,0,.5);
		z-index: 2;
	}
	.wlxz-box-04 .list .txt{
		position: absolute;
		width: 15px;
		text-align: center;
		left: 50%;
		top: 50%;
		transform: translate(-50%, -50%);
		text-align: center;
		color: #fff;
		line-height: 1.4;
		z-index: 3;
		
	}
}

@media (min-width: 760px) {
	
}

@media (min-width: 992px) {
	.wlxz-box-04 {
		padding-top: 60px;
	}
	.wlxz-box-04 .list{
		padding-top: 75px;
	}
	.wlxz-box-04 .list ul{
		margin: -10px;
	}
	.wlxz-box-04 .list li{
		flex-basis: 25%;
		padding: 10px;
	}
	.wlxz-box-04 .list .txt{
		width: 19px;
	}
}

@media (min-width: 1240px) {
	.wlxz-box-04 .list .txt{
		width: 24px;
	}
}







/* wlxz-box-05 */
@media (min-width: 320px) {
	i.pic-scale-xltj{
		padding-bottom: 59%;
	}
	
	.wlxz-box-05 .bg img{
		width: 100%;
	}
	
	.wlxz-box-05 .list {
		padding-top: 20px;
	}
	.wlxz-box-05 .list ul{
		display: flex;
		flex-wrap: wrap;
		margin: -10px;
	}
	.wlxz-box-05 .list li{
		flex-basis: 50%;
		flex-shrink: 0;
		padding: 10px;
	}
	.wlxz-box-05 .list a{
		position: relative;
		display: block;
	}
	.wlxz-box-05 .list .icon,.wlxz-box-05 .list .icon::before{
		color: #fff;
		font-size: 24px;
		line-height: 1;
		margin-bottom: 5px;
	}
	.wlxz-box-05 .list .dot{
		background: #fff;
		width: 14px;
		height: 14px;
		display: none;
		border-radius: 50%;
		margin-bottom: 10px;
	}
	
	.wlxz-box-05 .list .tit{
		color: #fff;
	}
	
	.wlxz-box-05 .list .bg{
		position: relative;
	}
	.wlxz-box-05 .list .pic{
		position: absolute;
		left: 4%;
		right: 4%;
		top: 10.5%;
		padding: 2.4%;
		transform: rotate(-10deg);
	}
	.wlxz-box-05 .list .mess{
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		background: #f95454;
		width: 100px;
		height: 100px;
		border-radius: 50%;
		position: absolute;
		left: 50%;
		top: 50%;
		transform: translate(-50%,-50%);
		z-index: 2;
	}
	.wlxz-box-05 .list .more{
		position: absolute;
		left: 50%;
		top: 50%;
		border-radius: 50%;
		width: 94px;
		height: 94px;
		background: #f95454;
		color: #fff;
		transform: translate(-50%,-50%) scale(1.25);
		opacity: 0;
		z-index: 2;
		display: flex;
		align-items: center;
		justify-content: center;
		display: none;
	}
	
}

@media (min-width: 760px) {
	
}

@media (min-width: 992px) {
	.wlxz-box-05{
		position: relative;
	}
	.wlxz-box-05 .list{
		padding-top: 45px;
	}
	.wlxz-box-05 .list .icon,.wlxz-box-05 .list .icon::before{
		color: #4482ff;
		font-size: 36px;
		margin-bottom: 10px;
	}
	.wlxz-box-05 .list .mess{
		position: relative;
		background: none;
		height: auto;
		width: auto;
		transform: none;
		left: auto;
		top: auto;
	}
	.wlxz-box-05 .list .dot{
		display: block;
		background: #4482ff;
		margin-bottom: 0px;
	}
	
	.wlxz-box-05 .list .tit{
		color: #666;
	}
	.wlxz-box-05 .list .more{
		display: flex;
	}
	.wlxz-box-05 .list a:hover .more{
		transform: translate(-50%,-50%) scale(1);
		opacity: 1;
	}
	.wlxz-box-05 .list ul{
		margin: -41px;
	}
	.wlxz-box-05 .list li{
		flex-basis: 25%;
		padding: 41px;
	}
	
	
	
	.wlxz-box-05::before{
		content:' ';
		position: absolute;
		left: 0;
		right: 0;
		background-image:url(wlxz-bg-02.png);
		background-size: 100% auto;
		background-repeat: no-repeat;
		height: 100%;
		top: 140px;
		
	}
	.wlxz-box-05 .list li:nth-child(1) .mess{
		padding-top: 5px;
	}
	
	.wlxz-box-05 .list li:nth-child(2) .mess{
		padding-top: 30px;
	}
	
	.wlxz-box-05 .list li:nth-child(3) .mess{
		padding-top: 1px;
	}
	.wlxz-box-05 .list li:nth-child(4) .mess{
		padding-top: 23px;
	}
}

@media (min-width: 1240px) {
	
	.wlxz-box-05::before{
		top: 90px;
		
	}
	.wlxz-box-05 .list li:nth-child(1) .mess{
		padding-top: 35px;
	}
	
	.wlxz-box-05 .list li:nth-child(2) .mess{
		padding-top: 42px;
	}
	
	.wlxz-box-05 .list li:nth-child(3) .mess{
		padding-top: 5px;
	}
	.wlxz-box-05 .list li:nth-child(4) .mess{
		padding-top: 0px;
	}
}




/* wlxz-box-06 */
@media (min-width: 320px) {
	.wlxz-box-06{
		background-image: url(wlxz-bg-03.jpg);
		background-size: cover;
		
	}
	.tabs-xzrw{
		padding-top: 20px;
	}
	.tabs-xzrw .hd{
		padding-bottom: 10px;
	}
	i.pic-scale-xzrw{
		padding-bottom: 48.333%;
	}
	.tabs-xzrw .hd{
		display: flex;
	}
	.tabs-xzrw .hd .btn{
		height: 46px;
		padding: 0 15px;
		background: #368fed;
		border-radius: 10px;
		display: flex;
		align-items: center;
		color: #fff;
		margin-right: 10px;
		cursor: pointer;
	}
	.tabs-xzrw .hd .btn.on{
		background: #4482ff;
	}
	
	.tabs-xzrw .bd{
		background: #368fed;
	}
	
	.tabs-xzrw .pic{
		position: relative;
	}
	.tabs-xzrw .pic::before{
		content:' ';
		position: absolute;
		left: 0;
		top: 0;
		right: 0;
		bottom: 0;
		border:solid 2px #368FED;
		z-index: 2;
	}
	
	.tabs-xzrw .box{
		padding: 20px 30px;
	}
	.tabs-xzrw .box-tit-box{
		display: flex;
		justify-content: space-between;
		align-items: center;
		padding-bottom: 10px;
	}
	.tabs-xzrw .box-tit-box a{
		color: #fff;
		background: #3173f8;
		height: 28px;
		padding: 0 10px;
		display: flex;
		align-items: center;
		justify-content: center;
		z-index: 2;
	}
}

@media (min-width: 760px) {
	
}

@media (min-width: 992px) {
	.tabs-xzrw{
		padding-top: 50px;
	}
	.tabs-xzrw .hd{
		padding-bottom: 30px;
	}
	.tabs-xzrw .hd .btn{
		
	}
	.tabs-xzrw .pic::before{
		border-width:4px;
	}
	
	.tabs-xzrw .hd .btn{
		height: 56px;
		padding: 0 20px;
	}
	.tabs-xzrw .hd .btn.on{
		background: #4482ff;
	}
	
	.tabs-xzrw .bd{
		background: #368fed;
	}
	.tabs-xzrw .bd .box{
		left: 0;
		bottom: 12%;
		width: 70%;
		position: absolute;
		background: rgba(54,143,237,.9);
	}
	
	.tabs-xzrw .box-tit-box a{
		position: relative;
		right: -40px;
		height: 34px;
	}
}

@media (min-width: 1240px) {
	
}







/* wlxz-box-07 */
@media (min-width: 320px) {
	i.pic-scale-wldt{
		padding-bottom: 63.158%;
	}
	.wlxz-box-07{
		
	}
	.wlxz-box-07 .list{
		padding-top: 20px;
	}
	.wlxz-box-07 .list ul{
		margin: -10px;
		display: flex;
		flex-wrap: wrap;
	}
	.wlxz-box-07 .list li{
		padding: 10px;
		flex-shrink: 0;
		flex-basis: 50%;
	}
	.wlxz-box-07 .list .time{
		padding-top: 10px;
		color: #999;
	}
	.wlxz-box-07 .list .tit{
		color: #0f0f0f;
	}
	
	.wlxz-box-07 .list a:hover .tit{
		color: #368fed;
	}
}

@media (min-width: 760px) {
	
}

@media (min-width: 992px) {
	.wlxz-box-07 .list{
		padding-top: 50px;
	}
	.wlxz-box-07 .list ul{
		margin: -15px;
	}
	.wlxz-box-07 .list li{
		padding: 15px;
		flex-basis: 33.3333%;
	}
	.wlxz-box-07 .list .time{
		padding-top: 20px;
	}
}

@media (min-width: 1240px) {
	
}








/* zwgk-box-01 */
@media (min-width: 320px) {
	.zwgk-box{
		padding: 20px 0;
		background: #f7fbff;
	}
	.zwgk-box img{
		display: block;
	}
	.zwgk-box .tit-box .tit{
		display: flex;
		align-items: center;
		padding-right: 10px;
	}
	.zwgk-box .tit-box .tit i{
		width: 3px;
		height: 16px;
		background: #66a7f5;
		display: block;
		margin-right: 5px;
	}
	.zwgk-box .tit-box .tit span{
		line-height: 1;
	}
	.zwgk-box .tit-box .hd{
		display: flex;
		flex-wrap: wrap;
		padding-top: 10px;
	}
	.zwgk-box .tit-box .hd .btn{
		margin-right: 10px;
		padding: 5px 0;
		position: relative;
		line-height: 1.2;
	}
	.zwgk-box .tit-box .hd .btn span{
		color: #878787;
		line-height: 1.2;
	}
	.zwgk-box .tit-box .hd .on span{
		color: #3173f8;
	}
	
	.zwgk-box .tit-box .hd i{
		position: absolute;
		left: 0;
		bottom: 0;
		right: 0;
		height: 2px;
		background: #3173f8;
		opacity: 0;
	}
	
	.zwgk-box .tit-box .hd .on i{
		opacity: 1;
	}
	
	.zwgk-box-01 .bd .mess{
		padding-top: 10px;
	}
	
	.zwgk-box-01 .r{
		padding-top: 20px;
	}
	
	.zwgk-tzgg-bg{
		border-radius: 10px;
		padding: 20px;
		position: relative;
		overflow: hidden;
		background: #fff;
	}
	
	.zwgk-tzgg-bg::before{
		content:' ';
		left: 0;
		right: 0;
		top: 0;
		height: 110px;
		position: absolute;
		background-image: linear-gradient(#E2F0FF,#FFFFFF);
	}
	.zwgk-tzgg-bg .box{
		position: relative;
		z-index: 2;
	}
	
	.zwgk-box-01 .btn-box{
		background: #fff;
		border-radius: 10px;
		padding: 20px;
		margin-top: 20px;
		
	}
	
	.zwgk-box-01 .btn-box .icon{
		border: 2px solid #94C7F6;
		width: 60px;
		height: 60px;
		border-radius: 50%;
		display: block;
		overflow: hidden;
	}
	.zwgk-box-01 .btn-box .icon img{
		width: 100%;
	}
	
	.zwgk-box-01 .btn-box a:hover .icon{
		transform: scale(1.025);
	}
	
	
	.zwgk-box-01 .btn-box ul{
		display: flex;
		flex-wrap: wrap;
		margin: -10px;
	}
	.zwgk-box-01 .btn-box li{
		flex-basis: 50%;
		flex-shrink: 0;
		padding: 10px;
		
	}
	.zwgk-box-01 .btn-box a{
		display: flex;
		flex-direction: column;
		align-items: center;
		
	}
	.zwgk-box-01 .btn-box .tit{
		padding-top: 5px;
	}
	
	.zwgk-tzgg-bg .news-list-01{
		padding-top: 10px;
	}
	
	
	
	
}

@media (min-width: 760px) {
	
}

@media (min-width: 992px) {
	.zwgk-box{
		padding: 40px 0;
	}
	.zwgk-box-01 .flex{
		display: flex;
	}
	.zwgk-box-01 .l{
		padding-top: 30px;
		flex-basis: 68.5%;
		flex-shrink: 0;
		padding-right: 40px;
	}
	.zwgk-box-01 .r{
		flex:1;
		min-width: 0;
	}
	
	.zwgk-box .tit-box{
		display: flex;
	}
	.zwgk-box .tit-box .tit{
		padding-right: 30px;
	}
	.zwgk-box .tit-box .tit i{
		width: 3px;
		height: 20px;
	}
	.zwgk-box .tit-box .hd{
		padding-top: 0;
	}
	.zwgk-box .tit-box .hd .btn i::before{
		content:' ';
		border-top: 8px solid #3173f8;
		border-left: 5px solid transparent;
		border-right: 5px solid transparent;
		position: absolute;
		left: 50%;
		top: 100%;
		margin-left: -5px;
		opacity: 0;
	}
	
	.zwgk-box .tit-box .hd .on i::before{
		opacity: 1;
	}
	
	
	.zwgk-box-01 .bd .mess{
		padding-top: 10px;
	}
	.zwgk-box-01 .btn-box{
		padding: 22px 10px;
		margin-top: 30px;
	}
	.zwgk-box-01 .btn-box ul{
		margin: -10px;
	}
	.zwgk-box-01 .btn-box li{
		flex-basis: 25%;
		
	}
	
	.zwgk-box-01 .r{
		padding-top: 0;
	}
	.zwgk-tzgg-bg{
		padding: 33px 18px;
	}
	.zwgk-tzgg-bg .news-list-01{
		padding-top: 20px;
	}
}

@media (min-width: 1240px) {
	.zwgk-box .tit-box .tit i{
		width: 3px;
		height: 24px;
	}
	
	.zwgk-box .tit-box .hd .btn{
		margin-right: 30px;
	}
	
	.zwgk-box .tit-box .hd .btn{
		margin-right: 20px;
	}
}







/* zwgk-box-02 */
@media (min-width: 320px) {
	.zwgk-box-02{
		background: #fff;
	}
	.zwgk-box-02 .flex{
		
	}
	.zwgk-box-02 .mess{
		padding-top: 10px;
	}
	.zwgk-box-02 .r{
		padding-top: 20px;
	}
	.zwgk-box-02 .ad-list ul{
		margin: -5px;
	}
	.zwgk-box-02 .ad-list li{
		padding: 5px;
	}
	.zwgk-box-02 .ad-list li img{
		width: 100%;
	}
	.zwgk-box-02 .ad-list li a{
		display: block;
		border-radius: 4px;
		overflow: hidden;
	}
	.zwgk-box-02 .ad-list li a:hover{
		transform: scale(1.025);
	}
}

@media (min-width: 760px) {
	
}

@media (min-width: 992px) {
	.zwgk-box-02{
		padding: 40px 0;
	}
	.zwgk-box-02 .flex{
		display: flex;
	}
	.zwgk-box-02 .l{
		flex-basis: 76.5%;
		flex-shrink: 0;
		padding-right: 50px;
	}
	.zwgk-box-02 .r{
		padding-top: 0;
		flex:1;
	}
}

@media (min-width: 1240px) {
	
}







/* zwgk-box-03 */
@media (min-width: 320px) {
	i.pic-scale-tjzc{
		padding-bottom: 63.158%;
	}
	
	.zwgk-box-03 .list{
		padding-top: 20px;
	}
	.zwgk-box-03 .box-ovx{
		overflow-y: hidden;
		overflow-x: auto;
	}
	.zwgk-box-03 .list ul{
		display: flex;
		margin: -10px;
	}
	
	.zwgk-box-03 .list li{
		padding: 10px;
		flex-basis: 46%;
		flex-shrink: 0;
		min-width: 0;
	}
	.zwgk-box-03 .list .tit{
		padding-top: 5px;
	}
}

@media (min-width: 760px) {
	
}

@media (min-width: 992px) {
	
	.zwgk-box-03 .box-ovx{
		overflow-y: hidden;
		overflow-x: hidden;
	}
	
	.zwgk-box-03 .list ul{
		margin: -15px;
		flex-wrap: wrap;
	}
	
	.zwgk-box-03 .list li{
		padding: 15px;
		flex-basis: 33.3333%;
	}
	.zwgk-box-03 .list .tit{
		padding-top: 20px;
	}
}

@media (min-width: 1240px) {
	
}







/* zwgk-box-04 */
@media (min-width: 320px) {
	.zwgk-box-04 {
		background: #fff;
	}
	.zwgk-box-04 .flex-box{
		margin:-20px -10px;
	}
	.zwgk-box-04 .box{
		padding: 20px 10px;
	}
	.zwgk-box-04 .news-list-01{
		padding-top: 10px;
	}
}

@media (min-width: 760px) {
	
}

@media (min-width: 992px) {
	
	.zwgk-box-04 .flex-box{
		margin:-25px -15px;
		display: flex;
		flex-wrap: wrap;
	}
	.zwgk-box-04 .box{
		padding: 25px 15px;
		flex-shrink: 0;
		flex-basis: 33.33333%;
		min-width: 0;
	}
	.zwgk-box-04 .news-list-01{
		padding-top: 15px;
	}
}

@media (min-width: 1240px) {
	
}








/* zwgk-box-05 */
@media (min-width: 320px) {
	.zwgk-box-05{
		background: none;
	}
	.zwgk-box-05 .btn-list {
		padding-top: 20px;
	}
	.zwgk-box-05 .btn-list ul {
		display: flex;
		flex-wrap: wrap;
		margin: -5px;
	}
	.zwgk-box-05 .btn-list ul li{
		padding: 5px;
		flex-basis: 50%;
		flex-shrink: 0;
		min-width:0;
	}
	.zwgk-box-05 .btn-list ul a{
		background: #f6f8fa;
		padding: 10px;
		display: flex;
		align-items: center;
		border-radius: 4px;
	}
	.zwgk-box-05 .btn-list ul a .icon{
		width:50px;
	}
	.zwgk-box-05 .btn-list ul a .icon img{
		width: 100%;
	}
	.zwgk-box-05 .btn-list ul a span{
		padding-left: 10px;
	}
	
	.zwgk-box-05 .btn-list ul a:hover{
		background: #368fed;
	}
	.zwgk-box-05 .btn-list ul a:hover span{
		color:#fff;
	}
}

@media (min-width: 760px) {
	
}

@media (min-width: 992px) {
	.zwgk-box-05{
		padding-top: 30px;
	}
	.zwgk-box-05 .btn-list {
		padding-top: 30px;
	}
	.zwgk-box-05 .btn-list ul {
		
	}
	.zwgk-box-05 .btn-list ul li{
		flex-basis: 25%;
	}
	.zwgk-box-05 .btn-list ul a{
		padding: 17px 20px;
	}
}

@media (min-width: 1240px) {
	
}


/* zwgk-box-06 */
@media (min-width: 320px) {
	i.pic-scale-subject{
		padding-bottom: 44.29%;
	}
	.zwgk-box-06 .swiper-box{
		display: flex;
		padding-top: 20px;
	}
	.zwgk-box-06 .swiper-bd{
		padding: 0 4px;
		min-width:0;
		flex:1;
	}
	
}

@media (min-width: 760px) {
	
}

@media (min-width: 992px) {
	.zwgk-box-06{
		padding-top: 50px;
		padding-bottom: 50px;
	}
	.zwgk-box-06 .swiper-box{
		padding-top: 30px;
	}
}

@media (min-width: 1240px) {
	
}







/* 互动交流 */
@media (min-width: 320px) {
	.hdjl-btn-bg{
		background: #f7fbff;
		padding: 30px 0;
	}
	.hdjl-btn{
		padding-bottom: 20px;
	}
	.hdjl-btn img{
		display: block;
		width: 100%;
	}
	.hdjl-btn ul{
		display: flex;
		flex-wrap: wrap;
		margin: -5px;
	}
	.hdjl-btn li{
		flex-basis: 25%;
		flex-shrink: 0;
		min-width:0;
		padding:5px;
	}
	.hdjl-btn a{
		display: block;
	}
	.hdjl-btn a:hover{
		transform: scale(1.05);
	}
	
	
	.hdjl-search{
		display: flex;
		flex-wrap: wrap;
		margin: -5px;
		
	}
	.hdjl-search .col{
		padding: 5px;
	}
	.hdjl-search .col-label{
		align-items: center;
		display: flex;
	}
	.hdjl-search .col-sel{
		flex-basis: 140px;
		flex-shrink: 0;
	}
	.hdjl-search .col-inp{
		flex:1;
		display: flex;
		align-items: center;
	}
	.hdjl-search .col-inp .label{
		white-space: nowrap;
	}
	
	.hdjl-search .col-btn{
		flex-basis: 100%;
	}
	.hdjl-search .layui-btn{
		width: 100%;
	}
	
	
	.layui-form-select dl dd.layui-this{
		background-color: #66A7F5 !important;
	}
	
	.layui-btn{
		background-color: #66A7F5 !important;
	}
	.hdjl-btn-bg .bg{
		background: #fff;
		padding: 15px;
	}
	.hdjl-btn-bg .bg + .bg{
		margin-top: 20px;
	}
	.hdjl-btn-bg .tit-box{
		margin-bottom: 20px;
	}
	.hdjl-btn-bg .tit-box .tit{
		display: flex;
		align-items: center;
		padding-right: 10px;
	}
	.hdjl-btn-bg .tit-box .tit i{
		width: 3px;
		height: 16px;
		background: #66a7f5;
		display: block;
		margin-right: 5px;
	}
	.hdjl-btn-bg .tit-box .tit span{
		line-height: 1;
	}
	
	.hdjl-flex .l{padding-top: 20px;}
	
	i.pic-scale-wzqd{
		padding-bottom: 136.567%;
	}
	.hdjl-flex .pic-list ul{
		display: flex;
		margin: -10px;
	}
	.hdjl-flex .pic-list li{
		flex-basis: 50%;
		flex-shrink: 0;
		padding: 10px;
	}
	
	.hdjl-flex .pic-list .tit{
		padding-top: 10px;
		color: #333;
	}
	.hdjl-flex .pic-list .txt{
		color: #333;
	}
	.hdjl-flex .pic-list a:hover .tit{
		color: #4482ff;
	}
	
	.hdjl-flex .btn-list ul{
		margin: -5px;
	}
	.hdjl-flex .btn-list li{
		padding: 5px;
	}
	.hdjl-flex .btn-list a{
		display: flex;
		align-items: center;
		justify-content: center;
		background: #eef6ff;
		height: 42px;
		border-radius: 4px;
		color: #4482ff;
	}
	
	.hdjl-flex .btn-list a:hover{
		background: #4482ff;
		color: #fff;
	}
	
	
	#month-data{
		width: 100%;
		height: 80vw;
	}
	#month-data>div{
		width: 100% !important;
		height: 100% !important;
	}
	#month-data canvas{
		width: 100% !important;
		height: 100% !important;
	}
	
	
	.hdjl-flex .btn-list{
		padding-top: 15px;
	}
	
	.layui-laypage .layui-laypage-curr .layui-laypage-em{
		background: #66a7f5 !important;
	}
	.layui-laypage a:hover{
		color: #66a7f5 !important;
	}
	.layui-form+#query_list{
		padding-top: 15px;
	}
	
	.layui-table-cell{
		font-size: 12px;
	}
}

@media (min-width: 760px) {
	
}

@media (min-width: 992px) {
	.hdjl-btn-bg{
		padding: 40px 0;
	}
	.hdjl-btn{
		padding-bottom: 25px;
	}
	.hdjl-btn ul{
		margin: -10px;
	}
	.hdjl-btn li{
		flex:1;
		padding:10px;
	}
	
	.hdjl-search{
		
	}
	.hdjl-search .col-sel{
		flex-basis: 170px;
	}
	.hdjl-search .col-sel .layui-form-select dl{
		top: 52px;
	}
	.hdjl-search .col-sel .layui-form-selectup dl{
		top:auto;
		bottom: 52px;
	}
	
	.hdjl-search .col-btn{
		flex-basis: 170px;
	}
	.hdjl-search .layui-input{
		height: 50px;
	}
	.hdjl-search .layui-btn{
		height: 50px;
		width: 100%;
	}
	
	.hdjl-btn-bg .tit-box{
		display: flex;
	}
	.hdjl-btn-bg .tit-box .tit{
		padding-right: 30px;
	}
	.hdjl-btn-bg .tit-box .tit i{
		width: 3px;
		height: 20px;
	}
	
	.hdjl-flex{
		display: flex;
		flex-direction: row-reverse;
	}
	.hdjl-flex .l{
		padding-top: 0;
		padding-right: 20px;
		flex-basis: 29%;
		flex-shrink: 0;
		min-width:0;
	}
	.hdjl-flex .r{
		flex: 1;
		min-width:0;
	}
	
	
	#month-data{
		height: 200px;
	}
	
	.hdjl-flex .btn-list a{
		display: flex;
		height: 50px;
	}
	.layui-form+#query_list{
		padding-top: 25px;
	}
}

@media (min-width: 1240px) {
	
	.layui-btn{
		font-size: 16px !important;
	}
	.hdjl-btn-bg .bg{
		padding: 25px 20px;
	}
	
	
	#month-data{
		height: 260px;
	}
}








/* 内页共用 */
@media (min-width: 320px) {
	.info-bg{
		background: #f7fbff;
		padding: 20px 0 40px 0;
	}
	
	.banner-min{
		
	}
	.banner-min img{
		width:100%;
		display: block;
	}
	
	
	
	.info-box-bg{
		background: #fff;
		border-radius: 4px;
		margin-top: 20px;
		position: relative;
		z-index: 9;
	}
	
	.info-box-bg:nth-child(1){
		margin-top: 0;
	}
	
	.info-tit{
		height: 48px;
		background-image: linear-gradient(#E6F2FF,#FFFFFF);
		padding: 0 20px;
		display: flex;
		align-items: center;
		position: relative;
		border-radius: 4px;
	}
	
	.info-tit i{
		background-color: #66a7f5;
		width: 2px;
		height: 14px;
		display: block;
		margin-right: 5px;
	}
	
	.info-tit::before{
		content:' ';
		position: absolute;
		left: 20px;
		right: 20px;
		bottom: 0;
		height: 1px;
		background: #e9e9e9;
	}
	
	.info-tit .btn{
		position: absolute;
		right: 20px;
	}
	
	.info-box-bd{
		padding: 20px;
	}
	
	.xxgk-search{
		display: flex;
		flex-wrap: wrap;
		margin: -5px;
		
	}
	.xxgk-search .col{
		padding: 5px;
		flex-shrink: 0;
	}
	.xxgk-search .col-label{
		align-items: center;
		display: flex;
	}
	.xxgk-search .col-sel{
		flex-basis: 100%;
	}
	.xxgk-search .col-inp{
		flex:1;
	}
	.xxgk-search .col-btn{
		flex-basis: 100%;
	}
	.xxgk-search .layui-btn{
		width: 100%;
	}
	
	
	.info-list-box{
		margin: -10px;
	}
	
	.info-list-box .box{
		padding: 10px;
	}
	
	.info-list-box .box .list{
		padding-top: 5px;
		overflow: hidden;
	}
	.info-list-box .box .list a{
		display: flex;
		align-items: center;
		padding: 5px 0;
	}
	.info-list-box .box .list span{
		font-size: 14px;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
	
	.info-list-box .box .list i{
		background: #c2cdd7;
		width: 6px;
		height: 6px;
		border-radius: 50%;
		margin-right: 10px;
		flex-shrink: 0;
	}
	
	.info-list-box .box .list a:hover i{
		background: #66a7f5;
	}
	.info-list-box .box .list a:hover span{
		color: #66a7f5;
	}
	
	
	.info-list-box .box .list li{
		border-bottom: 1px dashed #D9D9D9;
	}
	
	.info-list-box .box .list-02 ul{
		margin: -5px;
		display: flex;
		flex-wrap: wrap;
	}
	.info-list-box .box .list-02 li{
		padding: 5px;
		flex-shrink: 0;
		flex-basis: 50%;
	}
	.info-list-box .box .list-02 li a{
		background: #f1f5f9;
		display: flex;
		padding:10px 15px;
		align-items: center;
	}
	.info-list-box .box .list-02 li a i{
		display: none;
	}
	.info-list-box .box .list-02 li a span{
		font-size: 14px;
		line-height: 1.2;
	}
	
	.info-list-box .box .list-02 li a:hover{
		background: #66a7f5;
	}
	.info-list-box .box .list-02 li a:hover span{
		color: #fff;
	}
	
	
}

@media (min-width: 760px) {
	
}

@media (min-width: 992px) {
	.info-bg{
		padding-bottom: 80px;
	}
	
	.info-box-bg{
		margin-top: 30px;
	}
	.info-tit{
		height: 56px;
	}
	.info-tit i{
		width: 3px;
		height: 20px;
	}
	
	
	.xxgk-search{
		padding-top: 10px;
	}
	.xxgk-search .col-sel{
		flex-basis: 170px;
	}
	.xxgk-search .col-sel .layui-form-select dl{
		top: 52px;
	}
	.xxgk-search .col-sel .layui-form-selectup dl{
		top:auto;
		bottom: 52px;
	}
	
	.xxgk-search .col-btn{
		flex-basis: 170px;
	}
	.xxgk-search .layui-input{
		height: 50px;
	}
	.xxgk-search .layui-btn{
		height: 50px;
		width: 100%;
	}
	
	
	.info-list-box {
		margin: -20px 0 0 0;
	}
	.info-list-box .box{
		padding:20px 0;
	}
	
	.info-list-box .box .list ul{
		display: flex;
		flex-wrap: wrap;
		margin: 0 -10px;
	}
	.info-list-box .box .list li{
		flex-basis: 25%;
		border-bottom: none;
		min-width:0;
		padding: 0 10px;
		position: relative;
	}
	.info-list-box .box .list a{
		padding: 9px 0;
	}
	.info-list-box .box .list span{
		font-size: 16px;
	}
	
	.info-list-box .box .list li:nth-child(4n+1)::before{
		content:' ';
		position: absolute;
		left: 0;
		width: 400%;
		bottom: 0;
		border-bottom: 1px dashed #D9D9D9;
	}
	
	
	.info-list-box .box .list-02 li a{
		padding:12px 20px;
	}
	.info-list-box .box .list-02 li a span{
		font-size: 16px;
	}
	
	.info-list-box .box .list-02 li{
		flex-basis: 25%;
	}
}

@media (min-width: 1240px) {
	.info-tit i{
		width: 4px;
		height: 24px;
	}
	.info-tit{
		height: 64px;
	}
	
	
	.info-list-box .box .list span{
		font-size: 18px;
	}
	
	
	.info-list-box .box .list-02 li a span{
		font-size: 18px;
	}
}








/* 珠海市香洲区重点领域信息公开专栏 */
@media (min-width: 320px) {
	.list-column{
		padding-top: 20px;
	}
	.list-column ul{
		display: flex;
		flex-wrap: wrap;
		margin: -5px;
	}
	.list-column li{
		flex-basis: 50%;
		flex-shrink: 0;
		padding: 5px;
		display: flex;
	}
	.list-column ul .pic{
		width: 60px;
		width: 60px;
	}
	.list-column ul .pic img{
		width: 100%;
		display: block;
	}
	.list-column ul a{
		display: flex;
		flex-direction: column;
		align-items: center;
		background: #fff;
		padding: 20px;
		border-radius: 10px;
		width: 100%;
	}
	.list-column ul .tit{
		color: #626b7c;
		padding-top: 10px;
		text-align: center;
		line-height: 1.2;
	}
	.list-column ul a:hover{
		box-shadow: 0 3px 10px rgba(54,143,237,.1);
		transform: scale(1.025);
	}
	.list-column ul a:hover .tit{
		color: #368FED;
	}
	/* .list-column ul a:hover .pic{
		transform: scale(1.05);
	} */
}

@media (min-width: 760px) {
	
}

@media (min-width: 992px) {
	.list-column{
		padding-top: 30px;
	}
	.list-column ul{
		margin: -10px;
	}
	.list-column li{
		flex-basis: 33.3333%;
		padding: 10px;
	}
	.list-column ul a{
		padding: 30px 10px;
	}
	.list-column ul .tit{
		padding-top: 20px;
	}
}

@media (min-width: 1240px) {
	
	.list-column ul a{
		padding: 55px 20px;
	}
	.list-column ul .tit{
		padding-top: 33px;
	}
}











/* 内页 */
@media (min-width: 320px) {
	.banner-min+.info-flex-box{
		margin-top: 20px;
	}
	
	.info-bg{
		background: #f7fbff;
	}
	
	.info-flex-box .menu-box .tit{
		background-image: linear-gradient(#D5E9FF,#fff);
		border-radius: 10px 10px 0 0;
		height: 60px;
		display: flex;
		align-items: center;
		padding: 0 10px;
	}
	
	.info-flex-box .menu-box .list{
		background: #fff;
	}
	.info-flex-box .menu-box .list ul{}
	.info-flex-box .menu-box .list li{
		border-bottom: 1px solid #EAF2FB;
	}
	.info-flex-box .menu-box .list li a{
		height: 48px;
		padding: 0 10px;
		display: flex;
		align-items: center;
		justify-content: space-between;
	}
	.info-flex-box .menu-box .list li span{
		
	}
	.info-flex-box .menu-box .list li i::before{
		color: #66a7f5;
	}
	.info-flex-box .menu-box .list li a.on{
		background: #66a7f5;
	}
	.info-flex-box .menu-box .list li a.on span{
		color: #fff;
	}
	.info-flex-box .menu-box .list li a.on i::before{
		color: #fff;
	}
	
	.info-l{
		
	}
	.info-r{
		padding-top: 20px;
	}
	
	.info-r-bg{
		background: #fff;
		padding: 0 10px;
		position: relative;
		z-index: 2;
	}
	
	
	.crumb{
		display: flex;
		align-items: center;
		border-bottom: 1px solid #EAF2FB;
		padding: 10px 0;
	}
	.crumb a,.crumb span{
		font-size: 12px;
	}
	.crumb i{
		padding-right: 5px;
	}
	.crumb i,.crumb i::before{
		color: #66a7f5;
		font-size: 18px;
	}
	.crumb a:hover{
		color: #66a7f5;
	}
	
	.info-r-bd{
		padding: 15px 0 30px 0;
	}
	
	
	
	.info-r-bd .tit-box{
		margin-bottom: 20px;
	}
	.info-r-bd .tit-box .tit{
		display: flex;
		align-items: center;
		padding-right: 10px;
	}
	.info-r-bd .tit-box .tit i{
		width: 3px;
		height: 16px;
		background: #66a7f5;
		display: block;
		margin-right: 5px;
	}
	.info-r-bd .tit-box .tit span{
		line-height: 1;
	}
}

@media (min-width: 760px) {
	
}

@media (min-width: 992px) {
	.banner-min+.info-flex-box{
		margin-top: 30px;
	}
	.crumb{
		display: flex;
		align-items: center;
		border-bottom: 1px solid #EAF2FB;
		padding:18px 0 8px 0;
	}
	.crumb a,.crumb span{
		font-size: 14px;
	}
	
	.info-flex-box{
		display: flex;
	}
	
	.info-flex-box .info-l{
		flex-shrink: 0;
		flex-basis: 21.667%;
		padding-right: 30px;
		position: relative;
	}
	.info-flex-box .info-l::before{
		content:' ';
		background: #fff;
		position: absolute;
		left: 0;
		top: 10px;
		bottom: 0;
		right: 30px;
	}
	
	.info-flex-box .info-r{
		padding-top: 0;
		flex:1;
		min-width:0;
		position: relative;
	}
	.info-flex-box .info-r::before{
		content:' ';
		background: #fff;
		position: absolute;
		left: 0;
		top: 10px;
		bottom: 0;
		right: 0;
	}
	.info-flex-box .menu-box{
		position: relative;
		z-index: 2;
	}
	.info-flex-box .menu-box .tit{
		padding: 0 20px;
		height: 80px;
	}
	.info-flex-box .menu-box .list li a{
		padding: 0 20px;
		height: 60px;
	}
	.info-r-bg{
		padding: 0 20px;
	}
	
	
	.info-r-bd .tit-box{
		display: flex;
	}
	.info-r-bd .tit-box .tit{
		padding-right: 30px;
	}
	.info-r-bd .tit-box .tit i{
		width: 3px;
		height: 20px;
	}
}

@media (min-width: 1240px) {
	.crumb a,.crumb span{
		font-size: 16px;
	}
}







/* 区领导 */
@media (min-width: 320px) {
	.leaders-box {
		margin: -10px 0;
	}
	.leaders-box .box{
		padding: 10px 0;
	}
	
	.leaders-box dl{
		margin-top: 2px;
		display: flex;
	}
	.leaders-box dl dt{
		background: #f2f6fb;
		padding: 10px;
		flex-basis: 140px;
		flex-shrink: 0;
		min-width: 0;
		display: flex;
		align-items: center;
		
	}
	.leaders-box dl dd{
		padding: 10px;
		background: #F7FBFF;
		flex:1;
		min-width: 0;
	}
	.leaders-box dl dd .btn{
		margin: -5px;
		display: flex;
		align-items: center;
		flex-wrap: wrap;
	}
	.leaders-box dl dd a{
		display: block;
		margin: 5px;
	}
}

@media (min-width: 760px) {
	
}

@media (min-width: 992px) {
	.leaders-box {
		margin: -15px 0;
	}
	.leaders-box .box{
		padding: 15px 0;
	}
	
	.leaders-box dl{
		margin-top: 2px;
		display: flex;
	}
	.leaders-box dl dt{
		padding: 15px 20px;
		flex-basis: 210px;
		
	}
	.leaders-box dl dd{
		padding:15px 20px;
	}
	.leaders-box dl dd .btn{
		margin: -5px;
		display: flex;
		align-items: center;
		flex-wrap: wrap;
	}
	.leaders-box dl dd a{
		display: block;
		margin: 5px;
	}
}

@media (min-width: 1240px) {
	
}







/* 详细内容 */
@media (min-width: 320px) {
	
	.info-skin-01 .title .r{
		display: none;
	}
	.info-skin-01 .sub-title{
		padding-top: 20px;
	}
	.info-skin-01 .sub-title .box{
		display: flex;
		margin: -10px;
	}
	.info-skin-01 .sub-title .item{
		padding: 10px;
	}
	
	.info-skin-01 .link-box{
		
	}
	
	.info-skin-01 .link-box .r{
		padding-top: 20px;
		display: flex;
		flex-direction: column;
		align-items: center;
	}
	.info-skin-01 .link-box .r .pic{
		width: 104px;
	}
	
	
	.info-skin-02 .title{
		text-align: center;
	}
	
	.info-skin-02 .sub-title{
		
	}
	.info-skin-02 .sub-title .box{
		padding-top: 10px;
		display: flex;
		justify-content: center;
		margin: -10px;
	}
	.info-skin-02 .sub-title .item{
		padding: 10px;
	}
	.info-skin-02 .qr-box{
		padding-top: 20px;
		display: flex;
		flex-direction: column;
		align-items: center;
	}
	.info-skin-02 .qr-box .pic{
		width: 104px;
	}
	.info-skin-02 .qr-box .tit{
		padding-top: 10px;
	}
	.info-skin-02 .share-box{
		display: none;
	}
}

@media (min-width: 760px) {
	
}

@media (min-width: 992px) {
	.info-skin-01 {
		padding-top: 10px;
	}
	.info-skin-01 .title{
		display: flex;
		justify-content: space-between;
	}
	.info-skin-01 .title .l{
		padding-right: 20px;
	}
	.info-skin-01 .title .l .tit{
		line-height: 34px;
	}
	.info-skin-01 .title .r{
		display: block;
	}
	.info-skin-01 .title .share-box{
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.info-skin-01 .title .share-box .tit{
		padding-right: 10px;
		white-space: nowrap;
	}
	.info-skin-01 div.bshare-custom{
		height: auto;
	}
	.info-skin-01 div.bshare-custom a.icon{
		padding: 0 !important;
		margin: 0 !important;
		background: none !important;
		text-decoration: none !important;
		display: flex;
		height: auto;
	}
	.info-skin-01 div.bshare-custom a.icon,.info-skin-01 div.bshare-custom a.icon::before{
		line-height: 1;
		font-size: 34px;
		color: #368fed;
	}
	
	
	.info-skin-01 .link-box{
		display: flex;
		align-items: center;
	}
	.info-skin-01 .link-box .l{
		flex:1;
		padding-right: 30px;
	}
	.info-skin-01 .link-box .r{
		padding-top: 0;
		align-items: flex-end;
	}
	.info-skin-01 .link-box .r .pic{
		width: 104px;
	}
	
	
	.info-skin-02 .share-box{
		display: flex;
		align-items: center;
	}
	.info-skin-02 .share-box .tit{
		padding-right: 10px;
	}
	.info-skin-02 .qr-box{
		padding-top: 40px;
	}
	
	.info-skin-02{
		padding: 0 40px;
	}
}

@media (min-width: 1240px) {
	.info-skin-02{
		padding: 0 80px;
	}
}







/* leaders-info */
@media (min-width: 320px) {
	.leaders-info .flex{
		display: flex;
		justify-content: space-between;
	}
	.leaders-info .flex .l{
		padding-right: 20px;
	}
	.leaders-info .flex .r .btn{
		background: #66a7f5;
		border-radius: 4px;
		padding: 0 20px;
		display: flex;
		align-items: center;
		justify-content: center;
		height: 42px;
	}
	.leaders-info .flex .r .btn i{
		padding-right: 5px;
	}
	.leaders-info .flex .r .btn i,.leaders-info .flex .r .btn i::before{
		color: #fff;
		font-size: 20px;
	}
	.leaders-info .flex .r .btn span{
		color: #fff;
	}
	
	.leaders-info .flex .r .btn:hover{
		transform: translateY(-5px);
	}
	.leaders-info .mess{
		padding-top: 15px;
	}
	
	.leaders-info .line{
		height: 2px;
		background: #66a7f5;
		margin: 4px 0;
	}
}

@media (min-width: 760px) {
	
}

@media (min-width: 992px) {
	.leaders-info{
		padding-top: 15px;
	}
	.leaders-info .flex .r .btn{
		padding: 0 25px;
		height: 50px;
	}
	
	.leaders-info .mess{
		padding-top: 25px;
	}
}

@media (min-width: 1240px) {
	
}







/* catalog-box */
@media (min-width: 320px) {
	.catalog-box{
		padding-top: 20px;
		margin: -20px 0;
	}
	.catalog-box .box {
		padding: 20px 0;
	}
	.catalog-box .info-tit{
		padding: 0;
		background: none;
		height: auto;
	}
	.catalog-box .info-tit::before{
		display: none;
	}
	
	.list-catalog{
		padding-top: 20px;
	}
	.list-catalog ul{
		display: flex;
		flex-wrap: wrap;
		margin: -5px;
	}
	.list-catalog li{
		flex-basis: 50%;
		flex-shrink: 0;
		padding: 5px;
		display: flex;
	}
	.list-catalog ul .pic{
		width: 100px;
		width: 100px;
		padding: 15px;
		border: 2px solid #94C7F6;
		border-radius: 50%;
	}
	.list-catalog ul .pic img{
		width: 100%;
		display: block;
	}
	.list-catalog ul a{
		display: flex;
		flex-direction: column;
		align-items: center;
		background: #fff;
		padding: 20px;
		border-radius: 10px;
		width: 100%;
	}
	.list-catalog ul .tit{
		color: #626b7c;
		padding-top: 10px;
		text-align: center;
		line-height: 1.2;
	}
	.list-catalog ul a:hover{
		box-shadow: 0 3px 10px rgba(54,143,237,.1);
		transform: scale(1.025);
	}
	.list-catalog ul a:hover .tit{
		color: #368FED;
	}
}

@media (min-width: 760px) {
	
}

@media (min-width: 992px) {
	.catalog-box{
		padding-top: 30px;
		margin: -30px 0;
	}
	.catalog-box .box {
		padding: 30px 0;
	}
	
	.list-catalog ul{
		margin: -10px;
	}
	.list-catalog li{
		flex-basis: 25%;
		padding: 10px;
	}
	.list-catalog ul a{
		padding: 20px 10px;
	}
	.list-catalog ul .tit{
		padding-top: 20px;
	}
}

@media (min-width: 1240px) {
	
	.list-catalog ul a{
		padding: 30px 25px;
	}
	.list-catalog ul .tit{
		padding-top: 25px;
	}
	.list-catalog li{
		flex-basis: 20%;
	}
}







/* 2023-11-16 */
@media (min-width: 320px) {
	
	.tit-pb{ padding-bottom: 10px; margin-bottom: 30px; border-bottom: solid 1px #eee;}
	
	.layui-form-radio:hover *, .layui-form-radioed, .layui-form-radioed>i{ color:#368FED !important;}
	
	.from-box{
		padding-bottom:30px;
	}
	.from-box .tit{
		padding-bottom:10px;
	}
	
	.tips-bg{
		
	}
	.tips-bg{
		background: #e6f2ff;
		padding:15px;
	}
	
	label.layui-form-label{
		padding-left:0;
		width:110px;
	}
	
	.mess-form{ position: relative; z-index: 2;}
	
	.mess-form .tips{padding-top: 5px;}
	
	.mess-form .row{
		margin: -5px;
	}
	
	.mess-form .col{
		padding: 5px;
	}
	
	div.layui-form-checked[lay-skin=primary] i{
		border-color: #3173f8 !important;
		background-color: #3173f8;
	}
	div.layui-form-checkbox[lay-skin=primary]:hover i {
	    border-color: #3173f8;
	    color: #fff;
	}
	
	
	.mess-form-line{
		margin: 20px 0;
		height: 1px;
		background-color: #eee;
	}
	
	.layui-btn-danger {
	    background-color: #1e9fff !important;
	}
	.layui-btn-danger {
	    background-color: #FF5722 !important;
	}
	.mess-form-pack{
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.mess-form-buttons{
		padding-top:20px;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	
	.mess-form-bg{
		background: #E6F2FF;
		padding: 30px;
		margin-top: 30px;
	}
	
	.pages-box{
		display: flex;
		justify-content: center;
	}
}

@media (min-width: 760px) {
	
	
}

@media (min-width: 992px) {
	.hdjl-search-02{
		width:70%;
	}
	.tips-bg{
		padding:30px;
	}
	
	.mess-form .row{
		display: flex;
	}
	
	.mess-form .col{
		flex:1;
	}
	.mess-form .col-01{
		flex-basis: 25%;
		flex-shrink: 0;
		flex-grow: 0;
	}
}

@media (min-width: 1240px) {
	
}







@media (min-width: 320px) {
	
}

@media (min-width: 760px) {
	
}

@media (min-width: 992px) {
	
}

@media (min-width: 1240px) {
	
}







@media (min-width: 320px) {
	
}

@media (min-width: 760px) {
	
}

@media (min-width: 992px) {
	
}

@media (min-width: 1240px) {
	
}







@media (min-width: 320px) {
	
}

@media (min-width: 760px) {
	
}

@media (min-width: 992px) {
	
}

@media (min-width: 1240px) {
	
}





/*--内容盒子--*/
@media (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; font-size: 12px; color: #333; position: relative; z-index: 10; line-height: 2;}
	.content-box,.content-box *{ line-height: 1.85; font-size: 14px;}
	.content-box img{width: 100%; max-width:100%;}
	
	.content-bd{ margin: 20px 0;}
	
	body.view img{max-width: 100%;}
	
	.content-box b{font-size: 14px;}
		
}

@media (min-width: 992px) {
	.content-bd{ margin: 30px 0;}
	.content-box,.content-box *{ font-size: 14px;}
	.content-box b{font-size: 16px;}
}

@media (min-width: 1240px)  {
	.content-box,.content-box *{ font-size: 16px;}
	.content-box b{font-size: 18px;}
	.content-bd{ margin: 40px 0;}
}

	body{
		resolution: 600dpi;
	}
/* 打印样式 */
@media print{
	.wow{
		opacity: 1 !important;
		visibility: visible !important;
	}
	.nav-box{
		position:absolute;
	}
}



