@charset "utf-8";
/* CSS Document */

/* 基础设置 */

/*=================default===================*/
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;
	
}

body.view img{max-width:100%;}

.blue{ color: #036EB8;}
.blue-02{color: #2C2E67;}
.green{ color: #07913B;}


.search ::-webkit-input-placeholder { /* Edge */
  color: #fff;
}

.search :-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #fff;
}

.search ::placeholder {
  color: #fff;
}

@font-face
{
font-family: roboto-b;
src: url('../font/Roboto-Bold.ttf');
}

@font-face
{
font-family: roboto-t;
src: url('../font/Roboto-Thin.ttf');
}

@font-face
{
font-family: roboto-r;
src: url('../font/Roboto-Regular.ttf');
}


@font-face
{
font-family: HN-LTPRO;
src: url('../font/HelveticaNeueLTPro.ttf');
}


@font-face
{
font-family: HN-CET;
src: url('../font/HelveticaNeueCEThin.ttf');
}


@font-face
{
font-family: HN-CER;
src: url('../font/HelveticaNeueCERoman.ttf');
}


@font-face
{
font-family: noto-r;
src: url('../font/NotoSerif-Regular.ttf');
}

*{-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:#036EB8; color:#fff;}
::-moz-selection{background:#036EB8; color:#fff;}

a,a:link{ color: #333; text-decoration: none;}
a:hover,a:active{ color: #036EB8; text-decoration: none;}

a:hover i.pic-size img{-webkit-transform: scale(1.05); transform: scale(1.05);}

.block{display: block !important;}

/*定义动画*/
.e-ani *,.e-ani *:before,.e-ani *:after{-webkit-transition: .3s; transition:.3s;}


.nav * .nav-btn-bg{-webkit-transition:left .3s ease .03s; transition:left .3s ease .03s;}/*0.03延迟解决".nav-btn-bg"元素抖动*/

.e-animte{-webkit-transition:height .5s, max-height .5s, min-height .5s, color .5s,background .5s,border .5s,opacity .5s,-webkit-transform .5s, top 0s linear .6s, bottom 0s linear .6s, left 0s linear .6s;
transition:height .5s, max-height .5s, min-height .5s, color .5s,background .5s,border .5s,opacity .5s,transform .5s, top 0s linear .6s,bottom 0s linear .6s,left 0s linear .6s;}

*.e-animte-show{-webkit-transition:height .5s, max-height .5s, min-height .5s, color .5s,background .5s,border .5s,opacity .5s,-webkit-transform .5s, top 0s linear 0s, bottom 0s linear 0s, top 0s linear 0s;
transition:height .5s, max-height .5s, min-height .5s, color .5s,background .5s,border .5s,opacity .5s,transform .5s, top 0s linear 0s, bottom 0s linear 0s, top 0s linear 0s;}

.animated { -webkit-animation-duration: .5s; animation-duration: .5s; -webkit-animation-fill-mode: both; animation-fill-mode: both;}

/*--简易切换动画--*/
.tabs-box .bd{ transition: .3s;}
.tabs-box .bd:after{content: ' '; clear: both; width: 0; height: 0; overflow: hidden;}
.tabs-box .bd>.tabs-hide{ position: absolute; top: 0; left: -10000px; width: 100%; overflow: hidden; -webkit-transform: none; transform: none; opacity: 0; -webkit-animation: tabs-hide .8s; animation: tabs-hide .8s;}
@-webkit-keyframes tabs-hide /* Safari 和 Chrome */
{
from { -webkit-transform: translateX(0); transform: translateX(0);  opacity: 1;}
to { -webkit-transform: translateX(0); transform: translateX(0);  opacity: 0;}
}
@keyframes tabs-hide
{
from { -webkit-transform: translateX(0); transform: translateX(0);  opacity: 1;}
to { -webkit-transform: translateX(0); transform: translateX(0);  opacity: 0;}
}
.tabs-box .bd>.tabs-on{ position: relative; top: 0; left: 0; width: 100%; -webkit-transform:none; transform: none; opacity: 1;}
.tabs-box .bd>.tabs-show{ position: relative; top: 0; left: 0; width: 100%; overflow: visible; -webkit-transform:none; transform: none; opacity: 1; -webkit-animation: tabs-show .8s; animation: tabs-show .8s;}
@-webkit-keyframes tabs-show /* Safari 和 Chrome */
{
from { -webkit-transform: translateX(0); transform: translateX(0);  opacity: 0;}
to { -webkit-transform: translateX(0); transform: translateX(0);  opacity: 1;}
}
@keyframes tabs-show
{
from { -webkit-transform: translateX(0); transform: translateX(0);  opacity: 0;}
to { -webkit-transform: translateX(0); transform: translateX(0);  opacity: 1;}
}


/* 切换 */
.tabs-box .hd-line{transition: .3s;}
.tabs-box .hd>*{position: relative;}
.tabs-box .bd{ position: relative; overflow: hidden;}
.e-anim-hide{display: none;}
.e-anim-on{ display: block;}
.e-anim-off{  pointer-events: none; display: block; display: none\9;}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
   .e-anim-off { display: block;  } /* IE10+ */
}


.tabs-box .e-anim-on{animation:tabs-anim-on .3s;animation-fill-mode: both;  width: 100%;}
.tabs-box .e-anim-off{ animation:tabs-anim-off .3s;  width: 100%; position: absolute; animation-fill-mode: both;  top: 0;}


@keyframes tabs-anim-on{
	from { opacity: 0; }
	to {opacity: 1;}
}
@keyframes tabs-anim-off{
	from { opacity: 1; }
	to { opacity: 0;}
}




/*--最小屏提示--*/
@media screen and (max-width: 319px) {
html{-webkit-transition: 0s;  transition: 0s; background: #fff url(../img/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(../img/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 10px 0; margin: 0;}
div.pages *{ line-height: 1.4;}
div.pages a,div.pages span {text-decoration: none; background: #fff; border: 1px solid #DDDDDD; padding: 5px 11px; margin: 3px; color: #999999; display: inline-block; font-weight: normal;}
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: #036EB8; color: #fff; border: 1px solid #036EB8;}
@media screen and (min-width: 992px) {
	div.pages{ padding: 50px 0 30px 0;}
	div.pages a,div.pages span{ margin:3px 5px;}
	div.pages a,div.pages span{  font-size: 14px;}
}





/*--移动端设置&小屏电脑 图片缩放--*/
/*设置最大屏像素-1*/
@media screen and (max-width: 1259px){
/*.content-box img,.content-bd img{width: auto !important; height: auto !important; max-width: 100%;}*/
}

/*图片比例裁剪预设*/
i.pic-size{ width: 100%; height: 0; padding-bottom: 100%; position: relative; display: block; overflow: hidden;}
i.pic-size img{ width: 100% !important; height: 100% !important; max-width: 100%; max-height: 100%; position: absolute; /* left: -100%; top: -100%; right: -100%; bottom: -100%;*/ margin: auto; object-fit: contain;}
i.pic-size-cover img{object-fit: cover;}
i.pic-size-scale-down img{object-fit: scale-down;}
i.pic-size-none img{object-fit: none;}


.layui-form-checked[lay-skin=primary] i{ border-color: #036EB8; background-color: #036EB8;}
.layui-form-checkbox[lay-skin=primary]:hover i{ border-color: #036EB8;}





/*=================layout===================*/
@media screen and (min-width: 320px) {
	.container{ padding: 0 15px; margin: 0 auto;}
	.container:after{ content: " "; display: block; clear: both; width: 0; height: 0; overflow: hidden;}
	.container-max{ padding: 0 15px; width: 100%; margin: 0 auto;}

	/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/
		::-webkit-scrollbar
		{
		    width: 10px;
		    height: 10px;
		    background-color: #f7f7f7;
		}
		 
		/*定义滚动条轨道 内阴影+圆角*/
		::-webkit-scrollbar-track
		{
		    background-color: #e6e6e6;
		}
		 
		/*定义滑块 内阴影+圆角*/
		::-webkit-scrollbar-thumb
		{
		    background-color: #aaa;
		}
}

@media screen and (min-width: 992px) {
	.container{ width: 980px; padding: 0 10px;}
}

@media screen and (min-width: 1320px) {
	.container{ width: 1300px; padding: 0 10px;}
}

@media screen and (min-width: 1620px) {
	.container-max{ width: 1580px; padding: 0 10px;}
}





/*=================header===================*/
@media screen and (min-width: 320px) {
	
	div.nav-poa{ position: absolute; left: 0; top: 0; width: 100%;}
	.container-header{position: relative;}
	.nav-box-bg{ background: #fff; height: 55px; width: 100%; position: absolute; left: 0; top: 0; z-index: 8;}
	.nav-box{ height: 55px; position: relative; width: 100%; z-index: 100; /* box-shadow: 0 0 5px rgba(0,0,0,.2); */ }
	.header-box{ height: 55px; display: none;}
	.logo{ float: left; position: relative; z-index: 9; height: 55px; padding: 20px 0 20px 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: #036EB8;}
	.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: 55px; left: 0; right: 0; background: #fff; background: rgba(255,255,255,.85);  padding:10px 15px; -webkit-box-shadow: 0 10px 20px  rgba(0,0,0,.1);
	-moz-box-shadow: 0 10px 20px  rgba(0,0,0,.1);
	box-shadow: 0 10px 20px  rgba(0,0,0,.1); 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(255,255,255,.2);}
	.nav-list li:nth-last-child(2){border-bottom: none;}
	.nav-list li a{ display: block; }
	.nav-list li a b{font-weight: normal; line-height: 42px; position: relative; color: #333333; 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: 12px; text-align: center;}
	.nav-list li .nav-list-sub a:nth-last-child(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: #036EB8;}
	.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: #036EB8;}
	.nav-list li.nav-on a b,.nav-list li.nav-on a i:before{ color: #036EB8;}
	
	
	.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: #036EB8; 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;}
	
	
	
	/* 下拉 */
	.top-r{ background: #F5F6FA; padding:10px 15px 15px 15px;}
	
	.top-r-box{ display: flex; justify-content: center; padding-bottom: 10px; position: relative; z-index: 2; align-items: center;}
	
	
	.search{ position: relative;width: 100%;}
	.search *{ transition: border .3s,color .3s;}
	.search input{ width: 100%; height: 36px; border-radius: 4px; border: none; padding-left: 20px; padding-right: 40px; background: #fff; color: #666; border: solid 1px #ddd;}
	.search button{ width: 36px; height: 36px; background: none; border: none; position: absolute; right: 0; top: 0; cursor: pointer;}
	.search button i::before{ font-size: 16px; color: #07913B;}
	
	.search input::-webkit-input-placeholder{ color: #ddd; }
	.search input::-moz-input-placeholder{ mcolor: #ddd;}
	.search input::-ms-input-placeholder{ color: #ddd; }
	
	.search input:focus{ border-color: #07913B;}
	
	.search button:hover i::before{ color: #07913B;}
	
	
	.lang-box{ display: flex; justify-content: center;}
	.lang-box span{ color: #333; padding: 0 5px;}
	.lang-box a{ color: #333;}
	.lang-box a.on,.lang-box a:hover{color: #036EB8;}
	
	.search-btn{display: none;}
	
	
	.lang-box{ margin-right: 20px;}
	.lang-box{display: flex; align-items: center;}
	.lang-box dl{position: relative;}
	.lang-box dt {display: flex; align-items: center; justify-content: center; cursor: pointer;}
	.lang-box dt i{ line-height: 1; font-size: 12px;}
	.lang-box dt i::before{ color: #333; font-size: 12px;}
	.lang-box dt i.icon-map::before{ font-size: 24px; color: #036EB8; padding-right: 5px;}
	.lang-box dd{position: absolute; background: #fff; width: 100%; box-shadow: 0 0 10px rgba(0,0,0,.1);}
	
	.lang-box dd.e-anim-on{animation:lang-anim-on .3s; animation-fill-mode: both; }
	.lang-box dd.e-anim-off{ animation:lang-anim-off .3s; animation-fill-mode: both;}
	
	.lang-box dd::before{ content: ' '; border-bottom: solid 6px #fff; border-left: solid 6px transparent; border-right: solid 6px transparent; position: absolute; left: 50%; top: -6px; margin-left: -6px;}
	.lang-box dd a{ display: block; width: 100%; text-align: center; line-height: 36px;}
	
	.system-box a{ display: flex; align-items: center;}
	.system-box i::before{ padding-right: 5px; color: #036EB8; font-size: 16px;}
	.lang-box dt .icon-system::before{color: #036EB8;}
	.system-box span{color: #333; font-size: 12px;}
}


	@keyframes lang-anim-on{
		from { opacity: 0; transform: translateY(-10px);}
		to {opacity: 1; transform: translateY(0);}
	}
	@keyframes lang-anim-off{
		from { opacity: 1; transform: translateY(0); }
		to { opacity: 0; transform: translateY(-10px); }
	}

	
	@keyframes nav-anim-on{
		from { opacity: 0; transform: translateY(-10px); filter: blur(2px);}
		to {opacity: 1; transform: translateY(0);}
	}
	@keyframes nav-anim-off{
		from { opacity: 1; transform: translateY(0); filter: blur(0);}
		to { opacity: 0; transform: translateY(-10px); filter: blur(2px);}
	}
	
	@keyframes nav-list-anim-on{
		from { opacity: 0; transform: translateY(-20px);}
		to {opacity: 1; transform: translateY(0);}
	}
	@keyframes nav-list-anim-off{
		from { opacity: 1; transform: translateY(0);}
		to { opacity: 0; transform: translateY(20px);}
	}
	
	


@media screen and (min-width: 375px) {
	
}


@media screen and (min-width: 480px) {
	/* .logo{ height: 76px; padding: 30px 0;}
	.nav-box-bg{ height: 76px;}
	.nav-box{ height: 76px;}
	.header-box{ height: 76px;}
	.nav{ top: 76px;}
	.nav-btn i{ line-height: 76px; font-size: 28px; width: 30px;}
	 */
	
}

@media screen and (max-width: 991px) {
	.search{display: block;}
}

@media screen and (min-width: 992px) {
	
	.nav{ height: 60px;}
	.nav:before{display: none;}
	.nav-box-bg{ height: 60px;}
	
	.nav-box{ box-shadow: none; position: relative; height: 60px; background: #fff;}
	
	.header-box{ height: 60px; display: none;}
	
	.logo{ height: 60px; padding: 20px 0;}
	.logo img{ margin: 0 auto; height: 100%;}
	.logo a{ width: 100%; height: 100%; display: block; padding: 0;}
	
	
	.nav-btn{ display: none;}
	.nav{ float: right; position: relative; -webkit-transform: none; transform: none; opacity: 1; filter:Alpha(opacity=100); z-index: 11; 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;}
	.nav-list{  position: relative; float: right;}
	
		
	
	.nav-list:after{ content: ' '; overflow: hidden; clear: both; display: block;}
	.nav-list{}
	.nav-list li{ float: left; border-bottom: none; position: relative; border: none;}
	
	.nav-list li a b{ line-height: 60px; height: 60px; color: #333; overflow: hidden; font-weight: normal; font-size: 14px;}
	.nav-list li a{ height: 60px; line-height: 60px; padding: 0 10px; font-size: 14px; position: relative;}
	
	
	/*.nav-list li:nth-last-of-type(1) a:after{display: none;}*/
	.nav-list li.nav-on>a b{ color: #fff;}
	.nav-list li.nav-off>a b{ color: #333; font-weight: normal;}
	.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); background: #036EB8;}
	.bd-more{border-bottom-color: #fff; display: none;}
	.nav-list li .nav-list-sub{ position: absolute; top: 60px; 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;  width: 960px; }

	.nav-list li .nav-list-sub .nav-list-height{padding: 0;overflow: hidden; float: left; margin-left: -5px; position: relative;}
	.nav-list li .nav-list-sub a{ height: auto; border: none; font-size: 12px; padding:  0 10px;  text-align: center; line-height: 40px; float: left; position: relative; z-index: 2;}

	.nav-list li .nav-list-sub a span{line-height: .nav-list li .nav-list-sub a; color: #666; white-space: nowrap; padding: 0; font-size: 12px; line-height: 40px;}
	
	.nav-list li .nav-list-sub a:hover span,.nav-list li .nav-list-sub a.on span{  color: #036EB8;}

	
	.nav-list div.nav-btn-bg,.nav-list div.nav-btn-bg-02{ height: 60px; 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: 40px; width: 100%; left: 0; background: #f4f4f4; opacity: 0;  filter:Alpha(opacity=0); }
	.nav-list-sub-bg-show{ opacity: 1;  filter:Alpha(opacity=100); top: 60px;}
	
	.header-swiper-box{ position: absolute; left: 0; top: 0; width: 100%;}
	.header-bg{ height: 0; background-position: center center; background-repeat: no-repeat; background-color: #036EB8;}
	
	
	/* pc二级栏目滑块 */
	.nav-list li .nav-list-sub div.btn-sub-bg{display: block; position: absolute; width: 0; left: 0; height: 40px; padding: 0; border-bottom: solid 2px #036EB8; transition: .3s;}
	
	
	/* top-r */
	.top-r{ float: right; display: flex; background: none; padding: 0; position: relative;}
	.top-r-box{ padding: 0;}
	.lang-box{ margin-right: 15px;}
	.lang-box dt{ height: 60px;}
	.lang-box span{ color: #6F6F6F;}
	.lang-box a{ color: #6f6f6f;}
	.nav-list{ padding-right: 10px;}
	.search{ position: absolute; right:0; top: 60px; padding: 10px; background: #f4f4f4;}
	
	.search-btn{display: block; margin-right: 15px; display: flex; align-items: center; cursor: pointer;}
	.search-btn i{ padding-right: 5px;}
	.search-btn i::before{  font-size: 14px; color: #07913B;}
	.search-btn span{ color: #333; }
	.search button{ top: 10px; right: 10px;}
	
	.top-r-box i,.top-r-box i::before{ line-height: 60px;}
	.top-r-box span{ line-height: 60px;}
	
	
	.search.e-anim-on{animation:search-anim-on-pc .3s; animation-fill-mode: both; display: block;}
	.search.e-anim-off{ animation:search-anim-off-pc .3s; animation-fill-mode: both; display: block;}
	
}

@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 search-anim-on-pc{
	from { opacity: 0; transform: translateY(-10px);}
	to {opacity: 1; transform: translateY(0);}
}
@keyframes search-anim-off-pc{
	from { opacity: 1; transform: translateY(0);}
	to { opacity: 0; transform: translateY(10px);}
}


@media screen and (min-width: 1320px) {
.nav{ height: 80px;}
.nav-box{height: 80px;}
.nav-box-bg{ height: 80px;}
.logo{ padding: 21px 0 21px 0; height: 80px;}
.nav{width: auto;}
.nav-list{ padding-right: 6px;}
.nav-list li a{ padding: 0 15px; height: 80px; line-height: 80px;}
.nav-list li a b{font-size: 16px; line-height: 80px; height: 80px;}

.nav-list div.nav-btn-bg:before,.nav-list div.nav-btn-bg-02:before{ left: 25px; right: 25px;}
.nav-list li .nav-list-sub{}
.nav-list li .nav-list-sub .nav-list-height{ margin: 0;  padding-left: 5px;}

	
.nav-list li .nav-list-sub{ width: 1320px;}

.nav-list li .nav-list-sub{ top: 80px;}
.nav-list-sub-bg-show{ top: 80px;}

.nav-list div.nav-btn-bg, .nav-list div.nav-btn-bg-02{ height: 80px;}

.lang-box dt{ height: 80px;}
.top-r-box i, .top-r-box i::before{ line-height: 80px; height: 80px;}
.top-r-box span{ line-height: 80px;}
.search{ top: 80px;}



.system-box span{font-size: 16px;}
.system-box i::before{font-size: 22px; padding-right: 10px;}


.search-btn{ margin-right: 20px;}
.search-btn span{ font-size: 16px;}
.search-btn i{ padding-right: 10px;}
.search-btn i::before{font-size: 18px;}

.lang-box{ margin-right: 18px;}
.lang-box dt i::before{ font-size: 14px;}
.lang-box dt .icon-system::before{ font-size: 22px;}
.lang-box dt span{ font-size: 16px; padding-right: 6px;}
.lang-box dt i.icon-map::before{font-size: 40px;}
	
}



/*banner*/
@media screen and (min-width: 320px) {
	.banner-box{ position: relative;}
	.banner{ height: 46vw; -webkit-background-size: cover; background-size: cover; background-position: center center;}
	
	.banner-prev{ left: 10px; position: absolute; top: 50%; z-index: 9; margin-top: -20px; cursor: pointer;}
	.banner-next{ right: 10px; position: absolute; top: 50%; z-index: 9; margin-top: -20px; cursor: pointer;}
	.banner-prev i,.banner-next i{ line-height: 40px; font-size: 14px; display: block; color: #555555; width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; background: rgba(255,255,255,.8); -webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;}
	.banner-prev:hover{transform: translateX(-5px);}
	.banner-next:hover{transform: translateX(5px);}
	.banner-prev:hover i::before,.banner-next:hover i::before{ color: #fff;}
	.banner-prev:hover i,.banner-next:hover i{ background: #0172d1;}
	.banner-box .banner-pagination{ position: absolute; left: 50%; bottom: 10px; z-index: 9; width: auto; transform: translateX(-50%);}
	.banner-box .banner-pagination span{ width: 8px; height: 8px; background: #FFFFFF; border-radius: 4px; opacity: 1;}
	.banner-box .banner-pagination span.swiper-pagination-bullet-active{ background: #0C6DB5; width: 20px;}
}

@media screen and (min-width: 480px) {
	
}

@media screen and (min-width: 992px) {
	/* .banner-prev i,.banner-next i{ font-size: 48px;} */
	.banner-prev{ left: 50%; margin-left: -490px;}
	.banner-next{ right: 50%; margin-right: -490px;}
	.banner-b-more{ right: 10px;}
	.banner-box .banner-pagination{ bottom: 17px;}
	.banner-prev, .banner-next{ margin-top: -30px;}
	.banner-prev i, .banner-next i{ width: 60px; height: 60px;}
	
}

@media screen and (min-width: 1320px) {
	.banner{height: 500px;}
	.notice-mess a{font-size: 13px;}
	.banner-prev i,.banner-next i{ font-size: 14px;}
	.banner-prev{ left: 50%; margin-left: -700px;}
	.banner-next{ right: 50%; margin-right: -700px;}
}

@media screen and (min-width: 1560px) {
	/* .banner{ height: 46vw;} */
    .banner-prev{ left: 0%; margin-left: 35px;}
	.banner-next{ right: 0%; margin-right: 35px;}
}

@media screen and (min-width: 1930px) {
	.banner{ height: 26vw;}
}




/* 新闻中心 */
@media screen and (min-width: 320px) {
	i.pic-scale-news{ padding-bottom: 62.5%;}
	.ind-news-bg{ padding: 15px 0; background: url(../img/ind-news-bg@2x.jpg); -webkit-background-size: cover; background-size: cover; background-position: center top;}
	
	.ind-news-bg .title{ text-align: center; font-size: 20px; font-weight: bold; color: #333;}
	.ind-news-bg .sub-tit-box{ padding-bottom: 15px;}
	.ind-news-bg .bd{overflow: visible;}
	.ind-news-bg .hd {display: flex; align-items: center; flex-wrap: wrap; justify-content: center;}
	.ind-news-bg .hd span::before{ content: ' '; width: 1px; height: 16px; background: #CCC; right: -10px; position: absolute; top: 50%; margin-top: -8px;}
	.ind-news-bg .hd span:nth-last-child(1)::before{display: none;}
	.ind-news-bg .hd span{margin: 0 10px; display: flex; align-items: center; position: relative;}
	.ind-news-bg .hd a{color: #333; line-height: 36px;}
	.ind-news-bg .hd i{ line-height: 36px;}
	.ind-news-bg .hd i::before{ padding-left: 5px; font-size: 20px; line-height: 36px;}
	.ind-news-bg .hd .on a,.ind-news-bg .hd a:hover,.ind-news-bg .hd a:hover i::before{ color: #0C6DB5;}
	
	.ind-news-bg .button-box{ display: flex;}
	.ind-news-bg .button-prev,.ind-news-bg .button-next{ background: #f4f4f4; width: 42px; height: 42px; display: flex; align-items: center; justify-content: center; margin-right: 1px; cursor: pointer;}
	.ind-news-bg .button-prev i::before,.ind-news-bg .button-next i::before{font-size: 14px; color: #666;}
	.ind-news-bg .button-prev:hover ,.ind-news-bg .button-next:hover { background: #0C6DB5;}
	.ind-news-bg .button-prev:hover i::before,.ind-news-bg .button-next:hover i::before{ color: #fff;}
	
	i.pic-scale-news-02{ padding-bottom: 60%;}
	.ind-news-bg .list{ padding-top: 10px; display: flex; margin: -10px; flex-wrap: wrap;}
	.ind-news-bg .list a{display: block;}
	.ind-news-bg .list .time{color: #07913B; margin-bottom: 5px; display: block; font-family: roboto-r;}
	.ind-news-bg .list .dot{display: none;}
	.ind-news-bg .list .tit{ margin-top: 8px; line-height: 1.4; color: #333;overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
	.ind-news-bg .list .txt{display: none;}
	.ind-news-bg .list .btn{ background: #0C6DB5; color: #fff; height: 36px; padding: 0 15px; display: inline-flex; align-items: center;justify-content: center; margin-top: 10px;}
	
	.ind-news-bg .list .box{flex-basis: 50%; max-width:50%; flex-shrink: 0; padding: 10px;}
	.ind-news-bg .list .box:nth-child(n+3){ display: none;}
	.ind-news-bg .list a:hover .tit{ color: #0C6DB5;}
	.ind-news-bg .list a:hover .btn{ background: #07913B;}
}

@media screen and (min-width: 375px) {
	
}

@media screen and (min-width: 480px) {
	
}

@media screen and (min-width: 992px) {
	i.pic-scale-news{ padding-bottom: 61%;}
	.ind-news-bg{ padding: 25px 0;}
	.ind-news-bg .list .box:nth-child(n+3){ display: block;}
	
	.ind-news-bg .list .box{flex-basis: 33.3333%; max-width:33.3333%;}
	.ind-news-bg .list-02 .box{flex-basis: 25%; max-width: 25%;}
	.ind-news-bg .flex-box{ display: flex;}
	.ind-news-bg .pic-box{ flex-basis: 40%; max-width: 40%; flex-shrink: 0; min-width: 0; padding-right: 15px;}
	.ind-news-bg .list-box{flex:1;}
	.ind-news-bg .list{ padding-left: 15px; padding-top: 0; margin: -15px;}
	.ind-news-bg .list .box{ padding: 15px;}
	
	.ind-news-bg .title{font-size: 28px;}
	
	.ind-news-bg .hd span{ margin: 0 15px; font-size: 14px;}
	.ind-news-bg .hd span::before{ right: -15px;}
	
	.ind-news-bg .button-prev,.ind-news-bg .button-next{ width: 25px; height: 25px; background: none;}
	.ind-news-bg .button-box{ margin-top: 15px; position: relative; display: inline-flex;}
	.ind-news-bg .button-box::before{ content: ' '; width: 1px; height: 16px; background: #DDD; position: absolute; left: 50%; top: 50%; margin-top: -8px;}
	.ind-news-bg .button-prev{ margin-right: 20px;}
	.ind-news-bg .button-next{ margin-left: 20px;}
	.ind-news-bg .button-prev i,.ind-news-bg .button-next i{height: 25px;}
	.ind-news-bg .button-prev i::before,.ind-news-bg .button-next i::before{font-size: 25px; color: #666; line-height: 25px;}
	.ind-news-bg .button-prev:hover ,.ind-news-bg .button-next:hover { background: none;}
	.ind-news-bg .button-prev:hover i::before,.ind-news-bg .button-next:hover i::before{ color: #0C6DB5;}
}

@media screen and (min-width: 1320px) {
	i.pic-scale-news{ padding-bottom: 68.5%;}
	.ind-news-bg{ padding: 30px 0; overflow: hidden;}
	.ind-news-bg .pic-box{ padding-right: 20px;}
	.ind-news-bg .list{position: relative; padding-left: 20px;}
	.ind-news-bg .list::before{content: ' '; width: 10000%; height: 1px; background: #BBB; position: absolute; left: 0; top: 54px; left: 45px;}
	.ind-news-bg .list .dot{ border: dashed 1px #BBBBBB; display: block; width: 20px; height: 20px; border-radius: 50%; margin-bottom: 10px; display: flex; align-items: center; justify-content: center;}
	.ind-news-bg .list .dot::before{ content: ' '; width: 8px; height: 8px; border-radius: 50%; background: #BBB;}
	.ind-news-bg .list .txt{display: block; overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-size: 12px; color: #666; margin-top: 5px;}
	
	.ind-news-bg .title{font-size: 34px;}
	
	.ind-news-bg .hd span{ margin: 0 20px; font-size: 16px;}
	.ind-news-bg .hd span::before{ right: -20px;}
}


@media screen and (min-width: 1620px) {
	.ind-news-bg{ padding-bottom: 40px;}
	.ind-news-bg .title{font-size: 40px;}
	.ind-news-bg .sub-tit-box{ padding-top: 8px; padding-bottom: 32px;}
	.ind-news-bg .hd span{ margin: 0 30px;}
	.ind-news-bg .hd span::before{ right: -30px;}
	.ind-news-bg .hd i::before{ padding-left: 10px;}
	
	i.pic-scale-news{ padding-bottom: 62.5%;}
	.ind-news-bg .pic-box{ flex-basis: 670px; max-width: 670px; padding-right: 30px;}
	.ind-news-bg .list{ padding-left: 30px; margin: -20px;}
	.ind-news-bg .list .time{ font-size: 16px;}
	.ind-news-bg .list::before{ top: 62px; left: 58px;}
	.ind-news-bg .list .box{ padding: 20px;}
	.ind-news-bg .list .dot{ margin-bottom: 18px;}
	.ind-news-bg .list .tit{margin-top: 14px; font-size: 18px; line-height: 28px;}
	.ind-news-bg .list .txt{ font-size: 14px; line-height: 22px;}
	.ind-news-bg .list .btn{ margin-top: 14px; height: 40px; padding: 0 28px; font-size: 16px;}
	
	.ind-news-bg .button-box{ margin-top: 34px;}
	
}





/* 业务 */
@media screen and (min-width: 320px) {
	i.pic-scale-yw{ padding-bottom: 160px;}
	.ind-yw-box .list{ display: flex; flex-wrap: wrap;}
	.ind-yw-box .box{ flex: 1; min-width: 50%;}
	.ind-yw-box a{display: block; position: relative; overflow: hidden;}
	.ind-yw-box .shade-blue{ background-image: linear-gradient( rgba(3,110,184,0) ,  rgba(3,110,184,1)); position: absolute; left: 0; top: 0; z-index: 2; width: 100%; height: 100%;}
	.ind-yw-box .shade-green{ background-image: linear-gradient( rgba(7,145,59,.2) ,  rgba(7,145,59,.9)); position: absolute; left: 0; top: 0; z-index: 2; width: 100%; height: 100%; opacity: 0;}
	i.pic-scale-yw{}
	.ind-yw-box .txt-box{position: absolute; left: 0; top: 0; width: 100%; height: 100%;  z-index: 3;}
	.ind-yw-box .txt-box-b{display: none;}
	.ind-yw-box .txt-box-t{ width: 100%; height: 100%; padding: 15px; display: flex; align-items: center; justify-content: flex-end; flex-direction: column;}
	.ind-yw-box .en{ display: block; color: #fff; text-transform: uppercase; font-size: 12px; text-align: center; font-family: roboto-r;}
	.ind-yw-box .cn{ display: block; color: #fff; font-size: 24px;}
	
	
}

@media screen and (min-width: 375px) {
	
}

@media screen and (min-width: 480px) {
	
}

@media screen and (min-width: 992px) {
	/*i.pic-scale-yw{ padding-bottom: 119.792%;}*/
	i.pic-scale-yw{ padding-bottom: 95%;}
	.ind-yw-box .list{display: flex;}
	.ind-yw-box .box{flex:1; min-width: auto;}
	.ind-yw-box a:hover .shade-blue{ opacity: 0;}
	.ind-yw-box a:hover .shade-green{ opacity: 1;}
	.ind-yw-box a:hover .txt-box{}
	.ind-yw-box a:hover .txt-box-t{opacity: 0;}
	.ind-yw-box a:hover .txt-box-b{opacity: 1; transform: translateY(-100%);}
	.ind-yw-box .txt-box-b{ width: 100%; height: 100%; padding: 15px; display: flex; align-items: center; justify-content: center; flex-direction: column; opacity: 1;}
	
	
	.ind-yw-box hr{ display: none;}
	
	.ind-yw-box .txt{ overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; font-size: 12px; text-align: center; color: #fff;}
	.ind-yw-box .btn{ background: #fff; color: #333; height: 36px; padding: 0 20px; display: flex; align-items: center; justify-content: center; margin-top: 10px;}
	.ind-yw-box .btn span{ padding-right: 5px;}
	
	.ind-yw-box .btn:hover span{ padding-right: 15px;}
	
}

@media screen and (min-width: 1320px) {
	.ind-yw-box hr{ display: block; width: 30px; height: 2px; background: #fff; margin:5px 0 15px 0;}
	.ind-yw-box .btn{  margin-top: 20px;}
}

@media screen and (min-width: 1620px) {
	.ind-yw-box hr{ margin:20px 0 30px 0;}
	.ind-yw-box .txt-box-t{ padding:15px 45px;}
	.ind-yw-box .txt-box-b{ padding:15px 45px;}
	.ind-yw-box .en{font-size: 14px;}
	.ind-yw-box .cn{font-size: 32px; line-height: 1.4;}
	.ind-yw-box .txt{font-size: 14px;}
	.ind-yw-box .btn{ height: 56px; padding: 0 30px; font-size: 18px; margin-top: 25px;}
	.ind-yw-box .btn i::before{ font-size: 24px;}
}
@media screen and (min-width: 1930px) {
	/*i.pic-scale-yw{ padding-bottom: 458px;}*/
	i.pic-scale-yw{ padding-bottom: 400px;}
}

/* 党建动态 */
@media screen and (min-width: 320px) {
	
	.box-tit{ display: flex;justify-content: space-between; position: relative;}
	.box-line::before{ content:' '; width: 100%; height: 1px; background: #CCC; position: absolute; left: 0; bottom: 0;}
	.box-line b{position: relative; padding-bottom: 10px; /* padding-right: 10px; */}
	.box-line b::before{ content: ' '; position: absolute; left: 0; bottom: 0; height: 3px; background: #036EB8; width: 100%;}
	
	.box-tit a{ color: #036EB8;}
	
	
	.ind-news-bg-02{ padding: 15px 0; background: url(../img/ind-news-bg-02@2x.jpg); -webkit-background-size: cover; background-size: cover; background-position: center top;}
	.ind-news-bg-02 .bg{ background: #fff; padding: 10px;}
	
	i.pic-scale-news-03{ padding-bottom: 60%;}
	
	.ind-news-bg-02 .box{ padding-top: 15px;}
	
	.ind-news-bg-02 .box-t dd{ background: #F8F8F8; padding: 10px;}
	.ind-news-bg-02 .box-t .tit{ display: block; overflow: hidden; -ms-text-overflow: ellipsis;
	text-overflow: ellipsis; white-space: nowrap; color: #333;}
	.ind-news-bg-02 .box-t .time{ color: #036EB8; display: block; margin-top: 5px;}
	.ind-news-bg-02 .box-t .txt{ color: #666; font-size: 12px; overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; margin-top: 5px;}
	
	.ind-news-bg-02 .line{ background: #EEE; margin: 10px 0;}
	.ind-news-bg-02 .box-t a:hover .tit{ color: #036EB8;}
	
	.ind-news-bg-02 .list li{display: flex; align-items: center;}
	.ind-news-bg-02 .list i{ width: 4px; height: 4px; background: #036EB8; margin-right: 10px; flex-shrink: 0;}
	.ind-news-bg-02 .list a{ flex: 1; min-width: 0; overflow: hidden; -ms-text-overflow: ellipsis;
	text-overflow: ellipsis; white-space: nowrap; line-height: 36px;}
	.ind-news-bg-02 .list span{color:#333333; font-size: 12px; padding-left: 15px; flex-shrink: 0;}
	
	.ind-news-bg-02 .list a:hover{ color: #036EB8;}
	
	
	.ind-news-bg-02 .box-r{ margin-top: 15px;}
	
	.ind-news-bg-02 .bg-mt{ margin-top: 15px;}
	
	.ind-news-bg-02 .video-box{ position: relative; display: block; cursor: pointer;}
	.ind-news-bg-02 .video-box .btn{ width: 70px; height: 70px; background: rgba(12,109,181,.9); border-radius: 50%; position: absolute; left: 50%; top: 50%; margin-top: -35px; margin-left: -35px; display: flex; align-items: center; justify-content: center; padding-left: 5px;}
	.ind-news-bg-02 .video-box .btn::before{ content: ' '; border-left: solid 17px #fff; border-top: solid 10px transparent; border-bottom: solid 10px transparent;}
	i.pic-scale-video{ padding-bottom: 52.273%;}
	
	.ind-news-bg-02 .video-box:hover .btn{ transform: scale(0.9);}
}

@media screen and (min-width: 375px) {
	
}

@media screen and (min-width: 480px) {
	
}

@media screen and (min-width: 992px) {
	.ind-news-bg-02{ padding: 25px 0;}
	.box-tit b{ font-size: 16px;}
	.ind-news-bg-02 .flex-box{ display: flex;}
	.ind-news-bg-02 .box-l{ flex-basis: 59.7%; max-width: 59.7%; padding-right: 10px; min-width: 0;}
	.ind-news-bg-02 .box-l .bg{ height: 522px;}
	.ind-news-bg-02 .box-r{ flex-basis: 40.3%; max-width: 40.3%; margin-top: 0; padding-left: 10px; min-width: 0;}
	.ind-news-bg-02 .bg-mt{ margin-top: 20px;}
	.ind-news-bg-02 .box-r .bg:nth-child(1){ height: 263px;}
	.ind-news-bg-02 .box-r .bg:nth-child(2){ height: 239px;}
	
	.ind-news-bg-02 .box-t dl{display: flex; min-width: 0;}
	.ind-news-bg-02 .box-t dt{ flex-basis: 200px; max-width: 200px; flex-shrink: 0;}
	.ind-news-bg-02 .box-t dd{ min-width: 0;}
	
	.ind-news-bg-02 .line{ margin: 15px 0;}
	.ind-news-bg-02 .bg{ padding: 15px;}
}

@media screen and (min-width: 1320px) {
	.ind-news-bg-02{ padding: 35px 0;}
	.ind-news-bg-02 .box-l{ flex-basis: 66.5%; max-width: 66.5%;}
	.ind-news-bg-02 .box-l .bg{ height: 573px;}
	.ind-news-bg-02 .box-r{ flex-basis: 33.5%; max-width: 33.5%;}
    .ind-news-bg-02 .box-r .bg:nth-child(1){ height: 280px;}
	.ind-news-bg-02 .box-r .bg:nth-child(2){ height: 273px;}
	
	.ind-news-bg-02 .line{ margin: 20px 0;}
	.ind-news-bg-02 .bg{ padding: 20px;}
	.box-tit b{ font-size: 20px;}
	.ind-news-bg-02 .box-t dt{ flex-basis: 240px; max-width: 240px;}
	.ind-news-bg-02 .box-t .tit{ font-size: 16px;}
	.ind-news-bg-02 .box-t .time{ font-size: 14px;}
	.ind-news-bg-02 .box-t .txt{ font-size: 14px;}
	
}


@media screen and (min-width: 1620px) {
	.box-tit b{ font-size: 20px;}
	.ind-news-bg-02{ padding: 40px 0;}
	.ind-news-bg-02 .bg{ padding:15px 24px;}
	.ind-news-bg-02 .box-l{ flex-basis: 1070px; max-width: 1070px;}
	.ind-news-bg-02 .box-r{ flex-basis: 490px; max-width: 490px;}
	.ind-news-bg-02 .box-t dt{ flex-basis: 280px; max-width: 280px;}
	.box-tit b{ font-size: 24px;}
	.box-line b{/* padding-right: 15px; */}
	.ind-news-bg-02 .box{ padding-top: 17px;}
	.ind-news-bg-02 .list a{ font-size: 16px;}
	.ind-news-bg-02 .box-l .bg{ height: 600px;}
	.ind-news-bg-02 .box-r .bg:nth-child(1){ height: 280px;}
	.ind-news-bg-02 .box-r .bg:nth-child(2){ height: 300px;}
}



/* 业务范围 */
@media screen and (min-width: 320px) {
	.banner-map-box{ position: relative;}
	.banner-map{ padding-top: 70vw; background-size: 200%; background-position: left top; background-repeat: no-repeat; background-color: #F1F7FF; padding-bottom: 50px;}
	
	.banner-map-prev{ left: 10px; position: absolute; top: 50%; z-index: 9; margin-top: -20px; cursor: pointer;}
	.banner-map-next{ right: 10px; position: absolute; top: 50%; z-index: 9; margin-top: -20px; cursor: pointer;}
	.banner-map-prev i,.banner-map-next i{ line-height: 40px; font-size: 14px; display: block; color: #555555; width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; background: rgba(255,255,255,.8); -webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;}
	.banner-map-prev:hover{transform: translateX(-5px);}
	.banner-map-next:hover{transform: translateX(5px);}
	.banner-map-prev:hover i::before,.banner-map-next:hover i::before{ color: #fff;}
	.banner-map-prev:hover i,.banner-map-next:hover i{ background: #0172d1;}
	.banner-map-box .banner-map-pagination{ position: absolute; left: 50%; bottom: 10px; z-index: 9; width: auto; transform: translateX(-50%);}
	.banner-map-box .banner-map-pagination span{ width: 8px; height: 8px; background: #666666; border-radius: 4px; opacity: .5;}
	.banner-map-box .banner-map-pagination span.swiper-pagination-bullet-active{ background: #0C6DB5; width: 20px; opacity: 1;}
	
	.banner-map .tit{ font-size: 16px; color: #333; display: block; margin-bottom: 5px;}
	.banner-map .txt{ font-size: 12px; color: #333;}
	.banner-map .list{ padding: 15px 0;}
	.banner-map .list ul{display: flex; flex-wrap: wrap; margin: -10px;}
	.banner-map .list li{flex-basis: 50%; max-width: 50%; padding: 10px;}
	.banner-map .list sup{font-size: 12px; color: #333; padding-left: 5px;}
	.banner-map .list span{font-size: 12px; color: #333;}
	.banner-map .list b{color: #07913B; font-size: 24px; line-height: 1; font-family: roboto-b;}
	.banner-map .btn a{ height: 46px; background: #036EB8; display: inline-flex; align-items: center; justify-content: center; padding: 0 20px;}
	.banner-map .btn a span,.banner-map .btn a i::before{ color: #fff;}
	.banner-map .btn a i{ padding-left: 10px;}
	.banner-map .btn a:hover i{ padding-left: 20px;}
}

@media screen and (min-width: 480px) {
	
}

@media screen and (min-width: 992px) {
	/* .banner-prev i,.banner-next i{ font-size: 48px;} */
	.banner-map-prev{ left: 50%; margin-left: -490px;}
	.banner-map-next{ right: 50%; margin-right: -490px;}
	.banner-map-box .banner-map-pagination{ bottom: 17px;}
	.banner-map-prev, .banner-map-next{ margin-top: -30px;}
	.banner-map-prev i, .banner-map-next i{ width: 60px; height: 60px;}
	
	.banner-map{ height: 46vw; padding-top: 0; background-size: cover; background-position: center;  padding-bottom: 0; display: flex; align-items: center;}
	.banner-map .container{ padding-left: 40%;}
	
}

@media screen and (min-width: 1320px) {
	.banner-map{height: 500px;}
	.banner-map-prev i,.banner-map-next i{ font-size: 14px;}
	.banner-map-prev{ left: 50%; margin-left: -700px;}
	.banner-map-next{ right: 50%; margin-right: -700px;}
	
	.banner-map{ height: 500px;}
	.banner-map .tit{ font-size: 22px;}
	.banner-map .txt{ font-size: 14px; line-height: 2;}
	
	.banner-map .list{ padding: 30px 0;}
	.banner-map .list li{flex-basis: 25%; max-width: 25%;}
	.banner-map .list b{font-size: 30px;}
	.banner-map-box .banner-map-pagination{ bottom: 30px;}
}

@media screen and (min-width: 1560px) {
	.banner-map{ height: 34.375vw;} 
    .banner-map-prev{ left: 0%; margin-left: 35px;}
	.banner-map-next{ right: 0%; margin-right: 35px;}
	.banner-map .tit{ font-size: 32px; margin-bottom: 25px;}
	.banner-map .list{ padding: 45px 0 45px 0;}
	.banner-map .container{ padding-left: 790px; padding-right: 60px;}
	.banner-map .txt{font-size: 16px;}
	.banner-map .list div{ display: flex; align-items: flex-start;}
	.banner-map .list b{font-size: 40px;}
	.banner-map .list sup{ line-height: 2; font-size: 14px;}
	.banner-map .list span{ font-size: 16px; display: block; padding-top: 5px;}
	.banner-map .btn a{ padding: 0 30px;}
}
@media screen and (min-width: 1720px) {
	
}
@media screen and (min-width: 1930px) {
	
}





/* 大横琴口岸 */
@media screen and (min-width: 320px) {
	.dhqka-bg .tit{ padding: 25px 0 15px 0; display: flex; align-items: center; justify-content: center; flex-direction: column;}
	.dhqka-bg .tit img{ width: 40%; max-width: 227px;}
	.dhqka-bg .sub-tit{ letter-spacing:8px; padding-top: 5px;}
	.dhqka-bg .pic{position: relative; display: flex; align-items: center;}
	.dhqka-bg .txt{ align-items: center; z-index: 2; color: #fff; font-family: roboto-t; font-size: 8vw; line-height: 0.9;}
	.dhqka-bg .pic{ height: 40vw; -webkit-background-size: cover;
	background-size: cover; /* background-attachment: fixed; */}
	.dhqka-bg .container{width: 100%;}
}

@media screen and (min-width: 375px) {
	
}

@media screen and (min-width: 480px) {
	
}

@media screen and (min-width: 992px) {
	.dhqka-bg .tit{ padding: 35px 0 25px 0;}
	.dhqka-bg .sub-tit{ padding-top: 10px; letter-spacing: 15px;}
	.dhqka-bg .txt{font-size: 70px; }
	.dhqka-bg .pic{ height: 26.042vw;}
}

@media screen and (min-width: 1320px) {
	.dhqka-bg .tit{ padding: 50px 0 35px 0;}
	.dhqka-bg .sub-tit{font-size: 16px; padding-top: 13px; letter-spacing: 26px;}
	.dhqka-bg .txt{font-size: 100px; }
}



/* footer */
@media screen and (min-width: 320px) {
	.footer-bg{ background: #666; position: relative; z-index: 2;}
	.footer-bg hr{ background: #777; margin: 0;}
	.footer-t{display: flex; align-items: center; justify-content: center; padding: 15px;}
	.footer-tl{ display: flex; align-items: center; justify-content: center;}
	.footer-tl a{width: 50%; max-width: 268px;}
	.footer-tl img{width: 100%;}
	
	.footer-tr{display: none;}
	.footer-cr{display: none;}
	
	.footer-c{padding: 10px 0;}
	.footer-cl ul{ }
	.footer-cl li{display: flex; padding: 4px 0;}
	.footer-cl span{ color: #FFF; line-height: 20px; font-size: 12px;}
	.footer-cl span a{ color: #FFF;}
	.footer-cl i{ padding-right: 10px; line-height: 20px;}
	.footer-cl i::before{ color: #07913B; font-size: 18px; line-height: 20px;}
	
	.footer-b-bg{ background: #5E5E5E; padding: 15px 0; position: relative; z-index: 3;}
	
	.footer-br dl{position: relative;}
	.footer-br dl dt{ background: #fff; border-radius: 4px; display: flex; overflow: hidden; cursor: pointer;}
	.footer-br dl dt span{ flex: 1; display: flex; align-items: center; padding: 0 10px;}
	.footer-br dl dt i{ width: 32px; height: 32px; background: #07913B; display: flex; align-items: center; justify-content: center;}
	.footer-br dl dt i::before{ color: #fff;}
	
	.footer-bl{ padding-top: 15px;}
	
	.footer-bl ul{display: flex; justify-content: center; margin: 0 -10px; flex-wrap: wrap;}
	.footer-bl li{ padding: 0 10px; position: relative;}
	.footer-bl li::before{ content: ' '; width: 1px; height: 13px; background: #ddd; opacity: .5; position: absolute; right: 0; top: 50%; margin-top: -6px;}
	.footer-bl li a{ color: #fff;}
	.footer-bl li:nth-last-child(1)::before{display: none;}
	
	.footer-bl div{ color: #bbb; text-align: center; font-size: 12px; display: flex; margin: 0 -7px; flex-wrap: wrap; justify-content: center;}
	.footer-bl div span{ padding: 0 7px;}
	.footer-bl a{ color: #bbb;}
	
	.footer-br dd{ position: absolute; bottom: 32px; width: 100%; padding-bottom: 4px;}
	.footer-br dd div{ background: #fff; border-radius: 4px;}
	.footer-br dd a{ display: block; padding: 4px 10px; border-bottom:dashed 1px #eee; }
	.footer-br dd a:nth-last-child(1){border: none;}
	
	.footer-br dd.e-anim-on{animation: link-anim-on 0.3s; animation-fill-mode: both; display: block;}
	.footer-br dd.e-anim-off{animation: link-anim-off 0.3s; animation-fill-mode: both; display: block;}
	
	.footer-tr dd.e-anim-on{animation: link-anim-on 0.3s; animation-fill-mode: both; display: block;}
	.footer-tr dd.e-anim-off{animation: link-anim-off 0.3s; animation-fill-mode: both; display: block;}
}

@keyframes link-anim-on{
	from { opacity: 0; transform: translateY(10px);}
	to {opacity: 1; transform: translateY(0);}
}
@keyframes link-anim-off{
	from { opacity: 1; transform: translateY(0);}
	to { opacity: 0; transform: translateY(-10px);}
}

@media screen and (min-width: 375px) {
	
	
}

@media screen and (min-width: 480px) {
	
}

@media screen and (min-width: 992px) {
	.footer-t{display: flex; padding: 15px 0;}
	.footer-tl{ justify-content: flex-start; width: 215px; padding-right: 30px;}
	.footer-tl a{ width: 100%;}
	.footer-tr{ flex: 1; display: flex; padding-left: 30px;}
	
	.footer-tr{ display: flex; justify-content: flex-end;}
	.footer-tr .box{ margin:  -10px; display: flex; flex-wrap: wrap;}
	.footer-tr dl{ padding:  10px; display: flex; position: relative; cursor: pointer;}
	.footer-tr dl::before{ content: ' '; background: #777; width: 1px; height: 40px; position: absolute; right: 0; top: 50%; margin-top: -20px;}
	.footer-tr dl:nth-last-child(1)::before{display: none;}
	.footer-tr dt{ display: flex; align-items: center;}
	.footer-tr dt i{ width: 40px; height: 40px; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-right: 10px; color: #fff;}
	.footer-tr dt i::before{ font-size: 30px;}
	.footer-tr dt span{ font-size: 12px; color: #AAA; line-height: 1.6;}
	
	.footer-tr dt .wechat{ background: #09BB07;}
	.footer-tr dt .douyin{ background: #16E7F2;}
	.footer-tr dt .toutiao{ background: #E52425;}
	.footer-tr dt .weibo{ background: #E52425;}
	
	.footer-tr dd{ width: 150px;  top: -165px; position: absolute; padding-bottom: 15px; left: 50%; margin-left: -75px; z-index: 9;}
	.footer-tr dd div{width: 150px; height: 150px; padding: 5px; background: #fff; position: relative; box-shadow: 0 0 20px rgba(0,0,0,.1);}
	.footer-tr dd div::before{ content: ' ';  border-top: solid 12px #fff; border-left: solid 14px transparent; border-right: solid 14px transparent; position: absolute; bottom: -12px; left: 50%; margin-left: -12px;}
	.footer-tr dd img{width: 100%;}
	
	.footer-c{display: flex;}
	.footer-cl{ padding-right: 30px;}
	.footer-cr{display: block; flex: 1; padding-left: 30px;}
	.footer-cr .box{display: flex; justify-content: flex-end; margin: 0 -20px;}
	.footer-cr dl{ padding: 0 20px;}
	.footer-cr dt a{ color: #fff; font-size: 12px;}
	.footer-cr dd span{display: block; padding: 3px 0; line-height: 20px;}
	.footer-cr dd span a{ font-size: 12px; color: #aaa; line-height: 20px;}
	.footer-c{padding: 15px 0;}
	
	.footer-cr a:hover{ color: #07913B;}
	
	.footer-b{display: flex; flex-direction: row-reverse; align-items: center;}
	.footer-bl{ padding-top: 0; flex: 1;}
	.footer-bl ul{ justify-content: flex-start;}
	.footer-bl div{ justify-content: flex-start;}
	.footer-br{ width: 186px;}
}

@media screen and (min-width: 1320px) {
	.footer-t{padding: 20px 0;}
	.footer-tl{ width: 301px;}
	.footer-tr .box{ margin: -10px -28px;}
	.footer-tr dl{ padding: 10px 28px;}
	.footer-tr dt span{ font-size: 14px; }
	
	.footer-tr dd{top: -170px; padding-bottom: 20px;}
	.footer-c{ padding: 30px 0;}
	.footer-cl span{ font-size: 14px;}
	.footer-cr .box{ margin: 0 -34px;}
	.footer-cr dl{ padding: 0 34px;}
	.footer-cr dt a{ font-size: 16px;}
	.footer-cr dd span a{ font-size: 14px;}
	
	.footer-bl ul{ margin: 0 -15px;}
	.footer-bl li{ padding: 0 15px;}
	
	.footer-bl div{font-size: 14px;}
}




/* banner-min */
@media screen and (min-width: 320px) {
	.banner-min{ background-position: center; background-size: cover; height: 17vw; display: flex;align-items: center;}
	.banner-min .container{width: 100%;}
	.banner-min .txt{color: #fff; text-transform: uppercase; font-family: roboto-t; line-height: 0.9; font-size: 4vw;}
}

@media screen and (min-width: 375px) {
	
}

@media screen and (min-width: 480px) {
	
}

@media screen and (min-width: 992px) {
	.banner-min{height: 150px;}
	.banner-min .container{width: 980px;}
	.banner-min .txt{font-size: 42px;}
}

@media screen and (min-width: 1320px) {
	.banner-min{height: 200px;}
	.banner-min .container{width: 1300px;}
	.banner-min .txt{font-size: 60px;}
}

@media screen and (min-width: 1930px) {
	.banner-min{ height: 9.8vw;}
	.banner-min .txt{font-size: 3vw;}
}

/* menu */
@media screen and (min-width: 320px) {
	.menu-bg{ background: #FAFAFA;}
	.menu-bg ul{ display: flex; flex-wrap: wrap;}
	.menu-bg ul li{ min-width: 33.33333%;}
	.menu-bg ul a{ line-height: 24px; padding: 10px 15px; display: block; color: #333; text-align: center;}
	.menu-bg ul a.on{ color: #036EB8; background: #fff;}
	.menu-bg ul a:hover{ color: #036EB8;}
}

@media screen and (min-width: 375px) {
	
}

@media screen and (min-width: 480px) {
	
}

@media screen and (min-width: 992px) {
	.menu-bg ul li{min-width: auto;}
	.menu-bg ul a{ padding: 13px 35px;}
}

@media screen and (min-width: 1320px) {
	.menu-bg ul a{ padding: 18px 58px; font-size: 16px;}
}



/* 面包屑 */
@media screen and (min-width: 320px) {
	.crumb{ padding: 10px 0;}
	.crumb .container{line-height: 20px;}
	.crumb i,.crumb i::before,.crumb a,.crumb span{ line-height: 20px; font-size: 14px;}
	.crumb i{ padding-right: 5px;}
	.crumb i::before{ color: #07913B;}
	.crumb a,.crumb span{ color: #999999;}
	.crumb a:hover{ color: #036EB8;}
}

@media screen and (min-width: 375px) {
	
}

@media screen and (min-width: 480px) {
	
}

@media screen and (min-width: 992px) {
	.crumb{ padding: 15px 0;}
}

@media screen and (min-width: 1320px) {
	.crumb{ padding: 20px 0;}
}





/* 公司简介 */
@media screen and (min-width: 320px) {
	.gsjj-bg-01{ background-image: linear-gradient(#EFF6FF, #FFFFFF); padding: 15px 0;}
	.gsjj-bg-01 .box-r{ padding-top: 15px;}
	.gsjj-bg-01 img{width: 100%;}
	
	.gsjj-txt{ text-align: justify;}
	
	.gsjj-tit{ margin-bottom: 10px;}
	.gsjj-tit .en{text-transform: uppercase; font-family: noto-r; font-size: 22px; line-height: 1.3;}
	.gsjj-tit .cn{ font-weight: bold; font-size: 18px;}
	.gsjj-tit span{ padding-right: 10px; line-height: 1.1;}
	
	
	.gsjj-bg-01 .flex-box{ background: #fff; padding: 15px;}
	
	.gsjj-sub-tit{height: 30px; margin-bottom: 15px;}
	.gsjj-sub-tit div{ height: 100%; display: inline-flex; align-items: center;}
	.gsjj-sub-tit div::before{ content: ' '; width: 8px; border: solid 2px #036EB8; border-right: 0; margin-right: 10px; height: 100%; box-sizing: border-box;}
	.gsjj-sub-tit div::after{ content: ' '; width: 8px; border: solid 2px #036EB8; border-left: 0; margin-left: 10px; height: 100%; box-sizing: border-box;}
	.gsjj-sub-tit div span{ font-weight: bold; font-size: 20px; margin-right: 5px; /* font-family: roboto-r; */}
	.gsjj-sub-tit div b{ font-weight: bold; font-size: 16px;}
	
	.gsjj-txt{ color: #333; line-height: 2;}
	
	.gsjj-bg-01 .gsjj-txt{background: url(../img/gsjj-bg-02@2x.jpg); background-size: contain; background-repeat: no-repeat; background-position: center; }
	
	
	
	.gsjj-bg-02{ background-image: url(../img/gsjj-bg-03@2x.jpg); padding: 15px 0; background-size: cover; background-position: center;}
	.gsjj-bg-02 img{width: 100%;}
	.gsjj-line { margin-bottom: 20px;}
	.gsjj-line .line{display: none;}
	.gsjj-line .flex-box{display: flex; flex-wrap:wrap; margin: -10px;}
	.gsjj-line dl{ flex-basis:33.3333%; flex-shrink:0; padding: 10px;}
	.gsjj-line dt { margin-bottom: 5px;}
	.gsjj-line dt i{width: 48px; height: 48px; background: #0C6DB5; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0 auto;}
	.gsjj-line dt i::before{ font-size: 28px; color: #fff; line-height: 1;}
	.gsjj-line dd b{font-size: 12px; display: block; text-align: center; color: #333;}
	.gsjj-line dd span{font-size: 12px; display: block; text-align: center; color: #333;}
	.gsjj-line dt i img{width:28px;}
	
	.gsjj-bg-02 .box-r{ padding-top: 20px;}
	
	
	
	.gsjj-bg-03{padding: 15px 0;}
	.gsjj-bg-03 img{width: 100%;}
	.gsjj-bg-03 .box-l{ padding-top: 20px;}
	
}

@media screen and (min-width: 375px) {
	
}

@media screen and (min-width: 480px) {
	
}

@media screen and (min-width: 992px) {
	.gsjj-bg-01{ padding: 30px 0;}
	.gsjj-bg-01 .flex-box{display: flex; padding: 25px;align-items: flex-end; background-image: url(../img/gsjj-bg-01@2x.jpg); background-repeat: no-repeat; background-size: 372px; background-position: 350px 25px;}
	.gsjj-bg-01 .box-l{ padding-right: 40px;}
	.gsjj-bg-01 .box-r{ flex-basis: 280px; max-width: 280px; flex-shrink: 0;}
	
	.gsjj-tit{ margin-bottom: 20px;}
	.gsjj-tit .en{font-size: 34px;}
	.gsjj-tit .cn{ font-size: 26px;}
	
	.gsjj-sub-tit{height: 36px; margin-bottom: 20px;}
	.gsjj-sub-tit div span{ font-size: 24px;}
	.gsjj-sub-tit div b{font-size: 20px;}
	
	
	.gsjj-line { margin-bottom: 35px; position: relative;}
	.gsjj-line .line{display: block; border-top: dotted 1px #036EB8; position: absolute; top: 24px; position: absolute; width: 100%;}
	
	.gsjj-line .flex-box{ }
	.gsjj-line dl{ flex:1;}
	
	.gsjj-line dt { margin-bottom: 10px;}
	.gsjj-line dt i{width: 60px; height: 60px;}
	.gsjj-line dt i::before{font-size: 34px;}
	.gsjj-line dt i img{width:34px;}
	.gsjj-line .line{ top: 30px;}
	.gsjj-line .container{position: relative; z-index: 2;}
	.gsjj-line dd b{font-size: 14px;}
	
	.gsjj-bg-02{ padding: 30px 0;}
	.gsjj-box-02 .flex-box{display: flex;}
	.gsjj-box-02 .box-l{ flex-basis: 450px; max-width: 450px; flex-shrink: 0; padding-right: 20px;}
	.gsjj-box-02 .box-r{ padding-top: 0; padding-left: 20px;}
	
	.gsjj-bg-03{padding: 30px 0;}
	.gsjj-box-03 .flex-box{display: flex; flex-direction: row-reverse;}
	.gsjj-box-03 .box-r{ padding-left: 20px; flex-basis: 450px; max-width: 450px; flex-shrink: 0;}
	.gsjj-box-03 .box-l{ padding-top: 0; padding-right: 20px;}
	
}

@media screen and (min-width: 1320px) {
	.gsjj-bg-01{ padding: 40px 0;}
	.gsjj-bg-01 .flex-box{ background-size: 522px; background-position: 450px 40px; padding: 40px;}
	.gsjj-bg-01 .box-l{ padding-right: 64px;}
	.gsjj-bg-01 .box-r{ flex-basis: 360px; max-width: 360px;}
	.gsjj-txt{font-size: 16px;}
	
	.gsjj-tit .en{font-size: 40px;}
	.gsjj-tit .cn{font-size: 32px;}
	
	.gsjj-tit{ margin-bottom: 30px;}
	.gsjj-sub-tit{height: 40px;}
	
	.gsjj-sub-tit div span{font-size: 28px;}
	.gsjj-sub-tit div b{font-size: 24px;}
	
	.gsjj-sub-tit{ margin-bottom: 25px;}
	
	
	.gsjj-bg-02{ padding: 48px 0;}
	
	.gsjj-line{ margin-bottom: 45px;}
	.gsjj-line dt i{width: 76px; height: 76px;}
	.gsjj-line dt i::before{font-size: 44px;}
	.gsjj-line dt i img{width:44px;}
	.gsjj-line .line{ top: 38px;}
	.gsjj-line .flex-box{ /*padding: 0 70px;*/}
	
	.gsjj-line dd b{font-size: 18px;}
	.gsjj-line dd span{font-size: 15px; line-height: 1.4;}
	
	.gsjj-box-02 .box-l{ flex-basis: 610px; max-width: 610px;}
	
	
	.gsjj-bg-03{padding: 40px 0 50px 0;}
	.gsjj-box-03 .box-r{ flex-basis: 610px; max-width: 610px;}
}



/* 内页通用 */
@media screen and (min-width: 320px) {
	.cont-box{ padding: 20px 0;}
	.info-cont-box{ word-break: break-all;}
	.info-cont-box.cont-box *{font-family: auto!important;}
	.cont-box img{max-width: 100%;}
	.cont-box table{min-width: 100%;}
	.cont-box table td, .cont-box table,th{border: 1px solid #666 !important; padding: 10px !important;}
	
	.news-content p,.news-content>span,.news-content>h1,.news-content>h2,.news-content>h3,.news-content>h4,.news-content>h5,.news-content>h6{ margin-bottom:21px; text-indent: 28px; line-height:1.5; display:block;}
	.news-content table{ margin-bottom:21px;}
	.news-content table *{ margin-bottom:0; text-indent: 0; line-height:1.5;}
	
	.news-content p p{ margin-bottom:0; text-indent: 0;}
	
	.news-content .info-box-img{ text-indent: 0;  margin-bottom:0;}
	.news-content .info-box-img img{/*width:100% !important;*/ max-width:100% !important; height:auto !important; margin-bottom:21px;}
	
	.news-content .info-box-img img.info-box-img-detach{width: auto !important;  margin-bottom: 0 !important;  margin-right: 2px; }
	
	.news-content .info-box-ti0{ text-indent: 0;}
}

@media screen and (min-width: 375px) {
	
}

@media screen and (min-width: 480px) {
	
}

@media screen and (min-width: 992px) {
	
}

@media screen and (min-width: 1320px) {
	.news-content *{font-size:16px;}
}



/* 领导团队 */
@media screen and (min-width: 320px) {
	
	.ldtd-box{ max-width: 920px; margin: 0 auto;}
	.ldtd-box ul{display: flex; justify-content:center;}
	.ldtd-box li{ padding: 15px 0; display: flex; width:33.3333333%;}
	.ldtd-box li div{display: flex; flex-direction: column; align-items: center; padding: 0 15px; position: relative; flex: 1;}
	/*.ldtd-box li div::before{ content: ' '; width: 1px; top: 5px; bottom: 5px; background: #DDD; position: absolute; right: 0;}*/
	/*.ldtd-box li:nth-last-child(1) div::before{display: none;}*/
	.ldtd-box li b{color: #333;}
	.ldtd-box li span{text-align: center; font-size: 12px; color: #0C6DB5;}
	
	.ldtd-box hr{ background:none; width:100%; height:0; border-top:dashed 1px #ddd; margin-top:10px; margin-bottom:5px;}
}

@media screen and (min-width: 375px) {
	
}

@media screen and (min-width: 480px) {
	
}

@media screen and (min-width: 992px) {
	.ldtd-box .col-02{ padding: 0 140px;}
	.ldtd-box li{ padding: 20px 0; width:auto; flex-basis:33.33333%;}
	.ldtd-box li b{ font-size: 16px;}
	.ldtd-box li span{ font-size: 14px;}
	.ldtd-box li div{ padding:0 30px;}
	
	.ldtd-box hr{ margin-top:15px; margin-bottom:10px;}
}

@media screen and (min-width: 1320px) {
	.ldtd-box {padding: 18px 0;}
	.ldtd-box li{ padding: 30px 0;}
	.ldtd-box li b{ font-size: 18px;}
}



/* 发展历程 */
@media screen and (min-width: 320px) {
	/* .swiper-year .swiper-slide{width: 80px;} */
	.swiper-year .swiper-slide div{ border: solid 5px #2C2E67; width:60px; height: 60px; border-radius: 50%; position: relative; background: #fff;display: flex; align-items: center; justify-content: center; margin: 0 auto; cursor: pointer;}
	.swiper-year .swiper-slide span{ width: 40px; height: 40px; border-radius: 50%; background: #2C2E67; color: #fff; font-size: 14px; display: flex; align-items: center; justify-content: center; position: relative; z-index: 2;}
	.swiper-year .swiper-slide:nth-child(odd) div::before{ content: ' '; width: 27px; height: 27px; background: #fff; position: absolute; bottom: -5px; right: -5px;}
	.swiper-year .swiper-slide:nth-child(even) div::before{ content: ' '; width: 27px; height: 27px; background: #fff; position: absolute; top: -5px; right: -5px;}
	
	.year-box{position: relative; padding: 0 60px;}
	.year-box hr{ content:' '; height: 6px; background: #2C2E67; position: absolute; top: 50%; left: 10px; right: 10px; margin: 0; margin-top: -3px;}
	
	.swiper-year .swiper-slide.on div{ border-color: #036EB8;}
	.swiper-year .swiper-slide.on span{ background: #036EB8; font-weight: bold;}
	
	.history-prev{ position: absolute; left: 0; top: 50%; margin-top: -18px; width: 36px; height: 36px; border-radius: 50%; display: flex; align-items: center; justify-content: center; background: #2C2E67; cursor: pointer;}
	.history-next{ position: absolute; right: 0; top: 50%; margin-top: -18px; width: 36px; height: 36px; border-radius: 50%; display: flex; align-items: center; justify-content: center; background: #2C2E67; cursor: pointer;}
	.history-prev:hover,.history-next:hover{ background: #036EB8;}
	.history-prev:hover i::before{ transform: translateX(-5px);}
	.history-next:hover i::before{ transform: translateX(5px);}
	.history-btn i::before{ font-size: 16px; color: #fff; display: block;}
	
	.history-list-box { padding-top: 30px;}
	.history-list-box .tit{display: flex; align-items: center; width: 90px; justify-content: flex-end; position: relative; z-index: 2;}
	.history-list-box .tit span{font-weight: bold; padding-right: 10px;}
	.history-list-box .tit i{ width: 30px; height: 30px; border-radius: 50%; background: #2C2E67; align-items: center; justify-content: center; display: flex;}
	.history-list-box .tit i::before{color: #FFF; font-size: 30px; line-height: 1;}
	.history-list-box .list{position: relative;}
	.history-list-box .line{ width: 1px; top: 10px; bottom: 0; position: absolute; background: #DBDFE6; left: 74px;}
	.history-list-box dl{ display: flex; align-items: flex-start; padding: 15px 0; position: relative; z-index: 2;}
	.history-list-box dt{width: 90px; display: flex; justify-content: flex-end; align-items: center; padding-right: 6px; flex-shrink: 0;}
	.history-list-box dt span{font-size: 12px;font-weight: bold; padding-right: 10px;}
	.history-list-box dt i{width: 18px; height: 18px; border-radius: 50%; background: #07913B; border: solid 2px #fff;}
	.history-list-box dd{ padding-left: 10px; padding-top: 2px;}
	.history-list-box dd .txt{font-size: 12px;}
	.history-list-box dd .pic{ padding-top: 10px;}
	.history-list-box dd img{ max-width: 220px;  max-height: 220px;}
}

@media screen and (min-width: 375px) {
	
}

@media screen and (min-width: 480px) {
	
}

@media screen and (min-width: 992px) {
	.history-box{padding: 20px 0;}
	.year-box{position: relative; padding: 0 100px;}
	.swiper-year .swiper-slide{width: 120px;}
	.swiper-year .swiper-slide div{ width: 70px; height: 70px;}
	.swiper-year .swiper-slide span{ width: 50px; height: 50px; font-size: 16px;}
	.swiper-year .swiper-slide:nth-child(n) div::before{ width: 32px; height: 32px;}
	
	.history-prev,.history-next{ margin-top: -23px; width: 46px; height: 46px;}
	.history-btn i::before{ font-size: 20px;}
	
	.history-list-box{ padding-top: 60px;}
	.history-list-box .tit{ width: 200px;}
	.history-list-box .tit span{font-size: 20px; padding-right: 20px;}
	.history-list-box .tit i{width: 36px; height: 36px;}
	.history-list-box .tit i::before{font-size: 36px;}
	.history-list-box dt{width: 200px; padding-right: 10px;}
	.history-list-box dt span{font-size: 14px;}
	
	.history-list-box .line{ left: 181px;}
	
	.history-list-box dl{ padding: 20px 0;}
	.history-list-box dl:nth-last-child(1){ padding-bottom: 0;}
	.history-list-box dd { padding-top: 0;}
	.history-list-box dd .txt{font-size: 14px;}
	
	.history-list-box dd img{ max-width: 320px;  max-height: 320px;}
	
	
}

@media screen and (min-width: 1320px) {
	.history-box{padding: 37px 0;}
	.year-box{position: relative; padding: 0 130px;}
	.swiper-year .swiper-slide{width: 170px;}
	.swiper-year .swiper-slide div{ width: 80px; height: 80px;}
	.swiper-year .swiper-slide span{ width: 60px; height: 60px; font-size: 18px;}
	.swiper-year .swiper-slide:nth-child(n) div::before{ width: 37px; height: 37px;}
	
	
	.history-list-box{ padding-top: 83px;}
	.history-list-box .tit{ width: 367px; padding-bottom: 13px;}
	.history-list-box .tit span{font-size: 24px; padding-right: 28px;}
	.history-list-box .tit i{width: 44px; height: 44px;}
	.history-list-box .tit i::before{font-size: 44px;}
	
	.history-list-box .line{ left: 345px;}
	
	.history-list-box dl{ padding: 21px 0;}
	.history-list-box dt{width: 367px; padding-right: 13px;}
	.history-list-box dt span{font-size: 20px; padding-right: 20px;}
	.history-list-box dd{ padding-left: 20px; padding-top: 4px;}
	.history-list-box dd .txt{font-size: 16px;}
	
	.history-list-box dd img{max-width: 380px; max-height: 380px;}
	.history-list-box dd .pic{ padding-top: 15px;}
}




/* 组织架构 */
@media screen and (min-width: 320px) {
	
}

@media screen and (min-width: 375px) {
	
}

@media screen and (min-width: 480px) {
	
}

@media screen and (min-width: 992px) {
	.cont-bd{ padding: 30px 0;}
}

@media screen and (min-width: 1320px) {
	.cont-bd{ padding: 50px 0;}
}





/* 荣誉资质 */
@media screen and (min-width: 320px) {
	.ryzz-list ul{display: flex; flex-wrap: wrap; margin: -10px;}
	.ryzz-list li{flex-basis: 50%; max-width: 50%; padding: 10px; display: flex;}
	.ryzz-list li a{ display: flex; flex-direction: column; flex: 1;}
	.ryzz-list .pic{ border: solid 1px #EEEEEE; padding: 0 5px;}
	.ryzz-list .tit{ background: #EEE; padding: 10px; color: #333; line-height: 1.4; flex: 1; font-size: 12px; align-items: center; justify-content: center; display: flex; text-align: center;}
	
	.ryzz-list a:hover .tit{ background: #036EB8; color: #fff;}
}

@media screen and (min-width: 375px) {
	
}

@media screen and (min-width: 480px) {
	
}

@media screen and (min-width: 992px) {
	.ryzz-list ul{margin: -15px;}
	.ryzz-list li{padding: 15px;}
	.ryzz-list li{flex-basis: 33.333333%; max-width: 33.333333%;}
	.ryzz-list .tit{font-size: 14px;}
}

@media screen and (min-width: 1320px) {
	.ryzz-list ul{margin: -20px;}
	.ryzz-list li{padding: 20px;}
	.ryzz-list .tit{font-size: 16px;}
	
}




/* 联系我们 */
@media screen and (min-width: 320px) {
	.lxwm-box ul{display: flex; flex-wrap: wrap; margin: -10px;}
	.lxwm-box li{ padding: 10px; min-width: 50%; flex: 1; display: flex;}
	.lxwm-box div{ border: solid 1px #EBEBEB; flex: 1; display: flex; flex-direction: column; align-items: center; padding: 20px 15px;}
	.lxwm-box div i{width: 40px; height: 40px; border-radius: 50%; border: solid 2px #036EB8; display: flex; align-items: center; justify-content: center;}
	.lxwm-box div i::before{ font-size: 24px; color: #036EB8;}
	.lxwm-box div b{color: #07913B; margin-top: 15px;}
	.lxwm-box div span{ font-size: 12px; text-align: center;}
	
	.lxwm-map{ padding-top: 20px;}
	.lxwm-map .map{height: 300px;}
	
	.lxwm-r{ padding: 15px; background: url(../img/lxwm-bg@2x.jpg); background-size: cover; background-position: center; display: flex;}
	.lxwm-r .pic{ padding: 8px; background: #fff; width: 100px;}
	.lxwm-r .mess{display: flex; padding-left: 15px;flex-direction: column; justify-content: center; }
	.lxwm-r .tit{ color: #fff; font-weight: normal; font-size: 16px; line-height: 1.4;}
	.lxwm-r .txt{ color: #fff; font-size: 12px; line-height: 1.4;}
}

@media screen and (min-width: 375px) {
	
}

@media screen and (min-width: 480px) {
	
}

@media screen and (min-width: 992px) {
	.lxwm-box li{ min-width: auto;}
	.lxwm-box div{ padding: 30px 15px;}
	.lxwm-box div b{font-size: 18px;}
	.lxwm-box div span{font-size: 14px;}
	
	.lxwm-map{display: flex;}
	.lxwm-l{ width: 700px;}
	.lxwm-r{ flex-direction: column; flex: 1; align-items: center; justify-content: center;}
	.lxwm-r .mess{ align-items: center; padding-left: 0; padding-top: 15px;}
	.lxwm-r .tit{ font-size: 20px;}
}

@media screen and (min-width: 1320px) {
	.lxwm-box div b{font-size: 20px; margin-top: 17px;}
	.lxwm-box div span{ margin-top: 2px;}
	.lxwm-l{ width: 990px;}
	.lxwm-map .map{height: 356px;}
	.lxwm-r .pic{ width: 160px;}
	
	.lxwm-r .tit{ font-size: 22px; padding-top: 10px;}
	
}





/* 公司要闻 */
@media screen and (min-width: 320px) {
	i.pic-scale-news-04{ padding-bottom: 60.7143%;}
	.news-list li a{ padding: 10px; border-bottom: solid 1px #EBEBEB; display: block;}
	.news-list li dt .pic{ position: relative;}
	.news-list li .shade{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; display: flex; align-items: center; justify-content: center; background: rgba(12,109,181,.85);}
	.news-list li .shade div{display: flex; flex-direction: column; align-items: center; justify-content: center; transform: translateY(10px);}
	.news-list li .shade div i{width: 42px; height: 42px; border-radius: 50%; border: solid 2px #fff; display: flex; align-items: center; justify-content: center;}
	.news-list li .shade div i::before{ font-size: 24px; color: #fff;}
	.news-list li .shade div span{ padding-top: 5px; color: #fff; font-size: 12px;}
	.news-list li dd{ padding-top: 10px;}
	.news-list li dd .tit{ font-size: 14px; color: #333;}
	.news-list li dd .mess{ padding: 5px 0; margin: 0 -10px; display: flex; align-items: center;}
	.news-list li dd .mess div{display: flex; align-items: center; padding: 0 10px;}
	.news-list li dd .mess div span{ font-size: 12px; color: #333;}
	.news-list li dd .mess div i{ padding-right: 5px; line-height: 1; font-size: 14px;}
	.news-list li dd .mess div i::before{ font-size: 14px; color: #333; line-height: 1;}
	.news-list li dd .txt{ font-size: 12px; color: #333; overflow : hidden;
text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}

	.news-list li a:hover {background: #F6FAFF;}
	.news-list li a:hover .shade{opacity: 1;}
	.news-list li a:hover .shade div{ transform: translateY(0);}
	.news-list li a:hover .tit{ color: #0C6DB5;}
	
	.layui-flow-more{ margin-top: 20px; margin-bottom: 0;}
	.layui-flow-more a{ width: 100%; display: block; height: auto;}
	.layui-flow-more a cite{width: 100%; background: #F5F5F5; color: #07913B; height: 46px; display: flex; align-items: center; justify-content: center; border-radius: 0;}
	.layui-flow-more a:hover cite{ background: #07913B; color: #fff;}
	
	.hot-news-box{display: none;}
	.news-box .news-r{ padding-bottom: 20px;}
	
	.news-box .news-search-box{margin: -10px 0;}
	.news-box .news-search-row{ padding: 10px 0;}
	.news-box .layui-form-select .layui-input{ height: 50px;}
	.news-box .layui-form-select .layui-edge{ width: 50px; height: 50px; border:none ;}
	.news-box .layui-select-title{ position: relative;}
	.news-box .layui-select-title::before{ content: ' '; top: 1px;right: 1px; margin-top: 0; display: flex; align-items: center; justify-content: center; background: #EEE; width: 48px; height: 48px; position: absolute;}
	.news-box .layui-form-select .layui-edge{top: 0; right: 0; margin-top: 0; display: flex; align-items: center; justify-content: center;}
	.news-box .layui-form-select .layui-edge::before{font-family: "iconfont" !important; font-size: 16px; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: #666; content:'\e63e';}
	
	.news-box .layui-form-select dl{ top: 52px;}
	.news-box .layui-form-selectup dl{ top: auto; bottom: 52px;}
	.news-box .layui-form-select dl dd.layui-this{ background: #07913B;}
	
	.news-search{position: relative;}
	.news-search .sel-input { width: 100%; height: 50px; border: solid 1px #DDDDDD; border-radius: 0; padding: 0 60px 0 10px;}
	.news-search .sel-btn{ width: 50px; height: 50px; background: #07913B; border: none; position: absolute; right: 0; top: 0; cursor: pointer;}
	.news-search .sel-btn i::before{ color: #FFF; font-size: 18px;}
	
	
	.news-list .no-tips{ padding: 20px; color: #999; display: flex; align-items: center; justify-content: center; font-size: 16px;}
	
	.news-list-02 li a{ padding-left:0; padding-right:0;}
	.news-list-02 li dl{ display:flex;}
	.news-list-02 dt div{ background: #F6F6F6; text-align:center; width:60px; height:60px; display:flex; flex-direction:column; align-items:center; justify-content:center;}
	.news-list-02 dt b{font-size: 24px; display: block; font-weight: normal; line-height: 30px; color: #CACACC; line-height:1.2;}
	.news-list-02 dt span{ font-size: 12px; color: #CACACC; line-height:1.2;}
	.news-list-02 li dt{ padding-right:10px; }
	.news-list-02 li dd{ padding-top:0;}
	.news-list-02 li dd .mess{display:none;}
	.news-list-02 li dd .txt{ color:#999;}
	
	.news-list-02 li a:hover{ background:none;}
	.news-list-02 li a:hover dt div{ background:#0C6DB5;}
	.news-list-02 li a:hover dt *{ color:#fff;}
	
	.istop-box{ padding-bottom:20px;}
	i.pic-scale-istop{ padding-bottom: 57.895%;}
	.istop-bg{ background: #F6F6F6; padding: 15px;}
	.istop-bg dd{ padding-top: 15px;}
	.istop-bg dd b{ display: block; font-weight: bold; font-size: 14px; color: #444;}
	.istop-bg dd .author{ display: block; padding-top: 10px; color: #B8B8B8; font-size: 12px;}
	.istop-bg dd div.txt{ padding-top: 10px; display: block; font-size: 12px; color: #858585; overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical;}
	.istop-bg .mess-b{ padding-top: 10px; display: block; overflow: hidden;}
	.istop-bg .mess-b .time{ font-size: 14px; font-weight: bold; color: #036EB8; float: left; line-height: 38px;}
	.istop-bg .mess-b .btn{ float: right; padding: 0 15px; height: 38px; background: #036eb8; color: #fff; line-height: 38px;}
	.istop-bg a:hover dd b{ color: #036EB8;}
	.istop-bg a:hover dd .btn{opacity: .8;}

}

@media screen and (min-width: 375px) {
	
}

@media screen and (min-width: 480px) {
	
}

@media screen and (min-width: 992px) {
	.news-box{ display: flex; flex-direction: row-reverse; padding-bottom: 10px;}
	.news-l{ padding-right: 15px; position: relative;  min-width: 0; flex: 1;}
	.news-l::before{ content: ' '; width: 1px; position: absolute; right: 0; top: 0; bottom: 0; background: #EBEBEB;}
	.news-r{ padding-left: 15px; width: 235px; flex-shrink: 0; position: relative; }
	
	.news-max::before{ display: none;}
	
	.news-list li dl{display: flex; width: 100%;}
	.news-list li dt{ width: 235px; padding-right: 15px; flex-shrink: 0;}
	.news-list li dd{  min-width: 0; padding-top: 0; display: flex; justify-content: center; flex-direction: column; min-height: 134px;}
	.news-list li dd .tit{ overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
	.news-list li dd .mess{ padding: 5px 0;}
	.news-list li dd .mess div i{ padding-right: 8px;}
	
	.hot-news-box{ padding-top: 15px; display: block;}
	.hot-news-box .box-tit{ justify-content:flex-start;}
	
	.hot-news-t { margin-top: 15px;}
	.hot-news-t a{background: #F8F8F8; padding: 10px; display: block;}
	.hot-news-t dd{ padding-top: 10px;}
	.hot-news-t dd .tit{ color: #333; overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
	.hot-news-t dd .txt{ overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; margin-bottom: 7px; color: #666;}
	.hot-news-t dd .more{color: #036EB8;}
	.hot-news-t a:hover .tit{ color: #036EB8;}
	
	
	
	.hot-news-box .list{ margin-top: 5px;}
	.hot-news-box .list li{display: flex; padding: 8px 0; border-bottom: solid 1px #EEEEEE;}
	.hot-news-box .list i{ width:4px; height: 4px; background: #036EB8; margin-right: 10px; flex-shrink: 0; margin-top: 7px;}
	.hot-news-box .list a{ font-size: 12px; color: #333; overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
	.hot-news-box .list a:hover{color: #036EB8;}
	
	
	.news-list li dd .tit{ font-size: 16px;}
	
	
	.layui-flow-more a cite{ height: 60px;}
	
	.news-list-02 li dt{ width:auto;}
	.news-list-02 li dd{ min-height:auto;}
	
	.news-list-02 dt div{ height: 100px; width: 100px;}
	.news-list-02 dt b{ font-size: 40px;}
	.news-list-02 dt span{ font-size: 16px;}
	
	.istop-bg{ padding: 25px;}
	.istop-bg dt{ float: left; width: 380px;}
	.istop-bg dd{ padding-left: 30px; padding-top: 0;  position: relative;   padding-topleft: 30px; overflow:hidden;}
	.istop-bg .mess-b{ /*position: absolute; left:30px; bottom: 0; right: 0;*/}
	.istop-bg dd b{font-size: 16px; display: block;}
	.istop-bg dd div{ font-size: 14px;}
	.istop-bg dd .author{ padding-top: 15px;}
	.istop-bg dd div{ padding-top: 15px;}
	
}

@media screen and (min-width: 1320px) {
	
	.news-box{ padding-bottom: 20px;}
	
	.news-r{ width: 305px; padding-left: 25px;}
	.news-l{ padding-right: 25px;}
	.news-list li dt{ width: 310px; padding-right: 30px;}
	.news-list li .shade div span{font-size: 14px; padding-top: 10px;}
	
	.news-list li a{ padding: 20px 30px 20px 20px;}
	.news-list li dd{ min-height: 170px;}
	.news-list li dd .tit{ font-size: 18px;}
	.news-list li dd .mess div span{font-size: 14px;}
	.news-list li dd .txt{font-size: 14px;}
	
	.layui-flow-more{ margin-top: 30px;}
	.layui-flow-more a{}
	
	.news-search .sel-input{ padding-left: 20px; padding-right: 70px;}
	.news-box .layui-form-select .layui-input{ padding-left: 20px;}
	
	.hot-news-t a{padding: 20px;}
	
	.hot-news-t dd .tit{font-size: 18px; line-height: 1.6;}
	.hot-news-box .list a{font-size: 14px;}
	
	.hot-news-box .list i{ margin-top: 10px; margin-right: 16px;}
	
	
	.news-list-02 li a{ padding-left:0; padding-right:0;}
	.news-list-02 li dt{ width:auto;}
	.news-list-02 li dd{ min-height:auto;}
	
	.istop-box{ padding-bottom:40px;}
	.istop-bg{ padding: 30px;}
	.istop-bg dd b{font-size: 18px;}
	.istop-bg .mess-b .time{ font-size: 20px;}
	
}




/* 专题报道 */
@media screen and (min-width: 320px) {
	i.pic-scale-zjbd{ padding-bottom: 65.6934%;}
	.zjbd-list ul{ margin: -10px;}
	.zjbd-list li{ padding: 10px;}
	.zjbd-list dd{ border: solid 1px #EBEBEB; border-top: none; padding: 10px;}
	.zjbd-list dd .tit{font-size: 16px; color: #333;  margin-bottom: 10px;  overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; line-height: 1.5;}
	.zjbd-list dd .btn{ }
	.zjbd-list dd .btn span{ padding: 0 30px; color: #fff; background: #0C6DB5; height: 40px; display: inline-flex; align-items: center; justify-content: center; font-size: 12px;}
	
	.zjbd-list a:hover .tit{ color: #0C6DB5;}
}

@media screen and (min-width: 375px) {
	
}

@media screen and (min-width: 480px) {
	.zjbd-list ul{ display: flex; flex-wrap: wrap;}
	.zjbd-list li{ flex-basis: 50%; max-width: 50%; padding: 15px; }
	.zjbd-list dd{ border: solid 1px #EBEBEB; border-left: none;}
}

@media screen and (min-width: 992px) {
	.zjbd-list dl{display: flex;}
	.zjbd-list dt{ flex-basis: 250px; max-width: 250px; flex-shrink: 0;}
	.zjbd-list dd{ display: flex; flex-direction: column; justify-content: center;}
}

@media screen and (min-width: 1320px) {
	.zjbd-list dt{ flex-basis: 274px; max-width: 274px;}
	.zjbd-list ul{ margin: -25px -30px;}
	.zjbd-list li{ padding: 25px 30px;}
	.zjbd-list dd{ padding: 0 20px;}
	.zjbd-list dd .tit{ font-size: 20px; margin-bottom: 15px;}
	.zjbd-list dd .btn span{font-size: 14px;}
}



/* 通知公告 */
@media screen and (min-width: 320px) {
	.tzgg-list li{display: flex; align-items: center;}
	.tzgg-list i{ width: 4px; height: 4px; background: #036EB8; margin-right: 10px; flex-shrink: 0;}
	.tzgg-list a{ flex: 1; min-width: 0; overflow: hidden; -ms-text-overflow: ellipsis;
	text-overflow: ellipsis; white-space: nowrap; line-height: 36px;}
	.tzgg-list span{color:#333333; font-size: 12px; padding-left: 15px; flex-shrink: 0;}
	
	.tzgg-list a:hover{ color: #036EB8;}
}

@media screen and (min-width: 375px) {
	
}

@media screen and (min-width: 480px) {
	
}

@media screen and (min-width: 992px) {
	.tzgg-list{ padding-bottom: 10px;}
}

@media screen and (min-width: 1320px) {
	.tzgg-list{ padding-bottom: 20px;}
	.tzgg-list a{ font-size: 16px; line-height: 44px;}
}



/* 内容页 */
@media screen and (min-width: 320px) {
	.info-bg{ background: #F8F8F8; padding: 20px 0;}
	.info-bg-02{ padding: 0;}
	.info-cont-bg{ background: #fff; padding: 20px 10px; max-width: 1100px; margin: 0 auto; width: 100%;}
	.info-cont-bg-02{ max-width: 100%; padding:0;}
	
	.info-tit{ font-size: 16px; font-weight: normal; color: #333; text-align: center; line-height: 1.4;}
	.info-mess{ padding: 10px 0; border-bottom: solid 1px #EBEBEB;}
	.info-mess-l{ display: flex; align-items: center; justify-content: center; margin: 0 -8px;}
	.info-mess-l div{ display: flex; align-items: center; justify-content: center; padding: 0 8px;}
	.info-mess-l div i{ padding-right: 8px; }
	.info-mess-l div i::before{color: #333;}
	.info-mess-l div span{color: #333;}
	.info-mess-r{display: none;}
	
	.info-btn{ padding-top: 10px; display: flex;}
	.info-btn div{ flex-basis: 50%; max-width: 50%; flex-shrink: 0;}
	.info-btn .prev{ padding-right: 1px;}
	.info-btn a{display: block; background: #EEE; display: flex; align-items: center; justify-content: center; height: 36px;}
	.info-btn span{ padding: 0 10px; color: #333;}
	.info-btn i,.info-btn i::before{ font-size: 14px; line-height: 14px; color: #333;}
	
	.info-btn a:hover{ background: #036EB8;}
	.info-btn a:hover span,.info-btn a:hover i::before{ color: #fff;}
	
	.btn-box{display: none;}
	
	.ygfc-info-box{ padding-top: 20px;}
	
	
	.info-btn a.disabled{opacity: .4; cursor: default;}
	.info-btn a.disabled:hover{ background: #EEE;}
	.info-btn a.disabled:hover span,.info-btn a.disabled:hover i::before{ color: #333;}
	
}

@media screen and (min-width: 375px) {
	
}

@media screen and (min-width: 480px) {
	
}

@media screen and (min-width: 992px) {
	.info-bg{ padding: 30px 0;}
	.info-bg-02{ padding: 0;}
	.info-cont-bg{ padding: 30px 40px;}
	.info-cont-bg-02{ padding:10px 0;}
	.info-btn{display: none;}
	
	.info-tit{ font-size: 20px;}
	.info-mess{display: flex; justify-content: space-between;}
	.info-mess-r{display: flex;}
	.info-mess-r .share{display: flex; align-items: center;}
	.info-mess-r .share-tit i::before{ font-size: 14px; color: #333;}
	.info-mess-r .share-tit span{ padding: 0 10px; color: #333;}
	
	.info-mess{ padding: 15px 0;}
	
	.share-btn a{ background: none !important; padding: 0 !important; width: 30px !important; height: 30px !important; border-radius: 50%; display: inline-flex !important; align-items: center; justify-content: center; margin-right: 9px !important; text-decoration: none !important;}
	.share-btn a::before{ color: #fff; font-size: 26px; line-height: 1;}
	.share-btn a.icon-share-wechat{ background: #4CBF00 !important;}
	.share-btn a.icon-share-qq{ background: #008CE2 !important ;}
	.share-btn a.icon-share-weibo{ background: #E60014 !important ;}
	
	.share-btn a:nth-last-child(1){ margin-right: 0 !important;}
	
	.info-cont-box{padding-top: 30px;}
	
	.info-box{display: flex;}
	.info-box-02{display: block;}
	
	.info-bg{position: relative;}
	.info-bg .container{ position: relative;}
	.btn-box{ display: block; position: sticky; left: 0; top: 0; width: 0; max-height: 100vh;}
	.btn-box a{display: flex; flex-direction: column; align-items: center; position: absolute; top: 50%; width: 60px; margin-top: -47px;}
	.btn-l a{left: -70px;}
	.btn-r a{right: -70px;}
	.btn-box a span{ padding-top: 10px; color: #333;}
	.btn-box i{width: 60px; height: 60px; border-radius: 50%; display: flex; background: #EEE; align-items: center; justify-content: center;}
	.btn-box i::before{ font-size: 24px; color: #BBB;}
	
	.btn-box a:hover i{ background: #036EB8;}
	.btn-box a:hover i::before{ color: #fff;}
	.btn-l a:hover i::before{ transform: translateX(-5px);}
	.btn-r a:hover i::before{ transform: translateX(5px);}
	.btn-box a:hover span{ color: #036EB8;}
	
	.ygfc-info-box{ padding-top: 25px;}
	
	
	.btn-box a.disabled span{opacity: .4; cursor: default;}
	.btn-box a.disabled i{ background: #F0F0F0;}
	.btn-box a.disabled i::before{ color: #DDD;}
	
	.btn-box a.disabled:hover i{ background: #F0F0F0;}
	.btn-box a.disabled:hover i::before{ color: #DDD;}
	.btn-l a.disabled:hover i::before{ transform: translateX(0);}
	.btn-r a.disabled:hover i::before{ transform: translateX(0);}
	.btn-box a.disabled:hover span{ color: #333;}
}

@media screen and (min-width: 1320px) {
	.info-bg{ padding: 40px 0;}
	.info-bg-02{ padding: 0;}
	.info-cont-bg{ padding: 40px 50px;}
	.info-cont-bg-02{ padding:20px 0;}
	
	.info-tit{ font-size: 28px;}
	
	.info-mess{ padding:20px 0 15px 0;}
	
	.info-cont-box{padding-top: 40px; font-size: 16px;}
	
	.btn-l a{left: 0;}
	.btn-r a{right: 0;}
	
	.ygfc-info-box{ padding-top: 35px;}
	
}





/* 党群工作 */
@media screen and (min-width: 320px) {
	i.pic-scale-djdt{ padding-bottom: 63.415%;}
	
	.djdt-list dl{ display: flex;  align-items: center;}
	.djdt-list dt{ background: #F6F6F6; width: 70px; height: 70px; display: flex; align-items: center; justify-content: center; flex-direction: column; flex-shrink: 0; margin-right: 10px;}
	.djdt-list dt .d{ font-size: 28px; line-height: 1; color: #666; font-weight: normal;}
	.djdt-list dt .ym{ font-size: 12px; line-height: 1; color: #666; padding-top: 4px;}
	.djdt-list dd{min-width: 0;}
	.djdt-list dd .tit{ display: block; white-space: nowrap; overflow: hidden; -ms-text-overflow: ellipsis;
	text-overflow: ellipsis; color: #333;}
	.djdt-list dd .txt{overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-size: 12px; color: #666;}
	
	/* .djdt-list a:hover .tit{ color: #036EB8;} */
	.djdt-list a:hover dt{ background: #D00000;}
	.djdt-list a:hover dt .d{ color: #fff;}
	.djdt-list a:hover dt .ym{ color: #fff;}
	
	.djdt-list-t ul{ margin: -10px;}
	.djdt-list-t li{ padding: 10px;}
	
	.djdt-list-t{ padding-bottom: 20px; border-bottom: solid 1px #F6F2EC;}
	.djdt-list-t dl{ padding: 10px 0 0 0;}
	
	.djdt-list-b dd{border-bottom: solid 1px #F6F2EC; padding: 10px 0; min-height: 80px; flex: 1;}
}

@media screen and (min-width: 375px) {
	
}

@media screen and (min-width: 480px) {
	
}

@media screen and (min-width: 992px) {
	.djdt-list-t ul{display: flex;}
	.djdt-list-t li{ flex-basis: 33.3333%; max-width: 33.3333%; flex-shrink: 0; min-width: 0;}
	
	.djdt-list dd .tit{ font-size: 16px;}
	.djdt-list dd .txt{ line-height: 1.6;}
	.djdt-list-t dl{ padding: 15px 0 0 0;}
	
	.djdt-list-b{ padding-top: 10px; padding-bottom: 15px;}
	.djdt-list-b dd{ padding: 15px 0; min-height: 90px; display: flex; flex-direction: column; justify-content: center;}
}

@media screen and (min-width: 1320px) {
	.djdt-list-t{ padding-bottom: 40px;}
	.djdt-list-t ul{ margin: -12px -12px -13px -13px;}
	.djdt-list-t li{ padding: 12px 12px 13px 13px;}
	.djdt-list-t dl{ padding: 18px 0 0 0;}
	.djdt-list dl .d{ font-size: 34px; }
	.djdt-list dl .ym{ font-size: 14px;}
	.djdt-list dl .tit{ font-size: 18px; line-height: 1.6;}
	.djdt-list dl .txt{ font-size: 14px;}
	
	.djdt-list-b { padding-top: 15px; padding-bottom: 20px;}
	.djdt-list-b dt{ width: 80px; height: 80px;}
	.djdt-list-b dd{ padding: 26px 0 25px 0; min-height: 131px;}
}



/* 工会园地 */
@media screen and (min-width: 320px) {
	i.pic-scale-ghyd{ padding-bottom: 63.415%;}
	.ghyd-list ul{margin: -10px;}
	.ghyd-list li{padding: 10px;}
	
	.ghyd-list a{ display: block;}
	.ghyd-list dd{ border: solid 1px #EBEBEB; border-top: none; padding: 15px;}
	.ghyd-list dd .tit{ margin-bottom: 5px; display: block; overflow: hidden; -ms-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; font-size: 16px; color: #333;}
	.ghyd-list dd .txt{overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; font-size: 12px; color: #666; margin-bottom: 5px; font-size: 12px; color: #666;}
	.ghyd-list dd .more{ color: #036EB8; padding-bottom: 5px; border-bottom: solid 1px #036EB8;}
	
	.ghyd-list a:hover .tit{ color: #036EB8;}
}

@media screen and (min-width: 375px) {
	
}

@media screen and (min-width: 480px) {
	.ghyd-list ul{ display: flex; flex-wrap: wrap;}
	.ghyd-list li{ flex-basis: 50%; max-width: 50%; flex-shrink: 0; min-width: 0;}
}

@media screen and (min-width: 992px) {
	.ghyd-list li{ flex-basis: 33.3333%; max-width: 33.3333%;}
	.ghyd-list dd{ padding: 20px;}
}

@media screen and (min-width: 1320px) {
	.ghyd-list ul{ margin: -12px -12px -13px -13px;}
	.ghyd-list li{ padding: 12px 12px 13px 13px;}
	.ghyd-list dd{ padding: 23px 30px;}
	.ghyd-list dd .tit{ margin-bottom: 10px; font-size: 18px;}
	.ghyd-list dd .txt{ font-size: 14px; margin-bottom: 15px;}
}





/* 企业精神 */
@media screen and (min-width: 320px) {
	.qyjs-box .bg{ background: #fff url(../img/qyjs-bg@2x.jpg); background-position: right center; background-repeat: no-repeat; background-size: 210px 140px; min-height: 140px; padding: 15px;}
	.qyjs-box {margin: -5px;}
	.qyjs-box .row{ padding: 5px;}
	.qyjs-box ul{ margin: -5px;}
	.qyjs-box li{ padding: 5px;}
	
	.qyjs-box .tit{ font-size: 16px;display: block; margin-bottom: 5px; color: #333;}
	.qyjs-box .txt{ font-size: 14px; color: #333; line-height: 2;}
}

@media screen and (min-width: 375px) {
	
}

@media screen and (min-width: 480px) {
	
}

@media screen and (min-width: 992px) {
	.qyjs-box .bg{ background-size: 420px 280px; min-height: 280px; padding: 70px 25px; flex: 1;}
	.qyjs-box .tit{font-size: 22px;}
	.qyjs-box ul{display: flex;}
	.qyjs-box li{ flex: 1; display: flex;}
}

@media screen and (min-width: 1320px) {
	.qyjs-box .bg{font-size: 30px;}
	.qyjs-box .tit{font-size: 28px;}
	.qyjs-box .txt{ font-size: 16px;}
	.qyjs-box .txt-02{ font-size: 18px;}
}



/* vi */
@media screen and (min-width: 320px) {
	.vi-box{ padding-bottom: 20px;}
	.vi-box-l-bd{ box-shadow: 0 2px 10px rgba(0,0,0,.1); text-align: center; padding: 10vw 0;}
	.vi-box-l-bd img{ max-width: 50%;}
	.vi-box-r{ padding-top: 20px;}
	.vi-box-r li{display: flex; justify-content: center; padding: 10px 0; border-bottom: solid 1px #eee;}
	.vi-box-r ul{ margin: -10px 0;}
	.vi-ico-box{ flex-shrink: 0; flex-basis: 55px; max-width: 55px;}
	.vi-ico,.vi-pic{display: block;}
	.vi-ico img{ width: 45px;}
	.vi-pic img{ width: 45px;}
	.vi-pic{ padding-top: 10px;}
	.vi-txt{flex:1; font-size: 12px; color: #888; line-height: 22px;}
}

@media screen and (min-width: 480px) {


}

@media screen and (min-width: 992px) {
	.vi-box{ padding-top: 15px; padding-bottom: 30px;}
	.vi-box{ display: flex; align-items: stretch; }
	.vi-box-l{ flex-basis: 350px; max-width: 350px; width: 350px; display: flex;}
	.vi-box-l-bd{ padding: 0; width: 100%; display: flex; align-items: center; justify-content: center;}
	.vi-box-l-bd img{ width: 180px; max-width: none;}
	.vi-box-r{ padding-left: 50px; position: relative; flex: 1; padding-top: 0;}
	.vi-ico-box {display: flex; flex-basis: auto;}
	.vi-ico,.vi-pic{ padding-top: 0; padding-right: 15px;}
	.vi-ico img{ width: 70px;}
	.vi-pic img{ width: 80px;}
	.vi-ico-box{ align-items: center;}

	.vi-box-r li{ align-items: center; border: none; padding-left: 70px; position: relative;}

	.vi-box-r::after{content: ' '; height: 0; position: absolute; width: 49px; left: 0; top: 50%; border-top: dotted 1px #9E9E9E;}
	.vi-box-r li::before{ content: ' '; width: 0; height: 100%; position: absolute; left: 0; top: 0; border-left: dotted 1px #9e9e9e;}
	.vi-box-r li::after{ content: ' '; height: 0; position: absolute; width: 59px; left: 0; top: 50%; border-top: dotted 1px #9e9e9e;}
	.vi-box-r li:nth-child(1)::before{ top: 50%; height: 50%;}
	.vi-box-r li:nth-last-child(1)::before{ top: 0; height: 50%;}
}



@media screen and (min-width: 1320px) {
	.vi-box{ padding-top: 20px; padding-bottom: 50px;}
	.vi-box-l{ flex-basis: 460px; max-width: 460px; width: 460px;}
	.vi-box-l-bd img{ width: 344px;}
	.vi-box-l-bd{padding: 0;}
	.vi-ico img{ width: 90px;}
	.vi-pic img{ width: 108px;}
	.vi-box-r ul{ margin: -15px 0;}
	.vi-box-r li{ padding-top: 15px; padding-bottom: 15px;}
	.vi-txt{ font-size: 14px;}
	.vi-pic{padding-right: 20px;}
}



/* 视频专区 */
@media screen and (min-width: 320px) {
	.qywh-video{width: 100%; height: 56.25vw; background: #000;}
	
	.qywh-tit{ display: flex; justify-content: space-between; padding-top: 12px; border-bottom: solid 1px #EBEBEB;}
	.qywh-tit .tit-l{ display: flex; align-items: center;}
	.qywh-tit .tit-l i::before{ font-size: 34px; color: #0C6DB5; padding-right: 10px;}
	.qywh-tit .tit-l span{ font-size: 16px; font-weight: normal; color: #333;}
	
	.qywh-tit .tit-r span{ padding-right: 10px; color: #757575; font-size: 14px;}
	.qywh-tit .tit-r{ display: none; align-items: center;}
	.qywh-tit .bshare-custom .bshare-more.icon-share-02{padding: 0 !important; background: none !important; width: 34px !important; height: 34px !important; color: #fff !important; background-color: #036EB8 !important;display: flex !important; align-items: center; justify-content: center; text-decoration: none; border-radius: 50%;}
	
	.qywh-list{ padding-top: 20px;}
	
	i.pic-scale-video-02{ padding-bottom: 61.475%;}
	
	.spzq-btn{display: flex; padding-top: 10px;}
	.spzq-btn div.swiper-button-disabled{ cursor: default;}
	.spzq-btn div.swiper-button-disabled i::before{ color: #ddd;}
	.spzq-btn div.swiper-button-disabled:hover{ background: #f4f4f4;}
	.spzq-btn div.swiper-button-disabled:hover i::before{ color: #ddd;}
	
	.spzq-btn div{ width: 36px; height: 36px; display: flex; align-items: center; justify-content: center; background: #f4f4f4; margin-right: 1px; cursor: pointer;}
	.spzq-btn div i::before{ color: #999;}
	.spzq-btn div:hover{ background: #036EB8;}
	.spzq-btn div:hover i::before{ color: #fff;}
	
	.swiper-video .tit{ padding: 10px; background: #F5F5F5; color: #333; display: flex; align-items: center; justify-content: center; position: relative; height: 66px; padding: 0 10px;}
	.swiper-video .btn{ position: absolute; left: 10px; bottom: 10px; width: 36px; height: 25px; border-radius: 12px; border: solid 2px #fff; background: rgba(0,0,0,.5); display: flex; align-items: center; justify-content: center; padding-left: 2px;}
	.swiper-video .btn i,.swiper-video .btn i::before{ color: #fff; font-size: 12px;}
	.swiper-video .tit span{ font-size: 12px; overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; position: relative; z-index: 2; text-align: center;}
	.swiper-video .tit::before{ content: ' '; width: 100%; background: #036EB8; height: 2px; position: absolute; left: 0; bottom: 0;}
	
	.swiper-video a:hover .tit::before,.swiper-video a.on .tit::before{ height: 100%;}
	.swiper-video a:hover .tit span,.swiper-video a.on .tit span{ color: #fff;}
}

@media screen and (min-width: 375px) {
	
}

@media screen and (min-width: 480px) {
	
}

@media screen and (min-width: 992px) {
	.qywh-video{height: 540px;}
	
	.qywh-tit .tit-l i::before{ padding-right: 13px;}
	.qywh-tit{ padding-bottom: 13px;}
	.qywh-tit .tit-l span{font-size: 22px;}
	.qywh-list{ padding-top: 30px;}
	
	.swiper-video .tit span{ font-size: 14px;}
	.qywh-tit .tit-r{display: flex;}
	
}

@media screen and (min-width: 1320px) {
	.qywh-video{height: 720px;}
	
	.qywh-tit{ padding-bottom: 18px;}
	.qywh-tit .tit-l span{font-size: 28px;}
	.qywh-list{ padding-top: 40px; padding-bottom: 30px;}
	.swiper-video .tit{ padding: 0 15px;}
	
	.qywh-list{position: relative;}
	.spzq-btn{ padding: 0;}
	.spzq-btn i::before{ font-size: 32px; display: block;}
	.spzq-btn .spzq-prev{ position: absolute; left:-70px; top: 50%; margin-top: -23px; background: none;}
	.spzq-btn .spzq-next{ position: absolute; right:-70px; top: 50%; margin-top: -23px; background: none;}
	
	
	.spzq-btn div.swiper-button-disabled:hover{ background: none;}
	.spzq-btn div.swiper-button-disabled:hover i::before{ color: #ddd; transform: translateX(0);}
	
	.spzq-btn div:hover{ background: none;}
	.spzq-btn div:hover i::before{ color: #036EB8;}
	.spzq-btn .spzq-prev:hover i::before{ transform: translateX(-5px);}
	.spzq-btn .spzq-next:hover i::before{ transform: translateX(5px);}
}




/* 人才理念 */
@media screen and (min-width: 320px) {
	.rcnl-box ul{ margin: -10px;}
	.rcnl-box li{ padding: 10px; display: flex;}
	.rcnl-box .bg{ padding: 0 15px 15px 15px; position: relative;  background-size: cover; background-position: center top; flex: 1;}
	
	.rcnl-box .tit{display: flex; justify-content: center;}
	.rcnl-box .tit b{ padding: 0 30px ; height: 36px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; background: #fff; display: flex; align-items: center; justify-content: center;}
	.rcnl-box .txt{ color: #fff; padding-top: 10px;}
	
	.rcnl-box .tit-01{ color: #5DC2F1;}
	.rcnl-box .tit-02{ color: #8FC31F;}
	.rcnl-box .tit-03{ color: #0E53AA;}
	
	.rcnl-txt{ padding-top: 20px;}
}

@media screen and (min-width: 375px) {
	
}

@media screen and (min-width: 480px) {
	
}

@media screen and (min-width: 992px) {
	.rcnl-box .bg{ background-position: center bottom; background-repeat: no-repeat; background-size: 307px 536px; padding-bottom: 275px; display: flex; flex-direction: column;}
	.rcnl-box .bg-01{ background-color: #63C5F1;}
	.rcnl-box .bg-02{ background-color: #8FC31F;}
	.rcnl-box .bg-03{ background-color: #0F50A7;}
	.rcnl-box ul{display: flex;}
	.rcnl-box li{ flex-basis: 33.33333%; max-width: 33.33333%; flex-shrink: 0;}
	.rcnl-box .tit b{ height: 48px; font-size: 18px;}
	.rcnl-box .bg{ min-height: 536px;}
	.rcnl-box .txt{ display: flex; align-items: center; flex: 1;}
	
}

@media screen and (min-width: 1320px) {
	.rcnl-box ul{ margin: -29px;}
	.rcnl-box li{ padding: 29px;}
	.rcnl-box .bg{ min-height: 675px; padding: 0 35px 350px 35px; background-size: 388px 675px;}
	.rcnl-box .tit b{ height: 48px; font-size: 22px;  padding: 0 40px;}
	.rcnl-box .txt{padding-top: 20px; font-size: 16px; min-height: 283px;}
	
	.rcnl-txt{ padding-top: 40px; font-size: 16px;}
}




/* 招聘动态 */
@media screen and (min-width: 320px) {
	.join-row{display: flex;}
	.join-row .col{flex: 1; padding: 10px 15px; display: flex; align-items: center;}
	.join-row .col-04{ flex: 4;}
	.join-row .col-03{ flex: 3;}
	.join-row .col-02{ flex: 2;}
	.join-row .col-m-hide{ display: none;}
	
	.join-header .join-row{ background: #666;}
	.join-header .join-row .col{ color: #fff; }
	
	.join-body dl{ }
	.join-body dl:nth-child(even) dt{ background: #F6F6F6;}
	
	.join-body dl dt{ cursor: pointer; border: solid 1px #E8E8E8; border-top: none;}
	
	.join-body dl dd{ padding: 15px; display: none; border-bottom: solid 1px #E8E8E8;}
	.join-body dl:nth-last-child(1) dd{border-bottom: none;}
	
	.join-body dl dd ul{padding: 10px; background: #f4f4f4;}
	.join-body dl dd ul li{display: flex;}
	.join-body dl dd ul span{ padding-right: 5px;}
	
	.join-body dl dd .box{ padding-top: 15px;}
	.join-body dl dd .box .tit{ display: block; margin-bottom: 5px; color: #666;}
	.join-body dl dd .box .txt{color: #666; line-height: 1.65;}
	
	.join-body .btn{ margin-top: 15px;}
	.join-body .btn a{display: inline-flex; align-items: center; padding: 0 15px; height: 46px; border-radius: 4px; background: #07913B;}
	.join-body .btn a i{ padding-right: 5px; line-height: 22px;}
	.join-body .btn a i::before{ color: #fff; font-size: 22px; line-height: 22px;}
	.join-body .btn a span{ color: #fff; font-size: 14px;}
	
	.join-body .btn a:hover{ background: #036EB8;}
}

@media screen and (min-width: 375px) {
	
}

@media screen and (min-width: 480px) {
	
}

@media screen and (min-width: 992px) {
	.join-row .col-m-hide{ display: flex;}
	.join-body dl dd ul{display: none;}
	.join-body dl dd{ padding-top: 0;}
	
	.join-list{ padding-bottom: 10px;}
}

@media screen and (min-width: 1320px) {
	.join-row .col{ font-size: 16px;}
	.join-row .col{height: 50px; padding: 0 40px;}
	.join-body .col{height: 60px; padding: 0 40px;}
	.join-body dl dd{ padding: 0 40px 40px 40px;}
	.join-body dl dd .box{ padding-top: 25px;}
	.join-body dl dd .box .tit{ font-size: 16px; margin-bottom: 0;}
	.join-body dl dd .box .txt{font-size: 16px;}
	
	.join-body .btn{ margin-top: 20px;}
	.join-body .btn a{ padding: 0 28px;}
	.join-body .btn a span{}
	
	.join-list{ padding-bottom: 20px;}
}



/* 员工风采 */
@media screen and (min-width: 320px) {
	i.pic-scale-ygfc{ padding-bottom: 56.25%;}
	i.pic-scale-ygfc-02{ padding-bottom: 63.415%;}
	.swiper-ygfc{position: relative;}
	.swiper-ygfc .swiper-slide{position: relative;}
	.swiper-ygfc .swiper-slide .bg{ position: absolute; left: 0; bottom: 0; right: 0; height: 46px; display: flex; align-items: center; padding: 0 100px 0 15px; background: rgba(0,0,0,.7);}
	.swiper-ygfc .swiper-slide .bg .tit{color: #fff; overflow: hidden; -ms-text-overflow: ellipsis;
	text-overflow: ellipsis; white-space: nowrap;}
	
	.swiper-ygfc .ygfc-pagination{ position: absolute; right: 15px; bottom: 12px; z-index: 9; width: auto; left: auto;}
	.swiper-ygfc .ygfc-pagination span{ width: 8px; height: 8px; background: #FFFFFF; border-radius: 4px; opacity: 1;}
	.swiper-ygfc .ygfc-pagination span.swiper-pagination-bullet-active{ background: #0C6DB5; width: 20px;}
	
	.swiper-ygfc .ygfc-btn{position: absolute; top: 50%; width: 30px; height: 60px; margin-top: -30px; z-index: 9; display: flex; align-items: center; justify-content: center; background: rgba(0,0,0,.7); cursor: pointer;}
	.swiper-ygfc .ygfc-prev{ left: 0; }
	.swiper-ygfc .ygfc-next{ right: 0; }
	
	.swiper-ygfc .ygfc-prev i::before,.swiper-ygfc .ygfc-next i::before{ color: #fff; font-size: 20px;}
	
	.swiper-ygfc .ygfc-btn:hover{ background: #036EB8;}
	
	.ygfc-line{ margin: 20px 0; background: #EBEBEB;}
	
	
	.ygfc-list ul{margin: -10px; display: flex; flex-wrap: wrap;}
	.ygfc-list li{ padding: 10px; flex-basis: 100%; max-width: 100%; flex-shrink: 0;}
	.ygfc-list dd{ border: solid 1px #EBEBEB; padding: 15px;}
	
	.ygfc-list dd .tit{margin-bottom: 5px; overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-size: 16px; color: #333;}
	
	.ygfc-list dd .mess{display: flex;}
	.ygfc-list dd .mess div{display: flex;}
	.ygfc-list li dd .mess{ padding: 0 0; margin: 0 -10px; display: flex; align-items: center;}
	.ygfc-list li dd .mess div{display: flex; align-items: center; padding: 0 10px;}
	.ygfc-list li dd .mess div span{ font-size: 12px; color: #333;}
	.ygfc-list li dd .mess div i{ padding-right: 5px; line-height: 1; font-size: 14px;}
	.ygfc-list li dd .mess div i::before{ font-size: 14px; color: #333; line-height: 1;}
	
	.ygfc-list li a:hover dd{ background: #0C6DB5; border-color: #0C6DB5;}
	.ygfc-list li a:hover dd .tit{color: #fff;}
	.ygfc-list li a:hover dd .mess span,.ygfc-list li a:hover dd .mess i::before{color: #fff;}
	
	
}

@media screen and (min-width: 375px) {
	
}

@media screen and (min-width: 480px) {
	.ygfc-list li{ flex-basis: 50%; max-width: 50%;}
	.ygfc-list dd .tit{height: 56px;}
}

@media screen and (min-width: 992px) {
	.ygfc-line{ margin: 30px 0;}
	
	.ygfc-list li{ flex-basis: 33.33333%; max-width: 33.33333%;}
	.ygfc-list dd .tit{font-size: 16px;}
}

@media screen and (min-width: 1320px) {
	.swiper-ygfc .swiper-slide .bg{height: 60px;}
	.swiper-ygfc .swiper-slide .bg .tit{font-size: 18px;}
	.swiper-ygfc .swiper-slide .bg{ padding: 0 120px 0 20px;}
	
	.swiper-ygfc .ygfc-btn{width: 50px; height: 90px; margin-top: -45px;}
	.swiper-ygfc .ygfc-prev i::before,.swiper-ygfc .ygfc-next i::before{ font-size: 22px;}
	.swiper-ygfc .ygfc-pagination{ right: 20px; bottom: 18px;}
	
	.ygfc-line{ margin: 40px 0;}
	.ygfc-list ul{margin: -12px -12px -13px -13px;}
	.ygfc-list li{padding: 12px 12px 13px 13px;}
	.ygfc-list dd{ padding: 20px 30px 18px 30px;}
	.ygfc-list dd .tit{font-size: 18px; line-height: 24px; margin-bottom: 0;}
	.ygfc-list li dd .mess div span{ font-size: 14px;}
}




/*弹窗视频*/
@media screen and (min-width: 320px) {
.video-show.layui-layer-iframe{overflow: visible;}
.video-show{ width: 300px !important; height: 175px !important; /* left: 50% !important; top: 50% !important; transform: translate(-50%,-50%) !important; */}

	.video-show .layui-layer-setwin{ right: 0; top: 0;}
	.video-show .layui-layer-setwin .layui-layer-close2{ right: 0; top: -35px;width: 35px; height: 35px; background: #036EB8; font-family:"iconfont" !important;
  font-size:16px;
  font-style:normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; text-align: center; line-height: 35px;}
	.video-show .layui-layer-setwin .layui-layer-close2:before { content: "\e639"; color: #fff; font-size: 14px;}
	div.video-show .layui-layer-content{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #000; overflow: visible;}
	.jcsp-video{display: none;}
	.video-show video{display: block;}
	.video-show video{ width: 100%; height: 100%;}
	
}



@media screen and (min-width: 384px) {
	.video-show{ width: 365px !important; height: 210px !important;}
}

@media screen and (min-width: 480px) {
	.video-show{ width: 420px !important; height: 240px !important;}
}

@media screen and (min-width: 640px) {
	.video-show{ width: 630px !important; height: 360px !important;}
}

@media screen and (min-width: 768px) {
	.video-show{ width: 700px !important; height: 400px !important;}
}

@media screen and (min-width: 992px) {
	.video-show{ width: 900px !important; height: 510px !important;}
}

/*@media screen and (min-width: 1320px) {
	.video-show{ width: 1100px !important; height: 620px !important;}
}*/




/* 口岸建设 */
@media screen and (min-width: 320px) {
	.info-tit-02{display: flex; flex-direction: column; justify-content: center; align-items: center; padding-bottom: 20px; border-bottom: solid 1px #EBEBEB;}
	.info-tit-02 .cn{ font-size: 24px; color: #0C6DB5; font-weight: bold; line-height: 1.4;}
	.info-tit-02 .en{ font-family:roboto-r; font-size: 12px; color: #6D6D6D; line-height: 1.6;}
	
	.cont-jyyw-box{ padding-bottom: 0; color: #333;}
	.jyyw-box>*:nth-last-child(1){ margin-bottom: 0;}
	.jyyw-box img{width: 100%;}
	.mb-40{margin-bottom: 20px;}
	.jyyw-box .txt{ text-align: justify;}
	
	.jyyw-box .tit{ border: solid 1px #E5F0FE; background: #F7FBFF; display: flex; align-items: center; justify-content: center; height: 46px;}
	.jyyw-box .tit b{ color: #036EB8; font-size: 18px;}
	
	.katg-list{}
	.katg-list ul{display: flex; flex-wrap: wrap; margin: -10px;}
	.katg-list li{flex-basis: 50%; max-width: 50%; padding: 10px;}
	.katg-list .katg-tit{display: flex; align-items: center;}
	.katg-list .katg-tit i{ padding-right: 7px; height: 36px;}
	.katg-list li:nth-child(2) .katg-tit i{padding-right: 11px;}
	.katg-list li:nth-child(3) .katg-tit i{padding-right: 15px;}
	.katg-list .katg-tit i::before{ color: #036EB8; font-size: 36px; line-height: 36px;}
	.katg-list .katg-tit span{ background: #036EB8; color: #fff; height: 28px; display: flex; align-items: center; justify-content: center; padding: 0 15px; border-radius: 16px; font-weight: bold;}
	.katg-list dl{ padding-top: 10px; font-size: 14px; font-weight: bold;}
	.katg-list dt{ color: #333; font-size: 14px;}
	.katg-list dd b,.katg-list dd span{ color: #07913B; font-size: 20px; font-weight: bold; line-height: 1.4;}
	.katg-list dd small{ font-size: 14px; font-weight: bold; padding-left: 2px; color: #333;}
	
	.katg-pic ul{ margin: -5px; display: flex; flex-wrap: wrap;}
	.katg-pic li{ padding: 5px; flex: 1; min-width: 50%; flex-shrink: 0; display: flex; flex-direction: column;}
	
	.katg-pic-02 li{ flex-basis: 50%; max-width: 50%; flex-grow: 0;}
	.katg-pic-02 .katg-pic-tit{ background: #036EB8; color: #fff; padding: 5px 10px; min-height: 40px; display: flex; align-items: center; justify-content: center;}
	
	.jyyw-box .mess-01{ padding: 10px 20px; border-left: solid 2px #036EB8; }
	.jyyw-box .mess-01 .mess-01-tit{display: block; margin-bottom: 15px; font-size: 18px;}
	
	.jyyw-box .mess-01 .mess-01-txt{ text-align: justify;}
	
	.jyyw-box .tit-min{ margin-bottom: 0; font-size: 18px; font-weight: bold; color: #333;}
	
	.jyyw-swiper-box{ max-width: 780px; margin: 0 auto;}
	i.pic-scale-zcjy{ padding-bottom: 67.949%;}
	
	.swiper-zcjy .zcjy-pagination{ position: absolute; right: 0; bottom: 12px; z-index: 9; width: auto; left: 0; display: flex; justify-content: center;}
	.swiper-zcjy .zcjy-pagination span{ width: 8px; height: 8px; background: #FFFFFF; border-radius: 4px; opacity: 1;}
	.swiper-zcjy .zcjy-pagination span.swiper-pagination-bullet-active{ background: #0C6DB5; width: 20px;}
	
	.swiper-zcjy .zcjy-btn{position: absolute; top: 50%; width: 30px; height: 60px; margin-top: -30px; z-index: 9; display: flex; align-items: center; justify-content: center; background: rgba(0,0,0,.7); cursor: pointer;}
	.swiper-zcjy .zcjy-prev{ left: 0; }
	.swiper-zcjy .zcjy-next{ right: 0; }
	
	.swiper-zcjy .zcjy-prev i::before,.swiper-zcjy .zcjy-next i::before{ color: #fff; font-size: 20px;}
	
	.swiper-zcjy .zcjy-btn:hover{ background: #036EB8;}
	
	.jyyw-box .mess-02 ul{ margin: -10px 0;}
	.jyyw-box .mess-02 li{ padding: 10px 0;}
	.jyyw-box .mess-02 .mess-02-tit{ display: block; margin-bottom: 5px; font-size: 16px;}
	
	.zcjy-tabs .jyyw-box{ padding-top: 0;}
	.zcjy-tabs{ max-width: 1100px; margin: 0 auto;}
	.zcjy-tabs .hd{ padding: 10px 0; display: flex; flex-wrap: wrap; margin: -3px;}
	
	.zcjy-tabs .hd div{ flex-basis: 50%; max-width: 50%; padding: 3px; display: flex;}
	.zcjy-tabs .hd span{ flex: 1; background: #666; display: flex; align-items: center; justify-content: center; text-align: center; line-height: 1.4; padding: 5px 10px; color: #fff; cursor: pointer;}
	.zcjy-tabs .hd div.on span{ background: #036EB8; }
	
	.zcjy-tabs .tit-03{ font-size: 20px;display: flex; align-items: center; justify-content: center; color: #333; font-weight: normal;}
	
	.kayw-box .kayw-mess-01{}
	.kayw-box .kayw-tit{ margin-bottom: 5px;}
	.kayw-box .kayw-tit{display: flex; align-items: center;}
	.kayw-box .kayw-tit i{ padding-right: 7px; height: 36px;}
	.kayw-box .kayw-tit i::before{ color: #07913B; font-size: 36px; line-height: 36px;}
	.kayw-box .kayw-tit span{ background: #036EB8; color: #fff; height: 28px; display: flex; align-items: center; justify-content: center; padding: 0 15px; border-radius: 16px; font-weight: bold;}
	
	.kayw-box .box-bd{ margin: -10px;}
	.kayw-box .box{ padding: 10px;}
	.kayw-box .kayw-mess-01 ul{ margin: -5px;}
	.kayw-box .kayw-mess-01 li{ display: flex; padding: 5px;}
	.kayw-box .kayw-mess-01 li i{ width: 10px; height: 10px; background: #036EB8; border-radius: 50%; flex-shrink: 0; margin: 6px 16px;}
	
	.kayw-box .kayw-mess-02 ul{ margin: -5px;}
	.kayw-box .kayw-mess-02 li{ display: flex; padding: 5px;}
	.kayw-box .kayw-mess-02 b{padding-right: 10px;}
	
	.kayw-list-01 ul{ margin: -10px;}
	.kayw-list-01 li{ padding: 10px;}
	.kayw-list-01 dt{display: flex; justify-content: center; margin-bottom: -35px; position: relative; z-index: 2;}
	.kayw-list-01 dt .bg{ background: url(../img/kayw-ico-bg@2x.png); width: 60px; height: 70px; background-size: cover; display: flex; align-items: center; justify-content: center; font-weight: bold; color: #fff; font-size: 16px;}
	.kayw-list-01 dd{ border: solid 1px #E5F0FE; border-radius: 8px; padding-top: 35px;}
	.kayw-list-01 dd .txt{ padding: 10px;}
	
	.kayw-list-02 ul{ position: relative; }
	.kayw-list-02 ul::before{ content: ' '; width: 2px; top: 0; bottom: 0; position: absolute; background: #036EB8; left: 19px;}
	.kayw-list-02 ul li{ position: relative; z-index: 2; padding: 10px 0;}
	.kayw-list-02 ul li dl{display: flex; align-items: center;}
	.kayw-list-02 ul li dt{ flex-shrink: 0;}
	.kayw-list-02 ul li dt span{position: relative; display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: 50%; background: #036EB8;}
	.kayw-list-02 ul li dt span::before{ content: ' '; border-left: solid 9px #036EB8; border-top: solid 9px transparent; border-bottom: solid 9px transparent; position: absolute; right: -5px; top: 50%; margin-top: -9px;}
	.kayw-list-02 ul li dt i{ height: 20px; line-height: 20px;}
	.kayw-list-02 ul li dt i::before{ color: #fff; font-size: 20px; line-height: 20px;}
	.kayw-list-02 ul li dd{display: flex; padding-left: 20px; align-items: center;}
	.kayw-list-02 ul li dd span{flex-shrink: 0; padding-right: 10px;}
	.kayw-list-02 ul li dd .tit-num{ font-size: 24px; font-weight: bold; color: #E5F0F8;}
	.kayw-list-02 ul li dd .txt{ font-size: 12px;}
}

@media screen and (min-width: 375px) {
	
}

@media screen and (min-width: 480px) {
	
}

@media screen and (min-width: 992px) {
	.mb-40{margin-bottom: 30px;}
	
	.info-tit-02{ padding-bottom: 40px;}
	.info-tit-02 .cn{ font-size: 36px;}
	.info-tit-02 .en{ font-size: 14px;}
	.jyyw-box{ padding-top: 30px;}
	
	.jyyw-box .tit{ height: 56px;}
	.jyyw-box .tit b{ font-size: 20px;}
	
	.katg-list ul{ margin: 0 -40px;}
	.katg-list li{flex-basis: 33.333333%; max-width: 33.333333%; padding: 0 40px; position: relative;}
	.katg-list li::before{ content: ' '; width: 1px; position: absolute; right: 0; top: 5px; bottom: 5px; background: #DDD;}
	.katg-list li:nth-last-child(1)::before{ display: none;}
	.katg-list .katg-tit i{ height: 48px;}
	.katg-list .katg-tit i::before{ line-height: 48px; font-size: 48px;}
	.katg-list .katg-tit span{ padding: 0 15px; height: 36px; border-radius: 18px; font-size: 18px;}
	.katg-list dl{ padding-top: 15px;}
	.katg-list dt{ font-size: 16px; line-height: 1.45;}
	.katg-list dd b,.katg-list dd span{ font-size: 32px; line-height: 1.25;}
	.katg-list dd small{font-size: 16px;}
	
	.katg-pic-02 ul{ margin: -10px;}
	.katg-pic-02 li{ padding: 10px;}
	.katg-pic-02 .katg-pic-tit{}
	
	.jyyw-box .mess-01{  padding: 15px 25px;}
	
	.jyyw-box .mess-01 .mess-01-tit{ font-size: 20px;}
	
	.jyyw-box .tit-min{ margin-bottom: 5px; font-size: 20px;}
	
	
	.swiper-zcjy .zcjy-pagination{  bottom: 25px;}
	
	.jyyw-box .mess-02 .mess-02-tit{font-size: 18px;}
	
	
	.zcjy-tabs .hd{ padding: 20px 0; margin: -6px;}
	.zcjy-tabs .hd div{ flex-basis: 25%; max-width: 25%; padding: 6px;}
	.zcjy-tabs .hd span{ height: 40px;}
	
	.zcjy-tabs .tit-03{ font-size: 24px;}
	
	.kayw-box{ display: flex;}
	.kayw-box .kayw-box-l{flex-basis: 60%; max-width: 60%; flex-shrink: 0; padding-right: 30px; position: relative;}
	.kayw-box .kayw-box-l::before{ content: ' '; position: absolute; width: 1px; right: 0; top: 0; bottom: 0; background: #EFF6FF;}
	.kayw-box .kayw-box-r{padding-left: 30px;}
	
	.kayw-box .kayw-tit{ margin-bottom: 15px;}
	.kayw-box .kayw-tit i{ height: 44px;}
	.kayw-box .kayw-tit i::before{ line-height: 44px; font-size: 44px;}
	.kayw-box .kayw-tit span{ padding: 0 15px; height: 36px; border-radius: 18px; font-size: 18px;}
	
	
	.kayw-list-01 ul{ display: flex; flex-wrap: wrap;}
	.kayw-list-01 li{ flex: 1; min-width: 33.33333%; display: flex;}
	.kayw-list-01 li dl{display: flex; flex-direction: column;}
	.kayw-list-01 dt .bg{font-size: 18px;}
	.kayw-list-01 li dd{ flex:1;}
	.kayw-list-01 li hr{ width: 30px; height: 2px; background: #07913B; margin: 20px auto 0 auto;}
	
	.kayw-list-02 ul li{ padding: 15px 0;}
	.kayw-list-02 ul li dt span{ width: 54px; height: 54px;}
	.kayw-list-02 ul li dt i::before{ font-size: 32px;}
	.kayw-list-02 ul::before{ left: 26px;}
	.kayw-list-02 ul li dd .txt{font-size: 14px;}
	.kayw-list-02 ul li dd{ padding-left: 20px;}
	.kayw-list-02 ul li dd .tit-num{padding-right: 20px; font-size: 42px;}
	
	.kayw-list-02 ul li dt span::before{ right: -7px;}
}

@media screen and (min-width: 1320px) {
	.jyyw-box{font-size: 16px;}
	
	.mb-40{margin-bottom: 40px;}
	
	.info-tit-02{ padding-bottom: 50px;}
	.info-tit-02 .cn{ font-size: 44px;}
	.jyyw-box{ padding-top: 37px;}
	
	.jyyw-box .txt{ font-size: 16px; line-height: 1.7; }
	
	.jyyw-box .tit{ height: 62px; }
	.jyyw-box .tit b{ font-size: 22px;}
	
	.katg-list .katg-tit i{ height: 58px;}
	.katg-list .katg-tit i::before{ line-height: 58px; font-size: 58px;}
	.katg-list .katg-tit span{ padding: 0 15px; height: 36px; border-radius: 18px; font-size: 18px;}
	.katg-list dl{ padding-top: 20px;}
	.katg-list dt{ font-size: 18px;}
	.katg-list dd b,.katg-list dd span{ font-size: 38px;}
	.katg-list dd small{font-size: 18px;}
	
	.katg-pic-02 ul{ margin: -15px;}
	.katg-pic-02 li{ padding: 15px;}
	
	.jyyw-box .mess-01{ padding: 18px 33px; }
	
	.jyyw-box .mess-01 .mess-01-tit{ font-size: 22px;}
	
	.jyyw-box .mess-01 .mess-01-txt{ font-size: 16px; line-height: 1.7;}
	
	.jyyw-box .tit-min{ margin-bottom: 10px; font-size: 22px;}
	
	.swiper-zcjy .zcjy-btn{width: 50px; height: 90px; margin-top: -45px;}
	.swiper-zcjy .zcjy-prev i::before,.swiper-zcjy .zcjy-next i::before{ font-size: 22px;}
	.swiper-zcjy .zcjy-pagination{  bottom: 35px;}
	
	
	.zcjy-tabs .hd{ padding: 30px 0;}
	.zcjy-tabs .hd span{ height: 48px; font-size: 16px;}
	
	.zcjy-tabs .tit-03{ font-size: 28px;}
	
	.kayw-box .kayw-tit{ margin-bottom: 25px;}
	.kayw-box .kayw-tit i{ height: 50px;}
	.kayw-box .kayw-tit i::before{ line-height: 50px; font-size: 50px;}
	.kayw-box .kayw-tit span{ padding: 0 15px; height: 36px; border-radius: 18px; font-size: 18px;}
	.kayw-box .kayw-box-l{ padding-right: 50px; }
	.kayw-box .kayw-box-r{ padding-left: 50px; }
	
	.kayw-box .kayw-mess-02 b{ font-size: 18px;}
	
	.kayw-list-01 ul{ margin: -16px;}
	.kayw-list-01 li{ padding: 16px;}
	.kayw-list-01 dt .bg{font-size: 20px;}
	.kayw-list-01 li dd .txt{padding:20px 20px 28px 20px;}
	
	.kayw-list-02 ul::before{left: 33px;}
	.kayw-list-02 ul li{ padding: 23px 0;}
	.kayw-list-02 ul li dt span{ width: 68px; height: 68px;}
	.kayw-list-02 ul li dt i::before{font-size: 40px;}
	.kayw-list-02 ul li dd{ padding-left: 55px;}
	.kayw-list-02 ul li dd .tit-num{ padding-right: 50px; font-size: 50px;}
	
	.kayw-list-02 ul li dd .txt{ font-size: 16px;}
	
}




/* 地产开发 */
@media screen and (min-width: 320px) {
	.dckf-list{ margin: -10px 0;}
	.dckf-box{ padding: 10px 0;}
	.dckf-box dt{display: flex; align-items: center; justify-content: center; padding-bottom: 45px;}
	.dckf-box dt .bd{ width: 282px; height: 282px; border-radius: 50%; border: dashed 1px #80B5DB; display: flex; flex-direction: column; align-items: center; justify-content: center; position: relative;}
	.dckf-box dt i{position: absolute; left: 50%; margin-left: -45px; bottom: -45px; width: 90px; height: 90px; border-radius: 50%; background: #036EB8; display: flex; align-items: center; justify-content: center;}
	.dckf-box dt i::before{ color: #fff; font-size: 50px;}
	
	.dckf-box .box{display: flex; padding: 10px 0;}
	.dckf-box .dckf-mess-01{font-size: 22px; color: #333;}
	.dckf-box .dckf-txt-01{ font-size: 30px; color: #07913B; line-height: 1; height: 44px; display: flex; align-items: flex-end; padding-right: 5px;}
	.dckf-box .num{ font-size: 44px; color: #07913B; line-height: 1;}
	.dckf-box .dckf-txt-02{ font-size: 44px; color: #07913B; line-height: 1;}
	.dckf-box sup{ height: 44px; line-height: 1; display: flex; align-items: flex-start; font-size: 22px; color: #07913B;}
	.dckf-mess-02{ font-size: 22px; font-weight: bold; color: #036EB8;}
	
	.dckf-box-02 dt{ padding-top: 45px; padding-bottom: 0;}
	.dckf-box-02 dt i{ bottom:auto; top: -45px;}
	
	.dckf-box dd{ padding-top: 10px;}
	
	.dckf-list-02 ul{ margin: -10px;}
	.dckf-list-02 li{ padding: 10px;}
	.dckf-list-02 dl{ position: relative; padding-top: 20px;}
	.dckf-list-02 dt{ width: 40px; height: 40px; border-radius: 50%; color: #fff; font-size: 16px; display: flex; align-items: center; justify-content: center; position: absolute; top: 0; left: 50%; margin-left: -20px;}
	.dckf-list-02 dd{ border-radius: 10px; border-width: 1px; border-style: solid; padding: 30px 10px;}
	
	.dckf-list-02 li:nth-child(odd) dt{ background: #036EB8;}
	.dckf-list-02 li:nth-child(even) dt{ background: #07913B;}
	.dckf-list-02 li:nth-child(odd) dd{ border-color: #CBE1F0;}
	.dckf-list-02 li:nth-child(even) dd{ border-color: #CCE8D7;}
}

@media screen and (min-width: 375px) {
	
}

@media screen and (min-width: 480px) {
	
}

@media screen and (min-width: 992px) {
	.dckf-box dl{display: flex; align-items: center;}
	.dckf-box-02 dl{flex-direction: row-reverse;}
	.dckf-box dd{ padding-left: 40px; padding-bottom: 45px;}
	.dckf-box-02 dd{ padding-left: 0; padding-right: 40px; padding-bottom: 0; padding-top: 45px;}
	
	.dckf-list-02 ul{ display: flex; }
	.dckf-list-02 li{ flex: 1; display: flex;}
	.dckf-list-02 li dl{display: flex;}
	.dckf-list-02 li dd{flex:1; padding: 40px 20px;}
}

@media screen and (min-width: 1320px) {
	.dckf-box dd{ padding-left: 80px;}
	.dckf-box-02 dd{ padding-left: 0; padding-right: 80px;}
	.dckf-list-02 li dd{padding: 45px 30px;}
}



/* 商贸物流 */
@media screen and (min-width: 320px) {
	.smwl-pic{ display: flex; align-items: center; justify-content: center;}
	.smwl-box-01{ display: flex;}
	.smwl-box-01 .smwl-box-bd{flex: 1;}
	.smwl-box-01 .smwl-box-bd dl{ background: #F5F9FF; border-radius: 10px;}
	.smwl-box-01 .smwl-box-c{ min-width: 80px; padding: 0 20px;}
	.smwl-box-01 .smwl-box-bd dd{ padding: 10px;}
	.smwl-box-01 .smwl-box-bd dt{ display: flex; justify-content: center;}
	.smwl-box-01 .smwl-box-bd dt span{ padding: 0 20px; height: 34px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; background: #036EB8; font-size: 14px; display: flex; align-items: center; color: #fff;}
	.smwl-box-01 .smwl-box-bd dd .smwl-txt-l{display: flex; flex-wrap: wrap;}
	.smwl-box-01 .smwl-box-bd dd .smwl-txt-l{ margin:  -2px -5px ;}
	.smwl-box-01 .smwl-box-bd dd span{color: #07913B; padding: 2px 5px; font-size: 12px;}
	
	.smwl-box-02 {max-width: 640px; margin-left: auto; margin-right: auto;}
	.smwl-box-02 ul{display: flex;}
	.smwl-box-02 li {display: flex; flex: 1; position: relative;}
	.smwl-box-02 li div{display: flex; flex-direction: column; flex: 1; align-items: center; }
	.smwl-box-02 li::before{ content: ' '; border-right: dashed 1px #99C4E2; position: absolute; right: 0; top: 0; bottom: 0;}
	.smwl-box-02 li:nth-last-child(1)::before{ display: none;}
	.smwl-box-02 li span{font-size: 12px; color: #036EB8;}
	
	.smwl-box-03 dl{}
	.smwl-box-03 dt img{width: 100%;}
	.smwl-box-03 dd{ padding: 15px; background: #F5F9FF; color: #333;}
}

@media screen and (min-width: 375px) {
	
}

@media screen and (min-width: 480px) {
	
}

@media screen and (min-width: 992px) {
	.smwl-box-01 .smwl-box-c{ min-width: 240px; display: flex; justify-content: center;}
	.smwl-box-01 .smwl-box-bd{ width: 320px;}
	.smwl-box-01 .smwl-box-bd dt span{font-size: 16px;}
	.smwl-box-01 .smwl-box-bd dd{display: flex; justify-content: center; align-items: center;}
	.smwl-box-01 .smwl-box-l .smwl-txt-l{ width: 180px;}
	.smwl-box-01 .smwl-box-bd dd span{font-size: 14px; padding: 3px 14px;}
	
	.smwl-box-02 li span{ font-size: 14px;}
	
	.smwl-box-03 dl{display: flex;}
	.smwl-box-03 dt { flex-basis: 400px; max-width: 400px; flex-shrink: 0;}
	.smwl-box-03 dd{ display: flex; align-items: center; padding: 20px;}
	
	
}

@media screen and (min-width: 1320px) {
	.smwl-box-03 dt { flex-basis: 500px; max-width: 500px; flex-shrink: 0;}
	.smwl-box-03 dd{ padding: 35px;}
}



/* 监督举报 */
@media screen and (min-width: 320px) {
	.jdjb-bg{background: url(../img/jdjb-bg@2x.jpg) center top; -webkit-background-size: cover;
	background-size: cover; padding: 50px 30px;}
	
	.jdjb-tit{ text-align: center; padding-bottom: 30px;}
	.jdjb-tit b{display: block; font-size: 36px; color: #E60012; line-height: 1;}
	.jdjb-tit span{display: block; font-size: 12px; color: #E60012; text-transform: uppercase; line-height: 1; padding-top: 10px;}
	
	.jdjb-box{ background: rgba(255,255,255,.9); padding: 15px;}
	
	.jdjb-box dl{display: flex; padding: 10px 0; border-bottom: solid 1px rgba(3,110,184,.34);}
	.jdjb-box dl:nth-last-child(1){border: none;}
	.jdjb-box dt{ padding-right: 15px; flex-basis: 100px; max-width: 100px; flex-shrink: 0;}
	.jdjb-box dt div{ display: flex; align-items: center;}
	.jdjb-box dt i{ padding-right: 10px; color: #036EB8; line-height: 1;}
	.jdjb-box dt span{ color: #036EB8;}
	
	.jdjb-box dd{text-align: right;flex: 1; color: #036EB8;}
	.jdjb-box dd a{ color: #036EB8; font-size: 12px; margin-top: 5px; display: inline-block;}
}

@media screen and (min-width: 480px) {
	
}

@media screen and (min-width: 992px) {
	.jdjb-bg{display: flex; justify-content: space-between; padding: 98px 98px 98px 140px ;  min-height: 570px;}
	.jdjb-tit {text-align: left;}
	.jdjb-tit b{font-size: 50px; letter-spacing:5px;}
	.jdjb-tit span{font-size: 14px;}
	.jdjb-box dd a{font-size:14px;}
	
	.jdjb-box{max-width: 560px; min-width:430px; padding: 20px 55px; }
	.jdjb-box dl{ padding: 30px 0;}
	.jdjb-box dt{ flex-basis: 200px; max-width: 200px;}
}

@media screen and (min-width: 1320px) {
	.jdjb-bg{ padding-left: 240px; min-height: 660px;}
	.jdjb-box{max-width: 560px; padding: 20px 55px; width:560px;}
	.jdjb-box dl{ padding: 30px 0; font-size: 16px;}
	.jdjb-box dt{ flex-basis: 200px; max-width: 200px;}
	.jdjb-box dt i::before{ font-size: 16px;}
	.jdjb-box dd span{ display: block;}
}





@media screen and (min-width: 320px) {
	
}

@media screen and (min-width: 375px) {
	
}

@media screen and (min-width: 480px) {
	
}

@media screen and (min-width: 992px) {
	
}

@media screen and (min-width: 1320px) {
	
}


/*--内容盒子--*/
@media screen and (min-width: 320px) {
	.content-box:after{content: ' '; clear: both; width: 0; height: 0; overflow: hidden; display: block;}
	.content-box{ text-align: justify; text-justify:inter-word; font-size: 14px; color: #666666; position: relative; z-index: 10; line-height: 2; }
	.content-box *{ line-height: 2; font-size: 14px;font-family: auto!important;}
	.content-box img{max-width: 100%;}
	
	.contact-bd{ padding: 20px 0;}
		
}

@media screen and (min-width: 992px) {
	
}

@media screen and (min-width: 1320px)  {
	.content-box *{ font-size: 16px;}
}





@media screen and (min-width: 320px) {
	
}

@media screen and (min-width: 375px) {
	
}

@media screen and (min-width: 480px) {
	
}

@media screen and (min-width: 992px) {
	
}

@media screen and (min-width: 1320px) {
	
}


/* @media screen and (min-width: 1320px) {
body::before{ content: ' '; background-image: url(../pic/4-5商贸物流.jpg); width: 100%; height: 4400px; background-position: center top; position: absolute; z-index: 999; opacity: .2; pointer-events: none; background-repeat: no-repeat;}

body:hover::before{ opacity: 0;}
} */