@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;

	

}



*{-webkit-box-sizing: border-box;

-moz-box-sizing: border-box;

box-sizing: border-box; line-height: 1.75;}


video::-internal-media-controls-download-button {
    display:none;
}
video::-webkit-media-controls-enclosure {
    overflow:hidden;
}
video::-webkit-media-controls-panel {
    width: calc(100% + 30px); 
}


.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;}



.Intercept{
		text-overflow: ellipsis;
		white-space: nowrap;
		overflow: hidden;
		display:block;
	}



/*定义动画*/

.e-ani *,.e-ani *:before,.e-ani *:after{-webkit-transition: .3s; transition:.3s;}

.nav *,.nav *:after,.nav *:before{-webkit-transition:height .3s, width .3s, color .3s,  -webkit-box-shadow .3s,border .3s,opacity .3s,-webkit-transform .3s,background .3s, opacity .3s,top .3s,right .3s,bottom .3s,left .3s,padding .3s;

transition:height .3s, width .3s, color .3s, box-shadow .3s,border .3s,opacity .3s, transform .3s,background .3s, opacity .3s,top .3s,right .3s,bottom .3s,left .3s,padding .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: 20px 0 0 0; margin: 0; line-height: 1.7;}

div.pages *{ line-height: 1.7;}

div.pages a,div.pages span {text-decoration: none; background: #fff; border: 1px solid #DCDCDC; padding: 5px 11px; margin: 3px; color: #333333; font-size: 12px; 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: #0172d1; color: #fff; border: 1px solid #0172d1;  line-height: 1.7;}

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

	div.pages{ padding-top: 40px;}

}







