@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; font-family: auto!important;}

.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:#0075BD; color:#fff;}
::-moz-selection{background:#0075BD; color:#fff;}

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

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

.block{display: block !important;}

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


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

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

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

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

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


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


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


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




/*--最小屏提示--*/
@media screen and (max-width: 319px) {
html{-webkit-transition: 0s;  transition: 0s; background: #fff url(../img/displayNone.png) center center no-repeat; }
	body {
		-webkit-transition: 0s;  transition: 0s; display: none;
	}
}

/*--layui--*/
.layui-layer,.layui-layer *{ -webkit-transition: 0s; transition: 0s;}

/*--移动端横屏提示--*/
@media (max-width: 991px) and (orientation : landscape) {
	html.landscape {
		background: #fff url(../img/landscape.png) center center no-repeat;
	}
	html.landscape body {
		display: none;
	}
}


/*--swiper2.x高度自适应--*/
.swiper-container .swiper-wrapper{ height: auto !important;}

/*默认动画时长*/
.animated {
  -webkit-animation-duration: 1s;
  animation-duration:1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

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

/*百度分享*/
.bdsharebuttonbox,.bdsharebuttonbox *,.bd_weixin_popup_bg,.bd_weixin_popup{ -webkit-transition: 0s;
transition: 0s;}
.bdsharebuttonbox *{-webkit-transition: .3s;
transition: .3s;}

/*bshare分享*/
#bsPanel,#bsPanel *,#bsBox,#bsBox *{-webkit-box-sizing: initial;
-moz-box-sizing: initial;
box-sizing: initial;}

/*百度分享*/
.bdsharebuttonbox,.bdsharebuttonbox *,.bd_weixin_popup_bg,.bd_weixin_popup{ -webkit-transition: 0s;
transition: 0s;}
.bdsharebuttonbox *{-webkit-transition: .3s;
transition: .3s;}

/*bshare分享微信弹窗兼容*/
#bsWXBox{-webkit-box-sizing: initial;
-moz-box-sizing: initial;
box-sizing: initial;}


/*百度地图*/
.map *{ -webkit-transition: 0s;
-moz-transition: 0s;
-ms-transition: 0s;
-o-transition: 0s;
transition: 0s;}
.map label,.map img{max-width: none !important; width: initial !important;}
.map *{ font-size: 12px; -webkit-transition: 0s; transition: 0s; -webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;}

/*视频全屏*/
.video-bg{position: absolute; z-index: -1; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); -webkit-transition: 0s; transition: 0s;}

/*lightbox*/
.lightbox,.lightbox *,.lightboxOverlay,.lightboxOverlay *{-webkit-transition: 0s;
-moz-transition: 0s;
-ms-transition: 0s;
-o-transition: 0s;
transition: 0s; -webkit-transform:translateZ(0); transform:translateZ(0);}


/*--分页--*/

