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


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

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

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



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



*{-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; line-height: 1.75;}

.layui-form-switch ,.layui-form-switch *{ -webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;}

.af-cb:after{clear: both; content: ' '; overflow: hidden; width: 0; height: 0; display: block;}

::selection{background:#3154B7; color:#fff;}
::-moz-selection{background:#3154B7; color:#fff;}

a,a:link{ color: #333; text-decoration: none;}
a:hover,a:active{ color: #3154B7; 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 #DDDDDD; padding: 0 10px; margin: 2px; color: #999999; font-size: 12px; display: inline-flex; align-items: center; justify-content: center; font-weight: normal;  min-height: 30px; min-width: 30px; border-radius: 22px; line-height: 22px;}
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: #3154B7; color: #fff; border: 1px solid #3154B7; }



@media screen and (min-width: 992px) {
	div.pages{ padding-top: 56px;}
	div.pages a,div.pages span{ min-height: 44px; min-width: 44px; padding: 0 15px; font-size: 14px; margin: 4px;}
}




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

.pic img{width: 100%;}



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

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

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






/*=================header===================*/
@media screen and (min-width: 320px) {
	
	div.nav-poa{ position: absolute; left: 0; top: 0; width: 100%;}
	.container-header{position: relative;}
	.nav-box-bg{ height: 55px; width: 100%; position: absolute; left: 0; top: 0; z-index: 8;}
	.nav-box{ height: 55px; width: 100%; z-index: 100; /* box-shadow: 0 0 5px rgba(0,0,0,.2); */ left: 0; top: 0; background: #fff;}
	.header-box{ height: 55px; display: none;}
	.logo{ float: left; position: relative; z-index: 9; height: 55px; padding: 15px 0 15px 0; display:flex; align-items:flex-end;}
	.logo span{ display:none;}
	.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: #3154B7;}
	.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: #0c0c0c; background: rgba(255,255,255,.95);  padding:10px 15px; -webkit-box-shadow: 0 10px 20px  rgba(0,0,0,.2);
	-moz-box-shadow: 0 10px 20px  rgba(0,0,0,.2);
	box-shadow: 0 10px 20px  rgba(0,0,0,.2); border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; z-index: 8;}
	
	.nav.e-anim-on{animation:nav-anim-on .3s; animation-fill-mode: both; }
	.nav.e-anim-off{ animation:nav-anim-off .5s; animation-fill-mode: both;}
	
	
	
	
	.nav-list{ visibility: visible !important;}
	.nav-list li{ border-bottom: solid 1px rgba(0,0,0,.1);}
	.nav-list li:nth-last-child(2){border-bottom: none;}
	.nav-list li a{ display: block; }
	.nav-list li a b{font-weight: normal; line-height: 42px; position: relative; color: #666; display: block; text-align: center;}
	
	
	.nav-list li .nav-list-sub{ overflow: hidden; background: rgba(230,230,240,.5);-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px; overflow: hidden; 
	transition:height .3s,opacity .3s;}
	.nav-list li .nav-list-sub div{ padding: 10px 15px;}
	.nav-list li .nav-list-sub a{ line-height: 40px; border-bottom: solid 1px rgba(128,128,128,.1); color: #eee; font-size: 12px; text-align: center;}
	.nav-list li .nav-list-sub a:nth-last-of-type(1){border: none;}
	.nav-list li .nav-list-sub a span{ color: #666;}
	.nav-list li .nav-list-sub a:hover span,.nav-list li .nav-list-sub a.on-02 span{ color: #3154B7;}
	.nav-list .nav-on{ border-color: transparent; position: relative; z-index: 9;}
	.nav-list .nav-on a{border-bottom:none ;}
	.nav-list .nav-on a b{font-weight: normal;}
	.nav-list .nav-off{ position: relative; z-index: 1;}
	.nav-list .nav-off b{font-weight: normal;}
	
	
	.nav-list li .on b,.nav-list li .on i:before{ color: #3154B7; font-weight: bold;}
	.nav-list li.nav-on a b,.nav-list li.nav-on a i:before{ color: #3154B7;}
	
	
	.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: #3154B7; 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{ display: flex; flex-direction:column; align-items: center; justify-content: center; margin-bottom: 10px;}
	.top-r .tel{ display:flex; justify-content:center; align-items:center; padding-bottom:10px;}
	.top-r .tel i{ padding-right:5px; font-size:18px; line-height:1;}
	.top-r .tel i::before{ color:#3154B7; font-size:18px; line-height:1;}
	.top-r .tel span{ color:#3154B7; font-size:15px; line-height:1;}
	
	
	.search-box { display: flex;}
	.search-box input{ height: 32px; border: solid 1px #eee; border-top-left-radius: 4px; border-bottom-left-radius: 4px; padding: 0 10px;}
	.search-box button{ padding: 0 10px; border-top-right-radius: 4px; border-bottom-right-radius: 4px;  color: #fff; height: 32px; display: inline-flex; align-items: center; border:none; background: #3154B7; cursor: pointer;}
	.search-box i{ line-height: 14px;}
	.search-box span{color: #000; line-height: 1;}
	.search-box i::before{ color: #f4f4f4; font-size: 14px; line-height: 1;}
	
	.search-inp{ display: block; padding-right: 0;}
	
	.top-r .qr{display:none;}
}
	
	@keyframes nav-anim-on{
		from { opacity: 0; transform: translateY(-10px); filter: blur(2px);}
		to {opacity: 1; transform: translateY(0);}
	}
	@keyframes nav-anim-off{
		from { opacity: 1; transform: translateY(0); filter: blur(0);}
		to { opacity: 0; transform: translateY(-10px); filter: blur(2px);}
	}
	
	@keyframes nav-list-anim-on{
		from { opacity: 0; transform: translateY(-20px);}
		to {opacity: 1; transform: translateY(0);}
	}
	@keyframes nav-list-anim-off{
		from { opacity: 1; transform: translateY(0);}
		to { opacity: 0; transform: translateY(20px);}
	}
	
	


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


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


@media screen and (min-width: 992px) {
	
	.nav{ height: 48px;}
	.nav:before{display: none;}
	.nav-box-bg{ height: 48px; top:90px; background:#fff; border-bottom: solid 2px #3154B7;}
	
	.nav-box{ box-shadow: none; position: relative; height: 138px; background: #fff;}
	
	.header-box{ height: 90px; display: none;}
	
	.logo{ height: 90px; padding:30px 0; float:none;}
	.logo img{ margin: 0 auto; height: 100%;}
	.logo a{ width: auto; height: 100%; display: inline-block; padding: 0;}
	
	.logo span{ padding-left:15px; color:#999; display:block; line-height:1;}
	
	.nav-btn{ display: none;}
	.nav{ float: none; 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: none;}
	
		
	
	.nav-list:after{ content: ' '; overflow: hidden; clear: both; display: block;}
	.nav-list{ display:flex; padding-left:1px;}
	.nav-list li{ flex:1; border-bottom: none; position: relative; border: none;}
	
	.nav-list li a b{ line-height: 48px; height: 48px; color: #666; overflow: hidden; font-size: 14px; }
	.nav-list li a{ height: 48px; line-height: 48px;font-size: 14px; position: relative; padding-right:1px;}
	
	
	/*.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: #666; }
	.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: 48px; 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; padding:  0 10px;  text-align: center; line-height: 52px; float: left; position: relative; z-index: 2;}

	.nav-list li .nav-list-sub a span{line-height: .nav-list li .nav-list-sub a; color: #666; white-space: nowrap; padding: 0; font-size: 14px; line-height: 52px;}
	
	.nav-list li .nav-list-sub a:hover span,.nav-list li .nav-list-sub a.on span{  color: #3154B7;}

	
	.nav-list div.nav-btn-bg,.nav-list div.nav-btn-bg-02{ height: 48px; background: #3154B7; overflow: hidden; transition: .3s; display: block; border-top-left-radius:5px; border-top-right-radius:5px;}
/* 	.nav-list div.nav-btn-bg:before,.nav-list div.nav-btn-bg-02:before{ content: ' '; position: absolute; left: 20px; right: 20px; top: 0; height:3px; background: #3154B7;} */
	
	.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: 52px; width: 100%; left: 0; background: #fff; opacity: 0;  filter:Alpha(opacity=0); }
	.nav-list-sub-bg-show{ opacity: .9;  filter:Alpha(opacity=90); top: 138px;}
	
	.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: #3154B7;}
	
	
	/* pc二级栏目滑块 */
	.nav-list li .nav-list-sub div.btn-sub-bg{display: block; position: absolute; width: 0; left: 0; height: 52px; padding: 0; border-bottom: solid 2px #3154B7; transition: .3s;}
	
	
	/* top-r */
	.nav-list {}
	.nav-list::before{ content: ' '; width: 1px; height: 18px; background: rgba(0,0,0,.1); position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
	.nav-list li::before{ content: ' '; width: 1px; height: 18px; background: rgba(0,0,0,.1); position: absolute; right: 0; top: 50%; transform: translateY(-50%);}
	
	.top-r{ float: none; display: flex; position:absolute; right:0; top:-90px; height:90px; margin:0;}
	.search-box input{ width:130px;}
	
	.top-r{ display: flex; flex-direction:row;}
	.top-r .tel{ padding:0 15px 0 0;}
	
	.search-box{ padding:0 15px 0 0;}
	
	.top-r .qr{display:block;}
	.top-r .qr dl{display:flex; border:solid 2px #3154B7; border-radius:6px; overflow:hidden;}
	.top-r .qr dt{width:64px;}
	.top-r .qr dt img{width:100%;}
	.top-r .qr dd{ background:#3154B7; width:20px; display:flex;flex-direction:column; align-items:center; justify-content:center; text-align:center;}
	.top-r .qr dd i,.top-r .qr dd i::before{ color:#fff; font-size:14px; line-height:1;}
	.top-r .qr dd span{ line-height:1; font-size:12px; color:#fff; padding-top:3px;}
	
	/*.search-box{position: relative;}
	.search-box button{ height: 60px; padding-right: 0; background: none;}
	.search-bg{ position: absolute; right: 0; top: 70px; background: #f7f7f7; padding: 8px 12px;}
	.search-inp{display: none; padding-right: 0; position: absolute; right: 0; }
	.search-inp input{ height: 36px;}
	.search-inp.e-anim-on{animation:search-anim-on-pc .5s; animation-fill-mode: both; display: block;}
	.search-inp.e-anim-off{ animation:search-anim-off-pc .2s; animation-fill-mode: both; display: block;}*/
	
}

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

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




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

@media screen and (min-width: 1280px) {
.nav-box{height: 148px;}
.nav-box-bg{ height: 48px; top:100px;}
.logo{ padding: 30px 0 29px 0; height: 100px;}
.nav{width: auto; height: 48px;}
.nav-list{ }
.nav-list li a{ padding: 0; height: 48px; line-height: 48px;}
.nav-list li a b{font-size: 15px; line-height: 48px; height: 48px;}
.top-r{ padding: 0;}
.top-r a{ height: 100px; font-size: 16px;}
.top-r a i,.top-r a i::before{font-size: 16px;}

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

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


	
.container-header{max-width: 1340px; width: auto;}*/

.top-r{ top:-100px; height:100px;}
\
/*.nav-list{ padding-right: 15px;}
.search-box input{ padding: 0 15px;}
.search-box button{ height: 80px;}
.search-box span{font-size: 18px;}
.search-box i{ padding-right: 20px;}
.search-box i::before{ font-size: 18px;}
.search-bg{ top: 80px; }
.top-r{ margin-left: 20px;}*/

}



/*--首页-友情链接--*/
@media screen and (min-width: 320px) {
	.yqlj-swiper .swiper-slide{ width: auto;}
	.yqlj-swiper .swiper-slide i{ font-style: normal; padding: 0 15px;}
	.yqlj-box{padding: 0; margin-top:30px;}
	.yqlj-tit{ background: #3154B7; color: #fff; font-size: 16px; text-align: center; line-height: 40px;  border-top-left-radius: 6px; border-top-right-radius: 6px;}
	
	.yqlj-list{ background: rgba(255,255,255,.1); padding: 15px 15px 0 15px; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; color: #999; background:#f4f4f4; border:solid 1px #ddd;}
	.yqlj-list a{color: #999; float: left;}
	.yqlj-list a:hover{ color: #3154B7;}
	.yqlj-list ..swiper-slide i{ float: left; line-height: 22px;}
	.yqlj-button{ overflow: hidden; margin: 0 -15px;}
	.yqlj-button div{ float: left; width: 50%; text-align: center; height: 40px; line-height: 40px;  margin-top: 15px; cursor: pointer; background:rgba(0,0,0,.05); }
	.yqlj-button-prev{ border-right: solid 1px #ddd;}
	.yqlj-button div i{color: #b2b2b2;}
	.yqlj-button div:hover{background: #3154B7;}
	.yqlj-button div:hover i{ color: #fff;}
}

@media screen and (min-width: 992px) {
	.yqlj-box{padding: 0; overflow: hidden; display:flex; margin-top:40px;}
	.yqlj-tit{ width: 100px; height: 52px; border-top-right-radius: 0; border-bottom-left-radius: 6px; line-height: 52px; flex-shrink:0; flex-basis:100px;}
	.yqlj-list{ flex:1; min-width:0; padding: 14px 90px 14px 15px; position: relative; height: 52px; border-radius:0; border-top-right-radius: 6px; border-bottom-right-radius: 6px; overflow: hidden;}
	.yqlj-button{ position: absolute; width: 82px; right: 0; bottom: 0; margin: 0; -webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px; overflow: hidden;}
	.yqlj-button div{ margin-top: 0; line-height: 52px; height: 52px; }
	
	.yqlj-button-prev{ border-left: solid 1px #ddd; border-top-left-radius:6px; border-bottom-left-radius:6px;}
}

@media screen and (min-width: 1280px) {
	.yqlj-box{ margin-top:50px;}
}



/* banner */
@media screen and (min-width: 320px) {
	.swiper-banner {position: relative;}
	.swiper-banner .banner-bg{ height: 50vw;background-size: cover; background-position: center;}
	
	.banner-tabs{ padding: 15px 0; border-bottom: solid 1px #eee;}
	.banner-tabs .hd{display: flex; flex-wrap: wrap; margin: -1px;}
	.banner-tabs .btn{ display: flex; flex-direction: column; flex-grow: 1; padding: 1px;}
	.banner-tabs .hd a{padding: 10px 15px; background: #f7f7f7; }
	.banner-tabs .hd b{display: block; text-align: center; color: #000;}
	.banner-tabs .hd span{display: block; text-align: center; color: #8E8E8E; font-size: 12px;}
	.banner-tabs .hd a:hover{ background: #eee;}
	.banner-tabs .hd a:hover b{ color: #3154B7;}
	
	.banner-box{ max-width:1920px; margin:0 auto;}
	
	.banner-box div.swiper-banner div.banner-pagination{position: absolute; width: 100%; z-index: 9; display: flex; text-align: center; justify-content: center; bottom: 15px;}
	
	.banner-pagination span{ background: #000; opacity: .5; width: 10px; height: 10px;}
	.banner-pagination span.swiper-pagination-bullet-active{background: #FFF; opacity: 1;}
}

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

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

@media screen and (min-width: 992px) {
	.banner-box{position: relative;}
	.swiper-banner .banner-bg{ max-height: 600px;background-size:1920px auto; background-repeat: no-repeat;}
	
	.banner-box div.swiper-banner div.banner-pagination{ bottom: 90px;}
	
	.banner-tabs{ background: rgba(255,255,255,.95); padding: 0; position: absolute; left: 0; bottom: 0; right: 0; z-index: 2; border-bottom: none;}
	.banner-tabs .hd a{height: 75px; display: flex; flex-direction: column;	justify-content: center; background: none; }
	
	.banner-tabs .btn{ flex: 1; }
	
	.banner-tabs .hd b{ font-size: 16px;}
	.banner-tabs .hd span{ }
	.banner-tabs .hd a:hover{ background: #fff;}
}

@media screen and (min-width: 1280px) {
	.banner-box div.swiper-banner div.banner-pagination{ bottom: 110px;}
	.banner-tabs .hd a{height: 95px; }
	.banner-tabs .hd b{ font-size: 18px;}
	.banner-tabs .hd span{ font-size: 14px;}
}






/* 首页共用 */
@media screen and (min-width: 320px) {
	.ind-box{ padding: 30px 0;}
	.ind-tit{ padding-bottom: 30px;}
	.ind-tit .en{ text-align: center; display: block; color: #CCC; line-height: 1.4; text-transform: uppercase;}
	.ind-tit .tit{ text-align: center; display: block; font-size: 24px; font-weight: normal; line-height: 1.4;}
	.ind-tit .line{ margin: 8px auto 0 auto; background: #3154B7; height: 3px; width: 40px;}
	.ind-tit .txt{ color: #8E8E8E; display: block; text-align: center; font-size: 12px; line-height: 1.4; padding-top: 8px;}
	
	.ind-ovh{overflow: hidden; position: relative;}
	
	.ind-more{ display: flex; padding-top: 30px; align-items: center; justify-content: center;}
	.ind-more a{ display: inline-flex; align-items: center; justify-content: center; background: #3154B7; padding: 10px 25px; border-radius: 24px;}
	.ind-more a span{ padding-right: 10px; color: #fff;}
	.ind-more a i,.ind-more a i::before{ color: #fff; font-size: 14px; line-height: 1;}
	
	.ind-more a:hover{ background: #FCB528;}
}

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

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

@media screen and (min-width: 992px) {
	.ind-box{ padding: 50px 0;}
	.ind-tit{ padding-bottom: 50px;}
	
	.ind-tit .en{ font-size: 16px;}
	.ind-tit .tit{ font-size: 34px;}
	.ind-tit .line{ margin-top: 10px; }
	.ind-tit .txt{ font-size: 14px; padding-top: 10px;}
	
	.ind-more{ padding-top: 50px;}
	
}

@media screen and (min-width: 1280px) {
	.ind-box{ padding: 60px 0;}
	.ind-tit{ padding-bottom: 60px;}
	
	.ind-tit .en{ font-size: 18px;}
	.ind-tit .tit{ font-size: 40px;}
	.ind-tit .line{ margin-top: 13px; }
	.ind-tit .txt{ font-size: 14px; padding-top: 13px;}
	
	.ind-more{ padding-top: 60px;}
	.ind-more a span{ font-size: 16px; padding-right: 15px;}
	.ind-more a i,.ind-more a i::before{ font-size: 20px;}
}




/* ind-box-01 */
@media screen and (min-width: 320px) {
	i.pic-scale-zyyw{ padding-bottom: 93.284%;}
	.ind-list-01 ul{ margin: -5px; display: flex; flex-wrap: wrap;}
	.ind-list-01 li{ padding: 5px; flex-basis: 50%; flex-shrink: 0; min-width: 0;}
	.ind-list-01 dl{ padding: 5px; border: solid 1px #DDDDDD;}
	
	.ind-list-01 dt a,.ind-list-01 .tit{display: block;}
	.ind-list-01 .tit b{ margin: 8px 0; display: block; text-align: center; font-size: 14px; font-weight: normal; overflow: hidden; -ms-text-overflow: ellipsis;
	text-overflow: ellipsis; white-space: nowrap; color: #000;}
	
	.ind-list-01 .btn-box{display: flex; margin: -2px;}
	.ind-list-01 .btn-box div{flex-basis: 50%; padding: 2px;}
	.ind-list-01 .btn-box a{ display: flex; align-items: center; justify-content: center; padding: 4px 0; font-size: 12px; color: #fff;}
	.ind-list-01 .btn-box a.link{ background: #3154B7;}
	.ind-list-01 .btn-box a.more{ background: #999999;}
	
	.ind-list-01 .btn-box a:hover{ background: #FCB528;}
	
	
	.ind-list-01 dl:hover i.pic-size img{transform: scale(1.05);}
	
}

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

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

@media screen and (min-width: 992px) {
	.ind-list-01 ul{margin: -10px;}
	.ind-list-01 li{ flex-basis: 25%; padding: 10px;}
	.ind-list-01 dl{ padding: 10px 10px 15px 10px;}
	.ind-list-01 .tit b{ margin: 10px 0; font-size: 16px; line-height: 2;}
	.ind-list-01 .btn-box{ margin: -5px;}
	.ind-list-01 .btn-box div{ padding: 5px;}
	.ind-list-01 .btn-box a{ padding: 8px; font-size: 14px;}
	
}

@media screen and (min-width: 1280px) {
	.ind-list-01 ul{margin: -12px;}
	.ind-list-01 li{ padding: 12px;}
	.ind-list-01 dl{ padding: 12px 12px 21px 12px;}
	
	.ind-list-01 .tit b{ margin: 13px 0; font-size: 18px; }
	
}





/* ind-box-02 */
@media screen and (min-width: 320px) {
	.ind-box-02{ position: relative; padding: 0;}
	.ind-box-02-t{background: #ed803b; padding-top: 115px;}
	.ind-box-02 .ind-tit{ background-image: url(../img/ind-box-02-tit.png); background-position: center top; background-repeat: no-repeat; background-size: cover; padding-bottom: 60px; padding-top: 10px; max-width: 1200px; max-height: 270px;}
	.ind-box-02 .ind-tit .txt{ width: 45%; margin: 0 auto;}
	
	.ind-tit-box{ position: absolute; left: 0; top: 0; right: 0;}
	
	.ind-box-02-bg{background-image: url(../img/ind-box-02-bg.jpg); background-size: cover; background-position: center; padding: 90px 0 30px 0;}
	.ind-box-02-txt{ padding-bottom: 30px; text-align: justify; text-align-last: center; text-indent:2em;}
	.ny-box-02-txt2{text-indent:2em;}
	
	.ind-list-02 ul{ margin: -10px; display: flex; flex-wrap: wrap;}
	.ind-list-02 li{ padding: 10px; flex-grow: 1; flex-shrink: 0;}
	.ind-list-02 .box{background-image: url(../img/ind-box-02-pic.png); background-size: contain; background-repeat: no-repeat; height: 133px; width: 119px; background-position: center; margin: 0 auto; display: flex; flex-direction: column; align-items: center; justify-content: center;}
	.ind-list-02 .txt{font-size: 12px; text-align: center; padding: 0 5px;color: #000; height: 42px; display: flex; align-items: center; justify-content: center;}
	.ind-list-02 .tit{position: relative; height: 50px; width: 100%; display: flex; align-items: center; justify-content: center;}
	.ind-list-02 .tit span{ line-height: 50px; font-size: 48px; display: block; position: absolute; z-index: 2; left: 0; top: 0;right: 0; text-align: center; color: #3154B7; opacity: .1; font-weight: bold;}
	.ind-list-02 .tit b{ font-size: 18px; font-weight: bold; color: #3154B7;}
	
}

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

@media screen and (min-width: 480px) {
	.ind-box-02 .ind-tit .txt{ width: 35%;}
}

@media screen and (min-width: 640px) {
	.ind-box-02 .ind-tit{ padding-bottom: 0; background-size:  auto 180px; height: 180px; margin: 0 auto;}
	.ind-box-02 .ind-tit .txt{ width: 30%;}
	
}

@media screen and (min-width: 992px) {
	.ind-box-02 .ind-tit { height: 220px;  background-size: contain;}
	.ind-box-02 .ind-tit .txt{ width: 340px;}
	
	.ind-box-02-bg{ padding-top: 150px; padding-bottom: 50px;}
	.ind-box-02-txt{ padding-bottom: 50px;}
	.ind-list-02 .box{ width: 170px; height: 190px;}
	.ind-box-02-txt{font-size: 14px;width: 80%; margin: 0 auto;}
	.ind-list-02{ width: 860px; margin: 0 auto;}
	.ny-box-02-txt2{width: 80%; margin: 0 auto;}
	.ind-list-02 .tit{height: 60px;}
	.ind-list-02 .tit span{line-height: 60px; font-size: 68px;}
	.ind-list-02 .tit b{font-size: 22px;}
	.ind-list-02 .txt{font-size: 14px; line-height: 21px; height: 42px;}
	
}

@media screen and (min-width: 1280px) {
	.ind-box-02 .ind-tit{ padding-top: 18px;}
	.ind-box-02 .ind-tit { height: 270px;}
	.ind-box-02-bg{ padding-top: 215px; padding-bottom: 70px;}
	.ind-box-02-txt{ padding-bottom: 60px;}
	.ind-box-02-txt{font-size: 16px;}
	
	
	.ind-list-02 .tit{height: 66px;}
	.ind-list-02 .tit span{line-height: 66px; font-size: 74px;}
	.ind-list-02 .tit b{font-size: 24px;}
	.ind-list-02 .txt{font-size: 16px; margin-bottom: 10px;}
}




/* ind-box-03 */
@media screen and (min-width: 320px) {
	.ind-box-03{ background-image: url(../img/ind-box-03-bg.jpg); background-position: center; background-size: cover;}
	.tabs-case .hd{ padding-bottom: 30px; display: flex; flex-wrap: wrap; margin: -5px; justify-content: center;}
	.tabs-case .hd .btn{ padding: 5px;}
	.tabs-case .hd .btn span{ height: 46px; border: solid 1px #EEEEEE; background: #fff; color: #555; display: flex; align-items: center; justify-content: center; padding: 0 15px; cursor: pointer;}
	.tabs-case .hd .on span{ background: #3154B7; color: #fff;}
	
	i.pic-scale-case{ padding-bottom: 64.29%;}
	.ind-case-list ul{ display: flex; flex-wrap: wrap; margin: -5px;}
	.ind-case-list li{ padding: 5px; flex-basis: 50%; flex-shrink: 0; min-width: 0;}
	.ind-case-list dd{ border: solid 1px #EEEEEE; height: 44px; display: flex; align-items: center; justify-content: center; padding: 0 10px; background: #f7f8fa;}
	.ind-case-list dd span{ display: block; overflow: hidden; -ms-text-overflow: ellipsis;
	text-overflow: ellipsis; white-space: nowrap; color: #000;}
	.ind-case-list a:hover dd span{ color: #3154B7;}
	
	.ind-ny-case-list dd{ border: none;align-items: flex-start;}
	.ind-ny-case-list dd { height:auto!important;flex-direction:column;padding:15px;}
	.ind-ny-case-list dd p {padding-top: 5px; height: 80px;font-size:14px;overflow:hidden;color:#666;}
	.ind-ny-case-list dd span {white-space: initial; font-size:18px; font-weight:bold;color:#333;}
	.ind-ny-case-list dd{border-top:2px solid #3154B7;}
}

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

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

@media screen and (min-width: 992px) {
	.tabs-case .hd{ padding-bottom: 40px; justify-content: flex-start; }
	.ind-case-list ul{ margin: -10px;}
	.ind-case-list li{padding: 10px; flex-basis: 25%;}
	.ind-case-list dd{ height: 63px;}
	.ind-ny-case-list li{ flex-basis: 33.33%; padding: 15px;}
	.ind-ny-case-list dd p {height:82px;}
	.ind-ny-case-list ul{ margin: -15px; }
}

@media screen and (min-width: 1280px) {
	.tabs-case .hd {}
	.tabs-case .hd .btn span{font-size: 16px; height: 50px; min-width: 120px; padding: 0 20px;}
	
	.ind-case-list ul{ margin: -15px;}
	.ind-case-list li{padding: 15px;}
	.ind-case-list dd{ height: 60px; font-size: 16px;}
	.ind-ny-case-list li{  padding: 20px;}
	.ind-ny-case-list ul{ margin: -20px; }
	
}




/* ind-box-04 */
@media screen and (min-width: 320px) {
	i.pic-scale-news{ padding-bottom: 64.257%;}
	.ind-box-04{ background-image: url(../img/ind-box-04-bg.jpg); background-position: center; background-size: cover;}
	
	.tabs-news .hd{display: flex; margin: -2px; padding-bottom: 10px;}
	.tabs-news .btn-bd{padding: 2px; flex: 1;}
	.tabs-news .btn{ display: flex; flex-direction: column; padding: 10px; justify-content: center; align-items: center; background: #F4F5F7; cursor: pointer;}
	.tabs-news .btn span{ display: none;}
	.tabs-news .btn b{ color: #000;}
	.tabs-news .btn-bd.on .btn{background: #3154B7;}
	.tabs-news .btn-bd.on .btn span,.tabs-news .btn-bd.on .btn b{ color: #fff;}
	
	.tabs-news .l{ padding-bottom: 10px;}
	.tabs-news .list-t{ padding-bottom: 10px;}
	
	.tabs-news .list-t .tit{font-weight: bold; color: #333;}
	.tabs-news .list-t dd .time{color: #3154B7;}
	.tabs-news .list-t dd .txt{word-break: break-all;
  overflow:hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical; color: #8E8E8E; font-size: 12px;}
  
  
	.tabs-news .list-t a:hover .tit{ color: #3154B7; }
  
  .list li{display: flex; }
  .list li a{ flex: 1; line-height: 36px; min-width: 0; overflow: hidden; -ms-text-overflow: ellipsis;
  text-overflow: ellipsis; white-space: nowrap;}
  .list li span{ padding-left: 15px; line-height: 36px; color: #979D9B; font-size: 13px;}
}

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

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

@media screen and (min-width: 992px) {
	.tabs-news{display: flex;}
	.tabs-news .tab-l{ width: 215px; padding-right: 15px; display: flex;}
	.tabs-news .hd{ flex-direction: column; margin: -5px 0; width: 100%; padding-bottom: 0;}
	.tabs-news .btn-bd{ padding: 5px 0; display: flex;}
	.tabs-news .btn{ width: 100%; }
	.tabs-news .bd{ flex: 1; min-width: 0;}
	
	.tabs-news .btn span{display: block; color: #CCC; text-transform: uppercase;}
	
	.news-mess{ display: flex;}
	.news-mess .l{ flex-shrink: 0; flex-basis: 452px; padding-right: 15px; padding-bottom: 0;}
	.news-mess .r{min-width: 0;}
}

@media screen and (min-width: 1280px) {
	.tabs-news .tab-l{ width: 300px; padding-right: 30px;}
	.news-mess .l{ flex-basis: 518px; padding-right: 20px;}
	.news-mess .r{ height: 320px; overflow: hidden;}
	.tabs-news .btn{position: relative;}
	.tabs-news .btn::before{ content: ' '; border-left: solid 11px #F4F5F7; border-top: solid 12px transparent; border-bottom: solid 12px transparent; right: -11px; top: 50%; position: absolute; margin-top: -12px; transform: translateX(-100%); opacity: 0;}
	.tabs-news .btn span{font-size: 15px;}
	.tabs-news .btn b{font-size: 18px; font-weight: normal;}
	
	.tabs-news .list-t .tit{font-size: 18px;}
	.tabs-news .list-t dd .txt{font-size: 14px; margin-top: 2px;}
	.tabs-news .list-t{ padding-bottom: 15px; margin-bottom: 18px; border-bottom: solid 1px #EEE;}
	
	.list li a{ line-height: 38px; font-size: 16px;}
	.list li span{ line-height: 38px;}
	
	.tabs-news .btn-bd.on .btn::before{ transform: translateX(0); opacity: 1; border-left-color: #3154B7;}
}




/* ind-box-05 */
@media screen and (min-width: 320px) {
	.ind-box-05{ background-image: url(../img/ind-box-05-bg.jpg); background-position: center; background-size: cover;}
	i.pic-scale-part{ padding-bottom: 47.321%;}
	
	.partner-list ul{display: flex; flex-wrap: wrap; margin: -5px;}
	.partner-list li{ flex-basis: 33.33333%; padding: 5px; flex-shrink: 0;}

}

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

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

@media screen and (min-width: 992px) {
	.partner-list li{flex-basis: 20%;}
	.partner-list ul{ margin: -10px;}
	.partner-list li{ padding: 10px;}
}

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



/* footer */
@media screen and (min-width: 320px) {
	.footer-bg{background: #242628;}
	.footer-t{ padding: 15px 0;}
	.footer-tl{ display: none;}
	
	.footer-tr .tel{ padding-bottom: 10px;}
	.footer-tr .tel dt{display: flex; align-items: center; justify-content: center; color: #FFF;}
	.footer-tr .tel dt i{ padding-right: 10px; line-height: 24px;}
	.footer-tr .tel dt i::before{font-size: 24px; line-height: 24px;}
	.footer-tr .tel dd{display: flex; justify-content: center; align-items: center; color: #fff; font-size: 24px; font-weight: bold;}
	
	.footer-tr .qr{ width: 96px; margin: 0 auto;}
	.footer-tr .qr dd{background: #3154B7; font-size: 14px; display: flex; align-items: center; justify-content: center; color: #fff; height: 30px;}
	
	/*.footer-m{ border-top: solid 1px rgba(255,255,255,.1); border-bottom: solid 1px rgba(255,255,255,.1); padding: 15px 0;}*/
	.footer-m{ padding-bottom:10px;}
	.footer-m .link-box{ margin: -3px; display: flex; flex-wrap: wrap;}
	.footer-m span,.footer-m a{ color: #7B7C7E;}
	.footer-m span{ padding: 3px;}
	
	.footer-m a:hover{ color: #fff;}
	
	.footer-b{ padding: 15px 0; border-top:solid 1px rgba(255,255,255,.1);}
	.footer-b a{color: #7B7C7E;display:inline-block;padding:0 5px;}
	.footer-bl,.footer-br{text-align: center; color: #7B7C7E;}
	.footer-b a:hover{color: #fff;}
	
	
}

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

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

@media screen and (min-width: 992px) {
	.footer-t{display: flex; justify-content: space-between; padding: 30px 0;}
	.footer-tl{display: flex; flex:1; justify-content: space-between; padding-right: 30px;}
	.footer-tl dl{ }
	.footer-tl dt{ padding-bottom: 10px;}
	.footer-tl dt a{font-size: 14px; color: #fff;}
	.footer-tl a{ color: #7B7C7E;}
	.footer-tl span{display: block;}
	.footer-tl dd{ color: #7B7C7E;}
	.footer-tl dd span a:hover{ color: #fff;}
	
	.footer-tr{display: flex;}
	.footer-tr .tel{ padding-right: 30px;}
	.footer-tr .tel dt{justify-content: flex-start;}
	.footer-tr .tel dd{font-size: 18px;}
	
	/*.footer-m{padding: 30px 0;}*/
	
	/*.footer-b{ display: flex; flex-wrap: wrap; justify-content: space-between; padding: 30px 0;}*/
}

@media screen and (min-width: 1280px) {
	.footer-t{ padding: 40px 0;}
	.footer-tl{ padding-right: 50px;}
	.footer-tl dt a{font-size: 16px;}
	.footer-tl dd span a{ line-height: 26px;}
	.footer-tr .tel{ padding-right: 50px;}
	.footer-tr .tel dd{font-size: 24px;}
	
	.footer-m .link-box{ margin: - 3px -10px;}
	.footer-m span{ padding: 3px 10px;}
}




/* banner-min */
@media screen and (min-width: 320px) {
	.banner-min{ height: 30vw; background-size: cover; background-position: center;background-repeat: no-repeat;}
}

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

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

@media screen and (min-width: 992px) {
	.banner-min{ height: 360px;}
}

@media screen and (min-width: 1280px) {
	.banner-min{ height: 400px; background-size:  auto 400px;}
}



/* menu */
@media screen and (min-width: 320px) {
	.menu-bg{ background: #F7F8FA; overflow: hidden; max-width:1920px; margin:0 auto;}
	.menu-bg ul{display: flex; flex-wrap: wrap; border-left: solid 1px #E4E4E4; margin-top: -1px;}
	.menu-bg li{ flex-grow:1; border-right: solid 1px #E4E4E4; border-top: solid 1px #E4E4E4;}
	.menu-bg li a{ padding: 15px; display: flex; align-items: center; justify-content: center; line-height: 1.4;}
	.menu-bg li a.on{ background: #3154B7; color: #fff;}
	.menu-bg li a:hover{ color: #3154B7;}
	.menu-bg li a.on:hover{ color: #fff;}
	
	.sub-menu ul{display: flex; align-items: center; justify-content: center; margin: -5px; flex-wrap: wrap;}
	.sub-menu li { padding: 5px;  width: 50%; flex-grow: 1;}
	.sub-menu li a{ display: flex; align-items: center; justify-content: center; border: solid 1px #EEEEEE; height: 50px; height: 50px; padding: 0 15px; line-height: 1.4; text-align: center;}
	
	.sub-menu{ padding-bottom: 30px;}
	.sub-menu-02 .sub-menu{ border-bottom: solid 1px #EEE; margin-bottom: 20px;}
	
	.sub-menu .on{ background: #3154B7; color: #fff; border-color: #3154B7;}
	
}

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

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

@media screen and (min-width: 992px) {
	.menu-bg ul{ justify-content: center; border: none;}
	.menu-bg li:nth-child(1){border-left: solid 1px #E4E4E4;}
	.menu-bg li{flex-grow: 1; max-width: 12.5%; /* flex-basis: 12.5%; */}
	.menu-bg li a{ display: flex; align-items: center; justify-content: center; height: 50px; padding: 0 6px; text-align:center; font-size:13px;}
	
	
	.sub-menu{ padding-bottom: 40px;}
	.sub-menu ul{ margin: -10px;}
	.sub-menu li{ padding: 10px;  max-width: 20%;}
	.sub-menu li a{}
}

@media screen and (min-width: 1280px) {
	.menu-bg li a{height: 60px; font-size: 15px; padding: 0 10px;}
	
	
	.sub-menu{ padding-bottom: 50px;}
	.sub-menu li a{ font-size: 16px; padding: 0 20px;}
	
	
	.sub-menu-02 .sub-menu{ margin-bottom: 25px;}
	
}



/* 内页 共用 */
@media screen and (min-width: 320px) {
	.cont-box{ padding: 30px 0;}
	.cont-box-pb0{ padding-bottom: 0;}
	.info-box img{width: 100%;}
	
	.cont-box-02{ padding-bottom: 30px;}
	
	.no-tips{ padding: 20px; color: #999; display: flex; align-items: center; justify-content: center; font-size: 16px;}
}

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

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

@media screen and (min-width: 992px) {
	.cont-box{ padding: 50px 0;}
	.cont-box-pb0{ padding-bottom: 0;}
	.cont-box-02{  padding-bottom: 50px;}
}

@media screen and (min-width: 1280px) {
	.cont-box{ padding: 80px 0;}
	.cont-box-pb0{ padding-bottom: 0;}
	
	.cont-box-02{ padding-bottom: 80px;}
}




/* 企业简介 */
@media screen and (min-width: 320px) {
	.qyjj-box{ }
	.qyjj-box .l{ padding: 20px; background: #F7F8FA;}
	.qyjj-box .tit{font-size: 18px; font-weight: bold; color: #3154B7; padding-bottom: 15px; line-height: 1.5;}
	.qyjj-box .txt{color: #000;}
	
}

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

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

@media screen and (min-width: 992px) {
	.qyjj-box{display: flex;}
	.qyjj-box .l{display: flex; flex-direction: column; justify-content: center; padding: 30px; flex:1;}
	.qyjj-box .r{flex-basis: 30%; flex-shrink: 0;}
	
	.qyjj-box .tit{ font-size: 24px; padding-bottom: 20px;}
}

@media screen and (min-width: 1280px) {
	
	.qyjj-box .l{ padding: 50px;}
	.qyjj-box .tit{ font-size: 32px; padding-bottom: 34px;}
	.qyjj-box .txt{font-size: 16px;}
}



/* 企业文化 */
@media screen and (min-width: 320px) {
	.qywh-box .bg{ width: 250px; margin: 0 auto;}
	.qywh-box ul{ margin: -10px;}
	.qywh-box li{ padding: 10px;}
	.qywh-box dl{display: flex;}
	.qywh-box dt{ font-family: roboto-r; font-size: 50px; color: #3154B7; line-height: 1; padding-right: 10px;}
	.qywh-box dd .tit{display: block; color: #000; font-size: 18px;}
	.qywh-box dd .txt{ color: #7B7C7E; display: block; padding-top: 5px;}
}

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

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

@media screen and (min-width: 992px) {
	.qywh-box{ position: relative; overflow: hidden; padding: 20px 0;}
	.qywh-box .bg{ width: 260px; position: absolute; left: 50%; top:50%; margin-left: -130px; margin-top: -130px;}
	
	.qywh-box ul{display: flex; flex-wrap: wrap; position: relative; z-index: 2; margin: -50px -140px;}
	.qywh-box li{ flex-basis: 50%; padding: 50px 140px;}
	
	.qywh-box dt{font-size: 80px; padding-right: 20px;}
	.qywh-box dd .tit{font-size: 32px;}
}

@media screen and (min-width: 1280px) {
	.qywh-box{ padding: 30px 0;}
	.qywh-box .bg{ width: 352px; margin-left: -176px; margin-top: -176px;}
	.qywh-box ul{ margin: -70px -200px;}
	.qywh-box li{ padding: 70px 200px;}
	.qywh-box dd .txt{font-size: 16px;}
}




/* 企业资质 */
@media screen and (min-width: 320px) {
	.qyzz-list ul{display: flex; margin: -10px; flex-wrap: wrap;}
	.qyzz-list li{ flex-shrink: 0; flex-basis: 50%; padding: 10px;}
	.qyzz-list dl{ cursor: pointer;}
	.qyzz-list dt{ padding: 15px; border: solid 1px #F4F5F7;}
	.qyzz-list dd{ background: #F4F5F7; padding: 5px 15px;  display: flex; align-items: center; justify-content: center; height: 52px; text-align: center; font-size: 12px;}
}

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

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

@media screen and (min-width: 992px) {
	.qyzz-list li{ flex-basis: 25%;}
	.qyzz-list dt{ padding: 20px;}
	.qyzz-list dd{height: 66px; font-size: 14px;}
}

@media screen and (min-width: 1280px) {
	.qyzz-list ul{ margin: -15px -13px;}
	.qyzz-list li{ padding: 15px 13px;}
	.qyzz-list dd{font-size: 16px;}
}




/* 合作伙伴 */
@media screen and (min-width: 320px) {
	.partner-list-01 a{ display: block; border: solid 1px #EEE; padding:5px 15px; background:#fff;}
	.partner-list-01 a i{overflow: visible;}
}

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

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

@media screen and (min-width: 992px) {
	.partner-list-01 li{ padding: 9px;}
	.partner-list-01 a{ padding:10px 20px;}
}

@media screen and (min-width: 1280px) {
	.partner-list-01 a{ padding:10px 25px;}
}



/* 研究院简介 */
@media screen and (min-width: 320px) {
	.yjyjj-box-01{ padding-bottom: 30px;}
	.yjyjj-box-01 .tit{ text-align: center; color: #3154B7; font-size: 20px; font-weight: bold; line-height: 1; padding-bottom: 10px;}
	
	.yjyjj-box-02{ padding: 15px; background: #F7F8FA; max-width:1920px; margin:0 auto;}
	.yjyjj-box-02 .mess{ padding-top: 15px;}
	.yjyjj-box-02 .tit{ color: #3154B7; font-size: 20px; font-weight: bold;}
	.yjyjj-box-02 hr{ width: 40px; height: 3px; background: #3154B7;}
	
	.yjyjj-box-03{ padding:30px 0;}
	
	
	.yjyjj-box-04{ padding: 15px; background: #F7F8FA; max-width:1920px; margin:0 auto;}
	.yjyjj-box-04 .mess{ padding-top: 15px;}
	.yjyjj-box-04 ul{ margin: -5px 0;}
	.yjyjj-box-04 li{ padding: 5px 0;}
	.yjyjj-box-04 .tit{ color: #456AD4; font-size: 18px; font-weight: normal; display:block;}
	.yjyjj-box-04 .txt{ color: #000000; font-size: 14px;}
	
	
}

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

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

@media screen and (min-width: 992px) {
	.yjyjj-box-01{ padding-bottom: 50px;}
	.yjyjj-box-01 .tit{font-size: 28px; padding-bottom: 25px;}
	
	.yjyjj-box-02{ padding: 0; display: flex; flex-direction: row-reverse;}
	
	.yjyjj-box-02 .l{ flex-basis: 50%; display: flex; justify-content: flex-end; align-items: center;}
	.yjyjj-box-02 .r img{object-fit: cover; min-height: 450px;}
	.yjyjj-box-02 .r{ flex-basis: 50%;}
	.yjyjj-box-02 .mess{ padding:30px 30px 30px 0; width:480px;}
	.yjyjj-box-02 .tit{ font-size: 28px;}
	
	.yjyjj-box-03{ padding:50px 0;}
	
	.yjyjj-box-04{ padding: 0; display: flex;}
	.yjyjj-box-04 .l{ flex-basis: 50%;}
	.yjyjj-box-04 .l img{object-fit: cover; min-height: 450px;}
	.yjyjj-box-04 .r{ flex-basis: 50%; display: flex; align-items: center;}
	.yjyjj-box-04 .mess{ padding:30px 0 30px 30px; width:480px;}
	.yjyjj-box-04 ul{ margin: -10px 0;}
	.yjyjj-box-04 li{ padding: 10px 0;}
	
}

@media screen and (min-width: 1280px) {
	.yjyjj-box-01{ padding-bottom: 80px;}
	.yjyjj-box-01 .tit{font-size: 32px; padding-bottom: 35px;}
	
	.yjyjj-box-02 .tit{ font-size: 32px;}
	.yjyjj-box-02 hr{ margin:30px 0 35px 0;}
	.yjyjj-box-02 .mess{ padding:30px 50px 30px 0; width:600px;}
	.yjyjj-box-02 .r img{min-height: 600px;}
	
	.yjyjj-box-03{ padding:60px 0;}
	
	.yjyjj-box-04 .mess{ padding:30px 0 30px 50px; width:600px;}
	.yjyjj-box-04 .l img{min-height: 600px;}
	.yjyjj-box-04 ul{ margin: -20px 0;}
	.yjyjj-box-04 li{ padding: 20px 0;}
	.yjyjj-box-04 .tit{ font-size: 24px;}
	.yjyjj-box-04 .txt{ font-size: 16px;}
}




/* 组织架构 */
@media screen and (min-width: 320px) {
	.zzjg-pic{text-align: center;}
}

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

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

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

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




/* 机构功能 */
@media screen and (min-width: 320px) {
	.jggn-list ul{ margin: -10px 0;}
	.jggn-list li{ padding: 10px 0;}
	.jggn-list li:nth-child(odd) .qyjj-box{ flex-direction: row-reverse;}
}

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

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

@media screen and (min-width: 992px) {
	.jggn-list ul{ margin: -20px 0;}
	.jggn-list li{ padding: 20px 0;}
}

@media screen and (min-width: 1280px) {
	.jggn-list ul{ margin: -30px 0;}
	.jggn-list li{ padding: 30px 0;}
	
	.jggn-list .qyjj-box .tit{ font-size: 28px;}
}



/* 顾问单位 */
@media screen and (min-width: 320px) {
	.gwdw-box .tit{ font-size: 18px; color: #3154B7; padding-bottom: 5px; font-weight: bold;}
}

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

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

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

@media screen and (min-width: 1280px) {
	.gwdw-box .tit{font-size: 24px; padding-bottom: 20px;}
}



/* 技术中心 */
@media screen and (min-width: 320px) {
	i.pic-scale-jszx{ padding-bottom: 63.33333%;}
	.jszx-box .bg{ background: #F7F8FA; padding: 15px;}
	.jszx-box .tit{ font-size: 18px; color: #000; margin-bottom: 5px;}
	.jszx-box .txt{color: #555; margin-bottom: 10px; display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:3;
    overflow:hidden;}
	.jszx-box .btn{ display: inline-flex; align-items: center; justify-content: center; padding: 0 20px; border-radius: 24px; background: #3154B7; height: 40px;}
	.jszx-box .btn span{ padding-right: 10px; color: #fff;}
	.jszx-box .btn i::before{ color: #fff; font-size: 16px;}
	
	.jszx-box ul{ margin: -10px 0;}
	.jszx-box li{ padding: 10px 0;}
	
	.jszx-box a:hover .btn{background: #FCB528;}
	.jszx-box a:hover .btn span{ padding-right: 20px;}
}

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

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

@media screen and (min-width: 992px) {
	.jszx-box ul{ margin: -30px 0;}
	.jszx-box li{ padding: 30px 0;}
	.jszx-box li a{display: flex;}
	.jszx-box li .l{ flex-basis: 50%; flex-shrink: 0;}
	.jszx-box li .r{ flex-basis: 50%; flex-shrink: 0; padding: 25px 0; display: flex; position: relative; z-index: 2;}
	.jszx-box .bg{ display: flex; flex-direction: column; justify-content: center; padding: 15px 40px; width: 500px; background: rgba(247,248,250,.8);}
	
	.jszx-box .tit{ font-size: 22px; margin-bottom: 10px;}
	.jszx-box .txt{ margin-bottom: 20px;}
	
	/* .jszx-box .btn{height: 44px; padding: 0 20px;}
	.jszx-box .btn span{font-size: 16px; padding-right: 10px;}
	.jszx-box .btn i::before{ font-size: 16px;} */
	
	.jszx-box li:nth-child(odd) a{flex-direction: row-reverse;}
	.jszx-box li:nth-child(odd) .r{ right: -20px;}
	.jszx-box li:nth-child(even) .r{ left: -20px;}
	
}

@media screen and (min-width: 1280px) {
	.jszx-box ul{ margin: -50px 0;}
	.jszx-box li{ padding: 50px 0;}
	.jszx-box .bg{width: 630px; padding: 40px 50px;}
	
	.jszx-box .tit{ font-size: 32px; margin-bottom: 15;}
	.jszx-box .txt{ margin-bottom: 50px; font-size: 16px;}
	.jszx-box .btn{height: 48px; padding: 0 25px;}
	.jszx-box .btn span{font-size: 18px; }
	.jszx-box .btn i::before{ font-size: 20px;}
	
	.jszx-box li:nth-child(odd) .r{ right: -30px;}
	.jszx-box li:nth-child(even) .r{ left: -30px;}
	
}




/* info */
@media screen and (min-width: 320px) {
	.content-tit{ text-align: center; font-size: 20px; line-height: 1.3; color: #000;}
	.content-mess{ padding: 10px 0 20px 0; margin: -7px; display: flex; align-items: center; justify-content: center;}
	.content-mess span{ padding: 7px; font-size: 12px; color: #8E8E8E;}
	
	.info-link{ padding-top: 30px; margin-top: 30px; border-top: solid 1px #EEE;}
	.info-link span{display: block;}
	.info-link a{ color: #3154B7;}
	.info-link a:hover{ text-decoration: underline;}
	
	
	i.pic-scale-gcal{ padding-bottom: 57.895%;}
	
	.info-pic-box{ max-width: 950px; margin: 0 auto; padding-bottom: 20px;}
	
	.pic-m{ padding-bottom: 20px;}
	.pic-s{ padding: 0 65px; position: relative;}
	.pic-s .pic-prev{ position: absolute; left: 0; top: 50%; margin-top: -25px;}
	.pic-s .pic-next{ position: absolute; right: 0; top: 50%; margin-top: -25px;}
	.pic-s .btn{background: #EEE; width: 50px; height: 50px; border-radius: 50%; display: flex; align-items: center; justify-content: center; cursor: pointer; transition: .3s;}
	.pic-s .btn i::before{color: #AAA; font-weight: bold;}
		
	.pic-s .btn:hover{ background-color: #3154B7;}
	.pic-s .btn:hover i::before{ color: #fff;}
	
	.pic-s .pic-size{ cursor: pointer;}
	.pic-s .pic-size::before{ content: ' '; position: absolute; left: 0; top: 0; right: 0; bottom: 0; border: solid 4px #3154B7; z-index: 2; opacity: 0; transition: .3s; transform: scale(1.1);}
	.pic-s .on .pic-size::before{ opacity: 1;  transform: scale(1);}
}

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

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

@media screen and (min-width: 992px) {
	.content-tit{font-size: 34px;}
	.content-mess{ padding: 15px 0 30px 0;}
	.info-link{ padding-top: 40px; margin-top: 40px;}
	.info-link span{ padding: 4px 0;}
	
	.info-pic-box{ padding-bottom: 30px;}
	
	.pic-m{ padding-bottom: 30px;}
}

@media screen and (min-width: 1280px) {
	.content-tit{font-size: 40px;}
	.content-mess{ padding: 17px 0 35px 0;}
	.info-link{ padding-top: 45px; margin-top: 45px;}
	
	.info-pic-box{ padding-bottom: 40px;}
	
	.pic-m{ padding-bottom: 40px;}
	
	.pic-s .pic-prev{ margin-left: -25px;}
	.pic-s .pic-next{ margin-right: -25px;}
}




/* 学术交流 */
@media screen and (min-width: 320px) {
	i.pic-scale-xsjl{ padding-bottom: 65.705%;}
	.xsjl-box dl{border: solid 1px #EEE; padding: 15px;}
	.xsjl-box dd{ padding-top: 10px;}
	.xsjl-box .tit{ font-size: 16px; color: #000; margin-bottom: 5px;}
	.xsjl-box .time{ margin-bottom: 5px; color: #999;}
	.xsjl-box .txt{ display: none;}
	.xsjl-box .more{color: #0E54AF;}
	
	.xsjl-box a:hover .tit{ color: #0E54AF;}
	
	.xsjl-box ul{ margin: -10px 0;}
	.xsjl-box li{ padding: 10px 0;}
}

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

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

@media screen and (min-width: 992px) {
	.xsjl-box dl{display: flex; padding: 20px;}
	.xsjl-box dt{ flex-basis: 300px; padding-right: 20px; flex-shrink: 0;}
	.xsjl-box dd{ padding-top: 0;}
	.xsjl-box .tit{ font-size: 20px;}
	.xsjl-box .txt{ display: block; margin-bottom: 5px; display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
    overflow:hidden; color: #333;}
	
	
	.xsjl-box ul{ margin: -15px 0;}
	.xsjl-box li{ padding: 15px 0;}
}

@media screen and (min-width: 1280px) {
	.xsjl-box dl{}
	.xsjl-box dt{ flex-basis: 337px; padding-right:25px;}
	.xsjl-box dd{ }
	.xsjl-box .tit{font-size: 24px;}
	.xsjl-box .txt{ -webkit-line-clamp:3;}
	.xsjl-box .time{ margin-bottom: 10px;}
	.xsjl-box .txt{ margin-bottom: 15px;}
	
	.xsjl-box ul{ margin: -20px 0 -19px 0;}
	.xsjl-box li{ padding: 20px 0 19px 0;}
	
}



/* 大事记 */
@media screen and (min-width: 320px) {
	.tabs-t{display: flex;}
	.tabs-t i{line-height: 40px; height: 40px; padding-right: 10px;}
	.tabs-t i::before{line-height: 40px; height: 40px; font-size: 22px; color: #3154B7;}
	.tabs-t .hd-l{ margin:0 -10px; display: flex; flex-wrap: wrap;}
	.tabs-t .hd-l div{ line-height: 40px; padding:0 10px; cursor: pointer; }
	.tabs-t .hd-l div span{color: #666; height: 40px; display: inline-block; line-height: 40px; border-bottom: solid 2px transparent;}
	.tabs-t .hd-l .on span{color: #3154B7; border-bottom: solid 2px #3154B7; font-weight: bold;}
	
	
	.tabs-s .hd-s{ padding: 30px 0; margin: -10px; display: flex; flex-wrap: wrap;}
	.tabs-s .hd-s span{ padding: 10px; line-height: 20px; cursor: pointer; color: #8e8e8e;}
	.tabs-s .hd-s .on{color: #3154B7;}
	
	.swiper-tabs .swiper-slide{ padding:0 10px;}
	
	
	i.pic-scale-fzlc{ padding-bottom: 66.25%;}
	
	.swiper-tabs .swiper-mess .txt{ padding-top: 10px; color: #000;}
	.swiper-tabs .swiper-mess .time{ padding-top: 10px; color: #3154B7; font-size: 16px;}
	
	.swiper-box .btn-box{ display: flex; align-items: center; justify-content: center; padding-bottom: 30px; padding-top: 30px;}
	
	.swiper-box .btn-box .btn{background: #EEE; width: 50px; height: 50px; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0 10px; cursor: pointer;}
	.swiper-box .btn-box .btn i::before{color: #AAA; font-weight: bold;}
	
	.swiper-box .btn-box .btn:hover{ background-color: #3154B7;}
	.swiper-box .btn-box .btn:hover i::before{ color: #fff;}
}

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

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

@media screen and (min-width: 992px) {
	
	.tabs-t{ position: relative;}
	.tabs-t i{ line-height: 56px; height: 56px; }
	.tabs-t i::before{line-height: 56px; height: 56px;}
	.tabs-t::before{ content: ' '; background: #F8F8F8; height: 2px; position: absolute; left: 0; width: 100%; bottom: 0;}
	
	.tabs-t .hd-l{ flex: 1; }
	.tabs-t .hd-l div{ flex-grow: 1; max-width: 9.09090909%; line-height: 56px; display: flex; justify-content: center;}
	.tabs-t .hd-l div span{font-size: 16px; height: 56px;}
	
	.tabs-s .hd-s{ margin: 0 -13px;  padding-bottom: 50px;}
	.tabs-s .hd-s span{ padding: 0 13px; flex: 1; max-width: 8.333333%;} 
	.swiper-tabs .swiper-wrapper{ display: flex; align-items: stretch;}
	.swiper-tabs .swiper-slide{ display: flex; align-items: flex-end; height: auto;}
	.swiper-tabs .swiper-mess{ padding: 20px 10px 10px 20px; position: relative;}
	.swiper-tabs .swiper-mess::before{ content: ' '; border: solid 2px #3154B7; width: 9px; height: 9px; border-radius: 50%; display: block; position: absolute; left: -4px; top: 0;}
	.swiper-tabs .swiper-mess::after{ content: ' '; background: #3154B7; width: 2px; top: 12px; bottom: 0; left: 2px; position: absolute;}
	
	.tabs-prev{ position: absolute; left: -50px; top: 50%; margin-top: -25px;}
	.tabs-next{ position: absolute; right: -50px; top: 50%; margin-top: -25px;}
	
	.tabs-box .bd{}
	.swiper-box .btn-box{ padding: 0;}
	
	.tabs-l .bd{overflow: visible;}
	
	.swiper-box .tabs-prev{ left: -100px;}
	.swiper-box .tabs-next{ right: -100px;}
	
	
	.swiper-tabs .swiper-mess{width: 100%;}
}

@media screen and (min-width: 1280px) {
	.tabs-t{ padding-top: 5px;}
	.tabs-t i{padding-right: 30px; padding-left: 17px;}
	.tabs-t .hd-l div span{font-size: 18px; height: 69px; font-size: 20px; line-height: 58px;}
	.tabs-t .hd-l div{ }
	
	.tabs-s .hd-s{ padding-left: 40px; padding-right: 40px; padding-bottom: 62px;}
	.tabs-s .hd-s span{ font-size: 16px; text-align: center;}
	
	.swiper-tabs .swiper-mess{ padding: 44px 20px 50px 40px;}
	.swiper-tabs .swiper-mess .txt{font-size: 16px; padding-top: 30px;}
	.swiper-tabs .swiper-mess .time{ font-size: 22px; padding-top: 15px;}
	
}





/* 主营业务 */
@media screen and (min-width: 320px) {
	.zyyw-tit{ text-align: center; color: #3154B7; font-size: 18px; padding-bottom: 30px; line-height: 1.2;}
	
	.zyyw-btn{ border-top: solid 1px #EEEEEE; margin-top: 30px;}
}

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

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

@media screen and (min-width: 992px) {
	.zyyw-tit{ font-size: 24px; padding-bottom: 40px;}
	.zyyw-btn{  margin-top: 50px;}
}

@media screen and (min-width: 1280px) {
	.zyyw-tit{ font-size: 28px; padding-bottom: 49px;}
	.zyyw-btn{ margin-top: 60px;}
}





/* 联系我们 */
@media screen and (min-width: 320px) {
	.lxwm-box .map{ height: 250px;}
	.lxwm-box .l{ border: solid 1px #EEE; padding: 15px; display: flex; align-items: stretch; justify-content:center;}
	.lxwm-box .l .qr-box {width:160px; border: solid 1px #3154B7;}
	.lxwm-box .l .qr-box .txt{ background:#3154B7; color:#fff; padding:10px;  display: flex; align-items: center; justify-content:center;}
	.lxwm-box .r{ background:#f8f8f8; padding: 15px;}
	.lxwm-box .tit{ color: #456AD4; font-size: 18px; padding-bottom: 10px;}
	.lxwm-box li{ padding: 4px 0;}
}

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

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

@media screen and (min-width: 992px) {
	.lxwm-box .map{ height: auto; min-height: 400px; width: 100%;}
	.lxwm-box {display: flex;}
	.lxwm-box .l{ display: flex; align-items: center; justify-content:center; flex-basis: 300px;}
	.lxwm-box .l .qr-box{width:240px; }
	.lxwm-box .r{/*flex-basis: 420px;*/ flex: 1;flex-shrink: 0; display: flex; flex-direction: column; justify-content: center; padding: 40px;}
	.lxwm-box .tit{font-size: 24px; padding-bottom: 15px;}
}

@media screen and (min-width: 1280px) {
	.lxwm-box .l{ flex-basis: 300px;}
	.lxwm-box .tit{ font-size: 28px;}
	.lxwm-box .r{/*flex-basis: 480px;*/}
}




/* 客户服务保障 */
@media screen and (min-width: 320px) {
	.khfwbz-list{text-align: center;}
	.khfwbz-list ul{ display: flex; flex-wrap: wrap; margin: -20px;}
	.khfwbz-list li{flex-grow: 1; padding: 20px;}
	.khfwbz-list .icon{ width: 100px; margin: 0 auto; }
	.khfwbz-list .icon img{}
	.khfwbz-list .tit{ padding-top: 5px; color: #3154B7; font-size: 18px;}
	
	.form-box{ padding: 30px 15px; border: solid 1px #EEEEEE;}
	.form-box .layui-form{ margin: -10px 0;}
	.form-box .layui-form .row{ margin: 0 -10px; }
	.form-box .layui-form .col{ padding: 10px;}
	.form-box .layui-form .tit{ font-size: 14px; padding-bottom: 5px;}
	
	.layui-form-radio>i:hover, .layui-form-radioed>i{ color: #3154B7;}
	.layui-form-select dl dd.layui-this{ background-color: #3154B7;}
	div.layui-laydate .layui-this{ background-color: #3154B7!important;}
	
	div.layui-laydate-header i:hover, div.layui-laydate-header span:hover{color: #3154B7;}
	div.layui-laydate-footer span:hover{color: #3154B7;}
	
	
	.form-box .btn-box{ text-align: center; padding-top: 30px;}
	.form-box .btn-box .layui-btn{ width: 220px; border-radius: 6px; height: 50px; background: #3154B7; font-size: 16px;}
}

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

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

@media screen and (min-width: 992px) {
	.khfwbz-list .tit{font-size: 22px; padding-top: 8px;}
	.form-box{ padding: 50px;}
	
	.form-box{ }
	.form-box .layui-form{ margin: -20px 0;}
	.form-box .layui-form .row{ margin: 0 -20px; }
	.form-box .layui-form .col{ padding: 20px;}
	
	.form-box .layui-form .row{ display: flex; position: relative;}
	.form-box .form-mess .row::before{ content: ' '; position: absolute; left: 20px; bottom: 0; right: 20px; border-bottom: dashed 1px #E5E5E5;}
	.form-box .form-mess .row:nth-last-child(1)::before{display: none;}
	.form-box .form-mess .col{ flex: 1;}
	.form-box .form-mess .col-04{ flex-basis: 33.3333%;}
	.form-box .form-mess .col-08{ flex-basis: 66.6667%;}
	
	.form-box .btn-box{ padding-top: 50px;}
	
	.form-box .layui-form .layui-input,.form-box .layui-form .layui-select,.form-box .layui-form .layui-textarea{ background: #F6F6F6; border-color: #E3E3E3;}
	
	.form-box .btn-box .layui-btn{ width: 260px; height: 60px;}
}

@media screen and (min-width: 1280px) {
	.khfwbz-list { padding: 16px 20px 0 20px;}
	.khfwbz-list .icon{width: 144px;}
	.khfwbz-list .tit{font-size: 28px; padding-top: 13px;}
	.form-box{ padding: 60px;}
	
	.form-box .form-mess{ margin: -35px 0;}
	.form-box .form-mess .row{ margin: 0 -30px; }
	.form-box .form-mess .col{ padding:35px 30px;}
	
	.form-box .form-mess .tit{font-size: 16px; padding-bottom: 10px;}
	
	.form-box .layui-form .layui-input,.form-box .layui-form .layui-select,.form-box .layui-form .layui-textarea{ height: 50px; font-size: 16px;}
	
	.layui-form-select dl{ top: 54px;}
	.layui-form-selectup dl{ top:auto; bottom: 54px;}
	
	.form-box .btn-box{ padding-top: 60px;}
}



/*  */
@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: 1280px) {
	
}


/*弹窗视频*/
@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: #3154B7; font-family:"iconfont" !important;
  font-size:16px;
  font-style:normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; text-align: center; line-height: 35px;}
	.video-show .layui-layer-setwin .layui-layer-close2:before { content: "\e639"; color: #fff; font-size: 14px;}
	
	div.video-show .layui-layer-content{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #000; overflow: visible;}
	.jcsp-video{display: none;}
	.video-show video{display: block;}
	.video-show video{ width: 100%; height: 100%;}
	
}



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

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

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

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

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

/*@media screen and (min-width: 1280px) {
	.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; color: #5b5b5b; position: relative; z-index: 10; line-height: 2;}
	.content-box,.content-box *{ line-height: 1.75; font-size: 14px;}
	.content-box img{max-width: 100%;}
	
	body.view *{box-sizing: border-box;}
	body.view ol,ul{width: auto;}
	body.view img{max-width: 100%;}
	
	
	
	body.view {font-size: 14px; text-align:center;}
	body.view p,body.view>span{ margin-bottom:30px; text-indent: 28px; line-height:1.75; display:block;}
	body.view p p{ margin-bottom:0; text-indent: 0;}
	
	.info-cont{ max-width:800px; margin:0 auto;}
	.info-cont img{max-width: 100%;}
	/*.info-cont img + img{ padding-top: 15px;}*/
	.info-cont .info-box-img + .info-box-img{ padding-top: 30px;}
	.info-cont img + p{}
	
	.info-box-ti0{ text-indent: 0;  text-align: justify !important; text-justify:inter-word !important;}
	.info-cont {font-size: 14px; text-align:center;}
	.info-cont p,.info-cont>span{ margin-bottom:30px; text-indent: 28px; line-height:1.75; display:block;}
	.info-cont p p{ margin-bottom:0; text-indent: 0;}
	.info-cont .info-box-img{ text-indent: 0;  margin-bottom:0; text-align:center !important;}
	.info-cont .info-box-img img{width:auto !important; max-width:100% !important; height:auto !important; margin-bottom:21px;}
	.info-cont .info-box-img img.info-box-img-detach{width: auto !important;  margin-bottom: 0 !important;  margin-right: 2px; }

	
		
}

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

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





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

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

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

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

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



/* *{font-family: "microsoft yahei";}
@media screen and (min-width: 1280px) {
body::before{ content: ' '; background-image: url(../pic/khfwbz.jpg); width: 100%; height: 2736px; background-position: center top; position: absolute; z-index: 999; opacity: .2; pointer-events: none;  -webkit-background-size: 1920px auto;
background-size:  1920px auto; top:0; left: 0;}

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