/*社会招聘*/

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

	.table-responsive { width: 100%; margin-bottom: 15px; overflow-y: hidden; -ms-overflow-style: -ms-autohiding-scrollbar; border: 1px solid #ddd; }

	

	

	.jp-table{width:100%; max-width: 100%; text-align: center; min-width: 665px;}

	.jp-table thead tr td{ line-height: 36px; background: #919191; color: #fff; font-size: 14px; padding: 5px 10px; white-space: nowrap; border: 1px solid #ddd;}

	.jp-table tbody tr{ }

	.jp-table tbody tr td{ line-height: 30px; font-size: 14px; border: 1px solid #ddd; padding: 15px 10px;}

	.jp-table tbody tr:hover td{ background: #f7f7f7;}

	.jp-table tbody tr:hover *{color: #0172d1;}

	.jp-table tbody tr a{ font-weight: bold;}

	

	.zpList_02 { border-top: solid 1px #e8ebee; 	border-left: solid 1px #e8ebee; 	white-space: nowrap;  min-width: 665px; max-width: 905px;}



	.zpList_02 tr td { border-top: none !important; border-right: solid 1px #e8ebee; border-bottom: solid 1px #e8ebee; color: #555; font-weight: bold; background: #fff; font-size: 14px; font-weight: normal; height: 30px; line-height: 30px !important; padding: 12px 15px;  white-space: normal;}

	a.ypBtn { margin: 0 auto; display: block; width: 120px; height: 37px; line-height: 35px; border: solid 1px #0172d1; background: #fff; text-align: center; color: #0172d1; font-size: 14px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; transition: .3s;}

	a.ypBtn:hover { color: #fff; background: #0172d1; }

	

	.zpText_01 { display:block; padding: 0; margin: 0; width: 100%; border: none; height: 30px; outline: none; line-height:initial;}

	.zpText_02 { width: 100%; height: 100px; padding: 0; margin: 0; border: none; outline: none; min-width: 100%; max-width: 100%; min-height: 100px; max-height: 100px; line-height: initial; resize: none;}

	.zpText_03 { width: 100%; padding: 0; margin: 0; border: none; outline: none;}

	

	

	.zpBtnBox { width: 260px; margin: 0 auto; text-align: center; overflow: hidden; }

	.zpBtnBox span{display: inline-block; padding: 0 5px; float:left;}

	.tjBtn,.czBtn  { border: none; display: inline-block; width: 120px; height: 37px; 	background: #fff; text-align: center; border: solid 1px #0172d1; color: #0172d1; font-size: 14px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; cursor: pointer;}



	.tjBtn:hover,.czBtn:hover { color: #fff; background: #0172d1;}

}



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

	.table-responsive { border: none;}

}



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

	

}









/*--移动端设置&小屏电脑 图片缩放--*/

/*设置最大屏像素-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: #0172d1; background-color: #0172d1;}

.layui-form-checkbox[lay-skin=primary]:hover i{ border-color: #0172d1;}

















/*=================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: 1260px) {

	.container{ width: 1220px; padding: 0 10px;}

}

















/*=================header===================*/

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

	

	div.nav-poa{ position: absolute; left: 0; top: 0; width: 100%;}





	.nav-box{ height: 55px; position: relative; width: 100%; z-index: 99; /* 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: 15px 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: #0172d1;}

	.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: -1000%; left: 0; right: 0; background: #fff; background: rgba(255,255,255,1);  padding:10px 15px; -webkit-box-shadow: 0 10px 20px  rgba(0,0,0,.2);

	-moz-box-shadow: 0 10px 20px  rgba(0,0,0,.2);

	box-shadow: 0 10px 20px  rgba(0,0,0,.2);-webkit-transform-origin:0% 0%; transform-origin:0% 0%; -webkit-transform: scaleY(.5) translateY(-25%); transform: scaleY(.5) translateY(-25%); opacity: 0; filter:Alpha(opacity=0); border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; z-index: 8;}

	

/*	.nav:before{content: ' '; border-bottom: solid 8px rgba(255,255,255,.95); border-left: solid 8px transparent; border-right: solid 8px transparent; position: absolute; right: 9px; top: -8px;}*/

	

	.nav-show{ top: 55px; opacity: 1; filter:Alpha(opacity=100); -webkit-transform: none; transform: none;}

	

	.nav-list{ visibility: visible !important;}

	.nav-list li{ border-bottom: solid 1px rgba(128,128,128,.1);}

	.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: #000; display: block; text-align: center;}

	.bd-more{ position: absolute; bottom: 0; left: 50%; margin-left: -8px; border-bottom: solid 8px rgba(230,230,240,.5); border-left: solid 8px transparent; border-right: solid 8px transparent; opacity: 0; filter:Alpha(opacity=0); -webkit-transform: translateY(8px); transform: translateY(8px);}

	.nav-list li .nav-list-sub{ opacity: 0; filter:Alpha(opacity=0); -webkit-transform-origin:0% 0%; transform-origin:0% 0%; overflow: hidden; background: rgba(230,230,240,.5); height: 0; -webkit-border-radius: 4px;

	-moz-border-radius: 4px;

	border-radius: 4px; overflow: hidden; pointer-events:none;}

	.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: #0172d1;}

	.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 i.more:before{ padding-left: 10px; font-size: 12px; color: #000;}

	.nav-on .bd-more{ opacity: 1; filter:Alpha(opacity=100); -webkit-transform: none; transform: none;}

	.nav-list li.nav-on .nav-list-sub{ opacity: 1; filter:Alpha(opacity=100);  pointer-events:auto;}

	.nav-list li .on b,.nav-list li .on i:before{ color: #0172d1;}

	.nav-list li.nav-on a b,.nav-list li.nav-on a i:before{ color: #0172d1;}

	

	.nav-box-bg{ position: absolute; z-index: 8; -webkit-background-size: cover;

	background-size: cover; overflow: hidden; height: 55px; left: 0; right: 0; background: #fff;}

	

	.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: #0172d1; 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); }

	

	.header-t{ display: none;}

	

	

	

	/*PC二级下拉背景色*/

	.nav-list-sub-bg{ display: block; width: 100%; position: absolute; top: -100%; height: 34px; width: 100%; left: 0; background: #fff; opacity: 0;  filter:Alpha(opacity=0); }

	.nav-list-sub-bg-show{ opacity: .9;  filter:Alpha(opacity=90); top: 80px;}

	

	.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: #0172d1;}

	

	

	.top-r{ color: #666; padding: 10px 0; background: #F5F6FA; height: 44px; display: flex; justify-content: center;}

	.top-r .top-btn a{}
    
    .lang-btn{display:none;}
	.top-r .top-btn{ padding: 0 10px;}

	.top-r .top-btn i{font-size: 14px; line-height: 24px; float: left;}

	.top-r .top-btn span{ float: left; line-height: 24px; }

	.top-r dl{display: inline-block; position: relative;}

	.top-r dt i{ float: left;  line-height: 20px;}

	.top-r dt span{ float: left;  line-height: 24px; font-size: 14px; padding-right: 5px; color: #666;}

	.top-r a{ color: #666; font-size: 14px;}

	

	.top-r a:hover i:before,.top-r a:hover span{color: #0172d1;}

	.top-r dt{cursor: pointer;}

	.top-r dt:hover i:before,.top-r dt:hover span,.top-r dl.on dt i:before,.top-r dl.on dt span{color: #0172d1;}

	

	

	

	.top-r .top-link-btn{ padding: 0 10px}

	.top-r .top-link-btn a{ font-size: 12px;}

	.top-r dd{ position: absolute; padding-top: 10px; top: -1000px; z-index: 10; opacity: 0; transform: translateY(-10px); -webkit-transform: translateY(-10px); pointer-events: none; min-width: 100%; width: 180px; right: 50%; margin-right:-90px;}

	.top-r dd div{ padding: 5px 10px; background: #fff;  box-shadow: 0 0 5px rgba(0,0,0,.1);}

	

	.top-r .on dt i{ transform: rotate(180deg);}

	

	.top-r dd a{display: block; text-align: center; line-height: 20px; border-bottom: solid 1px #eee; padding: 5px 0; display: block; }

	.top-r dd a:nth-last-child(1){border: none;}

	.top-r dd i{ position: absolute; border-bottom: solid 6px #fff; border-left: solid 6px transparent; border-right: solid 6px transparent; top: 4px; left: 50%; margin-left: -6px;}

	

	.top-r dd.show{ top: 24px; opacity: 1; transform: translateY(0); -webkit-transform: translateY(0); pointer-events: auto;}

	

	.top-r dd a:hover{color: #0172d1; }

	

	.top-r dt i::before{ font-size: 14px;}

	

	.search-btn{display: none;}

	.map-btn i{ display: none;}

	

	

	.search-bg{ background: #F5F6FA; padding: 10px; border-top: solid 1px #f0f0f3;}

	.search-bg .search-box{ width: 100%; position: relative;}

	.search-bg .search-box input{ width: 100%; border: solid 1px #f0f0f3; height: 30px; padding-right: 45px; padding-left: 15px;}

	.search-bg .search-box button{ position: absolute; right: 0; top: 0; width: 30px; background: none; border: none; height: 30px; line-height: 30px; color: #0172d1;}

	

	

	.search-btn .icon-search{ display: block;}

	.search-btn .icon-nav-close{ display: none;}

	



}





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

	

}





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

	.logo{ height: 74px; padding: 20px 0;}

	.nav-box{ height: 74px;}

	.header-box{ height: 74px;}

	.nav-box-bg{ height: 75px;}

	.nav-show{ top: 74px;}

	.nav-btn i{ line-height: 74px; font-size: 28px; width: 30px;}

	

	

}





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

	

	

	.nav{ height: 80px;}

	.nav:before{display: none;}

	

	

	.nav-box{ box-shadow: none; position: relative; height: 80px; background: #fff;}

	

	.header-box{ height: 80px; display: none;}

	

	.logo{ height: 80px; padding: 23px 0;}

	.logo img{ margin: 0 auto; height: 34px;}

	.logo a{ width: 100%; height: 100%; display: block; padding: 0;}

	

	

	.nav-btn{ display: none;}

	.nav-box-bg{ height: 80px; top: 0;}

	.nav{ float: right; position: relative; -webkit-transform: none; transform: none; opacity: 1; filter:Alpha(opacity=100); z-index: 9; box-shadow: none; padding: 0; border-top: none; border-bottom-left-radius: 0;

border-bottom-right-radius: 0; overflow: visible; background: none; top: 0;  padding-left: 0; padding-right: 0; left: auto; right: auto; -webkit-border-radius: 0;

-moz-border-radius: 0;

border-radius: 0;}

	.nav-list{  position: relative; float: right;}

	

		

	

	.nav-list:after{ content: ' '; overflow: hidden; clear: both; display: block;}

	.nav-list{ padding-right: 12px;}

	.nav-list li{ float: left; border-bottom: none; position: relative; border: none;}

	

	.nav-list li a b{ line-height: 80px; height: 80px; color: #464646; overflow: hidden; font-weight: normal; font-size: 12px;}

	.nav-list li a{ height: 80px; line-height: 80px; padding: 0 5px; font-size: 13px; position: relative;}

	

	.nav-list li .nav-list-sub a:after{ content: ' '; width: 1px; height: 14px; background: #666; position: absolute; right: 0; top: 50%; margin-top: -7px; opacity: .4;}

	.nav-list li .nav-list-sub a:nth-last-child(1):after{display: none;}

	/*.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: #464646;}

	.nav-list li .on b/*,.nav-list li a:hover b*/{ color: #fff;}

	.nav-list li .on .nav-btn-bg{ opacity: 1;filter:Alpha(opacity=100); }

	.bd-more{border-bottom-color: #fff; display: none;}

	.nav-list li .nav-list-sub{ position: absolute; top: 56px; height: auto !important; opacity: 0; filter:Alpha(opacity=0);

-webkit-transform: translateY(8px);

transform: translateY(8px); box-shadow: 0 5px 8px rgba(0,0,0,.3); top: -1000%; 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: 1000%; }



	.nav-list li .nav-list-sub .nav-list-height{padding: 0;overflow: hidden; float: left;}

	.nav-list li .nav-list-sub a{ height: auto; border: none; font-size: 12px; padding:  0 10px; display: block; text-align: center;position: relative; line-height: 34px; float: left;}



	.nav-list li .nav-list-sub a span{display: block; line-height: .nav-list li .nav-list-sub a; color: #464646; position: relative; white-space: nowrap; padding: 0; position: relative; font-size: 12px; line-height: 34px;}

	.nav-list li .nav-list-sub a:hover span{color: #0172d1;}



	.nav-list li .nav-list-sub a:hover span,.nav-list li .nav-list-sub a.on-02 span{ color: #0172d1;}





	.nav-list li.nav-on .nav-list-sub{ opacity: 1; filter:Alpha(opacity=100);

-webkit-transform: translateY(0);

transform: translateY(0);  top: 80px;}

	

	.nav-list div.nav-btn-bg,.nav-list div.nav-btn-bg-02{ height: 80px; overflow: hidden; transition: .3s; display: block;}

	.nav-list div.nav-btn-bg:before,.nav-list div.nav-btn-bg-02:before{ content: ' '; position: absolute; left: 8px; right: 8px; bottom: 0; height:3px; background: #0172d1;}



	.nav-list li a.on i.bd-more{}



	

	/*PC二级下拉背景色*/



	

	.top-r{ text-align: right; background: none;padding: 28px 0; height: auto; border-left: solid 1px #eeeeee;}

	

	.top-r .top-btn{ padding: 0 0 0 10px;}

	.top-r .top-link-btn{ padding: 0 0 0 10px;}

	.top-r{ float: right;}

	.map-btn i{display: block;}

	.map-btn span{display: none;}

	

	.top-btn{ height: 24px; line-height: 24px;}

	

	.search-btn{display: block;}

	.search-btn i{ width: 24px; text-align: center;}

	.top-link-btn {height: 24px;}

	.lang-btn{

		height: 24px;

		font-size: 13px;

		font-weight: bold;

		line-height: 24px;}

		

		.top-r dt span{ font-weight: bold;}

		

		.top-link-btn dt span{ font-size: 13px;}

		

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

		

		.top-r a:hover{ color: #0172d1;}

		

	.search-bg{display: block; position: absolute;  right: 0; top: -80px; display: block; width: 270px; -webkit-transform: translateY(-10px); transform: translateY(-10px); opacity: 0;}

	.search-bg-show{ top: 80px; -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; z-index: 9;}

	.search-bg button{ cursor: pointer;}

	

	

	.search-btn-on .icon-search{ display: none;}

	.search-btn-on .icon-nav-close{ display: block;}

	

}



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

.nav{width: auto;}

.nav-list{ padding-right: 15px;}

.nav-list li a{ padding: 0 15px;}



.nav-list div.nav-btn-bg:before,.nav-list div.nav-btn-bg-02:before{ left: 0; right: 0;}

.nav-list li .nav-list-sub{ margin-left: -10px;}

.nav-list li .nav-list-sub .nav-list-height{ padding: 0; }



	.top-r .top-btn{padding-left: 25px;}

	.top-link-btn dt span{ padding-right: 6px;}

	

	.top-r .top-link-btn{ padding-left: 28px;}

	

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

	

	.nav-list li a b{font-size: 13px;}

}







@font-face

{

font-family: dinr;

src: url('../font/DINRegular.ttf');

}



@font-face

{

font-family: dinc;

src: url('../font/DINCond-Medium.otf');

}





/*banner*/

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

	.banner-box{ position: relative;}

	

	.banner{ height: 46vw; -webkit-background-size: cover;

	background-size: 100% 100%; background-position: center center;}

	

	.banner-b{ position: absolute; background: #000; background: rgba(0,0,0,.6); position: absolute; z-index: 9; bottom: 0; width: 100%;}

	.banner-b i{float: left; line-height: 34px; margin-right: 10px; color: #fff; font-size: 19px;}

	.banner-b .container{ position: relative;}

	.banner-bl{padding-right: 60px;}

	

	.swiper-notice{ height: 34px;}

	.notice-mess{ height: 34px; width: 100%;}

	.notice-mess a{ color: #fff;  display: inline-block;  overflow: hidden; -ms-text-overflow: ellipsis;

	text-overflow: ellipsis; white-space: nowrap; line-height: 34px; max-width: 100%; font-size: 12px;}

	

	.swiper-notice .swiper-slide{ height: 34px;}

	

	.banner-b-more{position: absolute; right: 15px; top: 0; line-height: 34px; color: #fff; z-index: 2;}

	.banner-b-more a{ color: #fff; font-size: 14px;}

	

	.banner-prev{ left: 10px; position: absolute; top: 50%; z-index: 9; margin-top: -41px; cursor: pointer;}

	.banner-next{ right: 10px; position: absolute; top: 50%; z-index: 9; margin-top: -41px; cursor: pointer;}

	.banner-prev i,.banner-next i{ line-height: 48px; font-size: 24px; display: block; color: #fff;}


	.banner-prev:hover{transform: translateX(-5px);}

	.banner-next:hover{transform: translateX(5px);}

	.banner-prev:hover i::before,.banner-next:hover i::before{ color: #0172d1;}

	

	.banner-box .banner-pagination{ position: absolute; left: 50%; bottom: 35px; z-index: 9; width: auto; transform: translateX(-50%);}

	.banner-box .banner-pagination span{ width: 10px; height: 10px; border: solid 2px #fff; background: none;}

	.banner-box .banner-pagination span.swiper-pagination-bullet-active{ background: #fff;}

}



@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: -590px;}

	.banner-next{ right: 50%; margin-right: -590px;}

	

	.banner-b-more{ right: 10px;}

	

	.banner-box .banner-pagination{ bottom: 55px;}
    
    .banner-prev{ transform:translateX(-300px); opacity:0;}
    .banner-next{ transform:translateX(300px); opacity:0;}
	.banner-box:hover .banner-prev{transform:translateX(0); opacity:1;}
	.banner-box:hover .banner-next{transform:translateX(0); opacity:1;}
}



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

	.banner{height: 600px;}

	.notice-mess a{font-size: 13px;}

	

	.banner-prev i,.banner-next i{ font-size: 48px;}

	.banner-prev{ left: 50%; margin-left: -700px;}

	.banner-next{ right: 50%; margin-right: -700px;}

}


@media screen and (min-width: 1460px) {
	.banner-prev{left: 50px; margin-left: 0;}
	.banner-next{right: 50px; margin-right: 0;}
}


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

	/* .banner{ height: 46vw;} */

}



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

	.banner{height: auto; padding-bottom:30%;}


}



/*ind-box*/

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

	.ind-box{ padding-bottom: 50px; background: url(../img/bg.png) center bottom no-repeat; -webkit-background-size: contain;

	background-size: contain;}

	.ind-box-02{background-image: url(../img/bg-02.png);}

	

	.ind-box-bgc{ background-color: #F5F5F5;}

	

	.ind-box-bgc .menu{ background: #fff;}

	

	.ind-tit span{ line-height: 20px;}

	i.pic-size-scale-video{ padding-bottom: 64.516%;}

	.ind-tit{border-bottom: solid 2px #eee; position: relative; position: relative; padding-right: 45px;}

	.ind-tit .ind-tit-l{ float: left; line-height: 19px;}

	.ind-tit .ind-tit-l span{ margin-right: 20px; font-size: 14px; color: #666; line-height: 19px; cursor: pointer;}

	.ind-tit .ind-tit-r{ position: absolute; right: 0; height: 19px; line-height: 19px; z-index: 2; top: 1px;}

	.ind-tit .ind-tit-r a{ font-size: 12px; color: #666; line-height: 19px;}

	.ind-tit-line{ width: 0; height: 2px; background: #036eb8; position: absolute; bottom: -2px;}

	

	.ind-body{ padding-top: 11px;}

	

	.ind-tit-l span{float: left; padding: 5px 0; }

	

	.ind-tit .ind-tit-l .on{ color: #036eb8;}

	.ind-tit .ind-tit-l .on::before{content: ' '; width: 100%; height: 2px; background: #036eb8; position: absolute; bottom: -2px; }

	.ind-tit .ind-tit-line{display: none;}

	

}





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

	

}



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

	.ind-box{ padding-bottom: 80px;  padding-bottom: 8vw;}

	

	.ind-tit{ padding-bottom: 17px;}

	.ind-body{ padding-top: 21px;}

	.ind-tit .ind-tit-l .on{ color: #666;}

	

	.ind-tit .ind-tit-line{display: block;}

	

	.ind-tit-l span{ padding: 0;}

	.ind-tit .ind-tit-l .on::before{ display: none;}

}



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

	.ind-box{ padding-bottom: 125px; padding-bottom: 8vw;}

	

}



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

	

}





/*视频专区*/

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

	.ind-mess{ padding-top: 20px;}

	.video-box{ position: relative; display: block;}

	.video-box .play-ico{width: 50px; height: 50px; background: url(../img/play-btn.png); -webkit-background-size: cover;

	background-size: cover; position: absolute; left: 50%; top: 50%; margin: -25px 0 0 -25px;}

	

	.video-box .hd span{cursor: default;}

	

}



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

	

}



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

	.ind-mess{ padding-top: 30px; padding-bottom:0;}

	.video-box{ width: 260px; float: left; position: relative; left: 700px;}

	

}



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

	.ind-mess{ padding-top: 36px;  padding-bottom:0;}

}







/*集团要闻*/

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

	.news-box{ padding-top: 20px;}

	i.pic-scale-news{padding-bottom: 57.143%;}

	.news-swiper-box span{ height: 32px; line-height: 32px; font-size: 12px; background: #000; background: rgba(0,0,0,.7); color: #fff; position: absolute; left: 0; bottom: 0; width: 100%; text-align: center; padding: 0 20px; overflow: hidden; -ms-text-overflow: ellipsis;

	text-overflow: ellipsis; white-space: nowrap;}

	

	

	.swiper-news{position: relative;}

	.button-prev,.button-next{ width: 28px; height: 44px; position: absolute; left: 0; top: 50%; margin-top: -38px; z-index: 2; background: #000; background: rgba(0,0,0,.8); text-align: center; cursor: pointer;}

	.button-next{ left: auto; right: 0;}

	.button-prev{ border-top-right-radius: 4px; border-bottom-right-radius: 4px;}

	.button-next{ border-top-left-radius: 4px; border-bottom-left-radius: 4px;}

	.button-prev i::before,.button-next i::before{ line-height: 44px;color: #fff;display: inline-block;}

	.button-prev:hover i::before{transform: translateX(-3px);}

	.button-next:hover i::before{transform: translateX(3px);}

	

	.ind-news-r{ padding-top: 15px;}

	.ind-news-r dt{ font-size: 14px; font-weight: bold;  line-height: 20px;}

	.ind-news-r dt a{color: #666;}

	.ind-news-r dt a:hover{ color: #036eb8;}

	.ind-news-r dd{ font-size: 12px; color: #858585; line-height: 20px; margin-top: 5px;}

	.ind-news-r dd a{ color: #036EB8; white-space: nowrap;}

	.ind-news-r dd a:hover{text-decoration: underline;}

	

	.ind-news-r ul{ padding-top: 10px;}

	.ind-news-r ul li{ overflow: hidden; padding-right: 80px; position: relative; overflow: hidden; -ms-text-overflow: ellipsis;

	text-overflow: ellipsis; white-space: nowrap; line-height: 30px;}

	.ind-news-r ul a{ font-size: 12px; color: #858585; line-height: 30px;}

	.ind-news-r ul span{position: absolute; right: 0; top: 0; font-size: 12px; line-height: 30px; color: #858585;}

	.ind-news-r ul a:hover{ color: #036eb8;}

}



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

	

}



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

	.news-box{ float: left; width: 700px; right: 260px; position: relative; padding-top: 0; padding-right: 50px;}

	

	.ind-news-biox{}

	.ind-news-l{ width: 294px; float: left;}

	.ind-news-r{ overflow: hidden; padding-left: 20px;}

	

	.ind-news-r ul li{padding-right: 120px;}

	

	.ind-news-r{ padding-top: 0;}

	

	.ind-news-r ul{ padding-top: 10px;}

	

	

	.ind-news-r ul li,.ind-news-r ul a,.ind-news-r ul span{ line-height: 22px;}

}



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

	

	.news-box{ width: 890px;  right: 310px;}

	.video-box{ width: 310px; left: 890px;}

	.ind-news-r ul{ padding-top: 14px;}

	.ind-news-l{ width: 350px;}

	.ind-news-r{ padding-left: 30px; height: 200px; overflow: hidden;}

	

	.ind-news-r dt{ font-size: 18px;}

	.ind-news-r dd{ margin-top: 11px; font-size: 13px; line-height: 24px;}

	.ind-news-r ul li,.ind-news-r ul a,.ind-news-r ul span{ line-height: 26px; font-size: 13px;}

	

	

}



@media screen and (min-width: 1920px) {ind-item

	

}







/*项目列表*/

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

	.ind-item {padding-top: 20px;}

	.ind-item ul{display: flex; margin: -5px; flex-wrap: wrap;}

	.ind-item li{ flex-shrink: 0; flex-basis: 50%; padding: 5px; }

	.ind-item div{border: solid 1px #EEEEEE; background-color: rgba(255, 255, 255, 0.7);

	border-radius: 6px;  padding: 15px 5px 20px 5px;}

	

	.ind-item li img{ width: 100%;}

	.ind-item li i{ position: relative;display: block; width: 50px; margin: 0 auto;}

	.ind-item li i .item-off{opacity: 0; left: 0; top: 0; position: absolute;}

	.ind-item li span{ text-align: center; display: block; font-size: 12px; color: #666; padding-top: 10px;}

	

	

	.ind-item li .item-on,.ind-item li a .item-on {-webkit-filter: grayscale(100%); filter: grayscale(100%); opacity: .6;}

    .ind-item li.on .item-on,.ind-item li a:hover .item-on{ -webkit-filter: grayscale(0); filter: grayscale(0); opacity: 1;}

    /* .ind-item li.on .item-off,.ind-item li a:hover .item-off{ opacity: 1;} */

	.ind-item li a:hover span{ color: #036EB8;}

	 .ind-item li:nth-child(1){}

	

	

}



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

	

}



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

	.ind-item { padding-top: 40px;}

	.ind-item ul{ flex-wrap: nowrap;}

	.ind-item li{flex: 1;}

}



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

	.ind-item { padding-top: 60px;}

	.ind-item div{padding: 18px 25px 25px 25px;}

	.ind-item li span{ padding-top: 18px; font-size: 13px; line-height: 17px;}

	.ind-item li i{ width: 70px;}

	

	.ind-item ul{ margin: -12px;}

	.ind-item li{ padding: 12px;}

}



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

	

}









/* footer */

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

	.footer-bg{ background: #666; padding: 15px 0; font-size: 12px; color: #fff;}

	.footer-l dd{ left: -50%; margin-left: -16px; padding-bottom: 5px; bottom: 36px; position: absolute;}

	.footer-l dd div{ width: 100px; padding: 10px; background: #fff; box-shadow: 0 0 10px rgba(0,0,0,.1);}

	.footer-l img{ width: 100%;}

	

	.footer-l{ text-align: center; position: relative;}

	.footer-l .footer-lt{display: flex; justify-content: center;}

	

	.footer-l .footer-lt span{ line-height: 36px;}

	.footer-l dl{ margin-left:10px; position: relative;}

	.footer-l dt{ width: 36px; height: 36px; -webkit-border-radius: 50%;

	-moz-border-radius: 50%;

	border-radius: 50%;}

	.footer-l dt i{ line-height: 36px; text-align: center; font-size: 24px;}

	.footer-l .wechat-btn dt{ background: #07913B;}

	.footer-l .wechat-btn dt i{ color: #fff;}

	.footer-l .phone-btn dt{ background: #FFFFFF;}

	.footer-l .phone-btn dt i{ color: #6C6F81;}

	

	

	.footer-l .e-anim-on{ animation:footer-anim-on .3s;  animation-fill-mode: both;}

	.footer-l .e-anim-off{ animation:footer-anim-off .3s; animation-fill-mode: both; }

	

	

	

	

	.footer-l .footer-lb{padding-top: 10px;}

	.footer-r{ padding-top: 10px;}

	.footer-r{ text-align: center;}

	.footer-r span{ padding: 0 10px;}

	.footer-r a{ color: #fff;}

	.footer-r a:hover{ text-decoration: underline;}

}



	@keyframes footer-anim-on{

		from { opacity: 0;  transform: translateY(5px);}

		to {opacity: 1;}

	}

	

	@keyframes footer-anim-off{

		from { opacity: 1; }

		to { opacity: 0; transform: translateY(5px);}

	}

	

	

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

	

}



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

	.footer-l{ /*float: left;*/}

	.footer-r{ /*float: right;*/}

	

	.footer-l .footer-lt{/*justify-content: flex-start;*/}

	.footer-l dl{margin-left: 12px;}

	

	.footer-r{ /*text-align: right;*/ padding-top: 0;}

	.footer-rt{ line-height: 36px;}

	.footer-rb{ padding-top: 10px;}

	

	.footer-l dd{ margin-left: -22px;}

	.footer-l dd div{width: 112px;}
	.footer-l a{color:#fff;}
}



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

	.footer-bg{font-size: 13px;}

}



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

	

}





/* banner-min */

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

	.banner-min{ height: 80px; -webkit-background-size: cover;

	background-size: cover; background-position: center center;}

}



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

	

}



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

	.banner-min{ height: 100px;}

}



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

	.banner-min{ height: 140px;}

}



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

	.banner-min{ height: auto; padding-bottom:7.33%;}

}











/* menu */

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

	.menu-l{display: none;}

	.menu{ padding: 0; border-bottom: solid 1px #E6EDF7;}

	

	.menu-r{ position: relative;}

	.menu-r ul{ margin: 0 -10px;}

	.menu-r li{float: left; line-height: 30px; padding: 0 10px;}

	.menu-r li a{display: block; position: relative; padding: 10px 0; color: #666; font-size: 14px;}

	.menu-r .on{ color: #036eb8; font-weight: bold;}

	.menu-r .on::before{content: ' '; width: 100%; height: 2px; background: #07913B; position: absolute; bottom: -1px; }

	.menu-r .menu-line{display: none;}

	

	.menu-r li a:hover{ color: #036eb8;}

}



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

	

}



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

	.menu-r{float: right;}

	.menu-r li a{ padding: 15px 0; line-height: 30px;}

	.menu-r .on::before{display: none;}

	.menu-r .menu-line{display: block; width: 0; height: 2px; background: #07913B; position: absolute; bottom: -1px;}

	

	.menu-l{display: block; float: left; padding: 15px 0; font-weight: bold; color: #666;}

	.menu-l i{ padding-right: 10px; font-size: 14px; color: #777;}

	.menu-l *{ color: #666; line-height: 30px;}

	

}



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

	.menu-r ul{ margin: 0 -19px;}

	.menu-r li{ padding: 0 19px;}

}



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

	

}





/* 内页盒子 */

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

	.info-box{padding-top: 20px;}
	.info-box img{width:auto; max-width:100%;}
	
	
	.news-content p,.news-content>span{ margin-bottom:21px; text-indent: 28px; line-height:1.5; display:block;}
	.news-content p p{ margin-bottom:0; text-indent: 0;}
	.news-content p{display:block!important;}
	.news-content .info-box-img{ text-indent: 0;  margin-bottom:0;}
	.news-content .info-box-img img{width:100% !important; max-width:580px !important; height:auto !important; margin-bottom:15px;}
	
	.news-content .info-box-img img.info-box-img-detach{width: auto !important;  margin-bottom: 15px !important;  margin-right: 2px; }
	
	.news-content .info-box-ti0{ text-indent: 0;}
	
}



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

	

}



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

	.info-box{padding-top: 40px;}

}



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

	.info-box{padding-top: 50px;}

}



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

	

}







/* 大横琴简介 */

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

	.about-tit-en{max-width: 357px; width: 50%;}

	.about-tit-en img{width: 100%;}

	

	.about-info{ padding-top: 15px;}

	

	.about-info-r{ padding-top: 15px;}

	.about-info-r ul{ margin: -5px; overflow: hidden;}

	.about-info-r li{ padding: 5px; float: left; width: 50%;}

	.about-info-r img{ width: 100%;}

	

	

	.about-data{ background: #FAFAFA; margin-top: 15px;}

	.about-data ul{display: flex; flex-wrap: wrap;}

	.about-data li{ flex-grow: 1; flex-shrink: 1; width: 50%; padding: 20px; position: relative;}

	.about-data li::before{ content: ' '; top: 10px; bottom: 10px; position: absolute; width: 1px; left: 0; background: #cfdbe5;}

	.about-data li:nth-child(odd)::before{display: none;}

	.about-data b{display: block; color: #036EB8; font-size: 48px; font-family: dinc; line-height: 1; }

	.about-data i{ font-style: normal;}

	.about-data span{display: block; font-size: 12px; color: #666;}

	

	.about-info-02{ padding-top: 15px;}

	

	.about-info-img{ padding-top: 15px;}

	

	

}



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

	

}



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

	.about-info{ padding-top: 20px;}

	

	.about-info-l{float: left; width: 700px; padding-right: 20px;}

	.about-info-r{ float: left; width: 260px; padding-top: 0;}

	.about-info-r li{ width: 100%;}

	

	.about-data{ margin-top: 20px;}

	.about-data li{ width: 20%; padding: 30px 20px 38px 20px; display: flex; flex-direction: column; justify-content: center; text-align: center;}

	

	.about-data li:nth-child(odd)::before{display: block;}

	.about-data li:nth-child(1)::before{display: none;}

	.about-data b{ font-size: 60px; line-height: 76px;}

	.about-data li::before{ content: ' '; top: 40px; bottom: 40px;}

	.about-data span{ line-height: 20px;}

	

	.about-info-02{ padding-top: 30px;}

	

	

	.about-info-img{ padding-top: 30px;}

	

}



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

	.about-info{ padding-top: 20px;}

	

	.about-info-l{ width: 900px;}

	.about-info-r{  width: 300px;}

	

	.about-data{ margin-top: 30px; }

	.about-data ul{ padding: 0 13px;}

	.about-data li{ }

	.about-data span{font-size: 14px;}

	.about-data li{flex-grow: 4; width: auto;}

	.about-data li:nth-child(1),.about-data li:nth-last-child(1){flex-grow: 5;}

	

	.about-info-02{ padding-top: 40px;}

	

	.about-info-img{ padding-top: 35px;}

}



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

	

}









/* 发展历程 */

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

	

	.history-tit{ text-align: center; padding-bottom: 14px; font-size: 20px; color: #666; line-height: 32px;}

	

	.swiper-year .swiper-slide{ width: 33.3333%; text-align: center; }

	.swiper-year .swiper-slide div{cursor: pointer; display: inline-block; padding: 0 10px;}

	.swiper-year .swiper-slide span{ font-size: 20px; color: #999; font-family: dinc; transition: .3s;}

	.swiper-year .swiper-slide i{ width: 12px; height: 12px; background: #fff; border: solid 1px #036eb8; display: block; margin: 0 auto; -webkit-border-radius: 50%;

	-moz-border-radius: 50%;

	border-radius: 50%; transition: .3s;  margin-bottom: 4px;}

	

	.year-box{ position: relative; padding: 0 45px;}

	

	.swiper-year .swiper-slide.on span{ color: #036eb8;}

	.swiper-year .swiper-slide.on i{ background: #036eb8;}

	

	

	.year-box hr{ height: 6px; background: #036EB8; -webkit-border-radius: 5px;

	-moz-border-radius: 5px;

	border-radius: 5px; margin: 0; position: absolute; left: 50px; right: 50px; bottom: 7px;}

	

	.history-prev,.history-next{ position: absolute; left: 0; bottom: -8px; height: 36px; line-height: 36px; cursor: pointer;}

	.history-prev i,.history-next i{display: block;}

	.history-prev i::before,.history-next i::before{ font-size: 36px; color: #BBB; line-height: 1;}

	.history-next{left: auto; right: 0;}

	

	.history-prev:hover i::before,.history-next:hover i::before{ color: #036EB8;}

	

	.btn-disabled,.btn-disabled:hover{ opacity: .5; cursor: default; pointer-events: none; color: #bbb;}

	

	

	

	/* .swiper-hsitory{height: 400px;} */

	/* .swiper-hsitory .swiper-wrapper,.swiper-hsitory .swiper-scrollbar-drag{ transition: .1s !important;} */

	.swiper-hsitory >.swiper-scrollbar{  right: 14px; width: 2px; color: #E8E8E8;}

	.swiper-hsitory >.swiper-scrollbar .swiper-scrollbar-drag{ width: 30px; left: -14px; -webkit-border-radius: 0;

	-moz-border-radius: 0;

	border-radius: 0; background: none; cursor:pointer; padding:0 12px;}
	
	.swiper-hsitory >.swiper-scrollbar .swiper-scrollbar-drag::before{ content:' '; position:absolute; top:0; bottom:0; width:6px; background: #B4B4B4; transition:.3s;}

	

	

	.history-list-box{ padding-top: 30px;}

	

	.history-list-box .hstory-list-bd{ background: #EDF3FF; -webkit-border-radius: 10px;

	-moz-border-radius: 10px;

	border-radius: 10px; padding:40px 20px;}

	

	.history-list{padding-right: 20px;}

	

	.history-txt{ font-size: 12px; color: #333;}

	.history-txt+.history-pic{ padding-top: 10px;}

	.history-pic ul{ margin: -5px; overflow: hidden;}

	.history-pic li{ padding: 5px; width: 50%; float: left;}

	.history-pic img{ width: 100%;}

	

	.history-list hr{display: none;}

	

	.history-list dl{ padding-bottom: 25px;}

	.history-list dl:nth-last-child(1){ padding-bottom: 0;}

	

	.history-list dt span{font-family: dinc;font-size: 18px; color: #036eb8;}

	i.pic-scale-history{ padding-bottom: 48.673%;}

	

	.swiper-scrollbar div.swiper-scrollbar-drag{ transition:background .3s !important;}

	.swiper-scrollbar div.swiper-scrollbar-drag:hover::before,.swiper-scrollbar div.swiper-scrollbar-drag:active::before{ background: #036eb8;}

}



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

	

}



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

	.history-list-box{ padding-top: 40px;}

	.history-list-box .hstory-list-bd{ padding: 60px 40px;}

	

	.swiper-year .swiper-slide{ width: 16.6666666667%;}

	

	.history-tit{ font-size: 32px; line-height: 42px;}

	

	.year-box hr{height: 10px; bottom: 5px;}

	.swiper-year .swiper-slide i{ width: 20px; height: 20px; margin-bottom: 0;}

	

	.swiper-year .swiper-slide span{font-size: 22px; line-height: 52px;}

	

	.history-pic li{ width: 332px;}

	

	.history-tit{ padding-bottom: 23px;}

	

	.history-list dt{float: left; padding-right: 55px; position: relative;}

	.history-list dd{ overflow: hidden;}

	

	

	.history-list dt span{ line-height: 28px; font-size: 22px;}

	.history-list dt i{ width: 13px; height: 13px; background: #07913B; -webkit-border-radius: 50%;

	-moz-border-radius: 50%;

	border-radius: 50%; position: absolute; right: 23px; top: 7px;}

	.history-list dd .history-txt{ font-size: 14px; line-height: 28px;}

	

	.history-list{ padding-right: 50px;}

	

	.swiper-hsitory{height: 520px;}

	

	.history-txt+.history-pic{ padding-top: 15px;}

	

	.history-list dl{ padding-bottom: 36px;}

	.history-list dl:nth-last-child(1){ padding-bottom: 0;}

	

	.history-list hr{ width: 1px; height: auto;  position: absolute; background: #95C8EB; display: block; left: 65px; margin: 0; top: 10px; bottom: 0;}

}



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

	.history-list-box{ padding-top: 50px;}

	.history-list-box .hstory-list-bd{ padding: 80px 70px;}

	.history-tit{ font-size: 40px; line-height: 52px;}

	.swiper-year .swiper-slide span{font-size: 26px; line-height: 66px;}

	

	.year-box{ padding: 0 155px;}

	

	.swiper-hsitory{height: 727px;}

	

}



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

	

}







/* 组织机构 */

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

	

	

	.institution-style-01{ background: #E8F6FF; border: solid 1px #B5E1FF; color: #036EB8;}

	

	.institution-style-02{ background: #EDF5E7; border: solid 1px #EDF5E7;  color: #555555;}

	.institution-style-02 *{ color: #666; font-weight: normal;}
	
	.box-bd .institution-style-02{ background: #fff; border: solid 1px #fff;  color: #555555;}

	

	.institution-style-03{ background: #FBE9D5; border: solid 1px #FBE9D5; color: #666666;}

	.institution-style-03 *{ color: #666; font-weight: normal;}

	

	.institution-style-04{ background: #FFE8E8; border: solid 1px #FFE8E8; color: #666666;}

	.institution-style-04 *{ color: #666; font-weight: normal;}

	

	.institution-style-05{ background: #DCEFF6; border: solid 1px #DCEFF6; color: #666666;}

	

	.institution-style-06{ background: #FFFFFF; border: solid 1px #EFEFEF; color: #666666;}

	

	

	.company-style-02 .btn{ background: #EDF5E7; border: solid 1px #EDF5E7; color: #555;}

	.company-style-02 .btn span,.company-style-02 .btn i::before{ color: #555;}

	

	.company-style-03 .btn{ background: #FBE9D5; border: solid 1px #FBE9D5; color: #666666;}

	.company-style-03 .btn span,.company-style-03 .btn i::before{ color: #666;}

	

	.company-style-04 .btn{ background: #FFE8E8; border: solid 1px #FFE8E8; color: #666666;}

	.company-style-04 .btn span,.company-style-04 .btn i::before{ color: #666;}

	

	.company-style-05 .btn{  background: #FBE9D5; border: solid 1px #FBE9D5; color: #555555;}

	.company-style-05 .btn span,.company-style-05 .btn i::before{ color: #666;}

	

	.company-style-06 .btn{ background: #FFFFFF; border: solid 1px #EFEFEF; color: #666666;}

	.company-style-06 .btn span,.company-style-06 .btn i::before{ color: #666;}

	

	.institution-tit{ color: #666; font-size: 16px; font-weight: bold; padding-bottom: 15px;}

	

	.institution-col{ max-width: 260px;}

	.institution-col ul{ margin: -2px; overflow: hidden;}

	.institution-col li{ padding: 2px;float: left; width: 33.3333333333333%;}

	.institution-col li div{ font-size: 12px; text-align: center; height: 30px; line-height: 28px;}

	

	.institution-box{ padding-top: 30px; }

	.structure-01 .box{ padding: 6px 15px; line-height: 20px; font-size: 12px; text-align: center;}

	.structure-01 .line{ padding-bottom: 20px; position: relative;}

	.structure-01 .line::before{ content:' '; width: 1px; height: 20px; bottom: 0; left: 50%; background: #C2C2C2; position: absolute;}

	

	.structure-02{}

	.structure-02 .box{padding: 6px 15px; line-height: 20px; font-size: 12px; text-align: center; }

	.structure-02 ul{ margin: 0 -15px; overflow: hidden;}

	.structure-02 li{ float: left; width: 50%; padding:0;}

	.structure-02 .line{ padding: 10px 15px; position: relative;}

	.structure-02 li:nth-child(even) .line::before{ content:' '; width: 1px; height: 100%; top: 0; left: 0; background: #C2C2C2; position: absolute;}

	.structure-02 li:nth-child(even) .line::after{content:' '; width: 15px; height: 1px; top: 50%; left: 0; background: #C2C2C2; position: absolute;}

	

	.structure-02 li:nth-child(odd) .line::before{}

	.structure-02 li:nth-child(odd) .line::after{content:' '; width: 15px; height: 1px; top: 50%; right: 0; background: #C2C2C2; position: absolute;}

	

	.structure-03 .box{ font-size: 12px; text-align: center;  padding: 6px 0; position:relative;}

	.structure-03 .box::before{ content:' '; width:100%; height:2px; position:absolute; left:0; bottom:-1px; background:#07913B; transform:scaleX(0);}

	

	.structure-03 .hd { padding-top: 20px; display: flex; align-items: stretch; position: relative;}

	.structure-03 .hd .line{ flex-basis: 33.33333333333333333333333333333%; display: flex; cursor: pointer;}

	.structure-03 .hd .line .box-bd{display: flex; flex: 1;}

	.structure-03 .hd .line .box{display: flex; flex: 1; align-items: center; justify-content: center;}

	.structure-03 .hd span{display: none;}

	

	.structure-03 .hd .line .box-bd{ border: solid 1px #C2C2C2; border-right: none; position: relative;}

	.structure-03 .hd .line:nth-last-child(1)  .box-bd{ border-right:  solid 1px #C2C2C2;}

	

	/*.structure-03 .hd .on:nth-child(1) .box-bd{border-color: #07913B;}

	.structure-03 .hd .on:nth-child(2) .box-bd{border-color: #FF9E31;}

	.structure-03 .hd .on:nth-child(3) .box-bd{border-color: #E31E1E;}

	

	.structure-03 .hd .on:nth-child(1)+.line .box-bd{ border-left-color: #07913B;}

	.structure-03 .hd .on:nth-child(2)+.line .box-bd{ border-left-color: #FF9E31;}

	.structure-03 .hd .on:nth-child(3)+.line .box-bd{ border-left-color: #E31E1E;}

	

	.structure-03 .on:nth-child(1) .box{ background: #07913B; color: #fff; border-color: #07913B;}

	.structure-03 .on:nth-child(1) .box *{ color: #fff;}

	

	.structure-03 .on:nth-child(2) .box{ background: #FF9E31; color: #fff; border-color: #FF9E31;}

	.structure-03 .on:nth-child(2) .box *{ color: #fff;}

	

	.structure-03 .on:nth-child(3) .box{ background: #E31E1E; color: #fff; border-color: #E31E1E;}

	.structure-03 .on:nth-child(3) .box *{ color: #fff;}*/

	

	.structure-03 .on .box{  color: #07913B;}

	.structure-03 .on  .box::before{ transform:scaleX(1);}

	.structure-03 .on .box *{ color: #07913B;}

	

	

	

	.structure-03 .hd .line::before{ content: ' '; width: 100%; height: 1px; top: -21px; left: 0; position: absolute; background: #C2C2C2;}

	.structure-03 .hd .line:nth-child(1)::before{width: 50%; left:auto; right: 0;}

	.structure-03 .hd .line:nth-last-child(1)::before{width: 50%; }

	

		.structure-03 .hd .line::after{ content: ' ';  height: 21px; width: 1px; top: -21px; position: absolute; left: 50%; background: #C2C2C2;}

		

		.structure-03 .hd::before{ content: ' ';  height: 21px; width: 1px; top: 0; position: absolute; left: 50%; background: #C2C2C2;}

		.structure-03 .hd .line:nth-child(2)::after{display: none;} 

		

		.company-box{ padding-top: 15px;}

		.company-list-01 li{ padding: 5px 0;}

		.company-btn-01{padding: 6px 30px 6px 15px; line-height: 20px; font-size: 12px; -webkit-border-radius: 4px;

		-moz-border-radius: 4px;

		border-radius: 4px; position: relative;}

		.company-btn-01 span{ line-height: 20px;}

		.company-btn-01 i{ position: absolute; right: 15px; font-size: 14px; line-height: 20px; top: 6px;}

		

		.level-box{ padding: 15px; border:dashed 1px #C2C2C2; }

		.company-list-01 .line{ padding-top: 10px;}

		

		

		.conpany-tit-02{ color: #666666; font-size: 14px;}

		

		.company-btn-02{padding: 6px 15px; line-height: 20px; font-size: 12px; -webkit-border-radius: 4px;

		-moz-border-radius: 4px;

		border-radius: 4px; position: relative; z-index: 2;}

		.company-btn-02 span{ line-height: 20px;}

		.company-btn-02 i{ position: absolute; right: 12px; font-size: 14px; line-height: 20px; top: 6px;}

		

		.company-list-03{ padding: 10px; background: #FFF; box-shadow: 0 3px 8px rgba(0,0,0,.16); border-bottom-left-radius: 4px; border-bottom-right-radius: 4px;}

		

		.company-btn-03{padding: 6px 15px; line-height: 20px; font-size: 12px; -webkit-border-radius: 4px;

		-moz-border-radius: 4px;

		border-radius: 4px; position: relative;}

		.company-btn-03 span{ line-height: 20px; display: block;padding-bottom: 10px;}

		.company-btn-03 span:nth-last-child(1){ padding-bottom: 0;}

		.conpany-tit-03{ color: #666; font-size: 14px;}

		

		div.compay-more{ cursor: pointer; padding-right: 35px;}

		

		.column-box{display: none;}

		

}

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

		

		.company-style-02 .m-on{background: #DDF3D9; color: #DDF3D9; border-color: #DDF3D9;}

		.company-style-02 .m-on span,.company-style-02 .m-on i::before{ color: #07913B;}

		

		.company-style-03 .m-on{background: #FF9E31; color: #fff; border-color: #07913B;}

		.company-style-03 .m-on span,.company-style-03 .m-on i::before{ color: #fff;}

		

		.company-style-04 .m-on{background: #E31E1E; color: #fff; border-color: #07913B;}

		.company-style-04 .m-on span,.company-style-04 .m-on i::before{ color: #fff;}

		

		.company-style-05 .m-on{background: #FFEEC5; color: #fff; border-color: #FFEEC5;}

		.company-style-05 .m-on span,.company-style-05 .m-on i::before{ color: #FF7913;}

		

		.company-box .e-anim-on{ animation:company-anim-on .3s; animation-fill-mode: both;  width: 100%;}

		.company-box .e-anim-off{ animation:company-anim-off .3s;  width: 100%; position: relative; animation-fill-mode: both;}



	

}



		

@keyframes company-anim-on{

	from { opacity: 0; transform: translateY(-5px);}

	to {opacity: 1; transform: translateY(0);}

}



@keyframes company-anim-off{

	from { opacity: 1; transform: translateY(0);}

	to { opacity: 0;  transform: translateY(-5px);}

}



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

	

}



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

	.institution-tit{ font-size: 18px; padding-bottom: 20px;}

	.institution-col{ width: 92px; position: absolute; z-index: 2;}

	.institution-col li{ width: 100%;}

	.institution-col li div{ font-size: 12px;}

	.institution-box{ padding-top: 0;}

	

	.structure-01 .line{ display: flex; justify-content: center; padding-bottom: 40px;}

	.structure-01 .line::before{ height: 40px;}

	.structure-01 .box{font-size: 14px;}

	

	.structure-02 ul{display: flex; position: relative;  margin: 0 -10px;}

	.structure-02 ul::before{ content: ' '; width: 1px; height: 100%;background: #C2C2C2; position: absolute; left: 50%; top: 0;}

	.structure-02 li .line{ padding: 20px 10px;}

	.structure-02 li .line:nth-child(odd)::before,.structure-02 li .line:nth-child(even)::before{ content:' '; width: 1px; height: 20px; top: 0; left: 50%; background: #C2C2C2; position: absolute;}

	.structure-02 li .line:nth-child(odd)::after,.structure-02 li .line:nth-child(even)::after{content:' '; width: 100%; height: 1px; top: 0; left: 0;background: #C2C2C2; position: absolute;}

	.structure-02 li:nth-child(1) .line::after{ left: 50%; width: 50%;}

	.structure-02 li:nth-last-child(1) .line::after{ left: 0; width: 50%;}

	

	.structure-03 .hd span{display: inline-block;}

	

	.company-box{ padding-top: 32px; overflow: hidden;}

	.company-list-01 { display: flex; flex-wrap: wrap; margin: -7px;}

	.company-list-01 li{width: 25%; padding: 7px;}

	.company-list-01 .e-anim-hide{display: none;}

	

	.company-list-01 li{/* display: flex; */}

	.company-btn-01{/* flex: 1; */}

	

	.company-style-02 .pc-on{background: #DDF3D9; color: #fff; border-color: #DDF3D9;}

	.company-style-02 .pc-on span,.company-style-02 .pc-on i::before{ color: #07913B;}

	

	.company-style-03 .pc-on{background: #FF9E31; color: #fff; border-color: #FF9E31;}

	.company-style-03 .pc-on span,.company-style-03 .pc-on i::before{ color: #fff;}

	

	.company-style-04 .pc-on{background: #E31E1E; color: #fff; border-color: #E31E1E;}

	.company-style-04 .pc-on span,.company-style-04 .pc-on i::before{ color: #fff;}

	

	.company-style-05 .pc-on{background: #FFEEC5; color: #fff; border-color: #FFEEC5;}

	.company-style-05 .pc-on span,.company-style-05 .pc-on i::before{ color: #FF7913;}

	

	.company-list-01 .pc-on::before{ content: ' '; width: 6px; height: 1000px; position: absolute; right: -7px; top: 50%;border-top: solid 1px #c2c2c2; border-right: solid 1px #c2c2c2;}

	

	.company-list-01 li:nth-child(4n) .pc-on::before{ right: auto; left: -7px; border-right: none; border-left: solid 1px #c2c2c2;}

	

	

	.column-box .e-anim-on{ animation:column-anim-on .3s; animation-fill-mode: both;  width: 100%;}

	.column-box .e-anim-off{ animation:column-anim-off .3s;  width: 100%; animation-fill-mode: both;}

	



	

	.company-box{ padding-bottom: 32px;}

	

	.company-list-02{display: flex; flex-wrap: wrap; margin: -5px;}

	.company-list-02 li{ flex-basis: 25%; padding: 5px; /* display: flex; justify-content: stretch; */}

	.company-list-02 li>div{/* flex:1; */}

	.company-btn-02{ padding: 6px 10px;}

	

	

	.conpany-tit-02{ padding-bottom: 10px;}

	.company-list-02>li{position: relative;}

	.company-list-03{ position: absolute; width: auto !important; left: 5px; right: 5px;}

	.company-list-03 li{padding: 0;}

	.company-btn-03{ padding: 6px 0;}

	

	.column-box .e-anim-hide{ z-index: 9;}

	

	.pc-show{ position: relative; z-index: 9;}

	.column-box{display: block;}

}



	@keyframes column-anim-on{

		from { opacity: 0; transform: translateY(-5px);}

		to {opacity: 1; transform: translateY(0);}

	}

	

	@keyframes column-anim-off{

		from { opacity: 1; transform: translateY(0);}

		to { opacity: 0;  transform: translateY(-5px);}

	}



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

	.institution-col li div{ font-size: 14px;}

	.structure-01 .box{font-size: 16px; line-height: 25px; padding: 9px 20px;}

	.structure-01 .line{ padding-bottom: 60px;}

	.structure-01 .line::before{ height: 60px;}

	

	.structure-02 ul{display: flex; position: relative;  margin: 0 -15px;}

	.structure-02 li .line{ padding: 40px 15px 50px 15px;}

	.structure-02 li .line:nth-child(odd)::before,.structure-02 li .line:nth-child(even)::before{ height: 39px;}

	

	.structure-02 .box{font-size: 14px; line-height: 25px; padding: 9px 20px;}

	

	.structure-03 .hd{ padding-top: 50px;}

	.structure-03 .hd::before{ height: 50px;}

	.structure-03 .hd .line::after{height: 50px; top: -50px;}

	.structure-03 .hd .line::before{ top: -50px;}

	.structure-03 .box{font-size: 16px; line-height: 25px; padding: 7px 20px;}

	

	.company-btn-01{ padding: 9px 15px;}

	.company-btn-01 span{ font-size: 14px; line-height: 20px;}

	.company-btn-01 i{ line-height: 25px;}

	

	.company-list-01{ margin: -10px -13px;}

	.company-list-01 li{ padding: 10px 13px;}

	

	.company-list-01 .pc-on::before{ width: 12px; right: -14px;}

	.company-list-01 li:nth-child(4n) .pc-on::before{ left: -14px;}

	

	.level-box{ padding: 20px;}

	

	.column-box .btn{font-size: 14px; line-height: 25px; padding: 7px 10px;}

	.column-box .btn i{ line-height: 25px;}

	

	.company-list-02{ margin: -10px -19px;}

	.company-list-02 li{ padding: 10px 19px;}

	

	.company-list-03{ left: 19px; right: 19px;}

	.company-list-03 li{ padding: 0;}

	.company-btn-03{ padding: 5px 0;}

	.company-btn-03 span{ font-size: 14px;}

	

}



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

	

}



/* 公司荣誉 */

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

	.honor-t{display: none;}

	

	.honor-tit{ font-weight: bold; color: #036EB8; padding-bottom: 10px;}

	

	.honor-list li{ padding: 10px; border: solid 1px #E4E4E4; border-bottom: none;}

	.honor-list li:nth-last-child(1){border-bottom: solid 1px #e4e4e4;}

	.honor-list dl{ padding-bottom: 5px;}

	.honor-list dt{ font-weight: bold; font-size: 12px; color: #036EB8;}

	.honor-list dd{font-size: 12px; color: #666;}

	.honor-list dl:nth-last-child(1){padding-bottom: 0;}

	

	.honor-list li{background: #fff;}

	.honor-list li:nth-child(even){background: #F9F9F9;}

	

	

	.honor-box-bl,.honor-box-br{ padding-top: 20px;}

	

	.honor-link{ overflow: hidden; display: block; width: 100%;}

	

	.swiper-honor-b{ height: 340px;}

	

	.honor-b-tit b{color: #036EB8; font-weight: bold;}

	.honor-b-tit{ padding-bottom: 10px;}

	

	.honor-btn{ float: right; margin-top: -2px;}

	.honor-btn div{ background: #E8E8E8; width: 30px; height: 30px; float: left; margin-left: 10px; -webkit-border-radius: 50%;

	-moz-border-radius: 50%;

	border-radius: 50%; text-align: center; line-height: 30px; cursor: pointer;}

	.honor-btn div i::before{ line-height: 30px; font-size: 18px; color: #BBBBBB;}

	.honor-btn div:hover{ background: #036EB8;}

	.honor-btn div:hover i::before{ color: #fff;}

	.honor-prev{}

	.honor-next{}

	

	.honor-link{ border: solid 1px #E4E4E4; background: #F9F9F9; padding: 10px; display: flex; align-items: center;}

	.honor-link dt{ color: #666;}

	.honor-link dd{display: none;}

	

	.honor-link:hover dt{ color: #036eb8;}

}



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

	/* .honor-m{display: block;}

	.swiper-honor{display: none;} */

}





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

	

}



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

	.honor-t{display: block; display: flex;}

	.honor-t span{flex-basis: 33.33333%; padding: 10px 15px; font-size: 14px; background: #036EB8; color: #fff; line-height: 20px; border-right: solid 1px #E4E4E4;}

	

	.honor-t span:nth-last-child(1){ border-right: none;}

	

	.honor-list li{ display: flex; align-items: stretch; padding: 0;}

	.honor-list li dl{flex-basis: 40%; padding: 10px 15px;}

	.honor-list dl{ padding: 15px 20px; border-right: solid 1px #E4E4E4; display: flex; align-items: center;}

	.honor-list li dt{ display: none;}

	.honor-list dl:nth-last-child(1){padding-bottom: 10px; border-right: none;}

	.swiper-honor{ height: 450px; padding-right: 32px;}

	

	.swiper-honor>.swiper-scrollbar{ right: 14px; width: 2px; color: #E8E8E8;}

	.swiper-honor>.swiper-scrollbar .swiper-scrollbar-drag{ width: 30px; left: -14px; -webkit-border-radius: 0;

	-moz-border-radius: 0;

	border-radius: 0; background: none; padding:0 12px; cursor:pointer;}
	
	.swiper-honor>.swiper-scrollbar .swiper-scrollbar-drag::before{ content: ' '; position: absolute; top: 0; bottom: 0; width: 6px; background: #B4B4B4; transition:.3s;}

	

	.honor-tit{ font-size: 16px; line-height: 26px; padding-bottom: 20px;}

	

	

	/* .honor-m{display: none;} */

	.swiper-honor{display: block;}

	

	.honor-box-b{ overflow: hidden;}

	.honor-box-bl,.honor-box-br{width: 50%; float: left; padding-top: 40px;}

	.honor-box-bl{ padding-right: 15px;}

	.honor-box-br{ padding-left: 15px;}

	

	.honor-link{ padding:20px 15px;}

	.honor-b-tit b{ font-size: 16px;}

	

	.swiper-honor-b{ height: 340px;}

	

	.honor-link dt{ font-size: 14px; font-weight: bold;  line-height: 28px; padding-bottom: 15px;}

	.honor-link dd{display: block; font-size: 12px; color: #666; line-height: 22px;}

}



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

	.honor-tit{ font-size: 18px;}

	.honor-t span{font-size: 16px; padding: 15px 20px; line-height: 20px;}

	.honor-list li dl{ padding: 15px 20px;}

	.honor-list dl:nth-last-child(1){padding-bottom: 15px;}

	.swiper-honor{ height: 600px;}

	.honor-list dd{ font-size: 14px;}

	.honor-box-bl{ padding-right: 30px;}

	.honor-box-br{ padding-left: 30px;}

	.honor-link{ padding:30px 20px;}

	.honor-b-tit b{ font-size: 18px;}

	

	.honor-box-bl,.honor-box-br{ padding-top: 50px;}

	.honor-link dt{ font-size: 15px; line-height: 28px; padding-bottom: 20px;}

	.honor-link dd{ font-size: 14px; line-height: 24px;}
    
    .swiper-honor-b{ height: 520px;}
}



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

	

}







/* 新闻中心 */

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

	.news-r{ padding-top: 15px;}

	.news-r dt{overflow: hidden; -ms-text-overflow: ellipsis;

	text-overflow: ellipsis;  white-space: nowrap; font-size: 14px; font-weight: bold;  line-height: 20px;}

	.news-r dt a{ font-weight: bold;color: #666;}

	

	.news-r dt a:hover{ color: #036EB8;}

	.news-r dd{ font-size: 12px; color: #858585; line-height: 20px; margin-top: 5px;}

	.news-r dd a{ color: #036EB8;}

	.news-r dd a:hover{text-decoration: underline;}

	

	.news-r hr{ margin: 15px 0 10px 0;}

	

	.news-r ul{ padding-top: 0;}

	.news-r ul li{ overflow: hidden; padding-right: 80px; position: relative; overflow: hidden; -ms-text-overflow: ellipsis;

	text-overflow: ellipsis; white-space: nowrap; line-height: 30px;}

	.news-r ul a{ font-size: 12px; color: #858585; line-height: 30px;}

	.news-r ul span{position: absolute; right: 0; top: 0; font-size: 12px; line-height: 30px; color: #858585;}

	.news-r ul a:hover{ color: #036eb8;}

	

	.bg-gray{background: #F9F9F9; padding: 20px 0;}

	.ind-gray{background: #F9F9F9; }

	

	.ind-news-box{ padding-bottom: 0;}

	

	.news-list-tit b{ color: #036EB8; font-weight: bold; font-size: 16px;}

	.news-list-tit{padding-bottom: 10px;}

	

	.subsidiary-list dl{ overflow: hidden; padding-top: 15px;}

	.subsidiary-list li:nth-child(1) dl{padding-top: 0;}

	.subsidiary-list dt{ float: left; padding-right: 15px;}

	.subsidiary-list dd{ overflow: hidden; border-bottom: solid 2px #E2E2E2; padding-bottom: 15px;}

	.subsidiary-list dt div{ background: #FFF; text-align: center; padding: 5px;}

	.subsidiary-list dt b{font-size: 24px; display: block; font-weight: normal; line-height: 30px; color: #CACACC;}

	.subsidiary-list dt span{ font-size: 12px; color: #CACACC;}

	

	.subsidiary-list dd div{ color: #808080; font-size: 12px;}

	.subsidiary-list dd b{ font-size: 14px; display: block; color: #444; font-weight: normal;}

	.subsidiary-list dd span{ color: #B8B8B8; font-size: 12px; display:none;}

	.subsidiary-list a:hover dd b{ color: #036eb8; font-weight: bold;}

	.subsidiary-list a:hover dt div{ background: #036eb8;}
	
	.subsidiary-list a:hover dd div i{ color:#036EB8;}

	.subsidiary-list a:hover dt div *{ color: #fff;}

	

	.special-list-box{ padding-top: 20px;}

	

	i.pic-scale-special{ padding-bottom: 49.608%;}

	

	.special-list ul{ margin: -5px;}

	.special-list li{ padding: 5px;}

	

	.special-list span{ height: 48px; background: rgba(0,0,0,.7);  left: 0; bottom: 0; z-index: 2; padding: 0 15px; font-style: normal; line-height: 48px; overflow: hidden; -ms-text-overflow: ellipsis; display:block;

	text-overflow: ellipsis; white-space: nowrap; color: #fff; width: 100%; font-size: 13px;}

	

	

	.info-box-b{ padding-top: 20px;}

	

	.info-list-01 li{ white-space: nowrap; overflow: hidden; -ms-text-overflow: ellipsis;

	text-overflow: ellipsis; padding-left: 12px; position: relative;}

	.info-list-01 li a{ color: #666; font-size: 12px; line-height: 30px;}

	.info-list-01 li i{ width: 4px; height: 4px; background: #036EB8; position: absolute; left: 0; top: 50%; margin-top: -2px;}

	

	.info-list-box{ padding-top: 20px;}

	.info-list-box:nth-child(1){padding-top: 0;}

	

	.info-list-02{ overflow: hidden;}

	.info-list-02 ul{ overflow: hidden; margin: -6px;}

	.info-list-02 li{ width: 50%; float: left; padding: 6px;}

	.info-list-02 dd{ background: #F5F5F5; color: #333; font-weight: bold; font-size: 14px; text-align: center; line-height: 36px; overflow: hidden; -ms-text-overflow: ellipsis;

	text-overflow: ellipsis; white-space: nowrap; }

	i.pic-scale-video{ padding-bottom: 67.164%;}

	.info-list-02 a:hover dd{ color: #036eb8;}

	.info-list-02 dt span{ width: 40px; height: 40px; background: url(../img/play-btn-03.png) center; -webkit-background-size: cover;

	background-size: cover; position: absolute; left: 50%; top: 50%; margin-left: -20px; margin-top: -20px;}

	

	.info-list-01 li a:hover{ color: #036eb8;}

	

	

	.info-box .ind-news-box{ padding-bottom:20px;}
	
	
	.subsidiary-list dd{min-height:64px;}

}



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

	.special-list li{ width: 50%; float: left;}

	

	.info-box-b{ margin: 0 -20px;}

	.info-list-box{ padding-top: 0; width: 50%; float: left; padding:0 15px;}

	

	.info-list-box-02{ width: 100%; padding-top: 20px;}

}



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

	.news-l{ width: 50%; float: left; padding-right: 5px;}

	.news-r{ padding-top: 0; float: left;  width: 50%; padding-left: 25px;}

	.news-r hr{ margin: 14px 0 9px 0;}

	.news-r ul li,.news-r ul a,.news-r ul span{ line-height: 25px;}

	

	.news-r dt a{ font-size: 16px;}

	

	.news-swiper-box span{ text-align: left; font-size: 14px;}

	

	.bg-gray{padding: 30px 0;}

	

	

	.ind-news-box{ padding-bottom: 0;}

	

	.news-list-tit b{ font-size: 18px;}

	.news-list-tit{padding-bottom: 15px;}

	

	.subsidiary-list dd div{}


	.subsidiary-list-box{ float: left; width: 577px; padding-right: 30px;}

	.special-list-box{ float: left; width: 383px;}

	

	.special-list-box{ padding-top: 0;}

	

	.subsidiary-list dl{ padding-top: 20px;}

	.subsidiary-list dd{ padding-bottom: 20px;}

	.subsidiary-list dt div{ height: 102px; width: 100px;}

	.subsidiary-list dt b{ font-size: 40px; line-height: 52px;}

	.subsidiary-list dt span{ font-size: 16px;}

	.subsidiary-list dd b{  font-size: 16px; line-height: 22px;}

	

	.subsidiary-list dd div{line-height: 22px; padding-top: 10px;}

	

	.special-list ul{ margin: -10px 0;}

	.special-list li{ padding: 10px 0;}

	.special-list li{ width: 100%;}

	

	.subsidiary-list dd span{ padding-top: 8px; display: none; font-size: 12px; line-height: 16px;}





	.info-box-b{ padding-top: 30px;}

	

	.info-list-box{ width: 291px; position: relative;}

	

	.info-list-box::before{ content: '' ; width: 1px; position: absolute; right: 0; top: 51px; bottom: 0; background: #E2E2E2;}

	.info-list-box:nth-last-child(1)::before{display: none;}

	

	.info-list-box-02{ padding-top: 0; width: 413px;}

	

	.info-list-02 dd{ line-height: 48px;}

	

	.info-list-box{ height: 223px;}

	

	.info-list-01 li a{ font-size: 14px;}

	

	

	.subsidiary-list dt{ float: left; padding-right: 30px;}

	

	

	.info-box .ind-news-box{ padding-bottom:30px;}
	
	
	.subsidiary-list dd{min-height:102px;}

}



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

	.news-r dt a{ font-size: 18px;}

	.news-r dd{ font-size: 14px; line-height: 24px;}

	.news-r ul li,.news-r ul a,.news-r ul span{ line-height: 30px; font-size: 14px; }

	.news-r ul li{ padding-right: 120px;}

	.news-r hr{ margin: 26px 0 26px 0;}

	

	.bg-gray{padding: 40px 0;}

	

	

	.ind-news-box{ padding-bottom: 0;}

	

	.news-list-tit{padding-bottom: 20px;}

	
	.subsidiary-list dd div{ font-size: 12px;}

	
	.subsidiary-list dd div i{font-size:12px;font-style:normal; font-family:Tahoma, Geneva, sans-serif;}

	.subsidiary-list-box{ padding-right: 40px;}

	

	

	.subsidiary-list-box{ width: 817px; padding-right: 40px;}

	

	.subsidiary-list dt{ padding-right: 36px;}

	

	

	.info-box-b{ padding-top: 40px; margin: 0 -25px;}

	

	.info-list-box{ width: 408px; padding: 0 25px;}

	.info-list-box-02{ padding: 0 25px; width: 433px;}

	

	

	.info-box .ind-news-box{ padding-bottom:40px;}

	

}



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

	

}





/* 子公司动态 */

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

	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;}

	

	.mess-b{ padding-top: 10px; display: block; overflow: hidden;}

	.mess-b .time{ font-size: 14px; font-weight: bold; color: #036EB8; float: left; line-height: 38px;}

	.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;}

	

	.news-sel{ padding-bottom: 10px;}

	.news-sel-box .layui-form-select .layui-input{ border: none; background: #F6F6F6; -webkit-border-radius: 0;

	-moz-border-radius: 0;

	border-radius: 0; padding-left: 15px; padding-right: 45px; font-size: 12px;}

	.news-sel-box .layui-form-select{ border: none;}

	.news-sel-box .layui-select-title::before{ content:' '; width: 38px; height: 38px; background: #E9E9E9; border: none; right: 0; top: 0; margin-top: 0; position: absolute;}

	.news-sel-box .layui-form-select .layui-edge{ width: 38px; height: 38px; border: none; position: absolute; right: 0; top: 0; margin: 0;text-align: center; line-height: 38px;}

	.news-sel-box .layui-form-select .layui-edge:before {

		

		font-family: "iconfont" !important;

		font-size: 12px;

		font-style: normal;

		-webkit-font-smoothing: antialiased;

		-moz-osx-font-smoothing: grayscale;

	  content: "\e7ad";

	  color: #666;

	}

	

	.layui-form-select dl dd.layui-this{ background: #036EB8;}

	

	.news-sel{ position: relative;}

	.sel-input{ width: 100%; background: #F6F6F6; border: none;  -webkit-border-radius: 0;

	-moz-border-radius: 0;

	border-radius: 0; height: 38px; padding: 0 45px 0 15px; font-size: 12px;}

	.sel-btn{ width: 38px; height: 38px; border: none; position: absolute; right: 0; top: 0; background: none; cursor: pointer;}

	.sel-btn i{ color: #036EB8;}

	

	.news-box-tit{ padding-bottom: 10px; font-weight: bold; font-size: 14px; color: #333;}

	

	.news-hot-box{display: none;}

	

	

	.news-box-l{ padding-top: 20px;}

	

	.news-list dt div{ background: #F6F6F6;}

	

	.news-list-box{ padding-top: 20px;}

	

	.news-sel-bd .news-sel:nth-last-child(1){ padding-bottom: 0;}

	

	

	.layui-flow-more a cite{ width: 100%; display: flex; -webkit-border-radius: 0;

	-moz-border-radius: 0;

	border-radius: 0; background: #E8F6FF; color: #036EB8; height: 50px; line-height: 1; margin-bottom: 0; align-items:center; justify-content:center;}

	

	.layui-flow-more{ background: none; color: #999; margin-bottom: 0; padding-bottom:5px;}

	

	.layui-flow-more a:hover cite{ background: #036EB8; color: #fff; opacity: 1;}
	i.pic-size-scale-video-033{padding-bottom: 136%!important;}
	.mess-d{display:flex;justify-content:flex-end;flex-direction:column;justify-content:space-between;margin:-5px;}
	.mess-d a:hover {opacity:0.8;}
	.mess-d a{padding:5px;background-color: #036eb8;margin:5px;}
	.mess-d .btnbtn{padding: 0 10px ;color:#FFF;font-size:12px;}
	.pdf-bott b{display:flex;justify-content:space-between;}

}



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

	

}



@media screen and (min-width: 992px) {
    .mess-d{display:flex;justify-content:flex-end;flex-direction:row;justify-content:space-between;margin:-5px;}
	.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;}

	

	.mess-b .time{ font-size: 18px;}

	

	

	.news-list-box{ padding-top: 30px;}

	

	.news-box-r{ width: 370px; float: left; left: 590px; position: relative; padding-left: 30px;}

	.news-box-l{ width: 590px; float: left; right: 370px; position: relative; padding-right: 40px; padding-top: 0;}

	

	.news-box-l::before{ content: ' '; width: 2px; height: 100%; background: #eeebe6; position: absolute; right: 0;}

	.news-box-r::before{ content: ' '; width: 2px; height: 100%; background: #eeebe6; position: absolute; left: -2px;}

	

	.news-sel-box .layui-form-select .layui-input{ height: 50px; padding-right: 65px;}

	.news-sel-box .layui-select-title::before{ width: 50px; height: 50px;}

	.news-sel-box .layui-form-select .layui-edge{ width: 50px; height: 50px; line-height: 50px;}

	.news-sel-box .layui-form-select .layui-edge:before{ font-size: 14px;}

	.news-sel-box .layui-form-select dl{ top: 54px;}

	.news-sel-box .layui-form-select .layui-input{ font-size: 14px;}

	

	.news-sel{ width: 50%; float: left; padding-left: 9px; padding-right: 9px; padding-bottom: 18px;}

	.news-sel-max{ width: 100%;}

	

	.news-sel-bd{ margin: 0 -9px;}

	

	.sel-input{ height: 76px; font-size: 14px; padding-right: 65px;}

	

	.sel-btn{ right: 9px; width: 50px; height: 78px;}

	.sel-btn i::before{ font-size: 24px;}

	

	.news-sel-box{ padding-top: 11px;}

	.news-hot-box{display: block;}

	

	.news-hot-box{ padding-top: 30px;}

	

	

	.news-hot-pic{ border: solid 1px #F1F1F1; padding: 5px;}

	i.pic-scale-hot{ padding-bottom: 41.935%;}

	

	.news-hot-list{ padding-top: 10px;}

	.news-hot-list li { font-size: 14px; line-height: 26px; border-bottom: solid 1px #E8E8E8; padding: 8px 0; padding-left: 22px; position: relative;}

	.news-hot-list li i{ width: 4px; height: 4px; background: #036eb8; position: absolute; left: 8px; top: 19px;}

	

	.layui-flow-more{ margin-top: 20px; padding-bottom: 15px;}

	.layui-flow-more a cite{ height: 70px; font-size: 16px;}

}





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

	.istop-bg{ padding: 30px;}

	.istop-bg dd b{font-size: 18px;}

	

	.mess-b .time{ font-size: 20px;}

	

	.news-list-box{ padding-top: 40px;}

	

	.news-box-r{ width: 370px; left: 830px; }

	.news-box-l{ width: 830px; right: 370px; }

}



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

	

}





/* 专题专栏 */

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

	.special-column-list{}

	

	i.pic-scale-colomn{ padding-bottom: 56.667%;}

	.special-column-list dl{ border: solid 1px #F6F2EC; background: url(../img/news-bg.png); -webkit-background-size: 300px;

	background-size: 300px; background-position: right bottom; background-repeat: no-repeat;}

	

	.special-column-list dd{ padding: 10px; padding-bottom: 50px;}

	.special-column-list dd b{ padding-bottom: 10px; font-size: 14px; font-weight: bold; display: block; color: #333;}

	.special-column-list dd .mess{ font-size: 12px; color: #808080; padding-bottom: 10px;}

	.special-column-list dd span{ padding: 0 15px; height: 38px; background: #036eb8; color: #fff; line-height: 38px; display: inline-block;}

	

	.special-column-list ul{ margin: -10px;}

	.special-column-list li{ padding: 10px;}

	

	.special-column-list a:hover b{ color: #036EB8;}

	.special-column-list a:hover dd span{opacity: .8;}

	

}



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

	

}



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

	.special-column-list dl{ overflow: hidden;}

	.special-column-list dt{ float: left; width: 50%;}

	.special-column-list dd{ float: left; width: 50%; padding: 0 40px; display: flex; align-items: center; height: 271px;}

	

	.special-column-list dd b{padding-bottom: 20px;}

	.special-column-list dd .mess{ padding-bottom: 30px;}

	

	.special-column-list dl{ -webkit-background-size: 405px;

	background-size: 405px; }

	

	.special-column-list ul{ margin: -16px;}

	.special-column-list li{ padding: 16px;}

}



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

	.special-column-list dd{ height: 340px;}

	.special-column-list dd b{font-size: 16px;}

	.special-column-list dd .mess{ font-size: 14px; line-height: 24px;}

	.special-column-list dt{ width: 600px;}

	.special-column-list dd{ width: 598px;}

}



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

	

}







/* 视频专区 */

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

	.video-t b{ padding-bottom: 10px; display: block;}

	i.pic-size-scale-video-02{ padding-bottom: 51.0833%;}

	

	.video-t-box{position: relative;}

	.video-t .play-ico{width: 50px; height: 50px; background: url(../img/play-btn-03.png); -webkit-background-size: cover;

	background-size: cover; position: absolute; left: 50%; top: 50%; margin: -25px 0 0 -25px;}

	

	.video-list{ padding-top: 20px;}

	.video-list ul{ margin: -5px;}

	.video-list li{ width: 50%; float: left; padding: 5px;}

	.video-list li  b{display: block; overflow: hidden; -ms-text-overflow: ellipsis;

	text-overflow: ellipsis; white-space: nowrap;}

	.video-list li b i::before{ font-size: 18px; padding-right: 5px; line-height: 30px; color: #07913B; float: left;}

	.video-list li b span{ font-weight: bold; line-height: 30px; font-size: 12px; color: #333;}

	

	.video-b-box{position: relative;}

	.video-b-box .play-ico{width: 30px; height: 30px; background: url(../img/play-btn-03.png); -webkit-background-size: cover;

	background-size: cover; position: absolute; left: 50%; top: 50%; margin: -15px 0 0 -15px;}

	

	.video-list li a:hover b i::before,.video-list li a:hover b span{ color: #036EB8;}

	

	.video-tit{ position: absolute; bottom: -45px; width: 100%; text-align: center; color: #fff; background: rgba(60,60,60,.9); padding: 0 65px; overflow: hidden; -ms-text-overflow: ellipsis;

	text-overflow: ellipsis; white-space: nowrap;}

	.video-tit span{  line-height: 40px; }

	

	.video-prev{ width: 40px; height: 40px; line-height: 40px; position: absolute; left: 0; background: rgba(0,0,0,.6); color: #fff; text-align: center; cursor: pointer; bottom: -45px; z-index: 2;  transition: .3s;}

	.video-prev::before{display: block; transition: .3s;}

	.video-prev:hover::before{ transform: translateX(-3px);}

	

	.video-next{ width: 40px; height: 40px; line-height: 40px; position: absolute; right: 0; background: rgba(0,0,0,.6); color: #fff; text-align: center; cursor: pointer; bottom: -45px; z-index: 2;  transition: .3s;}

	.video-next::before{display: block; transition: .3s;}

	.video-next:hover::before{ transform: translateX(3px);}

	

	.video-prev:hover,.video-next:hover{ background: #036eb8;}

	

}



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

	

}



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

	.video-t b{ padding-bottom: 20px;}

	.video-list{padding-top: 40px;}

	.video-list li{ width: 33.33333%; padding: 25px;}

	.video-list ul{ margin: -25px;}

	.video-t .play-ico{width: 96px; height: 96px; margin: -48px 0 0 -48px;}

	.video-b-box .play-ico{width: 40px; height: 40px; margin: -20px 0 0 -20px;}

	

	.video-list li b{ padding-top: 10px;}

	.video-list li b i::before{ font-size: 24px; padding-right: 10px;}

	.video-list li b span{ font-size: 14px;}

	

}



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

	.video-list{padding-top: 50px;}

	.video-list li{ padding: 35px;}

	.video-list ul{ margin: -35px;}

}



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

	

}





/* 业务板块 */

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

	.business-box .ind-item{ padding-top: 0;}

	.business-bd{ padding-top: 20px; position: relative;}

	

	.business-bd .bd{box-shadow: 0 3px 10px rgba(0,0,0,.1); background: #fff;}

	

	.business-info dt{ display: none;}

	.business-info dd{ padding: 15px 15px 100px 15px;}

	.business-info .tit{ overflow: hidden; vertical-align: middle;}

	.business-info .tit i{ font-family: dinc; font-style: normal; font-size: 80px; color: #E8E8E8; line-height: 1; padding-right: 10px; float: left;}

	.business-info .tit b{ font-size: 20px; color: #036EB8; font-weight: normal; margin-top: 40px; display: inline-block;}

	.business-info dd .info{ padding-top: 15px; color: #888;}

	.business-info{ background: right bottom no-repeat; -webkit-background-size: 100px;

	background-size: 100px;}

	

	.business-info-01{background-image: url(../img/item-01-bg.png);}

	.business-info-02{background-image: url(../img/item-02-bg.png);}

	.business-info-03{background-image: url(../img/item-03-bg.png);}

	.business-info-04{background-image: url(../img/item-04-bg.png);}

	.business-info-05{background-image: url(../img/item-05-bg.png);}

	.business-info-06{background-image: url(../img/item-06-bg.png);}

	

	.business-ico-list{ position: absolute; left: 15px; bottom: 15px; z-index: 2;}

	.business-ico-list li{margin-right: 5px; width: 20px; height: 20px; float: left; display: flex; align-items: center; justify-content: center;}

	.business-ico-list span{ border: solid 6px rgba(3,110,184,.25); -webkit-border-radius: 50%;

	-moz-border-radius: 50%;

	border-radius: 50%; width: 0; height: 0; overflow: hidden; display: block; cursor: pointer;}

	.business-ico-list i{ width: 0; height: 0; overflow: hidden; display: block; background: #036EB8; -webkit-border-radius: 50%;

	-moz-border-radius: 50%;

	border-radius: 50%; opacity: 0;}

	.business-ico-list .on span{ width: 20px; height: 20px ; border-width: 4px;}

	.business-ico-list .on i{ width: 12px; height: 12px;  opacity: 1;}

	

	.business-bg{ position: relative;}

	.business-bg::before{ content: ' '; left: 0; top: 0; bottom: 15%; background: #fff; width: 100%; position: absolute;}

	

	.business-b-box{ padding-top: 20px;}

	

	.business-b-tit {position: relative; padding-bottom: 4px;}

	.business-b-tit .hd{ overflow: hidden;}

	.business-b-tit .hd span{ margin-right: 20px; font-weight: bold; color: #666; position: relative; cursor: pointer; font-size: 16px; float: left; line-height: 24px;}

	.business-b-tit .hd-line{ height: 2px; background: #07913B; position: absolute; left: 0; bottom: 0;}

	.business-b-tit .hd .on{ color: #036EB8;}

	

	.subsidiary-list-b{ padding-top: 15px; overflow: hidden;}

	.subsidiary-list-b ul{ margin: -5px;}

	.subsidiary-list-b li{ padding: 5px;}

	.subsidiary-list-b span{ background: #fff; display: block; padding: 10px; font-size: 14px; padding-right: 65px; position: relative; height: 60px; align-items: center;  display: flex;}

	.subsidiary-list-b span .name:hover{ font-weight: bold; color: #036EB8;}

	

	.subsidiary-list-b a.link{ background: #EDF3FF; -webkit-border-radius: 50%;

	-moz-border-radius: 50%;

	border-radius: 50%; height: 38px; width: 38px; position: absolute; right: 15px; top: 50%; margin-top: -19px; text-align: center;}

	.subsidiary-list-b a.link i::before{ font-size: 21px; line-height: 38px; color: #036EB8;}

	.subsidiary-list-b a.link:hover{ background: #036EB8;}

	.subsidiary-list-b a.link:hover i::before{ color: #fff;}

	

	

	i.pic-scale-item{ padding-bottom: 73.196%;}

	.item-list-b{ padding-top: 15px;}

	

	.item-list-b ul{ margin: -5px;display: flex;/*justify-content: left;*/ flex-wrap: wrap;}

	.item-list-b li{padding: 5px; flex-basis:100%;}

	.item-list-b li dd{ background: #fff; padding: 20px 15px; }

	.item-list-b li dd b{ display: block; overflow: hidden; -ms-text-overflow: ellipsis;

	text-overflow: ellipsis; white-space: nowrap; color: #333;text-align: center;}

	.item-list-b li dd span{ display: block; overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; color: #888; font-size: 12px; padding-top: 5px;}
    
    .item-list-b .layui-flow-more{ flex-basis:100%; padding-bottom:5px;}
	.item-list-b .layui-flow-more a cite{ background: #FFF; color: #036EB8; }

	

	.item-list-b .layui-flow-more a:hover cite{ background: #036EB8; color: #fff;}

	

	

	.item-list-b li a:hover dd b{color: #036EB8;}

	.item-list-b .shade{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #036EB8; opacity: 0;}

	.item-list-b a:hover .shade{ opacity: .6;}

	.item-list-b .more{ position: absolute; left: 50%; top: 50%; background: #fff; -webkit-border-radius: 20px;

	-moz-border-radius: 20px;

	border-radius: 20px; height: 40px; line-height: 40px; padding: 0 20px; color: #036EB8; font-style: normal; transform: translate(-50%,5px); opacity: 0; margin-top: -20px;}

	.item-list-b a:hover .more{ opacity: 1;  transform: translate(-50%,0);}

}



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

	

}



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

	.business-info dl{ overflow: hidden;}

	.business-info dt{ display: block; float: left; width: 384px;}

	i.pic-scale-business{ padding-bottom: 130.208%;}

	

	.business-info{-webkit-background-size: 200px;

	background-size: 200px;}

	

	.business-info dd{ padding: 40px; overflow: hidden;}

	

	.business-info .tit i{ font-size: 100px;}

	.business-info .tit b{ font-size: 30px; margin-top: 43px;}

	

	.business-ico-list{ left: 424px; bottom: 40px;}

	.business-ico-list li{ margin-right: 10px;}

	

	.business-b-box{ padding-top: 30px;}

	.item-list-b{ padding-top: 30px;}

	

	.business-b-tit .hd span{ font-size: 18px; margin-right: 30px;}

	

	.subsidiary-list-b{ padding-top: 25px;}

	.subsidiary-list-b ul{ margin: -10px; overflow: hidden;}

	.subsidiary-list-b li{ padding: 10px; width: 33.333333%; float: left;}

	.subsidiary-list-b span{ padding-left: 20px;}

	

	.subsidiary-list-b span{ font-size: 16px;}

	

	.item-list-b li{ float: left; width: 25%; flex-basis:25%;}

	

	.item-list-b .layui-flow-more{ float: left; width: 100%; padding-bottom:15px;}

	

	.item-list-b ul{ margin: -5px -7px;}

	.item-list-b li{ padding: 10px 7px;}

	

	.item-list-b li dd b{ font-size: 16px;}

	.item-list-b li dd span{ font-size: 14px;}

}



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

	

	.business-info .tit i{ font-size: 120px;}

	.business-info .tit b{ font-size: 40px; margin-top: 48px;}

	

	.business-b-box{ padding-top: 40px;}

	.item-list-b{ padding-top: 40px;}

	

	.subsidiary-list-b{ padding-top: 35px;}

	.subsidiary-list-b ul{ margin: -15px;}

	.subsidiary-list-b li{ padding: 15px; }

	.subsidiary-list-b span{ font-size: 18px;}

	

	

	.item-list-b ul{ margin: -15px -13px;}

	.item-list-b li{ padding: 15px 13px;}

	.item-list-b li dd { padding: 30px 18px;}

}



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

	

}





/* 业务板块-详细页 */

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

	i.pic-scale-business-info{ padding-bottom: 60%;}

	.business-info-box dd{ background: #F6F6F6; padding: 15px;}

	.business-info-box dd b{ font-size: 16px; color: #333;}

	.business-info-mess{ padding-top: 10px;}

	.business-info-mess .swiper-slide{ font-size: 12px; color: #666; line-height: 26px;}

	

	.business-info-more{ overflow: hidden; display: inline-block; padding-top: 15px;}

	.business-info-more i{ float: left; width: 38px; height: 38px; background: #FFF; -webkit-border-radius: 50%;

	-moz-border-radius: 50%;

	border-radius: 50%; text-align: center; margin-right: 15px;}

	.business-info-more i::before{color: #036EB8; line-height: 38px;}

	.business-info-more span{ line-height: 38px; color: #036EB8; font-size: 14px;}

	.business-info-more:hover i{ background: #036eb8;}

	.business-info-more:hover i::before{ color: #fff;}

	

	.swiper-business>.swiper-scrollbar{ right: 2px; width: 2px; color: #E8E8E8;}

	.swiper-business>.swiper-scrollbar .swiper-scrollbar-drag{ width: 6px; left: -2px; -webkit-border-radius: 0;

		-moz-border-radius: 0;

		border-radius: 0; background: #B4B4B4;}

		

	

	.business-info-sub{ overflow: hidden; padding-top: 20px;}

	.business-info-sub ul{ margin: -5px;}

	.business-info-sub li{ width: 50%; float: left; padding: 5px;}

	.business-info-sub li b{display: block; font-size: 14px; overflow: hidden; -ms-text-overflow: ellipsis;

	text-overflow: ellipsis; white-space: nowrap; text-align: center; line-height: 24px; padding-top: 5px; color: #333;}

	.business-info-sub li a:hover b{ color: #036eb8;}

}



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

	

}



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

	

	.business-info-box{ overflow: hidden;}

	.business-info-box dt{ width: 50%; float: left; position: relative; left: 50%;}

	.business-info-box dd{ width: 50%; float: left; position: relative; right: 50%; height: 288px; padding: 30px 20px;}

	

	.swiper-business{height: 135px; padding-right: 30px;}

	.business-info-mess .swiper-slide{font-size: 14px;}

	

	.business-info-box dd b{font-size: 18px;}

	.business-info-mess{ padding-top: 20px;}

	

	.business-info-sub{ padding-top: 25px;}

	.business-info-sub ul{ margin: -10px -7px;}

	.business-info-sub li{ padding: 10px 7px; width: 25%;}

	.business-info-sub li b{ padding-top: 14px; font-size: 14px; padding-top: 14px;}

	

}



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

	.business-info-box dd{ padding: 40px 30px; height: 360px;}

	.swiper-business{ height: 180px;}

	

	

	.business-info-sub { padding-top: 30px;}

	.business-info-sub ul{ margin: -15px -13px;}

	.business-info-sub li{ padding: 15px 13px;}

	

	.business-info-box dd b{font-size: 22px;}

	

	.business-info-sub li b{ font-size: 16px;}

	

	

} 



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

	

}





/* 项目速览 */

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

	div.info-tit{ font-size: 16px; font-weight: bold; color: #333; padding-bottom: 15px;}

	.business-info{ color: #666;}

	

	.business-ness-pic {margin: -5px; padding-top: 15px;}

	.business-ness-pic li{ padding: 5px;}

	.business-ness-pic li img{ width: 100%;}

	.business-ness-pic li span{ display: block; text-align: center; color: #444; padding-top: 5px;}

}



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

	

}



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

	div.info-tit{ font-size: 20px;}

	.info-tit{ padding-bottom: 30px;}

	.business-ness-pic{ display: flex; margin: -20px; padding-top: 30px;}

	.business-ness-pic li{ width: 50%; padding: 20px;}

}



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

	div.info-tit{ font-size: 22px;}

}



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

	

}



/* 奋斗足迹 */

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

	.record-box{ position: relative; padding: 0 50px;}

	.record-box hr{ top: 50px; position: absolute; left: 50px; right: 50px; margin: 0;}

	.swiper-record .swiper-slide{ width: 100%; text-align: center; padding: 0 10px;}

	

	.record-info{position: relative;}

	/* .record-info img{ width: 100%; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 2; opacity: 0;} */

	.record-info img{ width: 100%;}

	.record-info{ position: relative; padding-top: 46px; cursor: pointer;}

	.record-info .record-year{ height: 35px; line-height: 35px;position: absolute; left: 0; top: 10px; text-align: center; width: 100%; color: #999; font-size: 20px; font-family: dinc;}

	.record-info .record-spot{ background: #999; width: 8px; height: 8px; -webkit-border-radius: 50%;

	-moz-border-radius: 50%;

	border-radius: 50%; display: block; margin: 0 auto; }

	

	.record-pic-box{ -webkit-border-radius: 10px;

	-moz-border-radius: 10px;

	border-radius: 10px; background: #EDF3FF; overflow: hidden; padding: 0 10px; height: 80vw; position: relative; margin-top: 20px;}

	.record-pic-box b{padding-top:5px; display: block; font-weight: normal; line-height: 20px; color: #036EB8; font-size: 12px; font-weight: bold; height: 80px; display: flex; align-items: center; justify-content: center;}

	.record-pic{ padding: 0 20px;}

	

	i.pic-scale-record{ padding-bottom: 180%; -webkit-background-size: 100%;

	background-size: 100%; background-position: center top;}

	

	.record-more{ position: absolute; left: 0; bottom: -70px; width: 100%; background: rgba(3,110,184,.85); padding:12px 0 10px 0; height: 70px; opacity: 0;}

	.record-more i::before{ font-size: 20px; color: #fff; display: block; line-height: 20px;}

	.record-more span{ font-size: 14px; color: #fff; line-height: 20px;}

	.record-info:hover .record-year{ top: 0; color: #036EB8;}

	.record-info:hover .record-spot{background: #036EB8;}

	.record-info:hover b{ height: 50px;}

	.record-info:hover .record-more{ transform: translateY(-70px); opacity: 1;}

	.record-prev,.record-next{ position: absolute; left: 0; top: 32px; z-index: 9; cursor: pointer;}

	.record-prev i,.record-next i{ font-size: 36px; color: #bbb; line-height: 1;}

	.record-next{ left: auto; right: 0;}

	

	.record-prev:hover i::before,.record-next:hover i::before{ color: #036EB8;}

}



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

	.swiper-record .swiper-slide{ width: 50%; padding:0 15px;}

	.record-pic-box{ height: 50vw;}

}



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

	.swiper-record .swiper-slide{ width: 25%; padding:0 15px;}

	.record-pic-box{ height: 250px;}

	.record-info .record-year{ font-size: 24px;}

}



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

	.record-box hr{ left: 23px; right: 23px;}

	.record-box{ padding: 0; margin: 0 -23px;}

	.swiper-record .swiper-slide{ padding:0 23px;}

	.record-info .record-year{ font-size: 26px;}

	.record-pic-box{ height: 360px;}

	.record-pic-box b{ height: 100px; font-size: 14px;}

	.record-pic{ padding: 0 40px;}

	

	.record-prev{ left: -25px;}

	.record-next{ right: -25px;}

	

	.record-info:hover b{ height: 60px;}

}



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

	

}







/* 文化刊物 */

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

	i.pic-scale-book{ padding-bottom: 146.154%;}

	.book-list ul{-ms-text-overflow: ellipsis;

	text-overflow: ellipsis; margin: -5px;}

	.book-list li{ width: 50%; float: left; padding: 5px;}

	.book-list li dt{ border: solid 1px #eee; }

	.book-list li dd{ border-bottom: solid 1px #DFDFDF; line-height: 30px; font-size: 12px; font-weight: normal; text-align: center; overflow: hidden; -ms-text-overflow: ellipsis;

	text-overflow: ellipsis; width: nowrap; color: #333;}

	

	.book-list li a:hover dd{ color: #036EB8;}

	

	.book-list .layui-flow-more{ padding: 0 5px; float: left; width: 100%;}

	

	.book-list .layui-flow-more{ background: none; color: #999; padding: 0 5px; width: 100%;}

	

}



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

	

}



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

	.book-list li dt{box-shadow: 0 7px 13px rgba(0,0,0,.13);}

	.book-list ul{ margin: -20px;}

	.book-list li{ padding: 20px; width: 25%;}

	.book-list li dd{ line-height: 40px; font-size: 14px;}

	.book-list .layui-flow-more{ padding: 0 13px;}

	

}



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

	.book-list ul{ margin: -25px;}

	.book-list li{ padding: 25px;}

	.book-list li dd{ line-height: 40px;}

	

	.book-list .layui-flow-more{ margin-top: 20px; padding: 0 25px;}

}



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

	

}



/* vi */

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

	.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;}

	.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{ display: flex; align-items: stretch; }

	.vi-box-l{ flex-basis: 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: 1260px) {

	.vi-box-l{ flex-basis: 460px; width: 460px;}

	.vi-box-l-bd img{ width: 279px;}

	.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: 1920px) {

	

}





/* 党建风采 */

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

	.istop-bg-02{ padding: 20px 0; background: #f6f6f6;}

	.swiper-istop{position: relative; display:flex;}

	.swiper-istop .swiper-slide{width: 100%; padding: 0 10px;}

	i.pic-scale-djfc{ padding-bottom: 68.729%;}

	.swiper-istop dd{ border: solid 1px #DDDDDD; background: #fff; padding: 10px 15px;  display: flex; align-items: center;  flex:1;}

	.swiper-istop dd b{font-size: 12px; font-weight: bold; color: #666; line-height: 20px; display: block;}

    .swiper-istop .swiper-slide{ display:flex; align-items:stretch;}

	.swiper-istop a{ display:flex; align-items:stretch; flex: 1;}
	
    .swiper-istop a dl{ display:flex; flex-direction:column; flex: 1;}

	.swiper-istop a:hover dd{ background: #036EB8;  border-color: #036EB8;}

	.swiper-istop a:hover dd b{ color: #fff;}

	.istop-box-02{ position: relative; padding: 0 20px;}

	

	.istop-prev,.istop-next{ position: absolute; top: 50%; left: 0; line-height: 36px; width: 24px; height: 36px; margin-top: -18px; text-align: center; cursor: pointer;}

	.istop-prev i,.istop-next i{ line-height: 36px; height: 36px; display: block; float: left;}

	.istop-prev i::before,.istop-next i::before{ font-size: 24px; color: #C2C2C2; display: block;}

	.istop-next{ left: auto; right: 0;}

	

	.istop-prev:hover i::before,.istop-next:hover i::before{ color: #036eb8;}

	.istop-prev:hover i::before{transform: translateX(-5px);}

	.istop-next:hover i::before{transform: translateX(5px);}

	

	.istop-box-02 .swiper-button-disabled i::before,.istop-box-02 .swiper-button-disabled:hover i::before{color: #e9e9e9; transform: none; cursor: default;}

}



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

	.swiper-istop .swiper-slide{width: 50%;}

}



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

	.swiper-istop .swiper-slide{width: 33.333333%;}

	.istop-bg-02{ padding: 40px 0;}

	.istop-box-02{ padding: 0 30px;}

	.istop-prev,.istop-next{ width: 36px;}

	.istop-prev i::before,.istop-next i::before{ font-size: 36px;}

	.swiper-istop dd{ min-height:94px; }

	.swiper-istop dd b{ font-size: 14px; line-height: 24px; }

	

}



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

	.swiper-istop .swiper-slide{width: 25%; padding: 0 13px;}

	.istop-bg-02{ padding: 50px 0;}

	

	.istop-box-02{ position: relative; padding: 0; margin: 0 -13px;}

	

	.istop-prev{ left: -40px;}

	.istop-next{right: -40px;}

}



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

	

}





/* 工会园地 */

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

	i.pic-scale-ghyd{ padding-bottom: 68.421%;}

	.ghyd-list{ overflow: hidden;}

	.ghyd-list ul{ margin: -10px; overflow: hidden;}

	.ghyd-list li{ padding: 10px; float: left; width: 100%;}

	.ghyd-list li dd{ background: #F9F9F9; padding: 15px;}

	.ghyd-list li dd .tit{ margin-bottom: 10px; overflow: hidden; -ms-text-overflow: ellipsis;

	text-overflow: ellipsis; white-space: nowrap; display: block;}

	.ghyd-list li dd .info{ font-size: 12px; color: #808080; margin-bottom: 10px;}

	.ghyd-list li dd .ghyd-b{ border-top: solid 1px #E4E4E4; padding-top: 10px; overflow: hidden;}

	.ghyd-list li dd .time{ color: #999; font-size: 12px;}

	.ghyd-list li dd .more{ float: right; color: #036EB8;}

	

	

	.ghyd-list .layui-flow-more{ float: left; width: 100%; margin-bottom: 10px;}

	

	.ghyd-list li dt img{ background:#eee;}

}



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

	.ghyd-list li{  width: 50%;}

	

	.ghyd-list li dd .info{height:84px; overflow: hidden;display: -webkit-box;

-webkit-box-orient: vertical;

-webkit-line-clamp: 4;

overflow: hidden;}

}



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

	.ghyd-list li{  width: 33.33333%;}

	.ghyd-list ul{ margin: -15px;}

	.ghyd-list li{ padding: 15px;}

	.ghyd-list .layui-flow-more{ margin-bottom: 15px;}

	

}



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

	

}



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

	

}





/* 人才理念 */

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

	.idea-list ul{ margin: -5px; overflow: hidden;}

	.idea-list li{ padding: 5px; float: left; width: 50%;}

	.idea-list li img{width: 100%;}

	.idea-list li a{ display: block; border-bottom: solid 4px #2A9DEC; position: relative;}

	i.pic-scale-idea{padding-bottom: 107.143%;}

	

	.idea-list li a::after{ content: ' '; background: #07913B; width: 100%; height: 4px; transform: scaleX(0); transform-origin: 0 0; position: absolute; left: 0; bottom: -4px; overflow: hidden;}

	

	.idea-list li a:hover::after{ transform: scaleX(1);}

}



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

	

}



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

	.idea-list ul{ margin: -13px -13px -14px -14px;}

	.idea-list li{ width: 25%; padding: 13px 13px 14px 14px;}

}



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

	

}



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

	

}







/* 培训学院 */

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

	.train-list li{ overflow: hidden; position: relative; -ms-text-overflow: ellipsis;

	text-overflow: ellipsis; white-space: nowrap;  border-bottom: solid 1px #f5f5f5;  padding: 5px 0; padding-left: 24px;}

	.train-list li a{line-height: 20px; color: #666; font-size: 12px;}

	.train-list li span{ display: block; line-height: 20px; font-size: 12px; color: #888;}

	.train-list li a:hover{ color: #036EB8;}

	.train-list li i{ width: 4px; height: 4px; background: #036EB8; position: absolute; left: 10px; top:16px;}

	

}



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

	

}



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

	.train-list li a{line-height: 46px; font-size: 14px;}

	.train-list li{padding: 0 120px 0 24px;}

	.train-list li span{ position: absolute; right: 0; top: 0; line-height: 46px;}

	.train-list li i{ top: 50%; margin-top: -2px;}

}



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

	

}



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

	

}









/* 员工发展 */

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

	.develop-list ul{ margin: -10px;}

	.develop-list li{ padding: 10px;}

	.develop-list li a{ overflow: hidden; -webkit-border-radius: 6px;

	-moz-border-radius: 6px;

	border-radius: 6px; display: block;}

	i.pic-scale-develop{ padding-bottom: 59.829%;}

}



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

	.develop-list li{ width: 50%; float: left;}

}



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

	.develop-list ul{ margin: -15px;}

	.develop-list li{ padding: 15px;}

}



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

	

}



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

	

}







/* 加入我们 */

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

	.join-list ul{ margin: -10px;}

	.join-list li{ padding: 10px;}

	.join-list li a{ overflow: hidden; -webkit-border-radius: 6px;

	-moz-border-radius: 6px;

	border-radius: 6px; display: block;}

	i.pic-scale-join{ padding-bottom: 59.829%;}

}



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

	.join-list{ max-width: 710px; margin: 0 auto; padding: 50px 0;}

	.join-list li{ width: 50%; float: left;}

}



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

	.join-list ul{ margin: -15px;}

	.join-list li{ padding: 15px;}

}



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

	

}



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

	

}





/* 加入我们-列表 */

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

	.job-box-tn{ padding-top: 0;}

	.job-box-t{ padding: 15px 0;}

	.job-box-tl{ overflow: hidden;}

	.job-box-tl span{ margin-right: 10px;}

	.job-box-tl span img{ height: 18px;}

	

	.job-box-tl { padding: 15px; background: #f4f4f4; -webkit-border-radius: 4px;

	-moz-border-radius: 4px;

	border-radius: 4px;}

	.job-box-tl dt{ color: #666; font-size: 14px; font-weight: bold;float: left;}

	.job-box-tl dd{ overflow: hidden; float: left;}

	

	.job-box-tr{ padding-top: 10px;}

	

	.job-box-tr span{ margin-left: 10px;font-size: 14px; color: #666; cursor: pointer;}

	.job-box-tr span:hover{ color: #036eb8;}

	.job-box-tr b{ padding-left: 10px; font-weight: normal;}

	.job-box-tr i{ color: #036eb8;}

	

	.job-box-tr a{ color: #036eb8;}

	.job-box-tr a:hover{ font-weight: bold;}

	.job-search-inp{ position: relative; padding-bottom: 5px;}

	.job-search-inp:nth-last-child(1) { padding-bottom: 0;}

	.job-search-inp .layui-input{ -webkit-border-radius: 0;

	-moz-border-radius: 0;

	border-radius: 0;}

	

	.job-search-inp .input{ padding-right: 50px;}

	

	.job-search-inp .layui-btn{ position: absolute; right: 0; top: 0; background: none;}

	.job-search-inp .layui-btn i{ color: #666; font-size: 14px;}

	.job-search-inp .layui-btn:hover{ opacity: 1;}

	.job-search-inp .layui-btn:hover i{ color: #036eb8;}

	

	.job-search-box{ padding-bottom: 15px;}

	

	.job-m-hide{display: none;}

	

	.job-list-t{ background: #F5F5F5;  border: solid 1px #E6E9ED; height: 50px; }

	.job-list-t span{ font-weight: bold;}

	.job-list-col span{ padding:0 15px; display: block; color: #444;}

	

	.job-list-col-btn i{ color: #DBDBDB;}

	.job-list-b dl{transition: .3s;}

	.job-list-b dd{ display: none;}

	.job-list-b dt{height: 50px; cursor: pointer;}

	.job-list-t,.job-list-b dt{ display: flex; justify-content: space-between; align-items: center;}

	

	.job-list-b dl:nth-child(even) dt{ background: #F8F8F8;}

	

	.job-list-b dl.on dt{ background: #E6F5FF;}

	.job-list-b .on .job-list-col-btn i::before{ color: #036EB8;}

	.job-list-b dd{ padding: 15px; border-bottom: solid 1px #E1E1E1;}

	

	.job-name span{ color: #066BB5;}

	

	

	.job-tit{ font-size: 16px; color: #333;}

	.job-mess-list{ margin: 0 -15px; padding: 10px 15px; border-bottom: solid 1px #E1E1E1; margin: -5px 0;}

	.job-mess-list li{ padding: 5px 0;}

	.job-mess-list span{color: #999; font-size: 12px; float: left;}

	.job-mess-list b{color: #666; font-weight: normal; font-size: 12px; display: block; overflow: hidden;}

	

	

	.job-info-box{ padding-top: 10px;}

	.job-info-box .job-info-tit{ font-weight: bold; display: block; color: #666;}

	

	.job-info{ padding-bottom: 10px; color: #666; font-size: 12px;}

	

	.job-info-btn{ position: relative; overflow: hidden;}

	.job-info-btn a{ background: #F1F1F1; border: solid 1px #E4E4E4;display: block; line-height: 38px; padding: 0 15px; min-width: 100px; -webkit-border-radius: 4px;

	-moz-border-radius: 4px;

	border-radius: 4px; text-align: center; color: #666;}

	

	.job-info-btn .accept-btn{ background: #036EB8; border-color: #036EB8; color: #fff;}

	

	.job-info-btn span{ float: left; margin-right: 15px;}

	

	.job-info-btn a.collect-off{ background: #07913B; border-color: #07913B; color: #fff;}

	

	.job-info-btn a:hover{ opacity: .8;}

	.job-info-btn a.collect-on:hover{ border-color: #036eb8; color: #036eb8;}

	

	.job-list-col-btn{ text-align: center;}

	

}



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

	

}



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

	.job-box-tn{ padding-top: 0;}

	.job-box-t{ overflow: hidden;}

	.job-box-tl{ background: none; float: left; padding: 0;}

	.job-box-tr{ float: right; padding-top: 0;}

	

	.job-search-box{}

	.job-search-inp{ width: 25%; float: left;}

	.job-search-inp .layui-input{ height: 60px; padding-left: 20px;}

	.job-search-inp .layui-form-select dl{ top: 64px;}

	.job-search-inp .layui-btn{ width: 60px; height: 60px;}

	

	.job-search-inp .input{ padding-right: 60px;}

	

	.job-search-inp .layui-input{ border-right-width: 0px;}

	.job-search-inp:nth-last-child(1) .layui-input{ border-right-width: 1px;}

	

	

	

	.job-m-hide{display: block;}

	

	.job-list-col{ flex: 1;}

	.job-list-col-01{ flex-grow: 1;}

	.job-list-col-02{ flex-grow: 2;}

	.job-list-col-03{ flex-grow: 3;}

	.job-list-col-04{ flex-grow: 4;}

	

	.job-list-col span{padding: 0 20px; font-size: 12px;}

	

	.job-list-t,.job-list-b dt{ height: 60px;}

	

	.job-list-b dd{ padding: 20px;}

	

	.job-tit{ font-size: 20px;}

	

	.job-mess-list{ display: flex; flex-wrap: wrap; margin: -5px -25px;}

	.job-mess-list li{ padding:5px 10px; flex-basis: 33.33333%;}

	

	.job-info-box{ padding-top: 20px;}

	.job-info-tit{ line-height: 24px;}

	.job-info{padding-bottom: 20px; line-height: 24px;}

	

	.job-info-btn a{min-width: 130px;}

	

}



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

	.job-box-tn{ padding-top: 0;}

	

	.job-search-inp .layui-input{ padding-left: 30px;}

	

	.job-list-col span{ font-size: 14px;}

	

	.job-list-t,.job-list-b dt{padding: 0 20px;}

	

	

	.job-list-b dd{ padding: 30px 40px;}

	

	.job-tit{ font-size: 24px;}

	

	.job-mess-list{ padding: 15px;}

	.job-mess-list li{ flex-basis: 25%;}

	.job-mess-list span,.job-mess-list b{ font-size: 14px;}

	

	.job-info-box{ padding-top: 25px;}

	.job-info{ padding-bottom: 25px;  font-size: 14px;}

	.job-info-box .job-info-tit{ font-size: 14px;}

}



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

	

}





/* 加入我们-弹窗 */

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

	div.login-lay{background: none; -webkit-box-shadow: none;

	-moz-box-shadow: none;

	box-shadow: none;width: 300px !important; top: 50% !important; transform: translateY(-50%);}

	div.login-lay .login-box{ left: auto; position: relative;}

	

	.login-box .hd{ overflow: hidden;}

	.login-box .hd span{ width: 50%; float: left; text-align: center; line-height: 40px; height: 40px; background: #EEE; font-size: 16px; font-weight: bold; color: #333; cursor: pointer;}

	

	.login-box .hd .on{ background: #FFF;}

	.login-box .login-info-bg{ background: #fff;}

	

	.login-logo{ padding: 30px 0 0 0; text-align: center;}

	.login-logo img{max-width: 173px;}

	.login-info{padding: 20px;}

	

	.login-inp-bd{ padding: 5px 0;}

	.login-inp {position: relative;}

	.login-inp input{border:solid 1px #CFD9E0; padding-left: 50px; height: 44px;}

	.login-inp .inp-ico{ width: 44px; text-align: center; position: absolute; text-align: center; height: 44px; line-height: 44px; border-right: solid 1px #CFD9E0;}

	

	.login-inp .inp-ico i::before{ color: #5F7D95; font-size: 16px;}

	

	.pass-switch{ position: absolute; right: 0; top: 0; width: 44px; height: 44px; text-align: center; cursor: pointer;}

	.pass-switch i::before{ font-size: 18px; color: #5F7D95; line-height: 44px;}

	

	.pass-switch i.icon-pass-off{display: none;}

	

	.layui-input-pass{ padding-right: 44px;}

	

	.login-inp-bd .layui-btn{ width: 100%; background: #036EB8; height: 44px; color: #fff;}

	

	.login-inp-bd-t{ padding-top: 15px;}

	

	.login-box{ position: absolute; left: -10000px; top: 0;}

	

	.login-tips{ text-align: center; display: block; padding-top: 10px;}

	.login-tips a{ color: #036eb8;}

	

	

	.login-close{ padding-top: 20px;}

	.login-close i::before{ width: 40px; height: 40px; margin: 0 auto; display: block; background: #fff; color: #fff; text-align: center; color: #000; line-height: 40px; -webkit-border-radius: 50%;

	-moz-border-radius: 50%;

	border-radius: 50%; font-size: 13px; cursor: pointer;}

	

	.login-close i:hover::before{ background: #036eb8; color: #fff;}

	.accept-lay b{ color: #036eb8;}

	.accept-lay .layui-layer-content{ color: #666;}

	.accept-lay .layui-layer-content a{ color: #036eb8;}

	.accept-lay .layui-layer-btn a{ line-height: 36px; height: 36px;}

	div.accept-lay .layui-layer-btn0{ background: #036EB8; border-color: #036EB8; color: #fff;}

	div.accept-lay .layui-layer-btn1{ border-color: #036EB8; color: #036EB8;}

}



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

	

}



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

	div.login-lay{width: 460px !important;}

	.login-info{ padding: 40px;}

	

	.login-logo{ padding-top: 50px;}

	.login-box .hd span{ height: 64px; line-height: 64px; font-size: 20px;}

	

	.login-tips{ padding-top: 30px;}

}



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

	

	

}



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

	

}







/* 投诉建议 */

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

	.proposal-tit{ text-align: center; padding-bottom: 15px; color: #444; font-size: 20px; line-height: 1;}

	.proposal-tips{ text-align: center; border-bottom: dashed 1px #BCBCBC; padding:0 0 15px 0 ;color: #999; font-size: 12px;}

	

	.proposal-form{ padding: 3px 0 0 0;}

	

	.proposal-row{ padding: 3px 0; margin: -3px 0;}

	.proposal-label{ padding-right: 10px; color: #666; line-height: 20px;}

	.proposal-inp{ overflow: hidden; padding-right: 15px; position: relative;}

	.proposal-inp-box{ position: relative; padding: 6px 0;}

	.proposal-inp-box i{ font-style: normal; color: #F11907; position: absolute; right: 0; top: 50%; margin-top: -19px; line-height: 38px;}

	

	.verify-pic{ padding-top: 10px;}

	.verify-pic img{ height: 38px;}

	

	.proposal-mess{display: none;}

	

	.proposal-btn-box{ margin: 0 -5px;}

	.proposal-inp-box .proposal-btn{ width: 50%; padding: 0 5px; float: left;}

	.proposal-btn-box{ overflow: hidden;}

	.proposal-inp-box .proposal-btn .layui-btn{ width: 100%;}

	.proposal-inp-box .layui-btn{background: #036EB8; color: #FFF; border-color: #036eb8; -webkit-border-radius: 4px;

	-moz-border-radius: 4px;

	border-radius: 4px;}

	.proposal-inp-box .layui-btn-primary{ background: #F1F1F1; border-color: #E4E4E4; color: #555;}

	

	.proposal-row:nth-last-child(1){padding-bottom: 0;}

	.proposal-row:nth-last-child(1) .proposal-inp-box:nth-last-child(1){ padding-bottom: 0;}

	

	

	.proposal-box{max-width: 900px; margin: 0 auto;}

	

	.proposal-inp-box input,.proposal-inp-box textarea{background: #F6F6F6; border-color: #DFDFDF;}

	.proposal-inp-box textarea{ height: 180px;}

}



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

	

}



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

	.proposal-tit{ font-size: 30px;}

	.proposal-tips{ font-size: 14px;}

	

	.proposal-label{ line-height: 38px; float: left; width: 100px; text-align: right;}

	

	.proposal-col-4{ width: 33.33333%; float: left;}

	.proposal-col-6{ width: 50%; float: left;}

	

	

	.proposal-row{padding: 15px 0; margin: 0;}

	.proposal-inp-box{ padding: 0;}

	.proposal-form{ padding: 15px 0 0 0;}

	

	.proposal-verify input{ width: 150px; float: left;}

	.verify-pic{ padding-top: 0; padding-left: 15px; float: left;}

	

	.proposal-mess{display: block; padding-left: 100px; padding-top: 15px; display: block; float: left; width: 100%; font-size: 14px; color: #036EB8;}

	

	.proposal-mr{margin-right: -15px;}

	

	.proposal-btn-box{ float: right;}

	.proposal-inp-box .proposal-btn{ width: auto;}

	.proposal-inp-box .layui-btn{ padding: 0 36px;}

	

	.proposal-tit{ padding-bottom: 25px;}

	.proposal-tips{ padding-bottom: 50px;}

}



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

	.proposal-tit{ font-size: 40px;}

	.proposal-tips{ font-size: 16px;}

	

}



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

	

}







/* 联系我们 */

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

	.contact-box-r .map{ height: 300px;}

	.contact-t{}

	

	.contact-box-l{ background: #F1F9FF; padding: 15px;}

	.contact-box-l .contact-t{ overflow: hidden; display: flex; justify-content: space-between; align-items: center;}

	.contact-box-l .contact-t b{ color: #036EB8; font-weight: bold; font-size: 16px; display: block;}

	.contact-box-l .contact-t span{ display: block; font-family: dinr; color: #07913B; font-size: 20px;}

	.contact-box-l .contact-t dd img{ width: 84px;}

	.contact-box-l .contact-b{ font-size: 12px; color: #4F6E84; padding-top: 15px;}

}



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

	

}



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

	.contact-box-l{ width: 420px; height: 300px; float: left; right: 540px; position: relative;}

	.contact-box-r{ width: 540px; height: 300px; float: left; left: 420px; position: relative;}

	

	.contact-box-r .map{ height: 300px;}

	.contact-box-l{ padding: 40px; display: flex; align-items: center;}

	

	.contact-box-l .contact-b{ padding-top: 30px; font-size: 14px;}

	

	.contact-box-l .contact-t b{ font-size: 18px;}

	.contact-box-l .contact-t span{ font-size: 30px;}

}



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

	.contact-box-l{ height: 360px; right: 780px;}

	.contact-box-r{ height: 360px; width: 780px;}

	

	.contact-box-r .map{ height: 360px;}

	

	.contact-box-l .contact-b{ padding-top: 60px;}

	

	

}



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

	

}









/* 个人中心 */

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

	.user-info{ background: #F8F8F8; border: solid 1px #E6E6E6; -webkit-border-radius: 4px;

	-moz-border-radius: 4px;

	border-radius: 4px;}

	

	.user-info dl{ padding: 30px 15px; border-bottom: solid 1px #E6E6E6;}

	.user-info dt{ width: 80px; margin: 0 auto; -webkit-border-radius: 50%;

	-moz-border-radius: 50%;

	border-radius: 50%; overflow: hidden;}

	.user-info dd{ text-align: center; padding-top: 10px; font-size: 16px; color: #000;}

	

	.user-info ul{ padding: 15px;}

	.user-info li{ color: #333;}

	

	.edit-btn{ padding: 0 15px 15px 15px;text-align: right;}

	.edit-btn a{ color: #036EB8;}

	

	.user-btn-box ul{ margin:  -5px; overflow: hidden; padding-top: 10px;}

	.user-btn-box li{ padding: 5px; width: 50%; float: left;}

	

	.user-btn-box li a{ line-height: 44px; border: solid 1px #036EB8; color: #036EB8; background: #fff; -webkit-border-radius: 4px;

	-moz-border-radius: 4px;

	border-radius: 4px; display: block; text-align: center;}

	

	.user-btn-box li a.quit-btn {background: #036EB8; color: #fff;}

	

	

	.user-tit a{ line-height: 20px;}

	i.pic-size-scale-video{ padding-bottom: 64.516%;}

	.user-tit{border-bottom: solid 2px #eee; position: relative; position: relative; padding-right: 45px;}

	.user-tit .user-tit-l{ float: left; line-height: 19px;}

	.user-tit .user-tit-l a{ margin-right: 20px; font-size: 14px; color: #666; line-height: 19px; cursor: pointer; position: relative;}



	.user-line{ width: 0; height: 2px; background: #07913B; position: absolute; bottom: -2px; transition: .3s;}

	

	.user-body{ padding-top: 11px;}

	

	.user-tit-l a{float: left; padding: 10px 0; }

	

	.user-tit .user-tit-l a.on{ color: #036eb8; font-weight: bold;}

	.user-tit .user-tit-l .on::before{content: ' '; width: 100%; height: 2px; background: #07913B; position: absolute; bottom: -2px; }

	

	.user-tit .user-line{display: none;}

	

	

	.user-box-r{ padding-top: 15px;}

	

	.user-tit .user-tit-l a:nth-last-child(1){margin-right: 0;}

	.user-tit .user-tit-l a:hover{ color: #036eb8;}

	

}



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

	

}



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

	.user-info dd{font-size: 18px;}

	

	.user-box-l{ width: 240px; float: left;}

	.user-info ul{ padding: 20px;}

	.edit-btn{ padding: 0 20px 20px 20px;}

	

	

	.user-box-r{ float: left; width: 720px; padding-left: 30px;}

	

	

	.user-tit{ padding-bottom: 0;}

	.user-body{ padding-top: 21px;}

	.user-tit .user-tit-l .on{ color: #666;}

	

	.user-tit .user-line{display: block;}

	

	.user-tit-l a{ padding:12px 0 17px 0;}

	.user-tit .user-tit-l .on::before{ display: none;}

	

	

	.user-box-r{ padding-top: 0;}

	

	.user-box-r .job-mess-list li{flex-basis: 50%;}

	

	.user-tit .user-tit-l a{ margin-right: 30px;}

}



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

	.user-box-r{width: 960px;}

	.user-box-r .job-mess-list li{flex-basis: 33.33333%;}

}



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

	

}





/* 我的简历 */

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

	.up-list{ margin: -8px 0;}

	.up-list li{ padding: 8px 0;}

	

	.up-list-tips{ margin:  0 -5px;}

	

	ul.user-up-list li{ display: flex; align-items: center;}

	ul.user-up-list li .up-pic-box{ width: 130px; flex-basis: 130px;}

	ul.user-up-list li .up-pic-tips{ color: #999; font-size: 12px; flex:1; padding-left: 15px;}

	ul.user-up-list li .up-pic-tips b{ color: #036eb8; font-weight: normal;}

	.pic-btn{ width: 100%; padding-bottom: 65.48%; background: #f5f5f5; position: relative;}

	

	.user-btn{ padding-bottom: 140%;}

	.pic-btn img{ width: 100%; height: 100%; background: #f5f5f5; position: absolute; z-index: 2; left: 0; top: 0; border: none;object-fit: contain; opacity: 0;}

	

	.pic-btn .up-pic-show{ opacity: 1;}

	

	.pic-btn-txt{ position: absolute; left: 50%; top: 50%; margin: -30px 0 0 -60px;}

		.pic-btn-txt i{ width: 120px; line-height: 40px; font-size: 36px; color: #036eb8; display: block;}

	.pic-btn-txt span{ width: 120px; text-align: center; color: #888; display: block; line-height: 20px;}

	.pic-btn:hover img.up-pic-show{ opacity: .1;}

	

	

	.register-l{ float: left; text-align: right; padding-right: 10px; color: #333; line-height: 30px;}

	.register-l i{ padding-right: 5px; color: #f66; font-style: normal;}

	.register-r { float: left; width: 100%;}

	.register-r .register-inp{ width: 100%; height: 38px; border: solid 1px #ccc; padding: 0 15px; -webkit-border-radius: 4px;

	-moz-border-radius: 4px;

	border-radius: 4px;}

	.register-tips{ color: #747474; padding-top: 5px; line-height: 20px; font-size: 12px; overflow: hidden;}

	

	.register-bd .layui-input,.register-bd .layui-textarea{ border-color: #ccc; -webkit-border-radius: 4px;

	-moz-border-radius: 4px;

	border-radius: 4px;}

	/*.register-bd .layui-textarea{ height: 200px;}*/
    .register-bd .layui-textarea{ height: 100%;}
	.register-bds{ margin: -10px 0;}

	.register-bd{ padding: 10px 0;}

	

	.inp-zzzz{float: left; width: 80px;}

	.inp-g{ float: left; padding: 0 5px; line-height: 38px;}

	.inp-zz{float: left; width: 80px;}

	.inp-zzz{ float: left; width: 80px;}

	

	.edit-btn{ width: 100%; background: #036eb8;text-align: center; height: 48px; -webkit-border-radius: 4px;

	-moz-border-radius: 4px;

	border-radius: 4px; line-height: 48px; padding: 0;}

	

	.register-bds-min{ max-width: 560px; margin: 0 auto;}

}



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

	

}



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

	.register-bd{ float: left; width: 100%; position: relative;}

	.register-bd-w6{ width: 50%;}

	

	.register-l{ width: 110px; text-align: right; position: absolute; left: 0; top: 10px; line-height: 38px;}

	.register-r{ padding-left: 110px;}

	

	.edit-btn-box{ padding-left: 110px;}

}



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

	

}



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

	

}



/* 网站地图 */

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

	.map-box dl{ padding: 15px; border-bottom: solid 1px #eee; background: #FAFAFA;}

	.map-box dt{overflow: hidden;}

	.map-box dt a{ line-height: 20px; padding:5px 0; -webkit-border-radius: 19px;

	-moz-border-radius: 19px;

	border-radius: 19px; color: #036eb8; float: left; position: relative; font-weight: bold;}

	.map-box dt a::before{ content: ' '; height: 2px; width: 100%; position: absolute; left: 0; bottom: 0; background: #036eb8; transform: scaleX(0); transform-origin: 0 0 ;}

	.map-box dt a:hover::before{ transform: scaleX(1);}

	

	.map-box dd{ margin: -5px -10px; overflow: hidden; padding-top: 10px;}

	.map-box dd div{padding: 6px 10px; float: left;}

	.map-box dd div a{ line-height: 18px; font-size: 13px;}

	

	.map-box dl:nth-last-child(1){border-bottom:none;}

}



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

	

}



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

	.map-box{display: flex;-webkit-border-radius: 4px;

	-moz-border-radius: 4px;

	border-radius: 4px; overflow: hidden;}

	.map-box dl{flex: 1; text-align: center; position: relative;}

	.map-box dt a{ float: none; display: inline-block;}

	.map-box dd div{float: none;}

	

	.map-box dl::before{content: ' '; width: 1px; background: #eee; position: absolute; right: 0; top: 15px; bottom: 15px;}

	.map-box dl:nth-last-child(1)::before{display: none;}

}



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

	

}



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

	

}









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

	

}



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

	

}



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

	

}



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

	

}



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

	

}







/*弹窗视频*/

@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: "\e608"; 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: 1240px) {

	.video-show{ width: 1100px !important; height: 620px !important;}

}*/



/*--内容盒子--*/

@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; padding:0; color: #666666; position: relative; z-index: 10; line-height: 1.858;}

	.content-box *{ line-height: 1.858; font-size: 14px;}

	.content-box img{max-width: 100%;}
    .content-box video{width: 100%;height:auto;}
		

}
@media screen and (min-width: 480px) {
.content-box video{width: 420px;height:280px;}
}
@media screen and (min-width: 992px) {

	.content-box-t{padding-top: 10px;}

	

}



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

	

}

 







/*--详细页--*/

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

	div.news-tit{ text-align: center; font-size: 18px; line-height: 32px; color: #222; font-weight: bold; padding-bottom: 15px;}

	

	.news-mess{ /*overflow: hidden; */padding: 5px 20px 10px 20px; border-bottom: solid 1px #d7d7d7; text-align: center;}

	.news-mess-box{ padding:  0 10px; overflow: hidden; text-align: center; display: inline-block;}

	.news-mess span{ line-height: 22px;}

	.news-mess-box a.author{ color: #036EB8;}

	.news-mess-box a.author:hover{ text-decoration: underline;}



	

	.news-content{ padding: 15px 15px; background:#fff; margin:15px 0;}

	

	.news-link-box{ border-top: solid 1px #d7d7d7; padding: 10px 0;}

	.news-link-box div{ overflow: hidden; -ms-text-overflow: ellipsis;

	text-overflow: ellipsis; white-space: nowrap;}

	.news-link-box a{ font-size: 14px; line-height: 30px;}

	.news-link-box span{ color: #036EB8;}

	

	.news-btn{ text-align: center;}

	.news-btn a{ width: 155px; border: solid 1px #ddd; height: 56px; display: inline-block; line-height: 54px; margin: 0 10px; text-align: center;}

	.phone-hide{display: none;}

	.news-btn a i{ font-size: 34px; display: inline-block; overflow: hidden; line-height: 54px; padding-right: 5px;}

	.news-btn a i:before{ color: #036EB8;}

	.news-btn a span{ display: inline-block; overflow: hidden; line-height: 54px; color: #424242;}

	

	.news-btn a:hover{ background: #036EB8; border-color: #036EB8; }

	.news-btn a:hover *,.news-btn a:hover *:before{ color: #fff;}

	

	.info-bg{ background: #fff; padding: 15px;}

	

	/*.cont-pb{ padding-bottom: 0;}*/

}



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

	

	div.news-tit{ font-size: 20px; line-height: 46px; font-weight: bold;}

	

	.news-content{ margin-top:40px; margin-bottom:40px; padding: 40px 40px;}

	

	.news-mess .phone-hide{display: inline-block;}

	.news-mess-box div.bshare-custom a{ background: none; width: 36px; height: 36px; padding-left: 0; text-align: center; line-height: 36px; font-size: 24px; -webkit-border-radius: 50%;

	-moz-border-radius: 50%;

	border-radius: 50%; /*color: #fff; */margin-right: 10px; float: left;}

	.news-mess-box div.bshare-custom a:hover{text-decoration: none;}

	.news-mess-box div.bshare-custom a.bshare-weixin{ background: #50b674;}

	.news-mess-box div.bshare-custom a.bshare-sinaminiblog{ background: #f35454;}

	.news-mess-box div.bshare-custom a.bshare-qzone{ background: #f5bc32;}

	.news-mess-box div.bshare-custom a.bshare-qqim{ background: #00a4ff; margin-right: 0;}

	

	.news-link-box{ padding: 15px 0 0 0; margin: 0;}

	

	.news-mess{ text-align: center; padding: 20px 30px 40px 30px; margin: 0 ; vertical-align: middle;}

	div.news-mess-box{display: inline-block; line-height: 40px; overflow: hidden; padding: 0 10px; vertical-align: middle; height:40px;}
	div.phone-hide {overflow: inherit;}

	.news-mess span{ float: left; line-height: 40px;}
    .news-content span{ float: none!important; line-height: 0;}
	.bshare-custom{ float: left;}

	

	.font-btn{ width: 40px; height: 40px; float: left; line-height: 40px; background: #ccc; -webkit-border-radius: 50%;

	-moz-border-radius: 50%;

	border-radius: 50%; margin-right: 10px;}

	.font-reduce{ margin-right: 0;}

	.font-btn:hover{ background:  #00418E;}

	.font-btn-off,.font-btn-off:hover{background: #eee;}

	.font-btn i{ font-size: 24px; color: #fff;}

	

	.return-btn{ border: solid 1px #ddd; background: #f7f7f7; overflow: hidden; display: block; padding: 0 15px;-webkit-border-radius: 4px;

	-moz-border-radius: 4px;

	border-radius: 4px; color: #00418E;}

	.return-btn *{ color: #00418E;}

	.return-btn i{ float: left; line-height: 40px; padding-right: 8px; font-size: 20px;}

	.return-btn i:before{ color: #00418E;}

	.return-btn:hover { background: #00418E; border-color: #00418E;}

	.return-btn:hover *,.return-btn:hover *:before{ color: #fff;}

	



	.news-btn{ text-align: center; padding-bottom: 20px;}

	.news-btn a span{ font-size: 16px;}

	.news-btn a i{ padding-right: 10px;}

	.news-btn a.phone-hide{display: inline-block;}

}



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

	div.news-tit{ font-size: 34px; line-height: 54px;}

	.info-bg{ padding: 30px;}

	

	.news-content{ padding-left:120px; padding-right:120px;}

}







/* 专题01 */
@media screen and (min-width: 320px) {
	.zt-banner{ position: relative;}
	.zt-banner img{width: 100%;}
	.zt-banner i{ position: absolute; bottom: 15px; left: 50%; margin-left: -4px; animation: zt-down 1.4s infinite;}
	.zt-banner i img{width: 8px;}
	
	
	@keyframes zt-down{
	from {transform: translateY(0);  opacity: 1;}
	75% {transform: translateY(10px);  opacity: 0;}
	to {transform: translateY(10px);  opacity: 0;}
	}
}

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

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

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



/* 专题布局 & 共用 */
@media screen and (min-width: 320px) {
    .zt-ovh{flex:1;}
    
    .div_c{overflow-x:hidden;}
	.zt-box{ padding: 40px 0;}
	.zt-tit{display: block;  text-align: center;}
	.zt-tit b{ font-size: 18px; line-height: 1; padding-bottom: 10px; display: block;}
	.zt-tit span{ width: 40px; height: 2px; background: #07913B; margin: 0 auto; display: block;}
	
	.zt-ch-bg{ background: url(../zt_img/zt-bg-01@2x.jpg); -webkit-background-size: cover;
	background-size: cover;}
	
	.zt-zj-bg{ background: url(../img/bg.png) center bottom no-repeat; -webkit-background-size: contain; background-size: contain;}
	
	
	.zt-por{ position: relative;}
	
	.zt-zf-bg{ border-bottom: solid 1px #EEEEEE;}
	
	.zt-box-b{ padding-bottom: 40px;}
	
	.zt-box-pt0{ padding-top: 0;}
	
}

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

}

@media screen and (min-width: 992px) {
	.zt-box{ padding: 40px 0;}
	.zt-tit b{ font-size: 24px; padding-bottom: 15px;}
	
	.zt-zj-bg{ padding-bottom: 80px;}
	
	.zt-box-b{ padding-bottom: 40px;}
	.zt-box-pb0{ padding-bottom: 0;}
	.zt-box-pt0{ padding-top: 0;}
}

@media screen and (min-width: 1260px) {
	.zt-box{ padding: 60px 0; display: flex; align-items: center;/* min-height: 850px; */ min-width: 0;}
	.zt-box>*{min-width: 0;}
	.zt-tit b{ font-size: 28px;}
	.zt-zj-bg{ padding-bottom: 140px;}
	
	.zt-box-b{ padding-bottom: 60px;}
	.zt-box-pb0{ padding-bottom: 0;}
	.zt-box-pt0{ padding-top: 0;}
}

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

}



/* 聚焦 */
@media screen and (min-width: 320px) {
	.jj-mess-01{}
	i.pic-scale-jj{ padding-bottom: 68.75%;}
	.swiper-jj-box{padding: 20px 0;}
	
	.swiper-jj-01 a{display: block; position: relative; padding: 0 10px;}
	.swiper-jj-01 a::before{ content: ' '; left: 0; width: 1px; top: 0; bottom: 0; background: #EEE; position: absolute;}
	.swiper-jj-01 .swiper-slide:nth-child(1) a::before{display: none;}
	.swiper-jj-01 dd{ padding-top: 15px;}
	.swiper-jj-01 small{ color: #0172D1; margin-bottom: 10px;}
	.swiper-jj-01 b{ font-size: 14px; display: block; margin-bottom: 10px; color: #444; overflow : hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;}
	.swiper-jj-01 a div{ font-size: 12px; color: #858585; line-height: 1.8; margin-bottom: 15px; overflow : hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;}
	.swiper-jj-01 a span{ height: 38px;padding: 0 15px; background: #EEE;display: inline-flex; align-items: center; justify-content: center; color: #999;}
	
	.swiper-jj-01 a:hover b{color: #0172D1;}
	.swiper-jj-01 a:hover span{ background: #0172D1; color: #fff;}
	
	.jj-01-btn{ display: flex; align-items: center; justify-content: center;}
	.jj-01-btn div{ width: 38px; height: 38px; display: flex; border: solid 1px #CCC; display: flex; align-items: center; justify-content: center; cursor: pointer; background: #fff;}
	.jj-01-btn div:nth-child(1){border-right: none;}
	.jj-01-btn i::before{color: #DDD;}
	.jj-01-btn div:hover{ background: #0172D1; border-color: #0172D1;}
	.jj-01-btn div:hover i::before{color: #fff;}
	
}

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

}

@media screen and (min-width: 992px) {
	.swiper-jj-box{padding: 50px 0;}
	.swiper-jj-01 a{padding: 0 20px;}
	.swiper-jj-01 dd{ padding-top: 20px;}
	.swiper-jj-01 small{ color: #0172D1;}
	.swiper-jj-01 b{ font-size: 16px;}
	.swiper-jj-01 a div{ font-size: 14px;  margin-bottom: 20px;}
}

@media screen and (min-width: 1260px) {
	.swiper-jj-box{padding: 80px 0;}
	.swiper-jj-01 a{padding: 0 30px;}
	.swiper-jj-01 dd{ padding-top: 25px;}
	.swiper-jj-01 b{ font-size: 18px;}
}

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

}


/* 策划 */
@media screen and (min-width: 320px) {
	i.pic-scale-ch-min{ padding-bottom: 54.074%;}
	.swiper-ch-01 .swiper-slide i{ background: #000;}
	
	.swiper-ch-01{ position: relative;}
	.zt-ch-box{ padding-top: 20px;}
	.swiper-ch-01 .swiper-slide img{ opacity: .65;}
	.swiper-ch-01 .ch-on img{opacity: 1;}
	.ch-prev,.ch-next{position: absolute; left: 0; top: 0; width: 38px; height: 100%; background: rgba(0,0,0,.36); z-index: 2; display: flex; align-items: center; justify-content: center; cursor: pointer;}
	.ch-next{left: auto; right: 0;}
	.ch-prev i,.ch-next i{ color: #fff; font-size: 12px;}
	
	.swiper-ch-01 .swiper-slide .zt-ch-bg{display: none;}
	.zt-ch-l{ padding-bottom: 15px;}
	.zt-ch-l .zt-ch-mess .zt-ch-bg{ background: #fff; padding: 15px;}
	.zt-ch-l .zt-ch-mess .zt-ch-bg b{display: block; overflow : hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical; color: #444;}
	
	.zt-ch-l .zt-ch-mess .zt-df{display: flex; justify-content: space-between; padding-top: 10px;}
	.zt-ch-l .zt-ch-mess .zt-df span{ font-size: 12px; color: #0172D1;}
	.zt-ch-l .zt-ch-mess .zt-df small{ font-size: 12px; color: #999;}
	
	
	.zt-ch-l .zt-ch-mess a:hover .zt-ch-bg b{ color: #0172D1;}
	
}

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

}

@media screen and (min-width: 992px) {
	.zt-ch-box{ padding-top: 30px;}
	.zt-ch-box{ display: flex;}
	.zt-ch-l{ flex: 1;}
	.zt-ch-r{ flex-basis: 232px; padding-left: 20px;}
	
	.ch-prev{ left: 0; top: 0; right: 0; bottom:auto; width: auto; height: 38px;}
	.ch-next{ left: 0; bottom: 0; right: 0; top:auto; width: auto; height: 38px;}
	.ch-prev i,.ch-next i{transform: rotate(90deg);}
	
	.zt-ch-r{ position: relative;}
	.swiper-ch-01{ height: 510px;}
	.swiper-ch-01 .swiper-slide a{height: 118px; display: block;}
	
	.zt-ch-l .zt-ch-mess .zt-ch-bg{ padding: 18px; height: 116px;}
	
	.zt-ch-l .zt-ch-mess .zt-ch-bg b{ font-size: 16px; height: 56px;}
}

@media screen and (min-width: 1260px) {
	.zt-ch-r{ flex-basis: 300px; padding-left: 30px;}
	.zt-ch-box{ padding-top: 40px;}
	.swiper-ch-01{ height: 635px;}
	.swiper-ch-01 .swiper-slide a{height: 146px;}
	.zt-ch-l .zt-ch-mess .zt-ch-bg{ padding: 30px; height: 148px;}
	.zt-ch-l .zt-ch-mess .zt-ch-bg b{ font-size: 18px;}
	.zt-ch-l .zt-ch-mess .zt-df span{ font-size: 14px;}
	.zt-ch-l .zt-ch-mess .zt-df small{ font-size: 14px;}
}

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

}


/* 足迹 */
@media screen and (min-width: 320px) {
	i.pic-scale-zj-01{padding-bottom: 68.702%;}
	.zj-mess-01{ width: 220px; padding: 0 11px 0 33px; position: relative;}
	.zj-mess-01 div{ padding-bottom: 20px;}
	.swiper-zj-01 .swiper-wrapper{display: flex; align-items: flex-end;}
	.swiper-zj-01 .swiper-slide{width: auto;}
	.zj-mess-01{position: relative;}
	.zj-mess-01 hr{margin: 0; position: absolute; left: 11px; top: 12px; bottom: 50px; width: 1px; height: auto;}
	.zj-mess-01 .year{ display: block; margin-left: -33px; line-height: 30px; color: #0172D1; padding-top: 20px; height: 50px;}
	
	.swiper-zj-01 .tit{ font-weight: normal; font-size: 12px; padding-bottom: 10px; display: block; color: #444;}
	.zj-ico-01{ width: 12px; height: 12px; background: #EEE; -webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%; position: absolute; left: 6px; top: 3px; z-index: 2;}
	.zj-ico-02{ border: solid 1px #0172D1; -webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%; width: 22px; height: 22px; position: absolute; left: 0; bottom: 29px; display: flex; align-items: center; justify-content: center; background: #fff;}
	.zj-ico-02 span{ width: 12px; height: 12px; background: #0172D1; -webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;}
	.zt-zj-box{ padding-top: 20px; padding-left: 50px; padding-right: 50px; position: relative;}
	
	.zt-zj-box-line{ height: 1px; background: #EEE; left: 30px; right: 30px; bottom: 40px; position: absolute;}
	
	.zj-prev,.zj-next{ position: absolute;left: 0; bottom: 21px; width: 38px;height: 38px; display: flex; align-items: center; justify-content: center; z-index: 2; cursor: pointer;}
	.zj-next{right: 0; left: auto;}
	.zj-prev i::before,.zj-next i::before{ color: #CCC; font-size: 38px; line-height: 1;}
	.zj-prev:hover i::before,.zj-next:hover i::before{ color: #0172D1;}
	
}

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

}

@media screen and (min-width: 992px) {
	.zt-zj-box{ padding-top: 30px; padding-left: 80px; padding-right: 80px;}
	.zj-mess-01{ width: 270px;}
	.swiper-zj-01 .tit{ font-size: 14px; padding-bottom: 20px;}
	.zt-zj-box{ min-height: 500px; display: flex; align-items: flex-end;}
}

@media screen and (min-width: 1260px) {
	.zt-zj-box{ padding-top: 40px; padding-left: 100px; padding-right: 100px;}
	.zj-mess-01{ width: 334px; padding: 0 22px 0 44px;}
	.zj-mess-01 .year{ margin-left: -44px;}
	.zt-zj-box{ min-height: 600px;}
}

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

}




/* 筑造 */
@media screen and (min-width: 320px) {
	.zt-zz-box{padding-top: 20px; padding-left: 50px; padding-right: 50px; position: relative;}
	.zz-prev,.zz-next{ position: absolute;left: -50px; top: 50%; margin-top: -19px; width: 38px;height: 38px; display: flex; align-items: center; justify-content: center; z-index: 2; cursor: pointer;}
	.zz-next{right: -50px; left: auto;}
	.zz-prev i::before,.zz-next i::before{ color: #CCC; font-size: 37px; line-height: 1;}
	.zz-prev:hover i::before,.zz-next:hover i::before{ color: #0172D1;}
	
	i.pic-scale-zf-01{ padding-bottom: 106.842%;}
	.swiper-zz-01{ margin: 0 -15px;}
	.swiper-zz-01 dl{ padding: 0 15px 5px 15px;}
	.swiper-zz-01 dd{ padding: 15px; box-shadow: 0 3px 6px rgba(0,0,0,.08); background: #fff;}
	.swiper-zz-01 dd b{ font-size: 14px; display: block; margin-bottom: 10px;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow:ellipsis;}
	.swiper-zz-01 dd span{display: block; font-size: 12px; color: #858585;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; text-overflow:ellipsis;}
	
	.swiper-zz-01 .swiper-slide a:hover dd{ box-shadow: 0 0 0 rgba(0,0,0,.08); background: #0172D1;}
	.swiper-zz-01 .swiper-slide a:hover dd b{color: #fff;}
	.swiper-zz-01 .swiper-slide a:hover dd span{color: #CCE3F6;}
}

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

}

@media screen and (min-width: 992px) {
	.zt-zz-box{ padding-top: 30px;}
	.zt-zz-box{ padding-left: 0; padding-right: 0;}
	
	.swiper-zz-01 .swiper-slide dt{ padding-top: 15px;}
	.swiper-zz-01 .swiper-slide a:hover dt{ padding: 0 15px; padding-top: 0;}
	.swiper-zz-01 .swiper-slide a:hover dd{ margin-top: -30px; padding-top: 45px; box-shadow: 0 0 0 rgba(0,0,0,.08); background: #0172D1;}
	.swiper-zz-01 .swiper-slide a:hover dd b{color: #fff;}
	.swiper-zz-01 .swiper-slide a:hover dd span{color: #CCE3F6;}
	
}

@media screen and (min-width: 1260px) {
	.zt-zj-box{ padding-top: 40px;}
	.swiper-zz-01 dd b{ font-size: 18px; margin-bottom: 15px;}
	
	.zz-prev{ left: -58px;}
	.zz-next{ right: -58px;}
	
	.swiper-zz-01 .swiper-slide dt{ padding-top: 30px;}
	.swiper-zz-01 .swiper-slide a:hover dt{ padding: 0 30px;}
	.swiper-zz-01 .swiper-slide dd{ margin-top: -40px; padding-top: 60px;}
	.swiper-zz-01 dd{ padding: 30px;}
	
}

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

}




/* 祝福 */
@media screen and (min-width: 320px) {
	.zt-zf-box{ padding-top: 20px;}
	i.pic-scale-zf-01{ padding-bottom: 50.926%; background: #000;}
	.swiper-zf-01{ overflow: visible;}
	.zf-mess{ position: absolute; left: 50%; top: 50%; z-index: 2; transform: translate(-50%,-50%); color: #fff;  text-align: center; font-style: normal; max-width: 50%;}
	.zf-mess i{ display: block; line-height: 1; font-size: 38px; padding-bottom: 10px;}
	.zf-mess b{ display: block; font-size: 14px;}
	
	.swiper-zf-01 img{ opacity: .6;}
	.swiper-zf-01 .swiper-slide-active img{ opacity: 1;}
	
	.zf-prev,.zf-next{ position: absolute;left: 0; top: 50%; margin-top: -19px; width: 38px;height: 38px; display: flex; align-items: center; justify-content: center; z-index: 2; cursor: pointer;}
	.zf-next{right: 0; left: auto;}
	.zf-prev i::before,.zf-next i::before{ color: #fff; font-size: 37px; line-height: 1;}
	.zf-prev:hover i::before,.zf-next:hover i::before{ color: #0172D1;}
	
	div.zt-zf-pagination{bottom: 0; position: relative; margin-top: 20px; display: flex; justify-content: center;}
	div.zt-zf-pagination .swiper-pagination-bullet{ width: 22px; height: 22px; -webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%; border: solid 1px #CCCCCC; display: flex; align-items: center; justify-content: center; background: none; opacity: 1; margin: 0 10px; cursor: pointer;}
	.zt-zf-pagination span::before{ content: ' '; width: 12px; height: 12px; -webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%; background: #ccc;}
	
	div.zt-zf-pagination .swiper-pagination-bullet-active{ border-color: #0172D1;}
	div.zt-zf-pagination .swiper-pagination-bullet-active::before{ background: #0172D1;}
}

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

}

@media screen and (min-width: 992px) {
	.zt-zf-box{ padding-top: 30px;}
	.zf-mess b{ font-size: 16px;}
	
	.zf-prev{ left: 0px;}
	.zf-next{ right: 0px;}
	.zt-zf-pagination{ position: relative; margin-top: 30px;}
	
	div.zt-zf-pagination .swiper-pagination-bullet{ margin: 0 20px;}
	
}

@media screen and (min-width: 1260px) {
	.zt-zf-box{ padding-top: 40px;}
	.zf-mess b{ font-size: 18px;}
	.swiper-zf-01{ width: 1080px; margin: 0 auto;}
}

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

}



/* 专题列表 */
@media screen and (min-width: 320px) {
	i.pic-scale-ztlb{ padding-bottom: 51.25%; background: #000;}
	.pic-scale-ztlb img{ opacity: .6;}
	a:hover .pic-scale-ztlb img{ opacity: 1;}
	.zt-list-b{ padding-top: 10px;}
	.zt-list-b li{ overflow: hidden; -ms-text-overflow: ellipsis;
	text-overflow: ellipsis; white-space: nowrap;}
	.zt-list-b li i::before{ padding-right: 10px; color: #858585; font-size: 18px;}
	.zt-list-b li span{ color: #858585;}
	.zt-list-b li a{ line-height: 40px;}
	.zt-list-b li a:hover i::before,.zt-list-b li a:hover span{color: #0172D1;}
	
	.zt-b-swiper{ padding: 15px 0;}
	
	.zt-b-tit{display: flex; justify-content: space-between; align-items: center; padding-bottom: 20px;}
	.zt-b-tit a{ color: #999; font-size: 14px;}
	.zt-b-tit a:hover{color: #0172D1;}
	.zt-b-tit b{ font-size: 16px; color: #444;}
	.zt-b-btn{ display: flex; align-items: center; justify-content: center;}
	.zt-b-btn div{ width: 38px; height: 38px; display: flex; border: solid 1px #CCC; display: flex; align-items: center; justify-content: center; cursor: pointer; background: #fff;}
	.zt-b-btn div:nth-child(1){border-right: none;}
	.zt-b-btn i::before{color: #DDD;}
	.zt-b-btn div:hover{ background: #0172D1; border-color: #0172D1;}
	.zt-b-btn div:hover i::before{color: #fff;}
	
	.zt-b-swiper{ border-bottom: solid 1px #EEEEEE;}
	
	.zt-b-swiper:nth-last-child()1{ border-bottom: none;}
	
	
}

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

}

@media screen and (min-width: 992px) {
	.zt-list-b li a span{ font-size: 16px;}
	.zt-list-b li a{ line-height: 50px;}
	.zt-b-tit b{ font-size: 16px; }
	
	.zt-b-list{ border-left: solid 1px #EEEEEE; overflow: hidden;}
	.zt-b-swiper{ width: 33.3333%; float: left; padding: 15px 15px 0 15px; border-right: solid 1px #EEEEEE; border-bottom: none;}
}

@media screen and (min-width: 1260px) {
	.zt-list-b li a span{ font-size: 18px;}
	.zt-b-tit b{ font-size: 18px; }
	.zt-b-swiper{ padding: 30px 30px 0 30px; }
}

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

}





/* 聚焦-02 */
@media screen and (min-width: 320px) {
	i.pic-scale-jj-02{padding-bottom: 68.824%;}
	.swiper-jj-box-02{ padding-top: 20px;}
	.jj-mess-02{ padding: 20px; background: #EEE;display: block;}
	.jj-mess-02 b{ margin-bottom: 10px; display: block; color: #444; font-size: 14px; overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;}
	.jj-mess-02 small{ margin-bottom: 15px; display: block; color: #444;}
	.jj-mess-02 .txt{ margin-bottom: 15px; overflow : hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical; color: #858585; font-size: 12px;}
	.jj-mess-02 .pic{ margin-bottom: 15px;}
	.jj-mess-02 .btn{ background: #FFF; padding: 0 20px; height: 38px; display: inline-flex; align-items: center; justify-content: center; font-size: 12px; color: #999;}
	
	.jj-mess-02:hover{ background: #0172D1;}
	.jj-mess-02:hover b{ color: #fff;}
	.jj-mess-02:hover small{ color: rgba(255,255,255,.8);}
	.jj-mess-02:hover .txt{ color: rgba(255,255,255,.8);}
	.jj-mess-02:hover .btn{ color: #0172D1;}
	
	.swiper-jj-box-02{ padding-bottom: 30px;}
	
	.jj-btn-02{ display: flex; align-items: center; justify-content: center;}
	.jj-btn-02 .jj-prev-02,.jj-btn-02 .jj-next-02{ width: 38px; height: 38px; border: solid 1px #CCCCCC; background: #fff; display: flex; align-items: center; justify-content: center; cursor: pointer; flex-shrink: 0;}
	.jj-btn-02 .jj-prev-02 i::before,.jj-btn-02 .jj-next-02 i::before{ color: #CCC; font-size: 12px;}
	.pagination-jj-02{ margin: 0 5px; display: flex; flex-wrap: wrap; justify-content: center; margin: -5px 0;}
	.pagination-jj-02 span{margin: 5px; width: 38px; height: 38px; -webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0; border: solid 1px #CCCCCC; background: #fff; opacity: 1; display: flex; align-items: center; justify-content: center; color: #CCC; cursor: pointer;}
	.jj-02-prev:hover,.jj-02-next:hover,.pagination-jj-02 span:hover{ background: #0172D1; border-color: #0172D1; color: #fff;}
	.jj-02-prev:hover i::before,.jj-02-next:hover i::before{ color: #fff;}
	.pagination-jj-02 .swiper-pagination-bullet-active{ background: #0172D1; border-color: #0172D1; color: #fff;}
}

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

}

@media screen and (min-width: 992px) {
	.swiper-jj-box-02{ padding-top: 30px;}
	.jj-mess-02 b{ font-size: 16px;}
	.jj-mess-02 small{ margin-bottom: 25px;}
	.jj-mess-02 .txt{ margin-bottom: 25px;}
	.jj-mess-02 .pic{ margin-bottom: 15px;}
	
	.swiper-jj-box-02{ padding-bottom: 60px;}
}

@media screen and (min-width: 1260px) {
	.swiper-jj-box-02{ padding-top: 40px;}
	.jj-mess-02 b{ font-size: 18px;}
	.jj-mess-02 small{ margin-bottom: 30px;}
	.jj-mess-02 .txt{ margin-bottom: 30px; font-size: 14px;}
	.jj-mess-02 .pic{ margin-bottom: 20px;}
	
	.swiper-jj-box-02{ padding-bottom: 80px;}
}

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

}


/* 策划-02 */
@media screen and (min-width: 320px) {
	.zt-ch-box-02{ padding-top: 20px;}
	.zt-ch-bg-02{ background-image: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,1)); position: absolute; left: 0; top: 50%; right: 0; bottom: 0; padding:10px 15px; display: flex; align-items: flex-end; opacity: 0;}
	.zt-ch-bg-02 b{ color: #fff; overflow: hidden; -ms-text-overflow: ellipsis;
	text-overflow: ellipsis; white-space: nowrap; display: block;}
	
	.swiper-ch-02 a:hover .zt-ch-bg-02{ opacity: 1;}
	
	i.pic-scale-ch-02{ padding-bottom: 51.795%;}
	
	.zt-prev-02,.zt-next-02{ position: absolute; left: 10px; top: 50%; margin-top: -19px; z-index: 2; cursor: pointer;}
	.zt-next-02{ left: auto; right: 10px;}
	
	.zt-prev-02 i::before,.zt-next-02 i::before{ font-size: 37px; line-height: 1; color: #ccc;}
	
	.zt-prev-02:hover i::before,.zt-next-02:hover i::before{ color: #0172D1;}
	
	.zt-ch-por{position: relative;}
}

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

}

@media screen and (min-width: 992px) {
	.zt-ch-box-02{ padding-top: 30px;}
	.zt-ch-bg-02{ padding: 15px 20px;}
	.zt-ch-bg-02 b{ font-size: 16px;}
}

@media screen and (min-width: 1260px) {
	.zt-prev-02{ left: -58px;}
	.zt-next-02{ right: -58px;}
	.zt-ch-box-02{ padding-top: 40px;}
	.zt-ch-bg-02 b{ font-size: 18px;}
}

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

}


/* 足迹-02 */
@media screen and (min-width: 320px) {
	
	.zt-zj-por-02{ position: relative; padding: 0 50px;}
	.zt-zj-box-02{ padding-top: 20px;}
	
	.swiper-zj-02 .year{ text-align: center; font-size: 16px; display: block; line-height: 24px; padding-bottom: 5px;}
	.zj-ico-03{ border: solid 1px #CCCCCC; -webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		border-radius: 50%; width: 22px; height: 22px; display: flex; align-items: center; justify-content: center; background: #fff; margin: 0 auto;}
	.zj-ico-03 span{ width: 12px; height: 12px; background: #CCCCCC; -webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;}
	.swiper-zj-02 .swiper-slide{ width: 150px;}
	.swiper-slide-active .zj-ico-03{ border-color: #0172D1;}
	.swiper-slide-active .zj-ico-03 span{ background: #0172D1;}
	
	.zj-prev-02,.zj-next-02{ position: absolute; left: 0; top: 21px; z-index: 2; cursor: pointer;}
	.zj-next-02{ left: auto; right: 0;}
	
	.zj-prev-02 i::before,.zj-next-02 i::before{ font-size: 37px; line-height: 1; color: #ccc;}
	.zj-prev-02:hover i::before,.zj-next-02:hover i::before{ color: #0172D1;}
	
	.zt-zj-box-line-02{ position: absolute; position: absolute; left: 37px; right: 37px; top: 38px; height: 1px; background-image: linear-gradient(to right, #B0D3F1, #0172D1,#B0D3F1);}
	
	
	i.pic-scale-zj-02{padding-bottom: 68.354%;}
	
	.zj-ico-04{display: none;}
	.zt-zj-mess-02{ padding: 15px 0 0 0; }
	.zt-zj-mess-02 li{ padding: 10px 0;}
	.zt-zj-mess-02 dl{display: flex; padding: 10px; background: #fff; box-shadow: 0 3px 6px rgba(0,0,0,.15); background: #fff;}
	.zt-zj-mess-02 dt{flex: 1; font-size: 12px; padding-right: 15px; color: #444;}
	.zt-zj-mess-02 dd{ flex-basis: 120px;}
	.zt-zj-mess-02 hr{display: none;}
	
}

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

}

@media screen and (min-width: 992px) {
	.zt-zj-box-02{ padding-top: 30px;}
	.zt-zj-mess-02{ position: relative;}
	.zt-zj-mess-02 hr{ margin: 0; position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; height: auto; background-image: linear-gradient(#0172D1,#B0D3F1); display: block;}
	.swiper-zj-02 .year{ font-size: 18px;}
	
	.zt-zj-mess-02{ padding-top: 30px; padding-bottom: 60px;}
	.zt-zj-mess-02 dl{width: 440px; box-shadow: 0 3px 20px rgba(0,0,0,.15);}
	.zt-zj-mess-02 li{ padding: 20px 0; position: relative;}
	.zt-zj-mess-02 li:nth-child(n+2){ margin-top: -75px;}
	.zt-zj-mess-02 li:nth-child(even){ display: flex;justify-content: flex-end;}
	
	.zj-ico-04{display: block;}
	.zj-ico-04{ border: solid 1px #0172D1; -webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		border-radius: 50%; width: 22px; height: 22px; display: flex; align-items: center; justify-content: center; background: #fff; margin: 0 auto;}
	.zj-ico-04 span{ width: 12px; height: 12px; background: #0172D1; -webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;}
	
	.zt-zj-mess-02 li .zj-ico-04{ position: absolute; top: 50%; margin-top: -11px; left: 50%; margin-left: -11px;}
	
	.zt-zj-mess-02 dl::before{ content: ' ';  border-left: solid 13px #fff; border-top: solid 13px transparent; border-bottom: solid 13px transparent; position: absolute; left: 440px; top: 50%; margin-top: -13px;}
	
	.zt-zj-mess-02 li:nth-child(even) dl::before{ left: auto; right: 440px; border-right: solid 13px #fff; border-left: none;}
}

@media screen and (min-width: 1260px) {
	.zt-zj-mess-02{ padding-top: 40px; padding-bottom: 80px;}
	.zt-zj-box-02{ padding-top: 40px;}
	.zt-zj-mess-02 li{ padding: 25px 0;}
	.swiper-zj-02 .year{ font-size: 22px;}
	
	.zt-zj-mess-02 dl{width: 560px;}
	.zt-zj-mess-02 dl::before{ left: 560px; }
	.zt-zj-mess-02 li:nth-child(even) dl::before{ right: 560px;}
}

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

}


/* 筑造-02 */
@media screen and (min-width: 320px) {
	.zt-zz-mess-02{ background: #F5FAFF; color: #0172D1; padding: 15px; text-align: center; line-height: 26px;}
	.zt-zz-box-02{ padding-top: 20px;}
}

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

}

@media screen and (min-width: 992px) {
	.zt-zz-mess-02{ padding: 30px;}
	.zt-zz-box-02{ padding-top: 30px;}
}

@media screen and (min-width: 1260px) {
	.zt-zz-box-02{ padding-top: 40px;}
}

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

}



/* 筑造-02 */
@media screen and (min-width: 320px) {
	.zz-box-b-02{ margin-top: 15px; padding: 0 50px; position: relative;}
	i.pic-scale-zz-min-02{ padding-bottom: 53.15%;}
	.swiper-zz-02 .swiper-slide::before{content: ' '; border: solid 5px #0172D1; position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 2; opacity: 0; transition: .3s;}
	.swiper-zz-02 .zz-on-02::before{ opacity: 1;}
	
	.zz-prev-02,.zz-next-02{ position: absolute;left: 0; top: 50%; margin-top: -19px; width: 38px;height: 38px; display: flex; align-items: center; justify-content: center; z-index: 2; cursor: pointer;}
	.zz-next-02{right: 0; left: auto;}
	.zz-prev-02 i::before,.zz-next-02 i::before{ color: #CCC; font-size: 37px; line-height: 1;}
	.zz-prev-02:hover i::before,.zz-next-02:hover i::before{ color: #0172D1;}
	
	
	.zz-box-t-02{margin-top: 20px;}
	
	i.pic-scale-zz-02{ padding-bottom: 53.33333%;}
	
	.zt-zz-mess dd{ padding-top: 10px;}
	.zt-zz-mess dd b{font-weight: bold; font-size: 16px; color: #444; display: block; margin-bottom: 10px;}
	.zt-zz-mess dd span{display: block; color: #858585; margin-bottom: 10px;}
	
	.zt-zz-mess dd small{ height: 38px; padding: 0 20px; background: #0172D1; color: #fff; display: inline-flex;align-items: center; justify-content: center;}
	.zt-zz-mess dd small{}
	.zt-zz-mess a:hover dd b{ color: #0172D1;}
}

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

}

@media screen and (min-width: 992px) {
	.zt-zz-mess dd{ padding-top: 15px;}
	.swiper-zz-02{ margin-top: 20px;}
	.zt-zz-mess dd b{margin-bottom: 20px;}
	.zt-zz-mess dd span{margin-bottom: 20px;}
	
	.zt-zz-mess dl{display: flex; flex-direction: row-reverse;}
	.zt-zz-mess dt{padding-top: 0; flex-basis:50%;}
	.zt-zz-mess dd{padding-top: 0; flex-basis:50%; padding-right: 20px; display: flex; align-items: center;}
}

@media screen and (min-width: 1260px) {
	.zt-zz-mess dd b{font-size: 18px;}
	.zz-box-b-02{ margin-top: 30px; padding: 0 60px;}

}

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

}



/* 祝福-02 */
@media screen and (min-width: 320px) {
	.zt-zf-box-02{ padding-top: 20px;}
	
	.swiper-zf-01 img{ opacity: .6;}
	.swiper-zf-01 .swiper-slide-active img{ opacity: 1;}
	
	div.swiper-zf-02{box-shadow: 0 3px 8px rgba(0,0,0,.16);}
	div.swiper-zf-02 div.zt-zf-pagination-02{bottom: 20px; right: 15px; position: absolute; margin-top: 0; display: flex; justify-content: flex-end; z-index: 2; left: auto; width: auto;}
	div.swiper-zf-02 div.zt-zf-pagination-02 .swiper-pagination-bullet{ width: 22px; height: 22px; -webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%; border: solid 1px #fff; display: flex; align-items: center; justify-content: center; background: none; opacity: 1; margin: 0 0 0 10px; cursor: pointer;}
	.zt-zf-pagination-02 span::before{ content: ' '; width: 12px; height: 12px; -webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%; background: #fff;}
	
	div.swiper-zf-02 div.zt-zf-pagination-02 .swiper-pagination-bullet-active{ border-color: #0172D1;}
	div.zt-zf-pagination-02 .swiper-pagination-bullet-active::before{ background: #0172D1;}
	
	.zf-mess-02{position: absolute; left: 0; bottom: 0; top: 50%;right: 0; z-index: 2;  background-image: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,1)); display: flex; align-items: flex-end; padding: 0 120px 18px 15px;}
	.zf-mess-02 span{ display: flex; align-items: center;}
	.zf-mess-02 b{ display: block; font-size: 14px; font-style: normal; color: #fff; line-height: 20px;}
	.zf-mess-02 i{height: 20px; line-height: 20px; display: flex; align-items: center;}
	.zf-mess-02 i::before{ color: #fff; font-size: 20px; line-height: 20px; padding-right: 15px;}
}

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

}

@media screen and (min-width: 992px) {
	.zt-zf-box-02{ padding-top: 30px;}
	.zf-mess-02{ padding: 0 120px 28px 30px;}
	.zf-mess-02 b{ font-size: 16px;}
	
	.zf-prev{ left: 0px;}
	.zf-next{ right: 0px;}
	div.swiper-zf-02 div.zt-zf-pagination-02{ bottom: 30px; right: 30px;}
	
	div.swiper-zf-02 div.zt-zf-pagination-02 .swiper-pagination-bullet{ margin: 0 0 0 20px;}
	
}

@media screen and (min-width: 1260px) {
	.zt-zf-box-02{ padding-top: 40px;}
	.zf-mess-02 b{ font-size: 18px;}
	.swiper-zf-01{ width: 1080px; margin: 0 auto;}
}

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

}

/* 专题列表-02 */
@media screen and (min-width: 320px) {
	.zt-b-list-02{ margin: -10px 0;}
	
	.zt-b-list-min{ padding: 10px 0;}
	
	.zt-b-list-min ul{ margin: -5px;}
	.zt-b-list-min li{ padding: 5px;}
}

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

}

@media screen and (min-width: 992px) {
	.zt-b-list-02{ margin: -20px 0;}
	.zt-b-list-min{ padding: 20px 0;}
	.zt-b-list-min ul{ display: flex; margin: -15px;}
	.zt-b-list-min li{flex-basis: 33.3333%; padding: 15px;}
}

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

}

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

}


/* 专题列表-02 */
@media screen and (min-width: 320px) {
	.zt-b-list-02{ margin: -10px 0;}
	
	.zt-b-list-min{ padding: 10px 0;}
	
	.zt-b-list-min ul{ margin: -5px;}
	.zt-b-list-min li{ padding: 5px;}
	
}

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

}

@media screen and (min-width: 992px) {
	.zt-b-list-02{ margin: -20px 0;}
	.zt-b-list-min{ padding: 20px 0;}
	.zt-b-list-min ul{ display: flex; margin: -15px;}
	.zt-b-list-min li{flex-basis: 33.3333%; padding: 15px;}
}

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

}

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

}


/* 员工发展-01 */
@media screen and (min-width: 320px) {
	i.pic-scale-gyfz{ padding-bottom: 52.037%;}
	.swiper-ygfz .txt{ text-align: center; height: 48px; line-height: 48px; background: rgba(255,255,255,.9); color: #036EB8; position: absolute; left: 0; bottom: 0; right: 0; font-style: normal; font-weight: bold;}
	
	.swiper-ygfz .txt span{font-size:16px;}
	
	.ygfz-prev,.ygfz-next{ background: rgba(255,255,255,.6); width: 34px; height: 50px; display: flex; align-items: center; justify-content: center; position: absolute; left: 0; top: 50%; margin-top: -25px; z-index: 2; cursor: pointer;}
	.ygfz-prev i::before,.ygfz-next i::before{ font-size: 20px; color: #036EB8; display: block;}
	
	.ygfz-next{ left: auto; right: 0;}
	
	.pagination-gyfz{display: none;}
	div.swiper-ygfz div.pagination-gyfz{ position: absolute; bottom: 58px; z-index: 2; right: 15px; left: auto; width: auto;}
	div.swiper-ygfz>div.pagination-gyfz>span.swiper-pagination-bullet{ margin-left: 6px; margin-right: 0; width: 8px; height: 8px; opacity: 1; background: #fff; cursor: pointer;}
	div.swiper-ygfz>div.pagination-gyfz>span.swiper-pagination-bullet-active{ background: #036EB8;}
	
	.ygfz-prev:hover i::before{ transform: translateX(-5px);}
	.ygfz-next:hover i::before{ transform: translateX(5px);}
	
	
	i.pic-scale-gyfz-02{ padding-bottom: 62.821%;}
	
	
	.ygfz-list{ padding-top: 20px;}
	.ygfz-list ul{ margin: -5px;}
	.ygfz-list li{  padding: 5px;}
	.ygfz-list dd b{ overflow: hidden; -ms-text-overflow: ellipsis;
	text-overflow: ellipsis;  display: block; color: #333; position: relative; z-index: 2;}
	.ygfz-list dd{ background: #F6F6F6; padding: 10px; position: relative; overflow: hidden;}
	.ygfz-list dd div{display: flex; justify-content: space-between; align-items: center; padding-top: 5px; position: relative; z-index: 2;}
	.ygfz-list i::before{ color: #ABABAB; display: block;}
	.ygfz-list dd small{ font-size: 12px; font-weight: bold; color: #036EB8;}
	
	.ygfz-list dd::before{ content: ' '; width: 100%; left: 0; top: 100%; height: 100%; margin-top: -2px; background: #036EB8; position: absolute;}
	.ygfz-list a:hover dd b{color: #FFF;}
	.ygfz-list a:hover dd small{color: #FFF;}
	.ygfz-list a:hover dd i::before{color: #FFF; transform: rotate(-30deg);}
	.ygfz-list a:hover dd::before{ top: 0; margin-top: 0;}
	
	.swiper-ygfz .txt-02{ background: #000; height: 48px; display: flex; align-items: center; justify-content: center;}
	.swiper-ygfz .txt-02 span{ padding: 0 15px; color: #FFF;}
	.swiper-ygfz .txt-02 b{ flex: 1; padding: 0 15px; color: #FFF;}
	
	.swiper-ygfz-02{ margin-top: 20px;}
	.swiper-ygfz-02 .txt{ padding: 0 15px; height: 42px; background: #F5F5F5; text-align: center; overflow: hidden; -ms-text-overflow: ellipsis;
	text-overflow: ellipsis; white-space: nowrap; line-height: 42px;}
	.swiper-ygfz-02 .txt span{ color: #333; color: #333; font-weight: bold;}
	
	.swiper-ygfz-02 .ygfz-on .txt{ background: #036EB8;}
	.swiper-ygfz-02 .ygfz-on .txt span{ color: #fff;}
}

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

@media screen and (min-width: 992px) {
	.swiper-ygfz .txt{font-size: 16px;}
	.ygfz-prev,.ygfz-next{ height: 72px; margin-top: -36px; width: 44px;}
	.ygfz-prev i::before,.ygfz-next i::before{ font-size: 32px;}
	.pagination-gyfz{display: block;}
	
	.ygfz-list{ padding-top: 30px;}
	.ygfz-list ul{ margin: -13px -9px;overflow:hidden;}
	.ygfz-list li{ width: 33.33333%; padding: 13px 9px;float:left;}
	.ygfz-list dd div{ padding-top: 10px;}
	.ygfz-list dd{ padding: 20px 25px;}
	.ygfz-list dd b{font-size: 16px;display: -webkit-box;min-height:58px;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;}
	.ygfz-list dd small{ font-size: 14px;}
	.ygfz-list i::before{ font-size: 16px;}
	
	.swiper-ygfz .txt-02 span{ text-align: center; flex-shrink: 0; color: #FFF; font-weight: bold; font-size: 16px; padding-left:100px; }
	.swiper-ygfz .txt-02 b{ font-size: 16px;padding-left:90px;}
	
	.swiper-ygfz-02{ margin-top: 30px;}
}

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

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



/* 监督举报 */
@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(241,249,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; 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{max-width: 430px; padding: 20px 55px; }
	.jdjb-box dl{ padding: 30px 0;}
	.jdjb-box dt{ flex-basis: 120px;}
}

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

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

/* 校园招聘 */
@media screen and (min-width: 320px) {
	.xyzp-box{ position:relative;}
	.xyzp-btn-l{ width:50%; height:100%; left:0; top:0; position:absolute;}
	.xyzp-btn-r{ width:50%; height:100%; right:0; top:0; position:absolute;}
}

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

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

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

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