div.pages {text-align: center; width: 100%; padding: 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 transparent; 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: #0075BD; color: #fff; border: 1px solid #0075BD;  line-height: 1.7;}
@media screen and (min-width: 992px) {
	div.pages{ padding-top: 40px;}
	div.pages a,div.pages span{ padding: 5px 12px; font-size: 14px;}
}



/*社会招聘*/
@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: #0075BD;}
	.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 #0075BD; background: #fff; text-align: center; color: #0075BD; font-size: 14px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; transition: .3s;}
	a.ypBtn:hover { color: #fff; background: #0075BD; }
	
	.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 #0075BD; color: #0075BD; font-size: 14px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; cursor: pointer;}

	.tjBtn:hover,.czBtn:hover { color: #fff; background: #0075BD;}
}

@media screen and (min-width: 992px) {
	.table-responsive { border: none;}
}

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




/*--移动端设置&小屏电脑 图片缩放--*/
/*设置最大屏像素-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: #0075BD; background-color: #0075BD;}
.layui-form-checkbox[lay-skin=primary]:hover i{ border-color: #0075BD;}








/*=================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: 1280px) {
	.container{ width: 1260px; padding: 0 10px;}
	.container-min{ width: 1020px;}
	
}








/*=================header===================*/
@media screen and (min-width: 320px) {
	
	div.nav-poa{ position: absolute; left: 0; top: 0; width: 100%;}
	.container-header{position: relative;}
	.nav-box-bg{ height: 55px; width: 100%; position: absolute; left: 0; top: 0; z-index: 8;}
	.nav-box{ height: 55px; position: relative; width: 100%; z-index: 99; /* box-shadow: 0 0 5px rgba(0,0,0,.2); */   background-image: linear-gradient( #00A9BD , #0075BD);}
	.header-box{ height: 55px; display: none;}
	.logo{ float: left; position: relative; z-index: 9; height: 55px; padding: 10px 0;}
	.logo a{ display: block; height: 100%;}
	.logo img{ height:100%; display: block;}
	
	
	.nav-btn{ display: block; padding: 0 10px; margin-right: -10px; float: right; cursor: pointer; position: relative; z-index: 9;}
	.nav-btn i{ line-height: 55px; font-size: 22px; width: 24px; text-align: center; color: #fff;}
	.nav-hide-btn{ display: none;}
	
	.nav-btn-show .nav-hide-btn{ display: block;}
	.nav-btn-show .nav-show-btn{ display: none;}
	
	.nav{ position: absolute; top: 55px; 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); border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; z-index: 8;}
	
	.nav.e-anim-on{animation:nav-anim-on .3s; animation-fill-mode: both; }
	.nav.e-anim-off{ animation:nav-anim-off .5s; animation-fill-mode: both;}
	
	
	
	
	.nav-list{ visibility: visible !important;}
	.nav-list li{ border-bottom: solid 1px rgba(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;}
	
	
	.nav-list li .nav-list-sub{ overflow: hidden; background: rgba(230,230,240,.5);-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px; overflow: hidden; 
	transition:height .3s,opacity .3s;}
	.nav-list li .nav-list-sub div{ padding: 10px 15px;}
	.nav-list li .nav-list-sub a{ line-height: 40px; border-bottom: solid 1px rgba(128,128,128,.1); color: #eee; font-size: 12px; text-align: center;}
	.nav-list li .nav-list-sub a:nth-last-child(1){border: none;}
	.nav-list li .nav-list-sub a span{ color: #666;}
	.nav-list li .nav-list-sub a:hover span,.nav-list li .nav-list-sub a.on-02 span{ color: #0075BD;}
	.nav-list .nav-on{ border-color: transparent; position: relative; z-index: 9;}
	.nav-list .nav-on a{border-bottom:none ;}
	.nav-list .nav-off{ position: relative; z-index: 1;}
	
	
	.nav-list li .on b,.nav-list li .on i:before{ color: #0075BD;}
	.nav-list li.nav-on a b,.nav-list li.nav-on a i:before{ color: #0075BD;}
	
	
	.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; z-index: -1; position: absolute; display: none;}
	.nav-list div.nav-btn-bg-02{ width: auto; left: auto;}
	.nav-list div.nav-btn-bg-02-show{ opacity: 1;  filter:Alpha(opacity=100); }
	
	.nav-list-sub.e-anim-hide{ display: block; }
	
	.nav-list a b{ transition: color .3s,background .3s;}
	
	
	
	.nav-list-height.e-anim-on{animation:nav-list-anim-on .3s; animation-fill-mode: both; display: block;}
	.nav-list-height.e-anim-off{ animation:nav-list-anim-off .3s; animation-fill-mode: both; display: block;}
	
	.nav-list li .nav-list-sub div.btn-sub-bg{display: none;}
	
	
	
	/* 下拉 */
	.top-r{ padding: 15px; background: #f7f7f7; -webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;}

	.top-r{}

	.search{ position: relative; position: relative; width: 100%; margin: 0 auto;}
	.search *{ transition: border .3s,color .3s;}
	.search input{ width: 100%; height: 40px; border-radius: 20px; border: solid 1px #999; padding-left: 20px; padding-right: 40px;}
	.search input::-webkit-input-placeholder { color: #D1D1D1;}
	.search button{ width: 40px; height: 40px; background: none; border: none; position: absolute; right: 0; top: 0; cursor: pointer;}
	.search button i::before{ font-size: 16px; color: #0075BD;}
	
	.search input:focus{ border-color: #0075BD;}
	
	.search button:hover i::before{ color: #0075BD;}
	
	
	.tel{display: block; padding-top: 10px; text-align: center;}
	.tel i{display: inline-block; overflow: hidden; line-height: 30px;}
	.tel i::before{ padding-right: 5px; font-size: 24px; line-height: 30px; float: left; color: #0075BD;}
	.tel span{ font-size: 16px; font-weight: bold; display: inline-block; line-height: 30px; overflow: hidden; color: #0075BD;}
}
	
	@keyframes nav-anim-on{
		from { opacity: 0; transform: translateY(-10px); filter: blur(2px);}
		to {opacity: 1; transform: translateY(0);}
	}
	@keyframes nav-anim-off{
		from { opacity: 1; transform: translateY(0); filter: blur(0);}
		to { opacity: 0; transform: translateY(-10px); filter: blur(2px);}
	}
	

	
	


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


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


@media screen and (min-width: 992px) {
	
	.nav-box{ padding: 0 10px;}
	.nav{ height: 100px;}
	.nav:before{display: none;}
	.nav-box-bg{ height: 100px;}
	
	.nav-box{ box-shadow: none; position: relative; height: 100px;}
	
	.header-box{ height: 100px; display: none;}
	
	.logo{ height: 100px; padding: 25px 0;}
	.logo img{ margin: 0 auto; height: 50px;}
	.logo a{ width: 100%; height: 100%; display: block; padding: 0;}
	
	
	.nav-btn{ display: none;}
	.nav{ float: right; position: relative; -webkit-transform: none; transform: none; opacity: 1; filter:Alpha(opacity=100); z-index: 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: 100px; height: 100px; color: #fff; overflow: hidden; font-weight: normal; font-size: 12px;}
	.nav-list li a{ height: 100px; line-height: 80px; padding: 0 8px; font-size: 12px; position: relative;}
	
	
	/*.nav-list li:nth-last-of-type(1) a:after{display: none;}*/
	.nav-list li.nav-on>a b{ color: #fff;}
	.nav-list li.nav-off>a b{ color: #fff; font-weight: normal;}
	.nav-list li .on b/*,.nav-list li a:hover b*/{ color: #fff;}
	.nav-list li .on .nav-btn-bg{ opacity: 1;filter:Alpha(opacity=100); display: block;}
	.bd-more{border-bottom-color: #fff; display: none;}
	.nav-list li .nav-list-sub{ position: absolute; top: 100px; height: auto !important; box-shadow: 0 5px 8px rgba(0,0,0,.3); width: auto; background: none; box-shadow:none; -webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;padding-top: 0; left: 0; right: 0;  width: 960px; }

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

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

	
	.nav-list div.nav-btn-bg,.nav-list div.nav-btn-bg-02{ height: 100px; overflow: hidden; transition: .3s;}
	.nav-list div.nav-btn-bg:before,.nav-list div.nav-btn-bg-02:before{ content: ' '; position: absolute; left: 10px; right: 10px; top: 50%; height:2px; background: #fff; margin-top: 20px;}
	
	.nav-list div.nav-btn-bg:after,.nav-list div.nav-btn-bg-02::after{ content: ' '; position: absolute; left: 50%; border-bottom: solid 7px #fff; border-left: solid 7px transparent; border-right: solid 7px transparent; margin-left: -7px; top: 50%;margin-top: 15px;}
	
	.nav-list-sub.e-anim-hide{ display: none;}
	.nav.e-anim-hide{ display: block;}


	
	.nav-list-height.e-anim-on{animation:nav-list-anim-on-pc .5s; animation-fill-mode: both; display: block;}
	.nav-list-height.e-anim-off{ animation:nav-list-anim-off-pc .2s; animation-fill-mode: both; display: block;}
	
	
	
	/*PC二级下拉背景色*/
	.nav-list-sub-bg{ display: block; position: absolute; top: -100%; height: 40px; width: 100%; left: 0; background: #0075BD; opacity: 0;  filter:Alpha(opacity=0); }
	.nav-list-sub-bg-show{ opacity: .8;  filter:Alpha(opacity=80); top: 100px;}
	
	.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: #0075BD;}
	
	/* pc二级栏目滑块 */
	.nav-list li .nav-list-sub div.btn-sub-bg{display: block; position: absolute; width: 0; left: 0; height: 40px; padding: 0; border-bottom: solid 2px #fff; transition: .3s;}
	
	/* top-r */
	.top-r{ float: right; padding: 30px 0; display: flex; background: none; align-items: center;}
	
	.nav-list{ padding-right: 10px;}
	.search{ width: 140px;}
	
	.search input{ font-size: 12px;  border: none;}
	.search button{ padding-right: 10px;}
	.search button i::before{ font-size: 20px;}
	.tel{ line-height: 40px; padding-top: 0; display: flex; align-items: center; padding-left: 20px;}
	.tel i::before{ font-size: 28px; color: #fff;}
	.tel span{ font-size: 14px; color: #fff;}
}

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

@media screen and (min-width: 1280px) {
	
.logo{padding: 15px 0;}
.logo img{height: 70px;}
	
.nav{width: auto;}
.nav-list{ padding-right: 12px;}
.nav-list li a{ padding: 0 12px;}

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

	
	.nav-list li .nav-list-sub{ width: 1240px;}
	
	.nav-list li a b{font-size: 16px;}
	
	.container-header{}
	.nav-box{ padding: 0 20px;}
	
	
	.search{ padding-left: 0;}
	
	
	.search{ width: 160px;}
	.tel span{ font-size: 18px;}
}



@font-face
{
font-family: dinr;
src: url('../font/DINRegular.ttf');
}







/* banner */
@media screen and (min-width: 320px) {
	.banner-bg{ padding-bottom: 40%; width: 100%; -webkit-background-size: cover;
	background-size: cover; background-position: center;}
	
	.swiper-banner .swiper-pagination .swiper-pagination-bullet{ opacity: 1; background: #fff; -webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0; transition: .3s;}
	
	.swiper-banner .swiper-pagination .swiper-pagination-bullet-active{background: #0075BD; -webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;}
	
}

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

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

@media screen and (min-width: 992px) {
	.banner-bg{ padding-bottom: 430px;}
}

@media screen and (min-width: 1280px) {
	.banner-bg{ padding-bottom: 500px;}
}






/* 首页背景 */
@media screen and (min-width: 320px) {
	.ind-bg{background-image: url(../img/ind-bg@2x.jpg); -webkit-background-size: 1000px;
	background-size: 1000px; background-color: #3FB4FC; background-repeat: no-repeat; padding: 15px 0;}
	
	.ind-tit{ padding-bottom: 10px; overflow: hidden;}
	
	.ind-tit b{ float: left; padding-left: 12px; position: relative;}
	.ind-tit i{ width: 4px; height: 20px; background: #0075BD; display: block; float: left; position: absolute; left: 0; top: 50%; margin-top: -10px;}
	.ind-tit b span{ color: #333; font-weight: normal; line-height: 20px; display: block;}
	.ind-tit a{ float: right; color: #fff; line-height: 20px; display: block;}
	.ind-tit a:hover{color: #0075BD;}
	
	
	.ind-box{ padding-bottom: 20px;}
}

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

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

@media screen and (min-width: 992px) {
	.ind-bg{ -webkit-background-size: 1920px;
	background-size: 1920px;}
	.ind-bg{ padding: 30px 0;}
	
	.ind-tit{ padding-bottom: 18px;}
	.ind-tit i{ height: 24px; margin-top: -12px;}
	.ind-tit b span{ line-height: 24px; font-size: 24px;}
	.ind-tit a{ line-height: 24px;}
	
	.ind-box{ padding-bottom: 30px;}
	.ind-box:nth-last-child(1){padding-bottom: 0;}
}

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


/* 首页-产品中心 */
@media screen and (min-width: 320px) {
	.ind-tabs-t{ background: #F2F5F8; border:solid 1px #E2E2E2; position: relative;}
	.ind-tabs-line{display: none;}
	.ind-tabs .hd{ display: flex; flex-wrap: wrap;}
	
	.ind-tabs-btn{ flex-basis: 33.3333%; padding: 10px 0; cursor: pointer; position: relative;}
	.ind-tabs-btn i{font-size: 36px; text-align: center; display: block; line-height: 1;}
	.ind-tabs-btn span{display: block; font-size: 12px; text-align: center; color: #333;}
	.ind-tabs-btn.on::after{content: ' '; bottom: 0; left: 0; right: 0; background: #0075BD; height: 2px; position: absolute;}
	.ind-tabs .hd i::before{color:#0075BD;}
	.ind-tabs .hd .on span{ color: #0075BD;}
	
	.ind-tabs-b{ background: #fff; border:solid 1px #E2E2E2; border-top: none; padding:15px 0 10px 0;}
	
	.swiper-ind-bd{ padding: 0 30px; position: relative;}
	i.pic-scale-ind{ padding-bottom: 66.666667%;}
	.ind-pic-txt{ display: block; text-align: center; font-size: 14px; overflow: hidden; -ms-text-overflow: ellipsis;
	text-overflow: ellipsis; white-space: nowrap; padding-top: 5px; line-height: 25px; color: #666;}
	
	.ind-prev,.ind-next{ position: absolute; left: 0; top: 50%; margin-top: -35px; cursor: pointer; width: 30px; text-align: center;}
	.ind-next{ left: auto; right: 0;}
	.ind-prev i,.ind-next i{display: block; transition: .3s;}
	.ind-prev i::before,.ind-next i::before{ color: #0075BD; line-height: 40px; height: 40px; font-size: 20px;}
	
	.ind-pic-box{ overflow: hidden;}
	
	.ind-prev:hover i{ transform: translateX(-3px);}
	.ind-next:hover i{ transform: translateX(3px);}
}

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

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

@media screen and (min-width: 992px) {
	.ind-tabs-btn{ flex:1; padding: 12px 0;}
	.ind-tabs-btn::before{ content: ' '; position: absolute; width: 1px; right: 0; top: 23px; bottom: 23px; background: #E2E2E2;}
	.ind-tabs-btn:nth-last-child(1)::before{display: none;}
	
	.ind-tabs .hd i::before{ font-size: 50px;}
	.ind-tabs-btn span{font-size: 16px; padding-top: 10px;}
	
	.swiper-ind .swiper-slide{ width: 33.33333%;}
	
	.ind-tabs-b{ padding: 25px 0 10px 0;}
	
	.ind-pic-txt{ font-size: 16px;}
	
	.ind-tabs-btn.on::after{display: none;}
	
	.ind-tabs-line{ display: block; background: #0075BD; height: 4px; position: absolute; bottom: 0; transition: .3s;}
	
}

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



/* 数字中心 */
@media screen and (min-width: 320px) {
	.ind-news-box{background: #FFF; padding: 15px;}
	i.pic-scale-news{padding-bottom: 66.6666667%;}
	
	.swiper-news span{position: absolute; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,.2); font-size: 14px; color: #fff; font-weight: bold; padding: 0 20px; height: 44px; line-height: 44px; font-style: normal; overflow: hidden; -ms-text-overflow: ellipsis;
	text-overflow: ellipsis; white-space: nowrap;}
	
	.news-prev,.news-next{ background: rgba(0,0,0,.4); width: 30px; height: 52px; line-height: 52px; position: absolute; left: 0; top: 50%; margin-top: -26px; z-index: 9; cursor: pointer;}
	.news-next{ left: auto; right: 0;}
	.news-prev i,.news-next i{ display: block; line-height: 52px; text-align: center; color: #fff;}
	
	.news-prev i,.news-next i{display: block; transition: .3s;}
	.news-prev:hover i{ transform: translateX(-3px);}
	.news-next:hover i{ transform: translateX(3px);}
	
	.ind-news-r{ padding-top: 20px;}
	.ind-news-r ul{ margin: -10px 0 0 0;}
	.ind-news-r li{ padding: 10px 0; border-bottom: solid 1px #DBDBDB;}
	
	.ind-news-r b{overflow: hidden; -ms-text-overflow: ellipsis;
	text-overflow: ellipsis; white-space: nowrap; display: block; color: #333;}
	
	.ind-news-r span{ font-size: 12px; color: #666; display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;}
	.ind-news-r dd{ overflow: hidden;}
	.ind-news-r  dd .news-mess-l{ float: left; font-size: 12px; color: #999;}
	.ind-news-r  dd .news-mess-r{ float: right; font-size: 12px; color: #999;}
	
	
	.ind-news-r a:hover b{ color: #0075BD;}
	.ind-news-r a:hover .news-mess-r{ color: #0075BD;}
}

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

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

@media screen and (min-width: 992px) {
	.ind-news-box{ overflow: hidden; display: flex; padding: 20px;}
	.ind-news-l{flex-basis: 438px; flex-shrink: 0; min-width: 0;}
	.ind-news-r{flex:1; padding-left: 20px; padding-top: 0;}
	.ind-news-r ul{ margin: -15px 0;}
	.ind-news-r li{ padding: 15px 0;}
	.ind-news-r span{ font-size: 14px;}
	
	.ind-news-r b{font-size: 17px;}
	.ind-news-r dt span{ font-size: 14px; height: 48px; margin: 10px 0;}
	
	.ind-news-r  dd .news-mess-l,.ind-news-r  dd .news-mess-r{font-size: 14px;}
}

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





/* 专业的团队 */
@media screen and (min-width: 320px) {
	.ind-zytd-box{background-image: linear-gradient(-90deg, #00A9BD , #0075BD); margin-top: 20px; padding: 20px; padding-bottom: 50px;}
	.ind-zytd-r img{ max-width: 100%; max-height: 310px;}
	
	
	.ind-zytd-l{ padding-top: 15px;}
	.ind-zytd-l b,.ind-zytd-l span{ color: #fff; display: block;}
	.ind-zytd-l b{ padding-bottom: 10px; font-size: 16px; font-weight: normal;}
	.ind-zytd-l span{ font-size: 12px; margin-bottom: 20px;}
	.ind-btn a{ color: #0075BD;background: #FDE774; display: inline-block; padding: 0 15px; line-height: 40px;}
	.ind-btn a:hover{ transform: translateY(-5px);}
	
	.swiper-zytd .zytd-pagination{ position: absolute; bottom: 15px; z-index: 9; left: 15px; width: auto; right: 15px; text-align: center;}
	.zytd-pagination span{ width: 10px; height: 10px; background: #fff; opacity: .5;}
	.zytd-pagination .swiper-pagination-bullet-active{ opacity: 1;}
}

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

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

@media screen and (min-width: 992px) {
	.ind-zytd-box{ margin-top: 30px; padding: 30px;}
	
	.ind-zytd-box{ display: flex; flex-direction: row-reverse;}
	.ind-zytd-r{flex-basis: 50%; padding-left: 25px;}
	.ind-zytd-l{flex-basis: 50%; padding-right: 25px; display: flex; align-items: center; padding-top: 0;}
	
	.ind-zytd-l b{ font-size: 24px; padding-bottom: 20px;}
	.ind-zytd-l span{ font-size: 14px; line-height: 26px;}
	
	.swiper-zytd .zytd-pagination{text-align: left;}
	
}

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




/* footer-bg */
@media screen and (min-width: 320px) {
	.footer-bg{background: #2C3239; padding: 30px 0;}
	.footer-menu{display: none;}
	
	.footer-qr{display: flex;}
	.footer-qr-l{flex: 1; display: flex;}
	.footer-qr-l .footer-add{font-size: 12px; color: #fff; padding-top: 5px;}
	.footer-qr-r {flex-basis: 80px;}
	.footer-qr-r img{ width: 80px;}
	.footer-qr-r div{ display: flex; justify-content: center; padding-top: 10px;}
	.footer-qr-r i::before{ color: #fff; line-height: 20px; display: block; padding-right: 5px;}
	.footer-qr-r span{ color: #fff; line-height: 20px; display: block; font-size: 12px;}
	
	.footer-tel{ color: #fff;display: flex;}
	.footer-tel i::before{ padding-right: 10px; font-size: 20px; line-height: 30px;}
	.footer-tel span{ line-height: 30px; font-size: 18px; font-weight: bold;}
	
	.footer-bg-b{ background: #222931; padding: 15px 0; text-align: center;}
	.footer-bg-bl{ color: #A6A9AC; font-size: 12px;}
	.footer-bg-br{ color: #A6A9AC; font-size: 12px;}
	.footer-bg-br a,.footer-bg-bl a{ color: #A6A9AC;}
	.footer-bg-br a:hover{ color: #fff;}
	.footer-qr-l{ padding-right: 20px;}
}

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

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

@media screen and (min-width: 992px) {
	.footer-bg .container{display: flex; align-items: center;}
	.footer-menu{ display: flex; padding-right: 30px; flex: 1; margin:  0 -30px 0 -15px;}
	.footer-menu dl{ position: relative; padding:  0 30px 0 15px;}
	.footer-menu dl::before{ position: absolute; content: ' '; width: 1px; bottom: 0; right: 0; top: 0; background: #42474D;}
	.footer-menu dl:nth-last-child(1)::before{display: none;}
	.footer-menu dt{ padding-bottom: 10px;}
	.footer-menu dt a{ color: #fff;}
	.footer-menu dd a{ color: #999; font-size: 12px;}
	.footer-menu dd span{display: block;}
	.footer-menu dt a:hover,.footer-menu dd a:hover{color: #fff;}
	
	.footer-bg-bl{ float: left; font-size: 14px;}
	.footer-bg-br{ float: right; font-size: 14px;}
}

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

@media screen and (min-width: 1280px) {
	.footer-qr{}
	
	.footer-menu{margin: 0 -40px 0 -20px;}
	.footer-menu dl{padding: 0 40px 0 20px;}
	.footer-menu dt a{ font-size: 18px;}
	.footer-menu dd a{ font-size: 14px; line-height: 30px;}
	
	.footer-qr-r{ flex-basis: 110px;}
	.footer-qr-r img{ width: 110px;}
	.footer-qr-r div i::before{ font-size: 20px;}
	.footer-qr-r div span{ font-size: 14px;}
	
	.footer-tel{ padding-bottom: 8px; padding-top: 3px;}
	.footer-tel i::before{ font-size: 32px; line-height: 38px;}
	.footer-tel span{ line-height: 38px; font-size: 30px;}
	.footer-qr-l .footer-add{font-size: 14px; padding-top: 8px;}
	
	
	
}




/* 漂浮 */
@media screen and (min-width: 320px) {
	.pf-box{ position: fixed; right: 10px; top: 50%;transform: translateY(-50%); display: none; z-index: 99;}
	.pf-tel{ padding: 10px 0; border-top: solid 1px #4D9FD1; border-bottom: solid 1px #4D9FD1; background: #0075BD;}
	.pf-tel dt{ text-align: center; padding-bottom: 10px;}
	.pf-tel dt i::before{ color: #fff; font-size: 26px; line-height: 25px;}
	.pf-tel dd{ width: 50px; text-align: center;}
	.pf-tel dd div{ writing-mode: vertical-lr; writing-mode: tb-lr; color: #fff; line-height: 50px; font-size: 18px; font-weight: bold;  max-height:130px;}
	
	.pf-btn{ position: relative; background: #0075BD; }
	.pf-btn dt{ width: 50px; height: 50px; text-align: center;}
	.pf-btn dt i::before{ line-height: 50px; font-size: 30px; color: #fff;}
	.pf-btn dd{ position: absolute; right: 50px; top: 0; background: #fff;}
	.pf-btn dd img{ width: 110px; height: 110px;}
	
	.pf-btn .e-anim-on{animation:pf-anim-on-wechat .3s; animation-fill-mode: both; }
	.pf-btn .e-anim-off{animation:pf-anim-off-wechat .3s; animation-fill-mode: both;}
}

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

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

@media screen and (min-width: 992px) {
	.pf-box{display: block; right: 50%; margin-right: -580px;}
	.pf-btn dt{cursor: pointer;}
}

@media screen and (min-width: 1100px) {
	
}
@keyframes pf-anim-on-wechat{
	from { opacity: 0; transform: translateX(10px);}
	to {opacity: 1; transform: translateX(0);}
}
@keyframes pf-anim-off-wechat{
	from { opacity: 1; transform: translateX(0);}
	to { opacity: 0; transform: translateX(-10px);}
}





/* banner-min */
@media screen and (min-width: 320px) {
	.banner-bg-min{ height: 40vw; -webkit-background-size: cover;
	background-size: cover; background-position: center; background-repeat: no-repeat; display: flex; align-items: center;}
	.banner-bg-txt{ width: 100%;}
	
	.banner-bg-txt b{display: block; color: #0075BD; font-weight: normal; font-size: 20px; line-height: 1; padding-bottom: 10px;}
	.banner-bg-txt span{display: block; color: #999; line-height: 30px; text-shadow: 0 3px 6px #FFFFFF;}
	.banner-bg-txt span i::before{ padding-right: 5px; color: #999; line-height: 30px; font-size: 16px;}
	.banner-bg-txt span a{ color: #999; line-height: 30px; font-size: 14px;}
	.banner-bg-txt span a:hover{ color: #0075BD;}
}

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

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

@media screen and (min-width: 992px) {
	.banner-bg-min{ height: 380px;}
	.banner-bg-txt b{font-size: 32px;}
	.banner-bg-txt span i::before{line-height: 30px;}
	.banner-bg-txt span a{ line-height: 30px;}
}

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




/* menu */
@media screen and (min-width: 320px) {
	.menu-bg{ border-bottom: solid 1px #E5E5E5; background: #FAFAFA;}
	.menu-bg ul{ display: flex; flex-wrap: wrap;}
	.menu-bg li{flex-basis: 50%;}
	.menu-bg li a{text-align: center; display: block;text-transform: uppercase;}
	.menu-bg li span{ line-height: 50px;display: inline-block; position: relative;}
	.menu-bg li .on span{color: #0075BD;}
	.menu-bg li .on span::before{content: ' '; height: 2px; position: absolute; left: 0; bottom: -1px; right: 0; background: #0075BD;}
	.menu-bg li a:hover span{color: #0075BD;}
}

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

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

@media screen and (min-width: 992px) {
	.menu-bg ul{position: relative;}
	.menu-bg ul::before{ content: ' '; width: 1px; height: 18px; background: #E5E5E5; position: absolute; left: 0; top: 50%; margin-top: -9px;}
	.menu-bg li::before{ content: ' '; width: 1px; height: 18px; background: #E5E5E5; position: absolute; right: 0; top: 50%; margin-top: -9px;}
	.menu-bg li{flex-basis: auto; position: relative;}
	.menu-bg li a{ padding: 0 30px;}
}

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





/* 公司介绍 */
@media screen and (min-width: 320px) {
	.cont-box{padding: 20px 0;}
	
	.gsjj-tit{position: relative;}
	.gsjj-tit b{display: block; text-align: center;  position: absolute; width: 100%; left: 0; top: 50%; transform: translateY(-50%);font-size: 16px; line-height: 20px; color: #333;}
	.gsjj-tit span{display: block; text-align: center; text-transform: uppercase; color: #F0F7FF; line-height: 20px; font-size: 16px;}
	
	.cont-tit-t{ padding-top: 15px;}
	.cont-tit{text-align: center; padding-bottom: 25px;}
	.cont-tit b{ line-height: 40px; display: inline-block; position: relative; font-size: 16px; color: #333;}
	.cont-tit b::before{ content:' '; background: #3EC7F2; height: 2px; position: absolute; left:37%; right:37%; bottom: 0;}
	
	.gsjj-list{ padding-top: 10px;}
	.gsjj-list ul{ display: flex; flex-wrap: wrap; margin: -10px; justify-content: center;}
	.gsjj-list li{padding: 10px;flex-basis: 50%;}
	.gsjj-list li div{ width: 120px; height: 120px; border: solid 1px #FFFFFF; -webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%; margin: 0 auto; display: flex; align-items: center; justify-content: center;}
	.gsjj-list li i::before{display: block; text-align: center; color: #fff; font-size: 50px; line-height: 1;}
	.gsjj-list li b{font-size: 12px; color: #fff; display: block; text-align: center; font-size: 12px; font-weight: normal;}
}

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

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

@media screen and (min-width: 992px) {
	.cont-box{padding: 40px 0;}
	
	.gsjj-tit b{ line-height: 40px; font-size: 32px;}
	.gsjj-tit span{ line-height: 40px; font-size: 32px;}
	
	.cont-tit b{ font-size: 24px; line-height: 60px;}
	
	.gsjj-list{ padding: 30px 30px 0 30px;}
	.gsjj-list li{flex-basis: 20%;}
	.gsjj-list li i::before{font-size: 55px;}
	.gsjj-list li div{ width: 125px; height: 125px;}
}

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






/* 企业文化 */
@media screen and (min-width: 320px) {
	div.qywh-tit{color: #fff; font-size: 22px; font-weight: bold; padding-bottom: 15px;}
	div.qywh-txt{color: #fff; padding-bottom: 15px;}
	
	.qywh-list i{ width: 120px; height: 120px; display: flex; align-items: center; justify-content: center; border: solid 1px #fff; -webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%; margin: 0 auto;}
	.qywh-list i::before{font-size: 50px; color: #fff;}
	
	
	.qywh-list{ padding-top: 10px;}
	.qywh-list ul{ display: flex; flex-wrap: wrap; margin: -10px; justify-content: center;}
	.qywh-list li{padding: 10px;flex-basis: 50%;}
	
	.qywh-list b{display: block; text-align: center; color: #fff; padding-top: 10px; padding-bottom: 10px;}
	.qywh-list span{display: block; text-align: center; color: #fff;}
}

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

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

@media screen and (min-width: 992px) {
	div.qywh-tit{padding-bottom:35px; font-size: 32px;}
	div.qywh-txt{padding-bottom:110px; font-size: 16px;}
	
	.qywh-list ul{ margin:0 -50px;}
	.qywh-list li{flex-basis: 25%;}
	
	.qywh-list i{ width: 166px; height: 166px;}
	.qywh-list i::before{font-size: 56px;}
	
	.qywh-list b{font-size: 18px; padding-top: 10px; padding-bottom: 15px;}
	.qywh-list span{opacity: 0; transform: translateY(-10px);}
	
	.qywh-list li:hover i{background: #fff;}
	.qywh-list li:hover i::before{ color: #0075BD;}
	.qywh-list li:hover span{opacity: 1;  transform: translateY(0);}
	
}

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



/* 公司架构 */
@media screen and (min-width: 320px) {
	.gsjg-list{margin: -5px; padding-bottom: 15px;}
	.gsjg-list li{ padding: 5px; }
	.gsjg-list li div{padding: 15px; text-align: center; -webkit-background-size: cover;
	background-size: cover; background-position: center;}
	.gsjg-list li div b{color: #fff; display: block; padding-bottom: 10px; font-family: dinr; font-size: 18px; line-height: 1; font-weight: bold;}
	.gsjg-list li div span{color: #fff;}
}

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

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

@media screen and (min-width: 992px) {
	ul.gsjg-list{display: flex; align-items: stretch; justify-content: space-between; padding-bottom: 30px;}
	.gsjg-list li{ padding: 0; display: flex;}
	.gsjg-list li.w30{flex-basis: 29.5%; flex-shrink: 0;}
	.gsjg-list li.w55{flex-basis: 49.5%; flex-shrink: 0;}
	.gsjg-list li.w15{flex-basis: 19.5%; flex-shrink: 0;}
	
	.gsjg-list li div{flex: 1; padding:45px 15px;}
	.gsjg-list li div b{font-size: 30px; padding-bottom: 15px;}
	.gsjg-list li div span{font-size: 18px;}
}

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







/* 企业荣誉 */
@media screen and (min-width: 320px) {
	i.pic-scale-qyry{padding-bottom: 120%;}
	
	.qyry-list ul{ display: flex; flex-wrap: wrap; margin: -10px;}
	.qyry-list li{ width: 50%; padding: 10px; display: flex;}
	.qyry-list div{ border: solid 1px #E8E8E8; padding: 15px 10px 10px 10px; flex: 1;}
	.qyry-list span{display: block; text-align: center; font-size: 14px; padding-top: 10px; color: #666;}
	
	.qyry-list div:hover{box-shadow: 0 3px 15px rgba(0,0,0,.1);}
}

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

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

@media screen and (min-width: 992px) {
	.qyry-list li{width: 25%;}
	.qyry-list div{padding: 30px 15px 15px 15px;}
	.qyry-list span{padding-top: 15px;}
}

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







/* 产品中心 */
@media screen and (min-width: 320px) {
	i.pic-scale-cp{padding-bottom: 66.666667%;}
	.cpzx-list a{display: block;border-top-left-radius: 6px; border-top-right-radius: 6px; overflow: hidden; position: relative;}
	span.cp-tit{ position: absolute; background: #fff; left: 0; bottom: 0; width: 100%; text-align: center; line-height: 36px; height: 36px; opacity: 0; color: #333;}
	
	.cp-bg{opacity: 1; position: absolute; right: 10px; bottom: 10px; left: 10px; }
	.cp-bg img{width: 100%;}
	
	.cp-txt-box{ position: absolute; left: 0; top: 0; right: 0; bottom: 0; display: flex; align-items: center; justify-content: center;}
	
	.cp-txt{min-width: 0; padding: 0 15px; padding-top: 20px; text-align: center;}
	.cp-txt b{ width: 100%; color: #fff; overflow: hidden; -ms-text-overflow: ellipsis;
	text-overflow: ellipsis; white-space: nowrap; display: block; font-size: 16px; padding-bottom: 6px;}
	.cp-txt div{ border: solid 1px #FFFFFF; padding: 0 15px; margin: 0 auto; display: inline-block; overflow: hidden; -webkit-border-radius: 13px;
	-moz-border-radius: 13px;
	border-radius: 13px;}
	.cp-txt div span{ color: #fff; font-size: 12px; line-height: 26px;float: left;}
	.cp-txt div i::before{ color: #fff; font-size: 12px; padding-left: 5px; line-height: 26px; float: left;}
	
	.cpzx-list ul{ margin: -8px;}
	.cpzx-list li{padding: 8px;}
}

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

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

@media screen and (min-width: 992px) {
	.cpzx-list ul{ }
	.cpzx-list li{width: 33.33333%; float: left;}
	.cp-bg{opacity: 0; transform: translateY(10px);}
	span.cp-tit{opacity: 1;}
	.cpzx-list a:hover{ border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; box-shadow: 0 3px 6px rgba(0,0,0,.15) ;}
	.cpzx-list a:hover .cp-bg{opacity: 1; transform: translateY(0);}
	.cpzx-list a:hover span.cp-tit{opacity: 0;}
}

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





/* 产品中心-内页 */
@media screen and (min-width: 320px) {
	.cp-info-tit{display: block; text-align: center; padding-top: 10px;}
	.swiper-pc-prev,.swiper-pc-next{ position: absolute; width: 40px; height: 60px; position: absolute; left: 5px; top: 50%; margin-top: -30px; background: rgba(128,128,128,.3); z-index: 9; text-align: center; cursor: pointer;}
	.swiper-pc-prev i::before,.swiper-pc-next i::before{ font-size: 30px; color: #fff; line-height: 60px; display: block; text-align: center;}
	
	.swiper-pc-next{ left: auto; right: 5px;}
	.swiper-pc-prev:hover i::before{ transform: translateX(-5px);}
	.swiper-pc-next:hover i::before{ transform: translateX(5px);}
	
	.cp-info-box{max-width: 770px; margin: 0 auto;}
	.cp-info-pic img{ width: 100%;}
}

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

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

@media screen and (min-width: 992px) {
	.swiper-pc-prev,.swiper-pc-next{ width: 50px; height: 90px; margin-top: -45px;}
	.swiper-pc-prev i::before,.swiper-pc-next i::before{ line-height: 90px; font-size: 36px;}
}

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







/* 数字中心 */
@media screen and (min-width: 320px) {
	i.pic-scale-szzx{ padding-bottom: 66.55%;}
	.szzx-t-box dd{ padding: 15px; background: #FAFAFA;}
	.szzx-t-box dd b{ color: #333; font-size: 16px;}
	.szzx-t-box dd div{font-size: 12px; color: #666; margin-bottom: 10px; font-size: 12px; height: 48px; overflow: hidden; display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;}
	.szzx-t-box dd span{color: #666; font-size: 12px;}
	.szzx-t-box dd span i{ color: #0075BD; font-style: normal; font-size: 12px;}
	
	.szzx-t-box:hover dd b{ color: #0075BD;}
	.szzx-t-box:hover span{ color: #0075BD;}
	.szzx-t-box:hover dd{background: #E9E9E9;}
	
	.swiper-szzx-bd{position: relative;}
	.swiper-szzx-prev,.swiper-szzx-next{display: block; left: 0; top: 50%; position: absolute; width: 40px; height: 80px; margin-top: -132px; cursor: pointer; z-index: 9; background: rgba(0,0,0,.2);}
	.swiper-szzx-next{ left: auto; right: 0;}
	.swiper-szzx-prev i::before,.swiper-szzx-next i::before{font-size: 32px; line-height: 80px; color: #fff; display: block; text-align: center;}
	.swiper-szzx-prev:hover i::before{ transform: translateX(-5px);}
	.swiper-szzx-next:hover i::before{ transform: translateX(5px);}
	
	.szzx-pagination{ text-align: center; padding-top: 5px;}
	.szzx-pagination span{ background: none; border: solid 1px #888888; opacity: 1; margin: 0 6px;}
	.szzx-pagination span.swiper-pagination-bullet-active{background: #0075BD;border-color: #0075BD;}
	
	
	i.pic-scale-szzx-02{ padding-bottom: 66.666667%;}
	
	.szzx-list{ padding-top: 15px;}
	.szzx-list ul{ margin: -10px;}
	.szzx-list li{ padding: 10px;}
	
	.szzx-list dd {padding: 13px; background: #FAFAFA;}
	.szzx-list dd b{font-size: 16px; color: #333; display: block; overflow: hidden; -ms-text-overflow: ellipsis;
	text-overflow: ellipsis; white-space: nowrap;}
	.szzx-list dd span{display: block; color: #999; font-size: 12px; padding: 5px 0;}
	.szzx-list dd div{ color: #666; font-size: 12px; display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;}

	.szzx-list a:hover b{color: #0075BD;}
	.szzx-list a:hover dd{ background: #E9E9E9;}
}

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

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

@media screen and (min-width: 992px) {
	.szzx-t-box dt{ width: 570px;}
	.szzx-t-box dl{ position: relative;}
	.szzx-t-box dd{ position: absolute; right: 0; top: 50%; width: 500px; transform: translateY(-50%); padding: 50px 40px;}
	
	.szzx-t-box dd b{font-size: 18px;}
	
	.szzx-list dd div{ min-height: 72px;}
	
	
	.swiper-szzx-prev,.swiper-szzx-next{ left: -60px; width: 50px; background: none; margin-top: -45px;}
	.szzx-t-box dd div{ height: auto; -webkit-line-clamp: 4;}
	.swiper-szzx-next{ left: auto; right: -60px;}
	.swiper-szzx-prev i::before,.swiper-szzx-next i::before{ color: #bebebe; font-size: 48px; top: 50%;}
	
	.szzx-list {padding: 30px 0 0 0;}
	.szzx-list li{ width: 33.3333%; float: left;}
	
	
}

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



/* info */
@media screen and (min-width: 320px) {
	.info-tit{ text-align: center; display: block; padding-bottom: 20px; color: #0075BD; font-weight: bold; font-size: 18px;}
}

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

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

@media screen and (min-width: 992px) {
	.info-tit{font-size: 22px; padding-bottom: 30px;}
}

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


/* 招聘信息 */
@media screen and (min-width: 320px) {
	.jobs-t{ background: #0075BD;}
	.jobs-t{display: flex;}
	
	.jobs-t li.pn{display: none;}
	
	.jobs-t li{ color: #FFF; padding: 10px 15px;}
	.jobs-t li.jobs-col-03{ flex: 1; position: relative; padding-left: 30px;}
	.jobs-t li.jobs-col{ flex: 1;}
	
	.jobs-list .jobs-t li{ color: #666666;}
	.jobs-list .icon-more-02{display: block;}
	.jobs-list .icon-more-02::before{font-size: 20px; line-height: 30px; display: block; color: #BEBEBE;}
	
	.jobs-list dl{ border-bottom: solid 1px #E8E8E8;}
	.jobs-list dl:nth-child(odd) .jobs-t{ background: #fff;}
	.jobs-list dl:nth-child(even) .jobs-t{ background: #F6F6F6;}
	.jobs-list dt{cursor: pointer;}
	.jobs-list dd{padding: 15px; border-top: solid 1px #E8E8E8; display: none;}
	
	.jbos-type{overflow: hidden; padding: 10px; background: #f6f6f6; color: #666;}
	.jbos-type li{ padding: 5px 0;}
	.jbos-type li span{ float: left; width: 80px;}
	.jbos-type li b{ font-weight: normal; overflow: hidden;}
	
	.jobs-mess{ padding-top: 15px;}
	
	.jobs-tit{ padding-bottom: 5px;color: #666; font-size: 14px;}
	.jobs-txt div{ color: #666; padding: 5px 0; line-height: 1.6;}
	
	i.jobs-ico{ border: solid 1px #0075BD; width: 10px; height: 10px; -webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%; display: block; float: left; position: absolute; left: 15px; top: 50%; margin-top: -5px;}
	.jobs-list dl.on .jobs-t{ background: #E4F0FF;}
	.jobs-list dl.on dt li{ color: #0075bd;}
	.jobs-list dl.on dt i.icon-more-02::before{ transform: rotate(180deg); color: #0075bd;}
}

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

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

@media screen and (min-width: 992px) {
	
	.jobs-t li.pn{display: block;}
	.jobs-t li{padding: 10px 30px;}
	.jbos-type{ display: none;}
	.jobs-mess{ padding-bottom: 20px; padding-top: 0;}
	.jobs-list dd{ padding: 20px 30px;}
	.jobs-mess:nth-last-child(1){padding-bottom: 0;}
	.jobs-list .icon-more-02::before{font-size: 30px;}
	.jobs-t li.jobs-col-03{ flex: 1; position: relative; padding-left: 35px;}
	
}

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

}



/* 联系我们 */
@media screen and (min-width: 320px) {

	div.ppt-tit{ color: #333333; font-size: 16px; padding-top: 20px; padding-bottom: 20px; text-align: center; font-weight: bold;}
	.ppt-txt{ font-size: 12px; color: #fff; padding-top: 5px; }
	
	.ppt-b{ margin: -5px;  overflow: hidden;}
	.ppt-b input,.ppt-b textarea{ border:solid 1px #fff; -webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px; background: #F5F5F5;}
	
	.ppt-col-2,.ppt-col-4,.ppt-col-8{ padding: 5px;}
	.ppt-col-2{ width: 50%; float: left;}
	.layui-btn{ width: 100%; background: #0075BD; -webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;}
	.yzm-box{ position: relative;}
	.yzm-input{ padding-right: 100px; -webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;}
	.yzm{ height: 30px; position: absolute; right: 4px; top: 4px;}
	
	.layui-btn:hover{background: #00A9BD; opacity: 1;}
	
	.map{ height: 300px;}
	
	.cont-t{ padding-bottom: 20px;}
	.cont-t ul{ margin: -10px;}
	.cont-t li{ overflow: hidden; padding: 10px;}
	.cont-t i{ width: 36px; height: 36px; background: #0075BD; -webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%; float: left; text-align: center; line-height: 36px; margin-right: 10px;}
	.cont-t i::before{ color: #fff; font-size: 24px;}
	.cont-t li span{ font-size: 14px; color: #666;}
	
}

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

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

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

	
	.ppt-b{ margin: -7px;}
	.ppt-col-4{ width: 33.333333%; float: left; padding: 7px;}
	.ppt-col-8{ width: 66.666666%; float: left; padding: 7px;}
	.ppt-col-2{ width: 16.66666667%; float: left; padding: 7px;}
	
	.ppt-b input{ height: 46px; padding: 0 20px;}
	.yzm{ height: 38px;}
	.layui-btn{ height: 46px; font-size: 16px;}
	.ppt-b textarea{ height: 106px; resize: none; padding:15px 20px;}
	.ppt-b input.yzm-input{ padding-right: 120px;}
	
	
	div.ppt-tit{font-size: 18px; padding-top: 40px; padding-bottom: 40px;}
	
	.map{ height: 400px;}
	
	.cont-t{ padding-bottom: 40px;}
	.cont-t li{ float: left;}
	.cont-t li span{ font-size: 14px;}
}

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

	
	.ppt-b input{ height: 58px; font-size: 16px;}
	.yzm{  right: 11px; top: 11px;}
	button.layui-btn{ height: 58px; font-size: 18px;}
	.ppt-b textarea{ height: 130px; font-size: 16px;}
	
	
}




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

}

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

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

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

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






/*弹窗视频*/
@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: #0075BD; 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: #333333; position: relative; z-index: 10; line-height: 2;}
	.content-box *{ line-height: 2; font-size: 14px;}
	.content-box img{max-width: 100%;}
	
	
	.cont-box-bg{-webkit-background-size: cover;
	background-size: cover;position: relative;}
	.cont-box-bg::before{content: ' '; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: rgba(0,0,0,.45);}
	.cont-box-bg-bgcn::before{display:none;}
	.cont-box-bg .cont-tit b{ color: #fff;}
}

@media screen and (min-width: 992px) {
	.content-box-t{padding-top: 10px;}
	.content-box,.content-box *{ line-height: 2; font-size: 16px;}
	
}

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



/* 搜索 */
@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: #0075BD;}
	.train-list li i{ width: 4px; height: 4px; background: #0075BD; 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: 1280px) {
	.train-list li a{line-height: 60px; font-size: 16px;}
	.train-list li{padding: 0 120px 0 24px;}
	.train-list li span{ line-height: 60px; font-size: 14px;}
}