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


textarea::placeholder ,input::placeholder {
  color: #b0b4bb;
}



@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:#351c75; color:#fff;}
::-moz-selection{background:#351c75; color:#fff;}

a,a:link{ color: #333; text-decoration: none;}
a:hover,a:active{ color: #351c75; 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; 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: #351c75; color: #fff; border: 1px solid #351c75; }



@media screen and (min-width: 992px) {
	div.pages{ padding-top: 30px;}
}




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

.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; box-shadow: 0 0 5px rgba(0,0,0,.1);}
	.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: 9px 0 9px 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: #351c75;}
	.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 .nav-flex{ margin: -5px 0;}
	.nav-list li .nav-list-sub dl{ border-bottom: solid 1px rgba(128,128,128,.1); padding: 5px 0;}
	.nav-list li .nav-list-sub dl:nth-last-child(1){border: none;}
	.nav-list li .nav-list-sub dt a{font-weight: bold; text-align: left; font-size: 13px; color: #000; line-height: 36px;}
	.nav-list li .nav-list-sub dd{display: flex; flex-wrap: wrap; margin: 0 -10px;}
	.nav-list li .nav-list-sub dd span{ padding:0 10px;}
	.nav-list li .nav-list-sub dd a{ display: block; line-height: 1.75; font-size: 12px; color: #666;}
	
	.nav-list li .nav-list-sub a:hover{ color: #351c75;}
	
	.nav-list li a.btn{position: relative; display: block;}
	.nav-list li a.btn i.more{ position: absolute; right: 15px; top: 0; line-height: 42px; display: flex; align-items: center; justify-content: center;display:none;}
	.nav-list li a.btn i.more::before{ line-height: 42px; font-size: 12px; color: #351c75; transition: .3s; display: block;}
	.nav-list li a.btn b{font-weight: normal; line-height: 42px; position: relative; color: #666; display: block; font-weight: bold; color: #351c75;}
	.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 .nav-list-height{ padding: 10px 15px;}
	.nav-list li .nav-list-sub .nav-bd{ margin: 0 -10px; padding: 0;}
	.nav-list li .nav-list-sub .nav-bd span{ padding: 0 10px;}
	.nav-list li .nav-list-sub .nav-bd a:hover{ color: #351c75;}
	
	.nav-list li .nav-list-sub a.btn-02{ line-height: 36px; border-bottom: solid 1px rgba(128,128,128,.1); color: #666; /* text-align: center; */ font-size: 13px;}
	.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: #351c75;}
	
	
	
	.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: #351c75; font-weight: bold;}
	.nav-list li.nav-on a.btn b,.nav-list li.nav-on a.btn i:before{ color: #351c75;}
	.nav-list li.nav-on a.btn i::before{transform: rotate(180deg);}
	
	.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: #351c75; 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.btn 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; border-bottom: solid 1px rgba(0,0,0,.1); padding: 15px;}
	
	.tel{ display: flex; align-items: center; padding-bottom: 10px;}
	.tel i{ padding-right: 10px;}
	.tel i::before{ font-size: 14px; color: #351c75;}
	.tel span{ color: #351c75; font-size: 16px;}
	.lang dt{display: none;}
	.lang dd{display: flex;}
	.lang dd a{ padding: 0 10px; border: solid 1px #999; line-height: 32px; }
	.lang dd a.on{ background: #351c75; border-color: #351c75; color: #fff;}
}
	
	@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) {
	
	.container-header{ display: flex;}
	.nav{ height: 55px; flex:1;}
	.nav:before{display: none;}
	.nav-box-bg{ height: 55px;}
	
	.nav-box{ box-shadow: none; position: fixed; height: 55px; background: #fff;}
	
	.header-box{ height: 55px; display: block;}
	
	.logo{ height: 55px;}
	.logo img{ margin: 0 auto; height: 100%;}
	.logo a{ width: 100%; height: 100%; display: block; padding: 0;}
	
	
	.nav-btn{ display: none;}
	div.nav{  display: flex; 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; flex-direction: row-reverse;}
	.nav-list{  position: relative;}
	
	
	.nav-list:after{ content: ' '; overflow: hidden; clear: both; display: block;}
	.nav-list{ flex:1; display: flex; justify-content: center;}
	.nav-list li{ border-bottom: none; position: relative; border: none;}
	
	.nav-list li a.btn b{ line-height: 55px; height: 55px; overflow: hidden; font-size: 14px;}
	.nav-list li a.btn{ height: 55px; line-height: 55px; padding: 0 15px; font-size: 14px; position: relative; display: flex;}
	.nav-list li a.btn i.more{position: relative; right: 0; line-height: 55px; padding-left: 8px;}
	
	/*.nav-list li:nth-last-of-type(1) a:after{display: none;}*/
	.nav-list li.nav-on>a b{ color: #351c75;}
	.nav-list li.nav-off>a b{ color: #666;}
	.nav-list li .on b/*,.nav-list li a:hover b*/{ color: #351c75;}
	.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: 55px; height: auto !important; width: auto; background: none; box-shadow:none; -webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;padding-top: 0; transform: translateX(-50%); left:50%; overflow: visible;}


	.nav-list li .nav-list-sub .nav-list-height{padding: 0; position: relative;}
	.nav-list li .nav-list-sub a.btn{ 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: #351c75;}

	
	.nav-list div.nav-btn-bg,.nav-list div.nav-btn-bg-02{ height: 55px; background: none; border-bottom: solid 2px #351c75; overflow: hidden; transition: .3s; display: block; }
/* 	.nav-list div.nav-btn-bg:before,.nav-list div.nav-btn-bg-02:before{ content: ' '; position: absolute; left: 20px; right: 20px; top: 0; height:3px; background: #351c75;} */
	
	.nav-list-sub.e-anim-hide{ display: none;}

	
	.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;}
	
	
	.nav-list .nav-flex{display: flex; background: #fff;  box-shadow: 0 5px 10px rgba(0,0,0,.1); padding: 10px 15px; margin: 0;}
	.nav-list li .nav-list-sub dl{border: none; padding: 0 15px;}
	.nav-list li .nav-list-sub a{white-space: nowrap; display: block;}
	.nav-list li .nav-list-sub dt{ border-bottom: solid 1px #F3F3F4;}
	.nav-list li .nav-list-sub dt a{font-weight: normal; line-height: 48px; font-size: 15px;}
	.nav-list li .nav-list-sub dd{display: block; margin: 0; padding-top: 5px;}
	.nav-list li .nav-list-sub dd span{ padding: 0; display: block;}
	.nav-list li .nav-list-sub dd a{ line-height: 30px; font-size: 14px;}
	
	.nav-list li .nav-list-sub-02{ width: 100%;}
	.nav-list li .nav-list-sub .nav-bd{ background: #fff;  box-shadow: 0 5px 10px rgba(0,0,0,.1); padding:10px 0; margin: 0; }
	.nav-list li .nav-list-sub .nav-bd span{display: block; text-align: center; padding: 0;}
	.nav-list li .nav-list-sub .nav-bd a{ padding: 0 10px;}
	
	/*PC二级下拉背景色*/
	.nav-list-sub-bg{ display: none; 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: 60px;}
	
	.header-swiper-box{ position: absolute; left: 0; top: 0; width: 100%;}
	.header-bg{ height: 0; background-position: center center; background-repeat: no-repeat; background-color: #351c75;}
	
	
	/* 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 #351c75; transition: .3s;}
	
	
	/* top-r */
	
	.top-r{ display: flex; flex-direction: row; background: none; margin: 0; padding: 0; border: none; margin-left: 10px;}
	.tel{ height: 55px; padding-bottom: 0; background: #351c75; padding: 0 15px;}
	.tel i::before{ color: #fff;}
	.tel span{ color: #fff; font-size: 14px; font-weight: bold;}
	
	.lang dl{ position: relative;}
	.lang dt{display: flex; align-items: center; justify-content: center; height: 55px; padding: 0 10px; cursor: pointer;}
	.lang dt span{ padding-right: 10px; font-weight: bold; color: #666;}
	.lang dt i{ line-height: 55px; transition: .3s;}
	.lang dt i::before{ font-size: 12px;}
	.lang dd{display: none; position: absolute; width: 100%; background: #fff; text-align: center; box-shadow: 0 4px 8px rgba(0,0,0,.1);}
	
	.lang dd a{ display: block; border: none; line-height: 44px; font-weight: bold;}
	.lang dd a.on{ background: none; color: #351c75;}
	.lang.show dt i{ transform: rotate(180deg);}
	
	.lang dd.e-anim-on{animation:lang-anim-on-pc .3s; animation-fill-mode: both; display: block;}
	.lang dd.e-anim-off{animation:lang-anim-off-pc .3s; animation-fill-mode: both; display: block;}
}

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


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

@media screen and (min-width: 1280px) {
.nav-box{height: 55px;}
.nav-box-bg{ height: 55px;}
.logo{ height: 55px;}
.nav{width: auto; height: 55px;}
.nav-list{ }
.nav-list li a.btn{ padding: 0 30px; height: 55px; line-height: 55px;}
.nav-list li a.btn b{font-size: 16px; line-height: 55px; height: 55px;}



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


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


}




/* banner */
@media screen and (min-width: 320px) {
	.swiper-banner {position: relative;}
	.swiper-banner .banner-bg{ height: 90vw;}
	
	.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: #fff; opacity: .5; width: 10px; height: 10px;}
	.banner-pagination span.swiper-pagination-bullet-active{ opacity: 1;}
	
	.swiper-banner .btn{ padding: 2vw 0;}
	.swiper-banner .btn a{ padding: 0 5vw; height: 7vw; border: solid 1px #351c75; background: #351c75; color: #fff; display: flex; align-items: center; border-radius: 3.5vw; font-size: 3vw; display: flex; align-items: center; justify-content: center; line-height: 1;}
	.swiper-banner .btn a:hover{ background: none; color: #351c75;}
	
	.ind-banner-box-01 ul{display: none;}
	
	.ind-banner-box-01{display: flex; flex-direction: column; align-items: center; padding:5vw 15px;}
	.ind-banner-box-01 .tips{ font-size: 3vw; line-height: 1; padding: 2vw 0;}
	.ind-banner-box-01 .tit{ font-size: 4vw; line-height: 1; padding: 2vw 0;}
	.ind-banner-box-01 .sub-tit{ font-weight: bold; font-size: 5vw; line-height: 1; padding: 2vw 0;}
	
	.banner-box .col-black .tips,.banner-box .col-black .tit,.banner-box .col-black .sub-tit,.banner-box .col-black li *{ color: #000;}
	.banner-box .col-black hr{ background: #444;}
	.banner-box .col-white .tips,.banner-box .col-white .tit,.banner-box .col-white .sub-tit,.banner-box .col-white li *{ color: #fff;}
	.banner-box .col-white hr{ background: #fff;}
	.banner-box .col-white .btn a:hover{ background: none; color: #fff; border-color: #fff;}
	.banner-box .col-purple .tips,.banner-box .col-purple .tit,.banner-box .col-purple .sub-tit,.banner-box .col-purple li *{ color: #351c75;}
	.banner-box .col-purple hr{ background: #351c75;}
	
	.ind-banner-box-02{display: flex; flex-direction: column; align-items: center; padding:5vw 15px; height: 100%;}
	.ind-banner-box-02 .tit{ font-weight: bold; font-size: 5vw; line-height: 1; padding: 2vw 0;}
	.ind-banner-box-02 .sub-tit{ font-size: 4vw; line-height: 1; padding: 2vw 0;}
	.ind-banner-box-02 .sub-tit *{ line-height: 1; }
	.ind-banner-box-02 .sub-tit span{ font-weight:bold;}
	.ind-banner-box-02 	.banner-mess-box{ display: flex; flex-direction: column; align-items: center; justify-content: center; width:100%; text-align:center;}
	
	.banner-btn{ width: 34px; height: 58px; background: rgba(0,0,0,.2); position: absolute; top: 50%; margin-top: -29px; z-index: 2; display: flex; align-items: center; justify-content: center; cursor: pointer; transition: .3s;}
	.banner-btn i::before{ color: #fff;}
	.banner-prev{ left: 10px;}
	.banner-prev:hover{ transform: translateX(-5px);}
	.banner-next{ right: 10px;}
	.banner-next:hover{ transform: translateX(5px);}
	
	.ind-banner-box-01,.ind-banner-box-02{position:relative; z-index:2;}
	.banner-bg{position:relative;}
	.banner-pic{ position:absolute; left:0; top:0; width:100%; height:100%; background-size: cover; background-position: center; background-repeat: no-repeat;}
	.banner-m{display:block;}
	.banner-pc{display:none;}
	
}

@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: 650px;}
	.swiper-banner .banner-pic{ background-size: auto 650px;}
	
	.banner-m{display:none;}
	.banner-pc{display:block;}
	
	.banner-pagination span{width: 15px; height: 15px;}
	
	.swiper-banner .btn{ padding: 8px 0;}
	.swiper-banner .btn a{ padding: 0 20px; height: 36px; font-size: 16px;}
	
	.ind-banner-box-01{ padding:20px 15px;}
	.ind-banner-box-01 .tips{ font-size: 18px; padding: 8px 0;}
	.ind-banner-box-01 .tit{ font-size: 32px; padding: 8px 0;}
	.ind-banner-box-01 .sub-tit{ font-size: 40px; padding: 8px 0;}
	.ind-banner-box-01 ul{display: flex; padding-top: 8px; min-width: 520px;}
	.ind-banner-box-01 ul li{ padding: 0; position: relative; flex: 1;}
	.ind-banner-box-01 ul li b{ display: block; text-align: center; font-size: 22px;}
	.ind-banner-box-01 ul li span{ display: block; text-align: center; font-size: 12px;}
	.ind-banner-box-01 ul li hr{ position: absolute; margin: 0; right: 0; top: 5px; bottom: 5px; height: auto; width: 1px;}
	.ind-banner-box-01 ul li:nth-last-child(1) hr{display: none;}
	
	.ind-banner-box-02{ padding:20px 15px; width: 960px; margin: 0 auto; height: 650px; align-items: flex-start; justify-content: center;}
	.ind-banner-box-02 .tit{ font-size: 36px; padding: 15px 0;}
	.ind-banner-box-02 .sub-tit{ font-size: 26px; padding: 15px 0;}
	.ind-banner-box-02 .sub-tit b{font-size: 36px;}
	.ind-banner-box-02 	.banner-mess-box{align-items: flex-start; justify-content: center; width:auto; text-align:left;}
	
	.banner-prev{ left: 20px;}
	.banner-next{ right: 20px;}
	
	
	.banner-box .ai-fe{align-items:flex-end;}
}

@media screen and (min-width: 1280px) {
	.ind-banner-box-02{  width: 1200px;}
	
	
}
@media screen and (min-width: 1400px) {
	.swiper-banner .banner-bg{ }
	.swiper-banner .banner-pic{ background-size: 1920px auto;}
}






/* banner-mess */
@media screen and (min-width: 320px) {
	
	.banner-mess-bg{ background-image: linear-gradient(to right,#52277e, #01003e);}
	.banner-mess ul{display: flex; flex-wrap: wrap;}
	.banner-mess li{flex-grow: 1;}
	.banner-mess dl{padding: 15px; display: flex; align-items: center; justify-content: center; flex-direction: column;}
	.banner-mess dl *{line-height: 1;}
	.banner-mess dt{text-align: center; color: #fff; font-size: 15px;}
	.banner-mess dd{text-align: center; color: #ccc; font-size: 13px; padding-top: 5px;}
}

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

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

@media screen and (min-width: 992px) {
	.banner-mess dt{font-size: 28px;}
	.banner-mess dd{font-size: 18px; padding-top: 10px;}
	
	.banner-mess dl{ height: 120px;}
	
	.banner-mess li{position: relative;}
	.banner-mess li::before{ content: ' '; position: absolute; top: 25px; bottom: 25px; right: 0; width: 1px; background: #f3f3f3;}
	.banner-mess li:nth-last-child(1)::before{display: none;}
}

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






/* box-01 */
@media screen and (min-width: 320px) {
	.box-01{ background-image: url(../img/20905222.jpg); background-size: cover; background-position: center;}
	
	.box-01-list { margin: -5px; display: flex; flex-wrap: wrap;}
	.box-01-list .box-col{ padding:5px;}
	.box-01-list .box-bg{ border-radius: 10px; border: solid 1px #eee; background: rgba(255,255,255,.5); padding: 10px; box-shadow: 0px 2px 16px rgba(0,0,0,.2);}
	.box-01-list .box-bg:hover{ background:  rgba(255,255,255,1); transform: translateY(-5px);}
	
	.box-01-list .box-col{ flex-basis: 100%;}
	.box-01-list .tit{ font-weight: bold; color: #333; text-align: center; font-size: 16px;}
	.box-01-list .txt{ color: #666; text-align: center; font-size: 14px; }
	.box-01-list .pic{}
	.box-01-list .pic img{height: 120px; object-fit: contain;}
	.box-01-list .btn-box{ display: flex; justify-content: center; padding: 5px 0 15px 0;}
	.box-01-list .btn{ display: inline-flex; align-items: center; justify-content: center; padding: 0 20px; border: solid 1px #351c75; border-radius: 5px; background: #351c75; color: #fff; height: 28px;}
	.box-01-list .btn span{ padding-right: 5px; line-height: 1;}
	.box-01-list .btn i,.box-01-list .btn i::before{ font-size: 12px; line-height: 1;}
	
	.box-01-list .btn:hover{ background: none;}
	.box-01-list .btn:hover span,.box-01-list .btn:hover i::before{color: #351c75;}
}

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

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

@media screen and (min-width: 992px) {
	.box-01-list { margin: -5px -10px;}
	.box-01-list .box-col{ padding:5px 10px;}
	
	.box-01-list .box-col-06{ flex-basis: 50%;}
	.box-01-list .box-col-03{ flex-basis: 25%;}
	
	.box-01-list .tit{ font-size: 20px;}
	.box-01-list .txt{ font-size: 18px;}
	.box-01-list .pic img{height: 140px;}
}

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



/* 首页共用 */
@media screen and (min-width: 320px) {
	.ind-box { padding: 30px 0; }
	.int-box-pt0{ padding-top: 0;}
	
	.ind-box-mt{margin-top: 20px;}
	
	.ind-box-tit{ text-align: center;; font-size: 22px; color: #333; line-height: 1;}
	
	.ind-box-pic{ -webkit-background-size: cover;
	background-size: cover; position: relative; display: flex; align-items: center; justify-content: center; min-height: 20vw;}
	.ind-box-pic::before{content: ' '; background: rgba(11,83,148,.3); position: absolute; left: 0; top: 0; right: 0; bottom: 0;}
	.ind-box-pic-02::before{ background: rgba(9,122,104,.5);}
	.ind-box-pic-03::before{ background: rgba(0,0,0,.5);}
	.ind-box-pic .box-pic-txt{position: relative; z-index: 2; color: #fff; font-size: 18px; padding: 15px; text-align: center;}
	
	.ind-box-mess dt img{width: 100%;}
	.ind-box-mess dd{ background: rgba(194, 228, 255, 0.2); padding: 15px;}
	.ind-box-mess .tit{ font-weight: bold; font-size: 20px; color: #351c75; line-height: 1; padding-bottom: 5px; display: flex; align-items: center;}
	.ind-box-mess .tit a{ color: #351c75;}
	.ind-box-mess .tit i{ padding-left: 5px;}
	.ind-box-mess .tit i,.ind-box-mess .tit i::before{ line-height: 1; font-size: 18px;}
	.ind-box-mess .txt{ font-size: 14px; font-family: "Microsoft JhengHei";}
	.ind-box-mess .sub-tit{color: #2b3033; font-size: 18px; line-height: 1; padding-bottom: 5px; display: flex; align-items: center;}
	.ind-box-mess .sub-tit i{ padding-right: 5px;}
	.ind-box-mess .sub-tit i,.ind-box-mess .sub-tit i::before{ font-size: 18px; line-height: 1;}
	.btn-list ul{display: flex; margin: -6px -8px; flex-wrap: wrap;}
	.btn-list li{ padding:6px 8px;}
	.btn-list span{ border: 1px solid #351c75; padding: 0 12px; height: 30px; display: flex; align-items: center; justify-content: center; color: #351c75; line-height: 1; font-family: "Microsoft JhengHei";}
	
	.ind-box-mess dd .box{margin: -10px 0;}
	.ind-box-mess dd .item{ padding: 10px 0;}
	
	i.pic-scale-case{padding-bottom: 72%;}
	
	.ind-pic-list ul{ margin: -5px; display: flex; flex-wrap: wrap;}
	.ind-pic-list li{padding: 5px; flex-basis: 50%;}
	.ind-pic-list dd{ border: 1px solid #eee; padding: 15px; display: flex; align-items: center; justify-content: center; text-align: center;}
}

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

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

@media screen and (min-width: 992px) {
	.ind-box { padding: 50px 0;}
	.int-box-pt0{ padding-top: 0;}
	
	.ind-box-mt{margin-top: 30px;}
		
	.ind-box-tit{font-size: 34px;}
	
	.ind-box-pic{ height: 156px; min-height: auto;}
	.ind-box-pic .box-pic-txt{font-size: 24px;}
	
	.ind-box-mess{ display: flex;}
	.ind-box-mess dt{ flex-basis: 50%; flex-shrink: 0; display: flex;}
	.ind-box-mess dt img{ width: 100%; height: 100%; object-fit: cover;}
	.ind-box-mess dd{ flex-basis: 50%; flex-shrink: 0; padding: 25px 30px;}
	.ind-box-mess .tit{font-size: 24px;}
	.ind-box-mess .tit i{ padding-left: 8px;}
	.ind-box-mess .tit i,.ind-box-mess .tit i::before{ font-size: 20px;}
	.ind-box-mess .sub-tit{font-size: 20px;}
	.ind-box-mess .sub-tit i{ padding-right: 8px;}
	.ind-box-mess .sub-tit i,.ind-box-mess .sub-tit i::before{ font-size: 20px;}
	
	.ind-box-mess-02{flex-direction: row-reverse;}
	
	.ind-pic-list ul{display: flex; margin: -8px;}
	.ind-pic-list li{ flex-grow: 1; max-width: 33.3333%; display: flex; padding: 8px;}
	.ind-pic-list li dl{flex: 1; display: flex; flex-direction: column;}
	.ind-pic-list li dd{flex:1; padding: 10px 15px;}
}

@media screen and (min-width: 1280px) {
	.ind-box { padding: 60px 0;}
	.int-box-pt0{ padding-top: 0;}
	
	.ind-box-mt{margin-top: 40px;}
	
	.ind-box-mess dd{ padding: 45px 50px;}
	.ind-box-mess .tit{font-size: 26px;}
	.ind-box-mess .tit i,.ind-box-mess .tit i::before{ font-size: 22px;}
	.ind-box-mess .txt{font-size: 16px;}
	.ind-box-mess .sub-tit{font-size: 22px;}
	.ind-box-mess .sub-tit i,.ind-box-mess .sub-tit i::before{ font-size: 22px;}
	
	.btn-list span{font-size: 16px;}
	
	.ind-pic-list li dd{font-size: 18px; padding: 10px 20px;}
	.ind-pic-list li dd b{font-size: 22px;}
}




/* box-05 */
@media screen and (min-width: 320px) {
	.ind-case-box{ padding:0 40px; position: relative;}
	i.pic-scale-case-02,.ind-case-box .more{ padding-bottom: 57.29%;}
	.ind-case-box .pic{ position: relative;}
	.ind-case-box .txt{ position: absolute; left: 15px; bottom: 10px; z-index: 2; color: #fff; line-height: 1.4;}
	.ind-case-box .txt *{ line-height: 1.4;}
	.case-btn { width: 34px; height: 58px; background: rgba(0,0,0,.2); position: absolute; top: 50%; margin-top: -29px; z-index: 2; display: flex; align-items: center; justify-content: center;cursor: pointer; transition: .3s;}
	.case-btn i::before{ color: #fff;}
	.case-prev{ left: 0;}
	.case-next{ right: 0;}
	
	.ind-case-box .shade{ position: absolute; left: 0; bottom: 0; right: 0; z-index: 1; height: 50%;  background: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.5));}
	
	.ind-case-box .more{ display: block; background: #351c75; position: relative;}
	.ind-case-box .more-txt{ position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); display: flex; font-size: 18px;}
	.ind-case-box .more-txt *{ color: #fff;}
	.ind-case-box .more-txt i{ padding-right: 5px;}
	.ind-case-box .more-txt i::before{ font-size: 18px; color: #fff;}
	
	.ind-case-box .more:hover *,.ind-case-box .more:hover *::before{ color: #f1c232;}
}

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

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

@media screen and (min-width: 992px) {
	.ind-case-box{ padding:0 70px;}
	.ind-case-box .txt{font-size: 16px; line-height: 1.75; left: 20px; bottom: 15px;}
	.ind-case-box .more-txt{ font-size: 22px;}
	.ind-case-box .more-txt i::before{ font-size: 22px;}
}

@media screen and (min-width: 1280px) {
	.ind-case-box{ padding:0 90px;}
	.ind-case-box .txt{font-size: 18px; left: 25px; bottom: 20px;}
	.ind-case-box .more-txt{font-size: 24px;}
	.ind-case-box .more-txt i::before{ font-size: 24px;}
}



/* box-06 */
@media screen and (min-width: 320px) {
	.box-06{background: #f9f9f9;}
	.ind-honor-list{ max-width: 1020px; margin: 0 auto; background: #fff; border-radius: 12px;}
	
	.ind-honor-list ul{display: flex; flex-wrap: wrap;}
	.ind-honor-list li{ flex-grow: 1; padding: 15px 10px; color: #351c75; position: relative;}
	.ind-honor-list li::before{content: ' '; position: absolute; top: 25px; bottom: 25px; right: 0; width: 1px; background: #ccc;}
	.ind-honor-list li:nth-last-child(1)::before{display: none;}
	.ind-honor-list dt{ font-size: 18px; font-weight: bold; text-align: center;}
	.ind-honor-list dd{ font-size: 12px; text-align: center;}
	
	i.pic-scale-case-03{ padding-bottom: 75.4%;}
	.ind-pic-list-02 ul{display: flex; flex-wrap: wrap; margin: -8px;}
	.ind-pic-list-02 li{ flex-basis: 50%; flex-shrink: 0; padding: 8px;}
	.ind-pic-list-02 a{display: block; position: relative;}
	.ind-pic-list-02 .tit{ background: rgba(0,0,0,.6); position: absolute; left: 0; bottom: 0; right: 0; height: 40px; display: flex; align-items: center; justify-content: center; padding: 0 10px; min-width: 0;}
	.ind-pic-list-02 .tit span{ overflow: hidden; -ms-text-overflow: ellipsis;
	text-overflow: ellipsis; white-space: nowrap; color: #fff; font-size: 12px; }
	
	.ind-honor-box-bg{background: #f3f3f3;}
	.ind-honor-box{ overflow: hidden;}
	.ind-honor-box ul{display: flex; flex-wrap: wrap; margin: 0 -10px;}
	.ind-honor-box li{flex-grow: 1; text-align: center; padding: 15px 10px; position: relative;}
	.ind-honor-box li::before{ content: ' '; position: absolute; right: 0; top: 20px; bottom: 20px; width: 1px; background: #ddd;}
	.ind-honor-box div{color: #351c75; font-size: 12px; font-family: Microsoft JhengHei; font-weight: bold; line-height: 1.5;}
}

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

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

@media screen and (min-width: 992px) {
	.ind-honor-list li{ padding: 20px;}
	.ind-honor-list dt{ font-size: 22px;}
	.ind-honor-list dd{ font-size: 14px;}
	
	.ind-pic-list-02 .tit span{font-size: 14px;}
	.ind-pic-list-02 li{ flex-basis: 25%;}
	
	.ind-honor-box-bg{ padding: 10px 0;}
	.ind-honor-box ul{ margin: 0 -15px;}
	.ind-honor-box li{ padding: 20px 15px;}
	.ind-honor-box div{ font-size: 14px;}
}

@media screen and (min-width: 1280px) {
	.ind-honor-list dt{ font-size: 24px;}
	
	.ind-honor-box-bg{ padding: 25px 0;}
	.ind-honor-box div{ font-size: 18px;}
}



/* box-07 */
@media screen and (min-width: 320px) {
	i.pic-scale-news{ padding-bottom: 54.1%;}
	i.pic-scale-news-02{ padding-bottom: 54.1%;}
	
	.ind-news{ border-bottom: dashed 1px #ccc; padding-bottom: 20px;}
	
	.ind-news dd{ padding-top: 10px;}
	.ind-news .tit{ font-size: 14px; font-weight: bold; color: #222; line-height: 1.4;}
	.ind-news .txt{ color: #666; font-size: 12px; line-height: 1.4; margin-top: 5px;}
	.ind-news .time{ color: #666; font-size: 12px; line-height: 1.4; margin-top: 5px;}
	
	.ind-news li{ padding-top: 15px;}
	
	.ind-news a:hover .tit{ color: #351c75;}
	
	.box-07 .btn a{ border: solid 1px #cccccc; display: flex; align-items: center; justify-content: center; height: 44px;}
	.box-07 .btn a span{ padding-right: 10px; color: #444; font-size: 14px;}
	.box-07 .btn a i,.box-07 .btn a i::before{ font-size: 14px; line-height: 1; color: #444;}
	
	.box-07 .btn a:hover{ background: #351c75; border-color: #351c75;}
	.box-07 .btn a:hover span,.box-07 .btn a:hover i,.box-07 .btn a:hover i::before{ color: #fff;}
	
	
	.box-07 .list-01 ul{}
	.box-07 .list-01 li{}
	.box-07 .list-01 li i{ background: #444; width: 4px; height: 4px; border-radius: 50%; flex-shrink: 0; margin-right: 5px;}
	.box-07 .list-01 li a{ align-items: center; min-width: 0; padding: 10px 0; display: block;}
	.box-07 .list-01 li a b{ display: block;  white-space: nowrap; overflow: hidden; -ms-text-overflow: ellipsis;
	text-overflow: ellipsis;font-size: 14px; font-weight: normal;}
	.box-07 .list-01 li .time{ font-size: 12px; color: #666; display: block;}
	.box-07 .list-01 li .txt{ color: #999; display: block; font-size: 12px; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; -webkit-line-clamp: 2;}
}

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

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

@media screen and (min-width: 992px) {
	
	i.pic-scale-news-02{ padding-bottom: 64.4%;}
	
	.ind-news{display: flex; margin:0 -15px; padding-bottom: 0;}
	.ind-news .l{flex-basis: 40%; padding:0 15px; min-width:0;}
	.ind-news .r{flex-basis: 60%; padding:0 15px;}
	.ind-news .r dl{display: flex;}
	.ind-news .r dt{flex-basis: 193px;}
	.ind-news .r dd{flex: 1;}
	
	.ind-news .r ul{ margin: -20px 0 0 0;}
	.ind-news .r li{ padding: 20px 0; border-bottom: dashed 1px #ccc;}
	.ind-news .r li:nth-last-child(1){ border: none;}
	.ind-news .r dd{ padding-top: 0; padding-left: 15px;}
	
	.ind-news .tit{ font-size: 16px; display: block;  white-space: nowrap; overflow: hidden; -ms-text-overflow: ellipsis;
	text-overflow: ellipsis;}
	.ind-news .txt{ margin-top: 10px;}
	.ind-news .time{ margin-top: 10px;}
	
	.box-07 .btn a span{ font-size: 16px;}
	
	
	.box-07 .list-01 ul{ display: flex; flex-wrap: wrap; margin: -10px -20px;}
	.box-07 .list-01 li{ flex-basis: 25%; padding: 10px 20px; flex-shrink: 0; min-width: 0;}
	.box-07 .list-01 li a{ padding:  0;}
	.box-07 .list-01 li a b{ font-size: 14px;}
	
	
}

@media screen and (min-width: 1280px) {
	.ind-news{ margin:0 -20px;}
	.ind-news .l{flex-basis: 36%; padding:0 20px;}
	.ind-news .r{flex-basis: 64%; padding:0 20px;}
	
	.ind-news .r dt{flex-basis: 225px;}
	
	.ind-news .r ul{ margin: -30px 0 0 0;}
	.ind-news .r li{ padding: 30px 0;}
	
	.ind-news .tit{ font-size: 18px;}
	.ind-news .txt{  font-size: 14px;}
	
	.box-07 .btn a i,.box-07 .btn a i::before{ font-size: 16px;}
	
	.box-07 .list-01 ul{ margin: -15px -25px;}
	.box-07 .list-01 li{ padding: 5px 20px;}
	.box-07 .list-01 li a b{ font-size: 14px;}
	.box-07 .list-01 li a span{ font-size: 14px;}
	
}

	
	

/* footer */
@media screen and (min-width: 320px) {
	.fooger-bg{background: #f9f9f9;}
	.footer-tit{ padding: 15px 0; border-bottom: solid 1px #c1b5de; font-size: 18px; font-weight: bold; color: #351c75;}
	.footer-c{background: #f9f9f9;}
	.footer-box .l{display: none;}
	
	.footer-box{padding: 20px 0;}
	
	.footer-list-01 ul{ margin: -5px 0;}
	.footer-list-01 li{display: flex; padding: 5px 0;}
	.footer-list-01 span{ line-height: 24px; white-space:nowrap;}
	.footer-list-01 b{font-weight:normal;}
	.footer-list-01 i{ margin-right: 8px; line-height: 24px;}
	.footer-list-01 i::before{ line-height: 24px;}
	
	.footer-list-02{ padding-top: 20px;}
	.footer-list-02 ul{display: flex; margin: -5px;}
	.footer-list-02 li{flex: 1; padding: 5px; max-width: 120px;}
	.footer-list-02 dt{ display: flex; justify-content: center; max-width:140px; margin:0 auto;}
	.footer-list-02 img{width: 100%;}
	.footer-list-02 dd{font-size: 12px; text-align: center; color: #999;}
	
	.footer-list-03{ padding-top: 20px;}
	.footer-list-03 ul{display: flex; flex-wrap: wrap; margin: -5px;}
	.footer-list-03 li{ padding: 5px;}
	.footer-list-03 a:hover{ opacity: .5;}
	
	.footer-c, .footer-b{ padding: 10px 0;}
	.footer-b-box{display: flex; flex-wrap: wrap; justify-content: center; color: #999;}
	.footer-b-box span{ font-size: 12px; padding: 0 5px; position: relative; color: #999;}
	.footer-b-box a{ color: #999;}
	.footer-b-box a:hover{ color: #351c75;}
	.footer-c .footer-b-box{justify-content:left;align-items: center;}
	.footer-c .footer-b-box span::before{display:none;}
	.footer-c a:hover span{color:#351c75;}
	.to-top{display: none;}
	
	.pf-mess{display: none;}
	
	.message-hide{display: none;}
	div.lay-message{ background: none; border-radius: 0; box-shadow: none;}
	div.lay-message .layui-layer-content{overflow: visible;}
}

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

@media screen and (min-width: 480px) {
	
}
/*
@media screen and (min-width: 992px) {
	
	.footer-tit{font-size: 24px;}
	
	.footer-box .l{display: block; flex: 1; border-bottom: solid 1px #c1b5de; padding-bottom: 20px;}
	.footer-box .l{display: flex; margin:0 -10px;}
	.footer-box .l .footer-menu{ padding: 0 10px; flex-grow: 1;}
	.footer-box .footer-sub-menu{display: flex; margin: 0 -10px; padding-top: 5px;}
	.footer-box .footer-sub-menu dl{padding: 0 10px;}
	.footer-box .footer-menu-tit{ border-bottom: solid 1px #ddd; padding-bottom: 5px; font-size: 14px;}
	.footer-box .footer-sub-menu-02 { padding-top: 5px;}
	.footer-box .footer-sub-menu-02 span{display: block;}
	
	.footer-box .footer-sub-menu a,.footer-box .footer-sub-menu-02 a{ font-size: 12px; color: #666; line-height: 28px;}
	
	.footer-box dd span{display: block;}
	
	.footer-box .r{ display: flex; padding-top: 20px;}
	.footer-box .rl{ flex: 1;}
	.footer-box .rr{flex-basis: 370px;}
	
	.footer-list-02{ padding-top: 0;}
	.footer-list-02 li{max-width: none;}
	
	.footer-list-03 li img{ width: 24px; height: 24px;}
	
	.footer-b{ padding: 15px 0;}
	.footer-b-box span{ font-size: 12px; padding: 0 10px;}
	.footer-b-box span:nth-last-child(1)::before{ display: none;}
	.footer-b-box span::before{ content: ' '; width: 1px; height: 12px; position: absolute; right: 0; top: 50%; margin-top: -6px; background: #ddd;}
	
	
}
*/

@media screen and (min-width: 992px) {
	
	.footer-tit{font-size: 24px;}
	
	.footer-box{display: flex;}
	
	.footer-box .l{display: block; flex: 1; padding-right: 40px; margin:0 -15px;}
	.footer-box .l .menu-box-t{ display: flex;}
	.footer-box .l .menu-box-t dl{flex-grow: 1; padding: 0 15px;}
	.footer-box .l .menu-box-t dt{ border-bottom: solid 1px #ddd;}
	.footer-box .l .menu-box-t dt a{ font-size: 14px; font-weight: bold; padding:0 0 10px 0; display: block;  color: #333;}
	.footer-box .l .menu-box-t dd{ padding-top: 10px;}
	.footer-box .l .menu-box-t dd a{ line-height: 24px; padding: 5px 0; display: block; font-size: 12px; color: #999;}
	
	.footer-box .l a:hover{ color: #351c75;}
	
	.footer-box dd span{display: block;}
	
	.footer-box .r{ flex-basis: 280px;}
	
	.footer-list-02 li{max-width: none;}
	
	.footer-list-03 li img{ width: 24px; height: 24px;}
	
	.footer-c, .footer-b{ padding: 15px 0;}
	.footer-b-box span{ font-size: 12px; padding: 0 10px;}
	.footer-b-box span:nth-last-child(1)::before{ display: none;}
	.footer-b-box span::before{ content: ' '; width: 1px; height: 12px; position: absolute; right: 0; top: 50%; margin-top: -6px; background: #ddd;}
	
	.to-top{ display: block; right: 0; bottom: 100px; position: fixed; z-index: 9;}
	.top-btn{ width: 60px; height: 60px; background: rgba(53, 28, 117, 0.2); display: flex; align-items: center; justify-content: center; cursor: pointer; transition: .3s;}
	.top-btn i,.to-top i::before{ font-size: 28px; line-height: 1; color: #fff;}
	.top-btn:hover{ background: #351c75;}
	.top-btn:hover i{ transform: translateY(-5px);}
	
	.top-btn-hide{ transform: translateX(150%); opacity: 0;}
	
	.pf-mess{ display: block; right: 10px; bottom: 180px; position: fixed; z-index: 9;}
	.pf-mess-btn{ background: #4e6ef2; color: #fff; width: 48px; border-radius: 4px; padding: 10px; box-shadow: 0 0 10px rgba(78,110,242,.4);}
	.pf-mess-btn i,.pf-mess-btn i::before{ font-size: 18px; line-height: 1.4; color: #fff;}
	.pf-mess-btn i{text-align: center; padding-bottom: 5px;}
	.pf-mess-btn span{color: #fff; line-height: 1.4;}
	
	.pf-mess-btn a{display: flex; flex-direction: column;}
	.pf-mess-btn-hide{ transform: translateX(150%); opacity: 0;}
	
	.message{ width: 240px; border-radius: 8px; background: #fff; box-shadow: 0 8px 40px 0 rgb(0,0,0,.4); overflow: hidden;}
	.message .tit{ height: 46px; background: #4E6EF2; display: flex; align-items: center; justify-content: space-between; padding:0 0 0 15px;}
	.message .tit b{ font-size: 14px; font-weight: normal; color: #fff;}
	.message .tit i{ width: 44px; height: 46px; display: flex; align-items: center; justify-content: center; cursor: pointer;}
	.message .tit i::before{ color: #fff;}
	
	.message .tit i,.message .tit i::before{ line-height: 1; font-size: 20px;}
	.message .tit i:hover::before{ transform: rotate(180deg);}
	
	.message .box{ padding: 15px;}
	.message .box ul{ margin: -5px 0;}
	.message .box li{ padding: 5px 0; position: relative; position: relative;}
	
	.message .box .text{ width: 100%; height: 80px; border-radius: 4px; line-height: 22px; padding: 5px 10px; font-size: 12px; border: solid 1px #DCDFE6; resize: none;}
	.message .box .inp{ height: 32px; -webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px; line-height: 32px; font-size: 12px; border: solid 1px #DCDFE6; padding-left: 32px; width: 100%;}
	.message .box i{display: flex; align-items: center; justify-content: center; position: absolute; left: 0; top: 5px; width: 32px;}
	.message .box i,.message .box i::before{ line-height: 32px; font-size: 12px; color: #bec2cd;}
	.message .btn{display: flex; justify-content: flex-end;}
	.message .btn .layui-btn{ background: #4E6EF2; height: 32px; line-height: 32px; width: 64px; border-radius: 4px;}
	
	.menu-box-b {padding-top:30px;}
	.menu-box-b dl{display:flex;padding-left:15px;}
	
	.menu-box-b dt{ color:#999;}
	.menu-box-b dd{ display:flex;}
	.menu-box-b span{ padding:0 10px; position:relative;}
	.menu-box-b span::before{ content:' '; position:absolute; left:0; top:50%; margin-top:-7px; height:14px; width:1px; background:#bbb;}
	.menu-box-b span:nth-child(1)::before{display:none;}
	.menu-box-b a{ color:#999; }
}

@media screen and (min-width: 1280px) {
	
	.footer-box{padding: 30px 0;}
	
	.footer-tit{ font-size: 26px;}
	
	.footer-box .l{ padding-right: 50px;}
	
	.footer-box .r{ flex-basis: 370px;}
	
	.footer-list-02 ul{ margin: -10px;}
	.footer-list-02 li{ padding: 10px;}
}


@media screen and (min-width: 1280px) {
	
	.footer-box{padding: 30px 0;}
	
	.footer-tit{ font-size: 26px;}
	
	
	.footer-box .r{ flex-basis: 370px;}
	
	.footer-box .l .menu-box-t dt a{ font-size:16px;}
	.footer-box .l .menu-box-t dd a{ font-size:14px;}
	
}




/* 隼-10 banner */
@media screen and (min-width: 320px) {
	.s10-banner-min {position: relative; height: 90vw;background-size: cover; background-position: center; display: flex; align-items: center; background-repeat: no-repeat;}
	
	.s10-banner-min .tit{ font-size: 22px; color: #fff; line-height: 1.4;}
	.s10-banner-min .tit h1{ font-size: 28px; color: #fff; line-height: 1.4; font-weight:bold; display:inline-block;}
	.s10-banner-min .txt{ padding-top: 5px;}
	.s10-banner-min .txt span{display: block; color: #fff;}
	
}

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

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

@media screen and (min-width: 992px) {
	.s10-banner-min{ height: 640px;}
	
	.s10-banner-min .tit{ font-size: 28px;}
	.s10-banner-min .tit h1{ font-size: 38px;}
	.s10-banner-min .txt{ padding-top: 10px;}
	.s10-banner-min .txt span{ font-size: 14px;}
	.s10-banner-min .banner-mess{ padding-bottom: 40px;}
}

@media screen and (min-width: 1280px) {
	.s10-banner-min{ height: 700px;}
	
	.s10-banner-min .tit{ font-size: 32px;}
	.s10-banner-min .tit h1{ font-size: 44px;}
	.s10-banner-min .txt{ padding-top: 15px;}
	.s10-banner-min .txt span{font-size: 16px;}
	.s10-banner-min .banner-mess{ padding-bottom: 80px;}
}
@media screen and (min-width: 1400px) {
	.s10-banner-min{ background-size: 1920px auto;}
}



/* 隼-10 banner-mess */
@media screen and (min-width: 320px) {
	.s10-banner-mess{ background-image: linear-gradient(to right, #4874e1, #8417ec); padding: 15px 0;}
	.s10-banner-mess ul{ display: flex; flex-wrap: wrap; justify-content: center; margin: -10px;}
	.s10-banner-mess li{padding: 10px; flex: 1;}
	.s10-banner-mess dl{display: flex; align-items: center; flex-direction: column;}
	.s10-banner-mess dt{ width: 47px; height: 47px; border: solid 2px #fff; border-radius: 6px; padding: 6px;}
	.s10-banner-mess dd{text-align: center;}
	.s10-banner-mess b{ color: #fff; display: block; font-weight: bold; line-height: 1.2; font-size: 12px; padding-top: 5px;}
	.s10-banner-mess span{ color: #fff; display: block; line-height: 1.2; font-size: 12px; padding-top: 5px;}
	
}

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

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

@media screen and (min-width: 992px) {
	.s10-banner-mess{padding: 20px 0;}
	.s10-banner-mess li{flex-grow: 1;}
	.s10-banner-mess dd{ padding-top: 5px;}
	.s10-banner-mess b{ font-size: 16px;}
}

@media screen and (min-width: 1280px) {
	.s10-banner-mess b{ font-size: 18px;}
	.s10-banner-mess{padding: 25px 0;}
}



	
/* 共用 */
@media screen and (min-width: 320px) {
	.cp-tit-box *{ line-height: 1.4;}
	.cp-tit{ font-size: 20px; line-height: 1.4;}
	.cp-tit span{ color: #63f;}
	.cp-tit .b-c{ font-size: 24px; font-weight: bold; color: #63f;}
	.cp-line{background: #63f; height: 5px; width: 118px; margin: 15px 0;}
	
	.cp-line-min{width: 50px;}
	
	.cp-tit + .cp-tit{ padding-top: 5px;}
	
	
	.cp-tit-tac .cp-tit{text-align: center;}
	.cp-tit-tac .cp-line{margin-left: auto; margin-right: auto;}
	.cp-tit{display: flex; align-items: center;}
	.cp-tit .star{ background-image: url(../img/21027828.png); width: 25px; height: 23px; -webkit-background-size: cover;
	background-size: cover;}
	.cp-tit .star-l{ margin-right: 10px;}
	.cp-tit .star-r{ margin-left: 10px;}
	
	.cp-tit-tac .cp-tit{ justify-content: center;}
	
	.anchor-box{ position: relative; width: 0; height: 0;}
	.anchor-box .anchor{ display: block; position: relative; width: 0; height: 0;}
}

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

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

@media screen and (min-width: 992px) {
	.cp-tit{ font-size: 24px;}
	.cp-tit .b-c{font-size: 32px;}
	.cp-tit + .cp-tit{ padding-top: 8px;}
	
	.anchor-box .anchor{ top: -50px;}
}

@media screen and (min-width: 1280px) {
	.cp-tit{ font-size: 28px;}
	.cp-tit .b-c{font-size: 38px;}
}

/* s10-box-01 */
@media screen and (min-width: 320px) {
	.s10-box-01 .s10-box-01-mess-l{}
	.s10-box-01-mess-l video{width: 100%;}
	.s10-box-01-mess-r{ padding-top: 20px;}
	.s10-box-01-mess-r dl{ padding-top: 10px;}
	.s10-box-01-mess-r dl *{ line-height: 1.4;}
	.s10-box-01-mess-r dt{ font-size: 16px; font-weight: bold; color: #000;}
	.s10-box-01-mess-r dd{ font-size: 14px; padding-top: 5px;}
	.s10-box-01-mess-r .txt{font-size: 12px; color: #999; line-height: 1.4; padding-top: 15px;}
	.s10-box-01-mess-r .link{ padding-top: 10px;}
	.s10-box-01-mess-r .link a{ color: #63f;}
	.s10-box-01-mess-r .link a:hover{text-decoration: underline;}
	
	.p2x-box-01 .cp-tit{ font-size:26px;}
	.p2x-box-01 .s10-box-01-mess-r dt{ font-weight:normal;}
}

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

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

@media screen and (min-width: 992px) {
	.s10-box-01-mess{ display: flex;}
	
	.s10-box-01-mess-l{ flex-basis: 56%; flex-shrink: 0;}
	.s10-box-01-mess-l video{height: 360px; background: #000;}
	
	.s10-box-01-mess-r{ padding-left: 30px; padding-top: 0; display: flex; justify-content: center; flex-direction: column;}
	
	
	.s10-box-01-mess-r dt{font-size: 18px;}
	
	.p2x-box-01 .cp-tit{ font-size:30px;}
	
}

@media screen and (min-width: 1280px) {
	.s10-box-01-mess-l video{height: 420px; background: #000;}
	
	.s10-box-01-mess-r{ padding-left: 45px;}
	
	.s10-box-01-mess-r .tit{ font-size: 28px;}
	
	.p2x-box-01 .cp-tit{ font-size:38px;}
}



/* s10-box-02 */
@media screen and (min-width: 320px) {
	.s10-box-02{ background: #F5F5F5;}
	
	i.pic-scale-s10{ padding-bottom: 62.26%;}
	.s10-box-02-mess-l{ padding-top: 20px;}
	.s10-box-02-mess-l .txt{ font-size: 14px; padding-top: 10px;}
	.s10-box-02-mess-l .list{ padding-top: 20px;}
	.s10-box-02-mess-l .list ul{ margin: -5px; display: flex; flex-wrap: wrap; width: 100%;}
	.s10-box-02-mess-l .list li{ padding: 5px;}
	.s10-box-02-mess-l .list span{ border: solid 1px #000; height: 38px; display: flex; align-items: center; justify-content: center; padding: 0 15px; border-radius: 19px;}
}

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

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

@media screen and (min-width: 992px) {
	.s10-box-02-mess{ display: flex; flex-direction: row-reverse;}
	.s10-box-02-mess-l{ flex: 1; padding-top: 0; padding-right: 30px; display: flex; flex-direction: column; justify-content: center;}
	.s10-box-02-mess-r{ flex-basis: 45%; flex-shrink: 0; min-width: 0;}
	
	.s10-box-02-mess-l .txt{ font-size: 16px;}
}

@media screen and (min-width: 1280px) {
	.s10-box-02-mess-l{ padding-right: 45px;}
	.s10-box-02-mess-l .txt{ font-size: 18px;}
	
}





/* s10-box-03 */
@media screen and (min-width: 320px) {
	.s10-box-03{ background-image: url(../img/20856692.jpg); background-size: cover; background-position: center;}
	
	.s10-box-03 .list-box{ margin: -10px;}
	.s10-box-03 .item{ padding: 10px;}
	.s10-box-03 .box{ border: solid 1px #eee; border-radius: 10px; background-color: rgba(255,255,255,.6); box-shadow: 0px 8px 11px rgba(0,0,0,.21); padding: 20px;}
	.s10-box-03 .sub-tit{color: #63f; font-weight: bold; padding-top: 5px;}
	.s10-box-03 .sub-tit span{ display: block; text-align: center; font-weight: bold; font-size: 16px;}
	
	.s10-box-03 .list-01{ padding-top: 10px; display: flex; justify-content: center;}
	.s10-box-03 ul{ margin: -3px 0;}
	.s10-box-03 li{ padding: 3px 0;}
	.s10-box-03 ul span{ color: #63f;}
	
	.s10-box-03 .pic{ width: 90%; margin: 0 auto; margin-top: 15px; position: relative;}
	.s10-box-03 .pic-txt{ position: absolute; left: 50%; top: 50%; transform: translate(-50%,0); color: #333; text-align: center;}
	.s10-box-03 .tips{ padding-top: 15px; text-align: center; color: #666;}
	
	
	.s10-box-03 .box .cp-tit b{font-size:16px;}
	.s10-box-03 .box .cp-tit .b-c{font-size:20px;}
	.s10-box-03 .box .cp-tit{font-size:26px;}
}

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

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

@media screen and (min-width: 992px) {
	.s10-box-03 .list-box{ display: flex; margin: -20px;}
	.s10-box-03 .item{ flex-shrink: 0; flex-basis: 50%; display: flex; padding: 20px;}
	.s10-box-03 .box{flex-basis: 100%;}
	
	.s10-box-03 .box .cp-tit b{font-size:20px;}
	.s10-box-03 .box .cp-tit .b-c{font-size:24px;}
	.s10-box-03 .box .cp-tit{font-size:30px;}
	
	
}

@media screen and (min-width: 1280px) {
	.s10-box-03 .list-box{ margin: -20px;}
	.s10-box-03 .item{ padding: 20px;}
	.s10-box-03 .box{ padding: 40px 20px;}
	.s10-box-03 ul li{ font-size: 16px;}
	
	.s10-box-03 .pic-txt{font-size: 14px;}
	.s10-box-03 .pic-txt b{font-size: 18px;}
	
	
	.s10-box-03 .box .cp-tit b{font-size:28px;}
	.s10-box-03 .box .cp-tit .b-c{font-size:32px;}
	.s10-box-03 .box .cp-tit{font-size:38px;}
	
	.s10-box-03 .sub-tit span{font-size:18px;}
}




/* s10-box-04 */
@media screen and (min-width: 320px) {
	.s10-box-04{background: #f5f5f5;}
	i.pic-scale-s10-01{ padding-bottom: 75%;}
	i.pic-scale-p2x-01{ padding-bottom: 60%;}
	
	.s10-box-04 .box{  border: solid 1px #eee; border-radius: 10px; background-color: #fff; box-shadow: 0px 8px 11px rgba(0,0,0,.21); padding: 20px;}
	
	.s10-box-04 .list-01 ul{ display: flex; flex-wrap: wrap; margin: -5px;}
	.s10-box-04 .list-01 li{ padding: 5px; flex-basis: 50%; flex-shrink: 0;}
	.s10-box-04 .list-01 li div{ background: #fff;}
	
	.s10-box-04-mess-l{ padding-top: 20px;}
	.s10-box-04-mess-l .sub-tit{ font-size: 16px; padding-top: 10px;}
	.s10-box-04-mess-l .list{ padding-top: 15px;}
	.s10-box-04-mess-l .list span{ color: #63f;}
	.s10-box-04-mess-l .txt{ display: flex; padding-top: 15px; margin: -10px; flex-wrap: wrap;}
	.s10-box-04-mess-l .txt *,.s10-box-04-mess-l .txt *::before{ line-height: 22px;}
	.s10-box-04-mess-l .item{ padding: 10px; display: inline-flex; align-items: center;}
	.s10-box-04-mess-l .dui{ padding-right: 5px;}
	.s10-box-04-mess-l .dui,.s10-box-04-mess-l .dui::before{ color: #2aa515; font-size: 16px; }
}

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

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

@media screen and (min-width: 992px) {
	.s10-box-04 .box{ padding: 40px 40px;}
	.s10-box-04 .list-01 li{ flex-basis: 33.33333%;}
	.s10-box-04 .box{ display: flex; flex-direction: row-reverse;}
	.s10-box-04-mess-l { flex-basis: 50%; padding-right: 15px; padding-top: 0;}
	.s10-box-04-mess-r { flex-basis: 50%; padding-left: 15px; display: flex; align-items: center;}
	.s10-box-04-mess-r .list-01{width: 100%;}
}

@media screen and (min-width: 1280px) {
	.s10-box-04 .box{ padding: 50px;}
	.s10-box-04-mess-l .sub-tit{ font-size: 18px;}
	.s10-box-04-mess-l .list li{ font-size: 16px;}
	.s10-box-04-mess-l .list span{ font-size: 16px;}
	
	.s10-box-04-mess-l { padding-right: 20px;}
	.s10-box-04-mess-r { padding-left: 20px;}
	
	.s10-box-04-mess-l .txt *{ font-size: 16px;}
	.s10-box-04-mess-l .dui, .s10-box-04-mess-l .dui::before{ font-size: 18px;}
	
	.s10-box-04-mess-l .sub-tit{ font-size:22px;}
}



/* s10-box-05 */
@media screen and (min-width: 320px) {
	.s10-box-05-l{ padding-top: 20px;}
	.s10-box-05-r img{width: 100%;}
	
	.s10-box-05-l .list-01{ padding-top: 10px;}
	.s10-box-05-l .list-01 ul{ margin: -10px 0;}
	.s10-box-05-l .list-01 dl{ display: flex; padding: 10px 0; align-items: center; border-bottom: solid 1px #eee;}
	.s10-box-05-l .list-01 li:nth-last-child(1) dl{ border: none;}
	.s10-box-05-l .list-01 dt{ background: #63f; width: 42px; height: 42px; display: flex; align-items: center; justify-content: center; color: #fff; font-size: 20px; font-weight: bold; flex-shrink: 0;}
	.s10-box-05-l .list-01 dd{ padding-left: 10px;}
	.s10-box-05-l .list-01 dd span{ color: #63f;}
	
	.s10-box-05 .list-02{ padding-top: 10px;}
	.s10-box-05 .list-02 ul{display: flex; flex-wrap: wrap; margin: -3px -10px;}
	.s10-box-05 .list-02 li{flex-basis: 50%; flex-shrink: 0; padding: 3px 10px;}
	.s10-box-05 .tips{ padding-top: 20px; color: #666; font-size: 12px;}
	
}

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

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

@media screen and (min-width: 992px) {
	.s10-box-05-mess{display: flex; align-items: center; flex-direction: row-reverse;}
	.s10-box-05-l{ padding-top: 0; flex-basis: 38%; padding-right: 40px;}
	.s10-box-05-r{ flex-basis: 62%; }
}

@media screen and (min-width: 1280px) {
	.s10-box-05-l .list-01{ padding-top: 10px;}
	.s10-box-05-l .list-01 ul{ margin: -15px 0;}
	.s10-box-05-l .list-01 dl{ padding: 15px 0;}
	.s10-box-05-l{ padding-right: 60px;}
	.s10-box-05-l .list-01 dd{ padding-left: 15px;}
	.s10-box-05-l .list-01 dd,.s10-box-05-l .list-01 dd *{ font-size: 16px; line-height: 1.4;}
	
	.s10-box-05 .list-02 li{font-size: 16px;}
}



/* s10-box-06 s10-box-07 */
@media screen and (min-width: 320px) {
	i.pic-scale-s10-02{ padding-bottom: 60%;}
	
	.s10-box-06{ background: #f5f5f5;}
	
	.s10-box-06 .list{ padding-top: 10px;}
	.s10-box-06 .list ul{ margin: -10px;}
	.s10-box-06 .list dl{ padding: 10px;}
	.s10-box-06 .list dt img{width: 100%;}
	.s10-box-06 .list dd{font-weight: bold; text-align: center; padding-top: 5px;}
	.s10-box-06 .list dd.on{ color: #63f;}
	.s10-box-06 .txt{ text-align: center; padding-top: 10px;}
	.s10-box-06 .txt span{ color: #63f; font-weight: bold;}
	
	.s10-box-07{ background: none;}
	
	.s10-box-07 .line{ margin: 20px 0;}
	.s10-box-07 .txt-02{ text-align: center; font-size: 16px;}
	.s10-box-07 .txt-02 small{ font-size: 12px; color: #999;}
	
	.s10-box-07 .list-02{ padding-top: 10px;}
	
	.s10-box-07 .list-02 ul{}
	.s10-box-07 .list-02 li{ padding: 10px;}
	.s10-box-07 .list-02 dl{ border: solid 1px #eee; box-shadow: 0px 9px 16px rgba(238,238,238,.9); background: #f6f6f6; border-radius: 10px; padding: 15px;}
	.s10-box-07 .list-02 dt{ padding: 0 20vw;}
	.s10-box-07 .list-02 dd{ padding-top: 10px;}
	.s10-box-07 .list-02 div{ padding-top: 5px;}
	.s10-box-07 .list-02 b{ font-size: 16px;}
	.s10-box-07 .list-02 div span{display: block;}
	
	
	.s10-box-06 .cp-tit{ font-size:26px;}
	.s10-box-06 .cp-tit b{ font-size:16px;}
	.s10-box-06 .cp-tit .b-c{ font-size:26px;}
	
	
}

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

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

@media screen and (min-width: 992px) {
	
	.s10-box-06 .list dd{ font-size: 16px;}
	.s10-box-06 .list ul{ display: flex;}
	.s10-box-06 .list li{ flex: 1;}
	.s10-box-06 .txt{ padding-top: 20px; font-size: 15px;}
	
	.s10-box-07 .line{ margin: 40px 0;}
	
	.s10-box-07 .list-02{ padding-top: 20px;}
	
	.s10-box-07 .list-02 ul{ display: flex; flex-wrap: wrap;}
	.s10-box-07 .list-02 li{ flex-basis: 33.333%; flex-shrink: 0;}
	
	.s10-box-07 .list-02 dl{display: flex; flex-direction: row-reverse;}
	.s10-box-07 .list-02 dt{ padding: 0; flex-basis: 80px; flex-shrink: 0;}
	.s10-box-07 .list-02 dd{ padding-top: 0; flex: 1;}
	.s10-box-07 .list-02 span{ font-size: 12px;}
	.s10-box-07 .list-02 div{ padding-top: 10px;}
	
	
	.s10-box-06 .cp-tit{ font-size:30px;}
	.s10-box-06 .cp-tit b{ font-size:20px;}
	.s10-box-06 .cp-tit .b-c{ font-size:30px;}
	
}

@media screen and (min-width: 1280px) {
	.s10-box-06 .list dd{ font-size: 18px;}
	
	.s10-box-07 .txt-02{ font-size: 18px;}
	.s10-box-07 .txt-02 small{ font-size: 14px;}
	.s10-box-07 .list-02 dt{ padding: 0; flex-basis: 120px;}
	
	.s10-box-07 .list-02 span{ font-size: 14px;}
	
	.s10-box-07 .list-02 b{ font-size: 18px;}
	
	
	
	.s10-box-06 .cp-tit{ font-size:38px;}
	.s10-box-06 .cp-tit b{ font-size:28px;}
	.s10-box-06 .cp-tit .b-c{ font-size:38px;}
	
}




/* s10-box-08 */
@media screen and (min-width: 320px) {
	.s10-box-08 .cp-tit b{ font-size:26px;}
}

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

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

@media screen and (min-width: 992px) {
	.s10-box-08 .cp-tit b{ font-size:30px;}
}

@media screen and (min-width: 1280px) {
	.s10-box-08 .cp-tit b{ font-size:38px;}
}


/* 参数 */
@media screen and (min-width: 320px) {
	.parameter-box{ background: #f9feff;}
	
	.parameter-box .list ul{}
	.parameter-box .list dl{ border-bottom: solid 1px #ddd; padding: 10px;}
	.parameter-box .list dt{ font-weight: bold; font-size: 16px;}
	.parameter-box .list dd{ font-size: 14px; color: #666;}
	
	.parameter-box .cp-tit b{font-size:26px;}
}

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

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

@media screen and (min-width: 992px) {
	.parameter-box .list ul{ display: flex; flex-wrap: wrap;}
	.parameter-box .list li{ flex-basis: 50%; flex-shrink: 0;}
	.parameter-box .list dt{ font-size: 18px;}
	
	.parameter-box .cp-tit b{font-size:30px;}
}

@media screen and (min-width: 1280px) {
	.parameter-box .list dl{ padding: 13px 15px;}
	.parameter-box .list dt{ font-size: 20px;}
	.parameter-box .list dd{font-size: 18px;}
	
	.parameter-box .cp-tit b{font-size:38px;}
}




/* 安全保障 */
@media screen and (min-width: 320px) {
	.guarantee-mess{ background-image: linear-gradient(to right, #4874e1, #8417ec); padding: 15px 0;}
	.guarantee-mess ul{ display: flex; flex-wrap: wrap; justify-content: center; margin: -10px; padding-top: 20px;}
	.guarantee-mess li{padding: 10px;}
	.guarantee-mess dl{display: flex; align-items: center; flex-direction: column;}
	.guarantee-mess dt{ width: 52px; display: flex; align-items: center; justify-content: center; padding: 6px; font-weight: bold; color: #fff; font-size: 24px; line-height: 1.4;}
	.guarantee-mess dd{text-align: center; color: #fff; line-height: 1.2; font-size: 12px; padding-top: 5px;}
	
	.guarantee-mess .tit{ color: #fff;text-align: center; line-height: 1.4;}
	.guarantee-mess .tit span{display: block; font-size: 16px; line-height: 1.4;}
	.guarantee-mess .tit b{display: block; font-size: 16px; line-height: 1.4;}
}

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

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

@media screen and (min-width: 992px) {
	.guarantee-mess{ padding: 20px 0; }
	.guarantee-mess .box{ display: flex; justify-content: space-between;}
	.guarantee-mess .tit{text-align: left; padding-right: 40px; display: flex; justify-content: center; flex-direction: column;}
	.guarantee-mess .tit span{ font-size: 24px;}
	.guarantee-mess .tit b{ font-size: 24px;}
	
	.guarantee-mess ul{ padding-top: 0; flex:1; display: flex; align-items: center;}
	.guarantee-mess li{ flex:1; position: relative; }
	.guarantee-mess li::before{ content: ' '; width: 1px; position: absolute; top: 8px; right: 0; bottom: 8px; background: #fff;}
	.guarantee-mess li:nth-last-child(1)::before{display: none;}
	.guarantee-mess dt{ width: 56px; font-size: 30px;}
	.guarantee-mess dd{font-size: 14px; padding-top: 10px;}
}

@media screen and (min-width: 1280px) {
	.guarantee-mess{ padding: 25px 0; }
	.guarantee-mess .tit{ padding-right: 60px;}
	.guarantee-mess .tit span{ font-size: 34px;}
	.guarantee-mess .tit b{ font-size: 34px;}
	
	.guarantee-mess dd{font-size: 16px;}
}




/* s10-box-09 */
@media screen and (min-width: 320px) {
	.s10-box-09 {background: #f5f5f5;}
	
	.s10-box-09 .list-01{ padding-top: 10px;}
	.s10-box-09 .list-01 ul{display: flex; flex-wrap: wrap; margin: -5px;}
	.s10-box-09 .list-01 li{flex-basis: 50%; padding: 5px;}
	.s10-box-09 dt{width: 56px; margin: 0 auto;}
	.s10-box-09 dd b{display: block; text-align: center; font-size: 14px;}
	.s10-box-09 dd span{display: block; text-align: center;}
	.s10-box-09 dd{ padding-top: 10px;}
	.s10-box-09 dl{background: #fff; padding: 15px;}
	
	.s10-box-09 .cp-tit b{ font-size:26px;}
}

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

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

@media screen and (min-width: 992px) {
	.s10-box-09 .list-01 li{flex-basis: 25%;}
	.s10-box-09 dl{ padding: 25px;}
	.s10-box-09 dd b{ font-size: 20px;}
	.s10-box-09 dd span{ font-size: 16px;}
	
	.s10-box-09 .cp-tit b{ font-size:30px;}
}

@media screen and (min-width: 1280px) {
	.s10-box-09 dd b{ font-size: 24px;}
	.s10-box-09 dd span{ font-size: 18px;}
	
	.s10-box-09 .cp-tit b{ font-size:38px;}
	
}



/* 快速上手 */
@media screen and (min-width: 320px) {
	.easy-box {background: url(../img/20845046.jpg); background-size: cover; background-position: center bottom;}
	
	.easy-box .list-01 { padding-top: 10px;}
	.easy-box .list-01 ul{ margin: -10px; display: flex; flex-wrap: wrap; justify-content: center;}
	.easy-box .list-01 li{ padding: 10px;}
	.easy-box .list-01 dl{border: solid 1px #6633ff; border-top: none; border-radius: 50%; display: flex; flex-direction: column; align-items: center; width: 130px; height: 130px; padding: 10px;}
	.easy-box .list-01 dt{ width: 36px;}
	.easy-box .list-01 dd{ padding: 0 5px; padding-top: 10px;}
	.easy-box .list-01 dd b{ display: block; text-align: center;}
	.easy-box .list-01 dd span{ display: block; text-align: center; line-height: 1.4; font-size: 12px;}
	
	
	.easy-box .cp-tit b{ font-size:26px; color:#63f;}
	.easy-box .cp-tit .b-c{ font-size:26px; font-weight:normal; color:#000;}

}

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

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

@media screen and (min-width: 992px) {
	
	.easy-box .list-01 li{ flex: 1; display: flex; justify-content: center;}
	.easy-box .list-01 dl{ border-radius: 50%; width: 200px; height: 200px; padding: 20px;}
	.easy-box .list-01 dt{ width: 72px;}
	.easy-box .list-01 dd{ padding:0 10px; padding-top: 5px;}
	.easy-box .list-01 dd b{ font-size: 24px;}
	.easy-box .list-01 dd span{ font-size: 14px;}
	
	.easy-box .cp-tit b{ font-size:30px;}
	.easy-box .cp-tit .b-c{ font-size:30px; }

}

@media screen and (min-width: 1280px) {
	
	.easy-box .cp-tit b{ font-size:38px;}
	.easy-box .cp-tit .b-c{ font-size:38px; }

}





/* 口碑 */
@media screen and (min-width: 320px) {
	
	i.pic-size-evaluate{ padding-bottom: 120px;}
	
	.evaluate-box .list-01{ padding-top: 10px;}
	.evaluate-box .list-01 .item{position: relative;}
	.evaluate-box .list-01 .txt{color: #fff; position: absolute; left: 0; top: 0; right: 0; bottom: 0; display: flex; align-items: center; justify-content: center; z-index: 2; padding: 15px;}
	.evaluate-box .list-01 ul{ margin: -10px;}
	.evaluate-box .list-01 li{ padding: 10px;}
	
	.evaluate-box .cp-tit b{ font-size:26px;}
}

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

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

@media screen and (min-width: 992px) {
	
	i.pic-size-evaluate{ padding-bottom: 70%;}
	
	.evaluate-box .list-01 ul{ display: flex; }
	.evaluate-box .list-01 li{ flex:1; }
	.evaluate-box .list-01 .txt{font-size: 20px; padding: 20px; }
	
	.evaluate-box .cp-tit b{ font-size:30px;}
}

@media screen and (min-width: 1280px) {
	.evaluate-box .list-01 .txt{font-size: 24px; padding: 20px; }
	
	.evaluate-box .cp-tit b{ font-size:38px;}
}





/* 搭档 */
@media screen and (min-width: 320px) {
	.partner-box{ background: #f5f5f5;}
	i.pic-size-partner{ padding-bottom: 140px;}
	
	.partner-box .list-01{ padding-top: 10px;}
	.partner-box .list-01 .item{position: relative;}
	.partner-box .list-01 .box{color: #fff; position: absolute; left: 0; top: 0; right: 0; bottom: 0; display: flex; align-items: center; justify-content: center; z-index: 2; padding: 15px; }
	.partner-box .list-01 .shade{background-image: linear-gradient(to right, #4874e1, #8417ec); position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 1; opacity: 0;}
	.partner-box .list-01 ul{ margin: -10px;}
	.partner-box .list-01 li{ padding: 10px;}
	
	.partner-box .list-01 .mess .tit{font-weight: bold; border-bottom: solid 1px #fff; text-align: center; padding-bottom: 10px; margin-bottom: 10px;}
	.partner-box .list-01 .mess .txt{display: block;}
	
	.partner-box .list-01 li:hover .mess{ transform: translateY(-5px);}
	.partner-box .list-01 li:hover .shade{ opacity: .6;}
	
	.partner-box .cp-tit b{ font-size:26px;}
}

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

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

@media screen and (min-width: 992px) {
	i.pic-size-partner{ padding-bottom: 100%;}
	.partner-box .list-01 ul{ display: flex; }
	.partner-box .list-01 li{ flex:1; }
	.partner-box .list-01 .box{font-size: 18px; padding: 20px; }
	.partner-box .list-01 .box .tit{font-size: 20px;}
	
	.partner-box .list-01 ul{ margin: 0;}
	.partner-box .list-01 li{ padding: 0;}
	
	.partner-box .cp-tit b{ font-size:30px;}
}

@media screen and (min-width: 1280px) {
	.partner-box .list-01 .box{font-size: 18px; padding: 20px; }
	.partner-box .list-01 .box .tit{font-size: 24px;}
	
	.partner-box .cp-tit b{ font-size:38px;}
}




/* 注释 */
@media screen and (min-width: 320px) {
	.notes-box{background-image: linear-gradient(to right, #4874e1, #8417ec); padding: 20px 0;}
	.notes-box .txt{ color: #ddd; font-size: 12px;}
}

@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) {
	.product-list-box .list ul{ margin: -10px;}
	.product-list-box .list li{ padding: 10px;}
	.product-list-box .list a{position: relative; overflow: hidden; display: block;}
	.product-list-box .list dd{ padding-top: 10px;}
	.product-list-box .list .tit{ overflow: hidden; -ms-text-overflow: ellipsis;
	text-overflow: ellipsis; white-space: nowrap; height: 30px;}
	.product-list-box .list .txt{ height: 30px; overflow: hidden; -ms-text-overflow: ellipsis;
	text-overflow: ellipsis; white-space: nowrap; color: #999;}
	.product-list-box .list .btn{ border: solid 1px #e23a2a; color: #e23a2a; height: 32px; display: flex; align-items: center; justify-content: center; margin-top: 5px;}
}

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

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

@media screen and (min-width: 992px) {
	.product-list-box .list ul{ display: flex; justify-content: center;}
	.product-list-box .list li{flex-basis: 20%; min-width: 0;}
	
	
	.product-list-box .list a::before{position: absolute; top: 0; left: -150%; z-index: 2; display: block; content: ''; width: 80%; height: 100%; background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%); transform: skewX(-25deg); transition: 0s;}
	.product-list-box .list a:hover::before{ left: 150%; transition: 1s;}

}

@media screen and (min-width: 1280px) {
	.product-list-box .list ul{ margin: -20px;}
	.product-list-box .list li{ padding: 20px;}
}





/* 产品面包屑 */
@media screen and (min-width: 320px) {
	.crumb{padding-bottom:10px;}
}

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

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

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

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




/* 河豚-A2 banner */
@media screen and (min-width: 320px) {
	.a2-banner-min {position: relative; height: 90vw;background-size: cover; background-position: center; display: flex; align-items: center; background-repeat: no-repeat;}
	
	.a2-banner-min .tit{ font-size: 22px; color: #000; display: inline-flex; position: relative; line-height: 1.4;}
	.a2-banner-min .txt{ padding-top: 5px;}
	.a2-banner-min .txt span{display: block; color: #333;}
	
	.a2-banner-min .sub-tit{color: #63f; font-size: 20px; font-weight: bold;}
	.a2-banner-min .line{ width: 45px; height: 5px; background: #000;}
	
	.a2-banner-min .tit::before{ content: ' '; width: 80px; height: 80px; background-image: url(../img/21497404.png); -webkit-background-size: cover;
	background-size: cover; position: absolute; right: 0; bottom: 0; transform: translate(70%,0);}
}

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

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

@media screen and (min-width: 992px) {
	.a2-banner-min{ height: 640px;}
	
	.a2-banner-min .tit{ font-size: 28px;}
	.a2-banner-min .txt{ }
	.a2-banner-min .txt span{ font-size: 14px;}
	.a2-banner-min .banner-mess{ padding-bottom: 40px;}
	
	.a2-banner-min .sub-tit{ font-size: 26px;}
	
	.a2-banner-min .line{ margin: 15px 0;}
	
	.a2-banner-min .tit::before{ width: 100px; height: 100px;  transform: translate(70%,0);}
}

@media screen and (min-width: 1280px) {
	.a2-banner-min{ height: 665px;}
	
	.a2-banner-min .tit{ font-size: 36px;}
	.a2-banner-min .txt{ }
	.a2-banner-min .txt span{font-size: 14px;}
	.a2-banner-min .banner-mess{ padding-bottom: 80px;}
	
	.a2-banner-min .sub-tit{ font-size: 34px;}
	
	.a2-banner-min .tit::before{ transform: translate(70%,-10%);}
}
@media screen and (min-width: 1400px) {
	.a2-banner-min{ background-size: 1920px auto;}
}



/* 河豚-A2 banner-mess */
@media screen and (min-width: 320px) {
	.a2-banner-mess{ background-color: rgba(255,255,255,.6); padding: 15px 0; position: relative; z-index: 2;}
	.a2-banner-mess ul{ display: flex; flex-wrap: wrap; justify-content: center; margin: -10px;}
	.a2-banner-mess li{padding: 10px; flex: 1;}
	.a2-banner-mess dl{display: flex; align-items: center; flex-direction: column;}
	.a2-banner-mess dt{ width: 47px; height: 47px; border: solid 2px #444; border-radius: 6px; padding: 6px;}
	.a2-banner-mess dd{text-align: center;}
	.a2-banner-mess b{ color: #444; display: block; font-weight: bold; line-height: 1.2; font-size: 12px; padding-top: 5px;}
	.a2-banner-mess span{ color: #444; display: block; line-height: 1.2; font-size: 12px; padding-top: 5px;}
	
}

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

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

@media screen and (min-width: 992px) {
	.a2-banner-mess{padding: 20px 0; margin-top: -150px;}
	.a2-banner-mess li{flex-grow: 1;}
	.a2-banner-mess dd{ padding-top: 5px;}
	.a2-banner-mess b{ font-size: 16px;}
}

@media screen and (min-width: 1280px) {
	.a2-banner-mess b{ font-size: 18px;}
	.a2-banner-mess{padding: 25px 0;}
}




/* a2-box-01 */
@media screen and (min-width: 320px) {
	.a2-box-01{ background-image: url(../img/21497863.jpg); -webkit-background-size: cover;
	background-size: cover; background-position: center;}
	.a2-box-01{}
	
	.a2-box-01 .list{ padding-top: 30px;}
	.a2-box-01 .list ul{ display: flex; flex-wrap: wrap; justify-content: center; margin: -10px;}
	.a2-box-01 .list li{ padding: 10px;}
	.a2-box-01 .list dl{ display: flex; flex-direction: column; align-items: center;}
	.a2-box-01 .list dt{position: relative; padding: 0 20px;}
	.a2-box-01 .list dt img{width: 110px;}
	.a2-box-01 .list dt span{ left: 0; top: 45px; position: absolute; color: #3180ff; font-size: 12px;}
	.a2-box-01 .list dd{color: #3180ff; font-weight: bold; font-size: 20px; text-align: center; padding-top: 10px; line-height: 1.2;}
	
	.a2-box-01 .cp-tit b{ font-size:26px;}
	.a2-box-01 .cp-tit .b-c{ font-size:16px;}
}

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

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

@media screen and (min-width: 992px) {
	.a2-box-01 .list dt{ padding: 0 30px;}
	.a2-box-01 .list dt span{ top: 65px; font-size: 16px;}
	.a2-box-01 .list dt{ height: 86px;}
	.a2-box-01 .list dt img{width: 150px;}
	.a2-box-01 .list dd{ font-size: 32px;}
	
	.a2-box-01 .list{ padding-top: 50px;}
	.a2-box-01 .list ul{ max-width: 960px; margin: 0 auto;}
	.a2-box-01 .list li{ flex:1; }
	
	.a2-box-01 .cp-tit b{ font-size:30px;}
	.a2-box-01 .cp-tit .b-c{ font-size:20px;}
}

@media screen and (min-width: 1280px) {
	.a2-box-01 .list dd{ font-size: 38px;}
	
	.a2-box-01 .cp-tit b{ font-size:38px;}
	.a2-box-01 .cp-tit .b-c{ font-size:22px;}
}




/* a2-box-02 */
@media screen and (min-width: 320px) {
	.a2-box-02 .txt{ text-align: center; font-size: 14px;}
	.a2-box-02 .pic{}
	.a2-box-02 .pic img{ width: 100%;}
	
	.a2-tabs-01 .hd{display: flex; flex-wrap: wrap;}
	.a2-tabs-01 .hd span{ flex-grow: 1; cursor: pointer; text-align: center; background: rgba(159, 197, 232, 0.21); height: 50px; display: flex; align-items: center; justify-content: center; border-right: solid 1px #ddd; color: #444; padding: 0; font-size: 12px;}
	.a2-tabs-01 .hd span:nth-last-child(1){ border-right: none;}
	.a2-tabs-01 .hd span.on{ background: #63f; color: #fff; font-weight: bold;}
	
	.a2-tabs-01 .mess{ background: #fdfdfd; padding: 15px; overflow: hidden;}
	.a2-tabs-01 .list ul{ margin: -5px; display: flex; flex-wrap: wrap; justify-content: center;}
	.a2-tabs-01 .list li{ padding: 5px; flex-shrink: 0; flex-basis: 50%;}
	.a2-tabs-01 .list dl{ background: #fff; border: solid 1px #eee; padding: 15px;}
	.a2-tabs-01 .list dt{ padding: 0 15px;}
	.a2-tabs-01 .list dd{ text-align: center; display: block; padding-top: 10px; font-size: 12px;}
	
}

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

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

@media screen and (min-width: 992px) {
	.a2-tabs-01 .mess{ padding: 35px;}
	.a2-tabs-01 .hd span{ font-size: 16px; padding: 0 20px;}
	.a2-tabs-01 .list ul{ margin: -25px;}
	.a2-tabs-01 .list li{ flex-basis: 25%; padding: 25px;}
	.a2-tabs-01 .list dd{font-size: 14px;}
}

@media screen and (min-width: 1280px) {
	.a2-tabs-01 .mess{ padding: 45px 100px;}
	.a2-tabs-01 .list ul{ margin: -35px;}
	.a2-tabs-01 .list li{ padding: 35px;}
	
	.a2-tabs-01 .list dd{font-size: 16px;}
}




/* a2-box-03 */
@media screen and (min-width: 320px) {
	.a2-box-03{ background: #fdfdfd;}
	.a2-box-03-mess-r{ padding-top: 20px;}
	.a2-box-03-mess-r img{width: 100%;}
	
	
	.a2-box-03 .cp-tit b{ font-size:26px; font-weight: normal;}
	.a2-box-03 .cp-tit .b-c{ font-size:26px; color:#000;}
}

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

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

@media screen and (min-width: 992px) {
	.a2-box-03 .box{display: flex; align-items: center;}
	.a2-box-03-mess-l{ flex-basis: 50%; padding-right: 30px;}
	.a2-box-03-mess-r{ flex-basis: 50%;}
	
	.a2-box-03 .cp-tit b{ font-size:30px;}
	.a2-box-03 .cp-tit .b-c{ font-size:30px;}
	
}

@media screen and (min-width: 1280px) {
	.a2-box-03-mess-l{ padding-right: 45px;}
	
	.a2-box-03 .txt{ font-size: 16px;}
	
	.a2-box-03 .cp-tit b{ font-size:38px;}
	.a2-box-03 .cp-tit .b-c{ font-size:38px;}
}



/* a2-box-04 */
@media screen and (min-width: 320px) {
	.a2-box-04{ }
	.a2-box-04-mess-r{ padding-top: 20px;}
	.a2-box-04-mess-r img{width: 100%;}
	
	.a2-box-04 .tips{ padding-top: 20px; color: #555; font-size: 12px;}
	
	.a2-box-04 .cp-tit b{ font-size:26px;}
}

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

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

@media screen and (min-width: 992px) {
	.a2-box-04 .box{display: flex; align-items: center; justify-content: space-between;}
	.a2-box-04-mess-l{ flex-basis: 50%; padding-right: 30px;}
	.a2-box-04-mess-r{ flex-basis: 40%;}
	.a2-box-04 .list{ padding-top: 20px;}
	.a2-box-04 .list ul{margin: -2px 0;}
	.a2-box-04 .list li{ padding: 2px 0;}
	.a2-box-04 .tips{ font-size: 14px;}
	
	.a2-box-04 .cp-tit b{ font-size:30px;}
}

@media screen and (min-width: 1280px) {
	.a2-box-04-mess-l{ padding-right: 45px;}
	
	.a2-box-04 .txt{ font-size: 16px;}
	
	.a2-box-04 .cp-tit b{ font-size:38px;}
}



/* a2-box-05 */
@media screen and (min-width: 320px) {
	.a2-box-05{ background: #fdfdfd;}
	.a2-box-05 .txt{ font-size: 14px; text-align: center; padding-top: 20px;}
	.a2-box-05 .pic{ max-width: 720px; margin: 0 auto;}
	
	i.pic-scale-case-04{ padding-bottom: 56.272%;}
	
	.a2-box-05 .list{ padding-top: 20px;}
	.a2-box-05 .list ul{ margin: -10px;}
	.a2-box-05 .list li{ padding: 10px;}
	
	.a2-box-05 .list li dd{ padding-top: 5px; text-align: center; display: block;}
	
	
	.a2-box-05 .cp-tit b{ font-size:26px; font-weight:normal;}
	.a2-box-05 .cp-tit .b-c{ font-size:26px;}
}

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

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

@media screen and (min-width: 992px) {
	.a2-box-05 .list{ padding-top: 30px;}
	.a2-box-05 .list ul{display: flex; flex-wrap: wrap;}
	.a2-box-05 .list li{flex-basis: 50%; flex-shrink: 0;}
	
	.a2-box-05 .cp-tit b{ font-size:30px;}
	.a2-box-05 .cp-tit .b-c{ font-size:30px;}
}

@media screen and (min-width: 1280px) {
	.a2-box-05 .list{ padding-top: 40px;}
	
	.a2-box-05 .cp-tit b{ font-size:38px;}
	.a2-box-05 .cp-tit .b-c{ font-size:38px;}
}



/* a2-box-06 */
@media screen and (min-width: 320px) {
	.a2-box-06{ }
	.a2-box-06 .txt{ font-size: 14px; text-align: center; padding-top: 10px;}
	.a2-box-06 .txt span{ color: #63f;}
	.a2-box-06 .pic{ max-width: 720px; margin: 0 auto;}
	
	i.pic-scale-case-04{ padding-bottom: 56.272%;}
	
	.a2-box-06 .list{ padding-top: 20px;}
	.a2-box-06 .list ul{ margin: -10px;}
	.a2-box-06 .list li{ padding: 10px;}
	
	.a2-box-06 .list dl{position: relative;}
	.a2-box-06 .list dd{ position: absolute; left: 0; bottom: 0; right: 0; background: rgba(32, 18, 77, 0.6); color: #fff; height: 40px; display: flex; align-items: center; justify-content: center; padding: 0 15px; }
	.a2-box-06 .list dd span{ overflow: hidden; -ms-text-overflow: ellipsis;
	text-overflow: ellipsis; white-space: nowrap;}
	
	
	.a2-box-06 .cp-tit b{ font-size:26px; color:#63f;}
}

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

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

@media screen and (min-width: 992px) {
	.a2-box-06 .list{ padding-top: 30px;}
	.a2-box-06 .list ul{display: flex; flex-wrap: wrap;}
	.a2-box-06 .list li{flex-basis: 50%; flex-shrink: 0;}
	
	.a2-box-06 .cp-tit b{ font-size:30px;}
}

@media screen and (min-width: 1280px) {
	.a2-box-06 .list{ padding-top: 40px;}
	
	.a2-box-06 .cp-tit b{ font-size:38px;}
}




/* a2-box-07 */
@media screen and (min-width: 320px) {
	.a2-box-07 { background: #f5f5f5;}
	.a2-box-07 .box-01-list{ padding-top: 20px;}
	
	.a2-box-07 .cp-tit b{ font-size:26px;}
}

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

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

@media screen and (min-width: 992px) {
	.a2-box-07 .box-01-list{ padding-top: 30px;}
	
	.a2-box-07 .cp-tit b{ font-size:30px;}
}

@media screen and (min-width: 1280px) {
	.a2-box-07 .box-01-list{ padding-top: 40px;}
	
	.a2-box-07 .cp-tit b{ font-size:38px;}
}



/* 穿越者-p2x banner */
@media screen and (min-width: 320px) {
	.p2x-banner-min {position: relative; height: 90vw;background-size: 250vw auto; background-position: center top; display: flex; align-items: center; background-repeat: no-repeat;}
	.p2x-banner-min .banner-mess{ text-align: center; padding-bottom: 40vw;}
	.p2x-banner-min .tit{ font-size: 18px; color: #fff;}
	.p2x-banner-min .tit span{display: block; line-height: 1.4;}
	.p2x-banner-min .txt{ padding-top: 5px; font-size: 12px;}
	.p2x-banner-min .txt span{display: block; color: #fff;}
	.p2x-banner-min .name{ color: #63f; display: flex; align-items: flex-start; justify-content: center;}
	.p2x-banner-min .name b{line-height: 1;  font-size: 18px;}
	.p2x-banner-min .name span{ font-size: 12px; line-height: 1; padding: 2px 5px; border: solid 1px #63f; margin-left: 5px;}
	
	.p2x-banner-min hr{ width: 56px; height: 1px; background: #fff; margin: 10px auto;}
}

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

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

@media screen and (min-width: 992px) {
	.p2x-banner-min{ height: 640px; background-size: 1700px auto;}
	
	.p2x-banner-min .banner-mess{ padding-bottom: 250px;}
	.p2x-banner-min .tit{ font-size: 28px;}
	.p2x-banner-min .txt{ padding-top: 10px;}
	.p2x-banner-min .txt span{ font-size: 12px;}
	
	.p2x-banner-min .name b{ font-size: 24px;}
}

@media screen and (min-width: 1280px) {
	.p2x-banner-min{ height: 700px;}
	
	.p2x-banner-min .tit{ font-size: 32px;}
	.p2x-banner-min .txt{ padding-top: 15px;}
	.p2x-banner-min .banner-mess{ padding-bottom: 250px;}
	
	.p2x-banner-min .name b{ font-size: 28px;}
	.p2x-banner-min .name span{ font-weight: bold; font-size: 16px; padding: 3px 10px; margin-left: 10px;}
	.p2x-banner-min hr{ margin: 20px auto;}
}
@media screen and (min-width: 1400px) {
	.p2x-banner-min{ background-size: 1920px auto;}
}




/* 系统模块 */
@media screen and (min-width: 320px) {
	.xtmk-tit{ padding-bottom: 20px;}
	.xtmk-tit {display: flex; flex-direction: column; align-items: center;}
	.xtmk-tit .tit{ font-size: 24px;}
	.xtmk-tit hr{ height: 2px; width: 64px; background: #63f;}
	
	.xtmk-list .xtmk-bd{ margin: -10px;}
	.xtmk-list .item{ padding: 10px;}
	.xtmk-list .box{ background: #f9f9f9; padding: 15px;}
	i.pic-scale-xtmk{ padding-bottom: 56.14%;}
	
	.xtmk-list .mess{ padding-top: 10px;}
	.xtmk-list .mess .tit{ font-size: 20px; color: #351c75;}
	.xtmk-list .mess .list{ padding-top: 10px;}
	.xtmk-list .mess .list li{ color: #888;}
	.xtmk-list .mess .list span{ color: #351c75;}
	.xtmk-list .mess .tips{ padding-top: 10px; color: #888; font-size: 12px;}
	.xtmk-list .pic .tips{ color: #351c75; padding-top: 5px; font-size: 12px;}
}

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

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

@media screen and (min-width: 992px) {
	
	.xtmk-list .xtmk-bd{ margin: -13px;}
	.xtmk-list .item{ padding: 13px;}
	
	.xtmk-tit{ padding-bottom: 25px;}
	.xtmk-tit .tit{ font-size: 32px;}
	.xtmk-list .box{display: flex; align-items: center; padding:45px 30px;}
	.xtmk-list .item:nth-child(even) .box{ flex-direction: row-reverse;}
	.xtmk-list .pic{ flex-basis: 50%; padding: 0 15px;}
	.xtmk-list .mess{ flex-basis: 50%; padding: 0 15px;}
	
	.xtmk-list .mess{ padding-top: 0;}
	.xtmk-list .mess .tit{ font-size: 28px;}
	.xtmk-list .pic .tips{ color: #351c75; padding-top: 5px; font-size: 12px;}
}

@media screen and (min-width: 1280px) {
	.xtmk-tit{ padding-bottom: 30px;}
	.xtmk-tit .tit{ font-size: 38px;}
	.xtmk-list .box{ padding:80px 35px;}
	.xtmk-list .pic{ padding: 0 35px;}
	.xtmk-list .mess{ padding: 0 35px;}
	
	.xtmk-list .mess .tit{ font-size: 34px;}
	.xtmk-list .mess .list{ padding-top: 15px;}
	.xtmk-list .mess .tips{ padding-top: 15px;}
	.xtmk-list .mess .list li{ font-size: 16px;}
}




/* banner-min */
@media screen and (min-width: 320px) {
	.banner-min{ min-height: 60vw; background-size:cover; display: flex; align-items: center; background-position: center bottom; background-repeat: no-repeat;}
	.banner-min .tit-box{ text-align: center; display: flex; flex-direction: column; align-items: center;}
	.banner-min .tit-box hr{ width: 64px; height: 3px; background: #fff;}
	
	.banner-min .tit-box .tit{ color: #fff; font-size: 24px; font-weight: bold; line-height: 1.4;}
	.banner-min .tit-box .txt{ color: #fff; padding-top: 10px; line-height: 1.4;}
	
	.banner-min-col-000 .tit-box .tit{ color: #000;}
	.banner-min-col-000 .tit-box .txt{ color: #fff;}
	.banner-min-col-000 .tit-box hr{ background: #351c75;}
}

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

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

@media screen and (min-width: 992px) {
	.banner-min{ min-height: 300px;}
	.banner-min .tit-box .tit{ font-size: 40px;}
	.banner-min .tit-box .txt{ font-size: 14px; padding-top: 20px;}
}

@media screen and (min-width: 1280px) {
	.banner-min .tit-box .tit{ font-size: 48px;}
	.banner-min .tit-box .txt{ font-size: 18px; padding-top: 25px;}
}

@media screen and (min-width: 1400px) {
	.banner-min{ background-size: 1920px auto;}
}


/* 行业应用-共用 */
@media screen and (min-width: 320px) {
	.hyyy-box + .hyyy-box{ padding-top: 30px;}
	
	.hyyy-tit{ display: flex; align-items: center; padding-bottom: 20px;}
	.hyyy-tit i{ width: 3px; height: 20px; background: #3498DB; }
	.hyyy-tit .tit{ font-size: 24px; line-height: 1.2; color: #000; padding: 0 6px;}
	
	.swiper-yyys .pic-bg{ width: 100%; height: 60vw; -webkit-background-size: cover;
	background-size: cover; background-position: center; }
	
	
	.yyys-btn { width: 34px; height: 58px; background: rgba(0,0,0,.2); position: absolute; top: 50%; margin-top: -29px; z-index: 2; display: flex; align-items: center; justify-content: center;cursor: pointer; transition: .3s;}
	.yyys-btn i::before{ color: #fff;}
	.yyys-prev{ left: 10px;}
	.yyys-next{ right: 10px;}
	
	div.swiper-container div.yyys-pagination{ position: absolute; left: 0; bottom: 15px; right: 0; z-index: 2; display: flex; align-items: center; justify-content: center;}
	.yyys-pagination span.swiper-pagination-bullet{ width: 12px; height: 12px; background: #fff; opacity: .3;}
	.yyys-pagination span.swiper-pagination-bullet-active{ opacity: 1;}
	
	.yyys-box .mess{ padding: 15px; background: #fff;}
	.yyys-box .mess .list ul{ margin: -10px 0;}
	.yyys-box .mess .list ul *{ line-height: 1.4;}
	.yyys-box .mess .list li{ border-bottom: solid 1px #f3f3f3; padding: 10px 0;}
	.yyys-box .mess .list li:nth-last-child(1){ border-bottom: none;}
	.yyys-box .mess .list li .tit{ color: #306; font-weight: bold; font-size: 16px;}
	.yyys-box .mess .list li dd{ padding-top: 5px;}
	.yyys-box .mess .list li .txt{ padding-top: 5px;}
	.yyys-box .mess .list li .tips{ padding-top: 5px; color: #999; font-size: 12px;}
	
	.yyys-box + .yyys-box{ padding-top: 15px;}
	
	.yyys-bg{ background: #f9f9f9;}
	
	.yyal-tit{ background-image: linear-gradient(to right, #4874e1, #8417ec); color: #fff; font-weight: bold; text-align: center; padding: 10px 15px; line-height: 1.4; font-size: 18px;}
	
	
	
	.yyal-box{ padding-top: 10px;}
	.yyal-box .pic-bg{ width: 100%; height: 60vw; -webkit-background-size: cover;
	background-size: cover; background-position: center;}
	
	
	.yyal-btn { width: 34px; height: 58px; background: rgba(0,0,0,.2); position: absolute; top: 50%; margin-top: -29px; z-index: 2; display: flex; align-items: center; justify-content: center;cursor: pointer; transition: .3s;}
	.yyal-btn i::before{ color: #fff;}
	.yyal-prev{ left: 10px;}
	.yyal-next{ right: 10px;}
	
	div.swiper-container div.yyal-pagination{ position: absolute; left: 0; bottom: 15px; right: 0; z-index: 2; display: flex; align-items: center; justify-content: center;}
	.yyal-pagination span.swiper-pagination-bullet{ width: 12px; height: 12px; background: #fff; opacity: .3;}
	.yyal-pagination span.swiper-pagination-bullet-active{ opacity: 1;}
	
	.yyal-box .mess{background: #f2f7fd; padding: 15px;}
	
	.yyal-box .mess .tit{ font-size: 16px; font-weight: bold; color: #000;}
	
	.yyal-box .mess .list ul{ margin:-10px 0;}
	.yyal-box .mess .list li{ border-bottom: solid 1px #ddd; padding: 10px 0;}
	.yyal-box .mess .list li:nth-last-child(1){ border-bottom: none;}
	
	.yyal-box .mess .txt{ padding-top: 5px;}
	
	i.pic-scale-hyyy{ padding-bottom: 67.69%;}
	.hyyy-list ul{ margin: -5px; display: flex; flex-wrap: wrap;}
	.hyyy-list li{ padding: 5px; flex-shrink: 0; flex-basis: 100%; display: flex;}
	.hyyy-list dl{ flex: 1;}
	.hyyy-list dt{ position: relative;}
	.hyyy-list dt .cover{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 2;}
	.hyyy-list dl{ cursor: pointer;}
	.hyyy-list dl:hover .cover{ opacity: 0;}
	.hyyy-list dl .pic img{ transition: .6s;}
	.hyyy-list dl:hover .pic img{ animation:hyyy-pic-anim .8s; animation-fill-mode: both; }
	
	.hyyy-list dd{ padding: 15px 10px; border: solid 1px #f4f4f4; border-top: none;}
	.hyyy-list dd b{ display: block; text-align: center; font-size: 16px; line-height: 1.6;}
	.hyyy-list dd span{ display: block; text-align: center; line-height: 1.6; color: #666;}
	
	.hyyy-list .tips{ flex:1; display: flex; align-items: center; justify-content: center; border: solid 1px #f4f4f4; font-size: 16px; color: #666; font-weight: bold; height: 60vw; text-align:center;}
	
	
}


@keyframes hyyy-pic-anim{
	from { transform: scale(1);}
	50% { transform: scale(1.2);}
	to { transform: scale(1);}
}

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

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

@media screen and (min-width: 992px) {
	.hyyy-box + .hyyy-box{ padding-top: 50px;}
	
	
	.hyyy-tit{ padding-bottom: 30px;}
	.hyyy-tit i{ width: 5px; height: 32px; }
	.hyyy-tit .tit{font-size: 34px; padding: 0 8px;}
	
	.yyys-box{display: flex; min-width: 0;}
	.yyys-box .pic{ flex-basis: 50%; flex-shrink: 0; min-width: 0;}
	.yyys-box .pic-bg{ height: 100%;}
	
	.yyys-box .pic{display: flex;}
	.yyys-box .pic .swiper-yyys{ flex: 1; }
	.yyys-box .mess{ flex: 1; padding: 30px; min-height: 320px; display: flex; align-items: center;}
	
	.yyys-box .mess .list li .tit{font-size: 18px;}
	
	.yyys-box .mess .list ul{ margin: -15px 0;}
	.yyys-box .mess .list ul *{}
	.yyys-box .mess .list li{ padding: 15px 0;}
	
	.yyys-box + .yyys-box{ padding-top: 20px;}
	
	.yyys-list .yyys-box:nth-child(even){flex-direction: row-reverse;}
	
	.yyal-tit{ font-size: 22px;}
	
	
	.yyal-box{display: flex; min-width: 0;}
	.yyal-box .pic{ flex-basis: 45%; flex-shrink: 0; min-width: 0;}
	.yyal-box .pic-bg{ height: 100%;}
	
	.yyal-box .pic{display: flex;}
	.yyal-box .pic .swiper-yyal{ flex: 1; }
	
	
	.yyal-list .yyal-box .pic{ padding-right: 10px;}
	
	.yyal-list .yyal-box:nth-child(odd){flex-direction: row-reverse;}
	.yyal-list .yyal-box:nth-child(odd) .pic{ padding-left: 10px; padding-right: 0;}
	
	.yyal-list .yyal-box-02:nth-child(odd){flex-direction: row;}
	.yyal-list .yyal-box-02:nth-child(odd) .pic{ padding-left: 0; padding-right: 10px;}
	.yyal-list .yyal-box-02:nth-child(even){flex-direction: row-reverse;}
	.yyal-list .yyal-box-02:nth-child(even) .pic{ padding-left: 10px; padding-right: 0;}
	.yyal-box-02 .pic{ flex-basis: 60%;}
	
	.yyal-box .mess .tit{font-size: 18px;}
	
	.yyal-box .mess{ padding: 25px 30px; min-height: 320px; display: flex; align-items: center;}
	
	.hyyy-list li{ flex-basis: 25%;}
	
	.hyyy-list dd{ padding: 15px 10px;}
	
	.hyyy-list dd b{ font-size: 18px;}
	
	.hyyy-list dl:hover{ transform: translateY(-10px); box-shadow: 0px 6px 16px rgb(153,222,255,.5);}
	
	.hyyy-box-reverse .hyyy-tit{ display: flex; flex-direction: row-reverse;}
	.hyyy-box-reverse .yyys-list .yyys-box{flex-direction: row-reverse;}
	.hyyy-box-reverse .yyys-list .yyys-box:nth-child(even){flex-direction: row;}
	
	.hyyy-list .tips:hover{ transform: translateY(-10px); box-shadow: 0px 6px 16px rgb(153,222,255,.5);}
	
	.hyyy-list .tips{ font-size: 26px; height: auto; min-height: 240px;}
}

@media screen and (min-width: 1280px) {
	.hyyy-box + .hyyy-box{ padding-top: 60px;}
	
	.hyyy-tit{ padding-bottom: 40px;}
	.hyyy-tit i{ width: 6px; height: 36px;}
	.hyyy-tit .tit{font-size: 38px; padding: 0 10px;}
	
	.yyys-box .mess{ padding: 25px 35px; min-height: 350px;}
	
	.yyys-box .mess .list li .tit{font-size: 20px;}
	
	.yyys-box + .yyys-box{ padding-top: 25px;}
	
	.yyal-tit{ font-size: 24px;}
	
	.yyal-box .mess .tit{font-size: 20px;}
	
	.yyal-box .mess{ padding: 25px 35px;  min-height: 350px;}
	
	.yyal-box .mess .txt{ font-size: 16px;}
	
	.hyyy-list dd b{ font-size: 20px;}
	.hyyy-list dd span{ font-size: 16px;}
	
	.hyyy-list .tips{ font-size: 32px; min-height: 287px;}
}




/* 智能集成 - banner */
@media screen and (min-width: 320px) {
	.banner-min-02{ height: 100vw; background-attachment: fixed; background-position: center; display: flex; align-items: center; justify-content: center; background-repeat: no-repeat;}
	.banner-min-02 .tit{ color: #fff; font-weight: bold; font-size: 22px;}
	.banner-min-02 .txt{ color: #fff; font-weight: bold; font-size: 16px; padding-top: 5px;}
	
	.banner-min-03{ height: 100vw; background-attachment: fixed; background-position: center; display: flex; align-items: center; justify-content: center; background-repeat: no-repeat;}
	
	.banner-min-03{ display: flex; align-items: center; justify-content: center;}
	.banner-min-03 .container{display: flex; align-items: center; justify-content: center;}
	.banner-min-03 .tit-box{width: 260px; height: 260px; border-radius: 50%; background: rgba(255,255,255,.1); display: flex; align-items: center; justify-content: center; text-align: center;}
	.banner-min-03 .tit-box .tit *{ line-height: 1.2;}
	.banner-min-03 .tit{ display: flex; flex-direction: column;}
	.banner-min-03 .tit-line-t{ height: 2px; width: 100%; background: #fff;}
	.banner-min-03 .tit b{color: #fff; width: 180px; padding: 15px 0; display: flex; align-items: center; justify-content: center; font-size: 26px; font-weight: bold; line-height: 1.4;}
	.banner-min-03 .tit-line-b{ height: 2px; width: 100%; background: #fff;}
	
	.banner-min-04{ height: 40vw; background-position: center bottom; align-items: center; justify-content: center; background-size: cover; background-repeat: no-repeat;}
}

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

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

@media screen and (min-width: 992px) {
	.banner-min-02{ height: 500px;}
	.banner-min-02 .tit{ font-size: 32px;}
	
	.banner-min-03{ height: 350px;}
	
	.banner-min-03 .tit-box{width: 320px; height: 320px;}
	.banner-min-03 .tit b{ width: 240px; padding: 15px 0; font-size: 38px;}
	
	.banner-min-04{ height: 250px;}
}

@media screen and (min-width: 1280px) {
	.banner-min-02{ height: 728px;}
	.banner-min-02 .tit{ font-size: 42px;}
	.banner-min-02 .txt{ font-size: 18px;}
	
	.banner-min-03{ height: 510px;}
	
	.banner-min-03 .tit b{font-size: 42px;}
	
	.banner-min-04{ height: 350px;}
}

@media screen and (min-width: 1440px) {
	.banner-min-04{ background-size: 1920px auto;}
}

/* 智能集成 - 共用 */
@media screen and (min-width: 320px) {
	.znjc-tit{ }
	.znjc-tit .tit{ font-size: 20px; color: #444; line-height: 1.4; display: block; text-align: center;}
	.znjc-tit .en{ line-height: 1.4; text-transform: uppercase; overflow: hidden; width: 100%; display: flex; justify-content: center;}
	.znjc-tit .en b{ font-family: Arial Black; font-size: 24px;}
	.znjc-tit .en span{ font-family: Arial Black; color: #f39c12; }
	
	.znjc-tit + .znjc-sub-tit{ padding-top: 10px;}
	.znjc-sub-tit .tit{text-align: center; font-weight: bold; color: #f39c12; font-size: 20px; line-height: 1.4;}
	.znjc-sub-tit .txt{text-align: center; font-weight: bold; color: #306; font-size: 16px; line-height: 1.4;}
	.znjc-sub-tit .tit + .txt{ padding-top: 10px;}
	
	
	.znjc-box { font-size: 14px;}
	.znjc-box .pic-skin img{ width: auto; max-width: 100%;}
	.znjc-box .pic-skin{ /* box-shadow: 0 3px 10px rgba(0,0,0,.1); */ border: solid 1px #eee; border-radius: 10px; padding: 10px;}
	
	.znjc-box-pt{ padding-top: 30px;}
	
	.znjc-tit + .znjc-box{ padding-top: 20px;}
	.znjc-sub-tit + .znjc-box{ padding-top: 20px;}
	
	.jdfx-mess-box{ border-top: 1px dashed #ddd; padding-top: 30px;}
	
}

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

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

@media screen and (min-width: 992px) {
	.znjc-tit .tit{ font-size: 26px; }
	.znjc-tit .en b{font-size: 32px; position: relative;}
	.znjc-tit .en b::before{ content: ' '; width: 1000%; position: absolute; left: -1000%; margin-left: -20px; height: 1px; background: #999; top: 50%;}
	.znjc-tit .en b::after{ content: ' '; width: 1000%; position: absolute; right: -1000%; margin-right: -20px; height: 1px; background: #999; top: 50%;}
	
	.znjc-sub-tit{}
	.znjc-sub-tit .tit{ font-size: 26px;}
	.znjc-sub-tit .txt{ font-size: 18px; }
	.znjc-sub-tit .tit + .txt{ padding-top: 15px;}
	
	.znjc-box{ font-size: 16px;}
	
	.znjc-box-pt{ padding-top: 50px;}
	
	.znjc-tit + .znjc-box{ padding-top: 25px;}
	.znjc-sub-tit + .znjc-box{ padding-top: 25px;}
	
	.znjc-box .pic-skin{/* box-shadow: 0 5px 15px rgba(0,0,0,.1); */ border-radius: 20px; padding: 20px;}
	
	.jdfx-mess-box{ padding-top: 50px;}
}

@media screen and (min-width: 1280px) {
	.znjc-tit .tit{ font-size: 30px; }
	.znjc-tit .en b{ font-size: 36px;}
	
	.znjc-tit + .znjc-sub-tit{ padding-top: 15px;}
	.znjc-sub-tit .tit{ font-size: 30px;}
	.znjc-sub-tit .txt{ font-size: 20px;}
	.znjc-sub-tit .tit + .txt{ padding-top: 20px;}
	
	.znjc-box{ font-size: 18px;}
	
	.znjc-box-pt{ padding-top: 60px;}
	
	
	.znjc-tit + .znjc-box{ padding-top: 30px;}
	.znjc-sub-tit + .znjc-box{ padding-top: 30px;}
	
	.jdfx-mess-box{ padding-top: 60px;}
}



/* 应用介绍 */
@media screen and (min-width: 320px) {
	i.pic-scale-yyjs{ padding-bottom: 47.1%;}
	
	.znjc-tabs .hd{display: flex;}
	.znjc-tabs .hd span{ flex: 1; background: #f4f4f4; text-align: center; min-height: 45px; display: flex; align-items: center; justify-content: center; border-right: solid 1px #fff; cursor: pointer; font-weight: bold; padding: 10px 10px; line-height: 1.4;}
	.znjc-tabs .hd span:nth-last-child(1){border-right: none;}
	.znjc-tabs .hd span.on{ background: #351c75; color: #fff;}
	
	.znjc-tabs .znjc-bd{ padding-top: 15px;}
	
	.znjc-tabs .znjc-bd .brus{ border-radius: 10px; overflow: hidden;}
	.znjc-tabs .znjc-bd dd{ padding-top: 10px;}
	
}

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

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

@media screen and (min-width: 992px) {
	
	.znjc-tabs .znjc-bd{ padding-top: 25px;}
	
	.znjc-tabs .hd span{ min-height: 55px; position: relative;}
	.znjc-tabs .hd span::before{ content: ' '; border-top: solid 8px #f4f4f4; border-left: solid 8px transparent; border-right: solid 8px transparent; position: absolute; bottom: 0; left: 50%; opacity: 0; transition: .3s; }
	.znjc-tabs .hd span.on::before{ bottom: -8px; opacity: 1; border-top: solid 8px #351c75;}
	
	.znjc-tabs .znjc-bd .brus{ border-radius: 15px;}
	
	.znjc-tabs .znjc-bd dl{ display: flex; align-items: center;}
	.znjc-tabs .znjc-bd dt{ flex-basis: 50%; flex-shrink: 0; padding-right: 10px;}
	.znjc-tabs .znjc-bd dd{ padding-left: 10px; padding-top: 0;}
}

@media screen and (min-width: 1280px) {
	
	.znjc-tabs .znjc-bd{ padding-top: 35px;}
	
	.znjc-tabs .hd span{ min-height: 70px; font-size: 16px;}
	
	.znjc-tabs .znjc-bd .brus{ border-radius: 20px;}
	.znjc-tabs .znjc-bd dd{font-size: 16px;}
}





/* 绝地飞行 */
@media screen and (min-width: 320px) {
	i.pic-scale-thun{ padding-bottom: 67%;}
	i.pic-scale-pic{ padding-bottom: 45%;}
	
	.swiper-pxyj-thun .swiper-slide{ width: 100px;}
	.swiper-pxyj-thun .btn{width: 100px; border: solid 2px #fff; cursor: pointer;}
	.swiper-pxyj-thun .swiper-slide-active .btn{border-color: #609ee9;}
	
	.swiper-pxyj-thun-box{ padding-top: 10px; display: flex;}
	.swiper-pxyj-thun-box .thun-btn{width: 50px; display: flex; align-items: center; justify-content: center; cursor: pointer;}
	.swiper-pxyj-thun-box .swiper-pxyj-thun{flex:1;}
	
	.thun-btn i::before{ color: #999; font-size: 20px;}
	.thun-btn i:hover::before{ color:#000;}
	
	i.pic-scale-about-01{ padding-bottom: 56.15%; position: relative; z-index: 2;}
	.jdfx-about-box dt{ padding: 60px 60px 20px 0; position: relative; position: relative;}
	.jdfx-about-box dt::before{ content: ' ';  position: absolute; left: 30%; top: 40px; bottom: 40px; right: 0; background: #eee;}
	
	
	.znjc-sztd-box{ padding-top: 20px;}
	.jdfx-about-box dt::after{ content: ' ';  position: absolute; left: 60%; top: 0; bottom: 0; right: 40px;  border: solid 5px #666;}
	.jdfx-about-box dd{ padding-top: 20px; color: #666;}
	
	.znjc-sztd-box dl{ padding: 15px; display: flex; align-items: center; background: #f9f9f9; /* background-image: linear-gradient(to right,#f9f9f9, #fdfdfd); */ border-radius: 6px; /* box-shadow: 0 3px 10px rgba(0,0,0,.1); */}
	.znjc-sztd-box dt{ flex-basis: 100px; flex-shrink: 0;}
	.znjc-sztd-box .brus{ border-radius: 50%; overflow: hidden;}
	.znjc-sztd-box dd{ padding-left: 20px; flex:1;}
	.znjc-sztd-box .tit{display: flex; align-items: center;}
	.znjc-sztd-box .name{ color: #333; font-size: 14px;}
	.znjc-sztd-box .job{ padding-left: 10px; color: #656d78; font-size: 12px; font-weight: bold;}
	.znjc-sztd-box .txt{ padding-top: 10px; font-size: 12px; color: #999;}
	
	.znjc-sztd-box ul{ margin: -10px;}
	.znjc-sztd-box li{ padding: 10px;}
	
	.hysz-list ul{ display: flex; flex-wrap: wrap; margin: -15px;}
	.hysz-list li{ flex-basis: 50%; flex-shrink: 0; padding: 15px;}
	.hysz-list dl{display: flex; flex-direction: column; align-items: center;}
	.hysz-list dt{ width: 80px;}
	.hysz-list dd{ padding-top: 10px;}
	.hysz-list dd b{ display: block; text-align: center; color: #555; font-style: normal; font-size: 18px; line-height: 1.4; font-weight: normal;}
	.hysz-list dd span{ display: block; text-align: center; color: #888; font-size: 14px; line-height: 1.4; padding-top: 5px;}
	
	.jdfx-contact-box dl{display: flex; align-items: center; flex-direction: column; max-width: 960px; margin: 0 auto; background: #f9f9f9; padding: 15px;}
	.jdfx-contact-box dt{ width: 240px;}
	.jdfx-contact-box dd{ padding-top: 15px;}
	.jdfx-contact-box dd .tit{ color: #333;}
	.jdfx-contact-box dd .txt{ color: #999; font-size: 12px;}
	.jdfx-contact-box dd a{ color: #351c75;}
	
	.jdfx-contact-box dd hr.line{ background: #000; width: 48px; height: 3px; margin-bottom: 0; margin-top: 15px;}
	
	.hysz-list .tips{ padding-top: 20px; color: #999; font-size: 14px;}
}

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

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

@media screen and (min-width: 992px) {
	.swiper-pxyj-thun-box{ padding-top: 15px;}
	
	.jdfx-about-box dl{display: flex; align-items: center;}
	.jdfx-about-box dt{ flex-basis: 50%; flex-shrink: 0;}
	.jdfx-about-box dd{ flex-basis: 50%; padding-top: 0; padding-left: 30px;}
	
	.znjc-sztd-box ul{ display: flex; flex-wrap: wrap; justify-content: center;}
	.znjc-sztd-box li{ flex-basis: 50%;}
	.znjc-sztd-box dl{ padding: 25px;}
	.znjc-sztd-box dt{ flex-basis: 150px;}
	.znjc-sztd-box dd{ padding-left: 30px; padding-top: 0;}
	.znjc-sztd-box .name{ font-size: 16px;}
	.znjc-sztd-box .job{ font-size: 14px; padding-left: 20px;}
	.znjc-sztd-box .txt{ font-size: 14px;}
	
	.hysz-list li{ flex-basis: 33.333%; }
	.hysz-list dt{ width: 110px;}
	.hysz-list dd b{ font-size: 22px;}
	.hysz-list dd span{ font-size: 18px;}
	
	.jdfx-contact-box dl{flex-direction: row-reverse; padding: 30px;}
	
	.jdfx-contact-box dd{ flex:1; padding-right: 100px;}
	
	.jdfx-contact-box dd .tit{ font-size: 16px;}
	.jdfx-contact-box dd .txt{ font-size: 14px;}
	.jdfx-contact-box dd hr.line{ margin-bottom: 0; margin-top: 20px;}
}

@media screen and (min-width: 1280px) {
	.swiper-pxyj-thun-box{ padding-top: 20px;}
	.jdfx-about-box dd{ padding-left: 60px;}
	
	.znjc-sztd-box{ padding-top: 40px;}
	.znjc-sztd-box ul{ margin: -20px;}
	.znjc-sztd-box li{ padding: 20px;}
	
	.znjc-sztd-box .name{ font-size: 18px;}
	.znjc-sztd-box .job{ padding-left: 30px;}
	
	.hysz-list ul{ margin: -25px;}
	.hysz-list li{ padding: 25px;}
	
	.hysz-list dd b{ font-size: 26px;}
	.hysz-list dd span{ font-size: 20px;}
}




/* 留言 */
@media screen and (min-width: 320px) {
	.jdfx-mess-row{margin: -10px;}
	.jdfx-mess-col{ padding: 10px;}
	
	.jdfx-mess-tit{ font-size: 14px; color: #000; padding-bottom: 5px;}
	.jdfx-mess-tit i{ font-style: normal; color: #e00;}
	
	.jdfx-mess-row input,.jdfx-mess-row textarea{font-size: 14px;}
	
	.imyx-box-m{ margin: -10px;}
	.jdfx-mess-inp-min{ padding: 10px;}
	
	.layui-form-radio>i:hover, .layui-form-radioed>i{color: #351c75;}
	.layui-form-select dl dd.layui-this{ background: #351c75;}
	
	.layui-form-select dl dd, .layui-form-select dl dt{font-size: 14px;}
	
	.layui-btn{ background: #351c75;}
	
	.jdfx-mess-btn{display: flex; justify-content: center;}
	
	.jdfx-mess-btn .layui-btn{ padding: 5px 40px; border-radius: 40px; height: auto;}
}

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

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

@media screen and (min-width: 992px) {
	
	.jdfx-mess-row{margin: -15px;}
	.jdfx-mess-col{ padding: 15px;}
	
	.jdfx-mess-row{display: flex; flex-wrap: wrap;}
	.jdfx-mess-col{ flex:1;}
	.jdfx-mess-col-12{ flex-basis: 100%;}
	.jdfx-mess-col-06{flex-basis: 50%;}
	
	.imyx-box-m{ display: flex;}
	.jdfx-mess-inp-min{ flex:1;}
	
	.layui-form-radio{ margin-top: 0;}
}

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




/* 了解紫燕 */
@media screen and (min-width: 320px) {
	.about-box{ margin-top: -15vw;}
	.about-box-bg{ border-radius: 10px; background: rgba(255,255,255,.95); padding: 15px;}
	.ljzy-tit{ display: flex; flex-direction: column; align-items: center; padding-bottom: 20px;}
	.ljzy-tit .tit{ color: #333; font-size: 24px; line-height: 1.4;}
	.ljzy-tit .line{ height: 2px; width: 64px; background: #351c75; margin: 0;}
	
	.ljzy-txt {text-align: justify; color: #333;}
	.ljzy-txt p + p{ margin-top: 10px;}
	
	.ljzy-box-bg{ background: #fcfcfc; margin-bottom: 10px; padding: 15px 0;}
	
	.ljzy-list-01{}
	
	.ljzy-list-01 ul{ display: flex; flex-wrap: wrap; margin: -15px;}
	.ljzy-list-01 li{ flex:1; padding: 15px;}
	.ljzy-list-01 dl{display: flex; flex-direction: column; align-items: center;}
	.ljzy-list-01 dt{ font-weight: bold; color: #351c75; font-size: 28px; white-space: nowrap; line-height: 1.2;}
	.ljzy-list-01 dd{ white-space: nowrap; line-height: 1.2; padding-top: 5px;}
	i.pic-scale-honor{ padding-bottom: 69.7%;}
	.swiper-honor .swiper-slide{ width: 330px;}
	
	.ljzy-txt img{max-width: 100%;}
	
	.ljzy-list-02 li{ padding: 5px 0; padding-left: 30px; position: relative;}
	.ljzy-list-02 li i{ background-image: url(../img/21195196.png); width: 22px; height: 22px; background-size: cover; display: block; position: absolute; left: 0; top: 5px;}
	
	.ljzy-list-03 ul{ display: flex; align-items: center; justify-content: center; flex-wrap: wrap; margin: -10px;}
	
	.ljzy-list-03 li{ padding: 10px; width: 100%;}
	
	.ljzy-list-03 .box{ padding: 3px 15px; border-radius: 5px; border: solid 2px #351c75; display: flex; align-items: center; justify-content: center;}
	.ljzy-list-03 .box i::before{ padding-right: 5px; color: #351c75; font-size: 18px;}
	.ljzy-list-03 .box span{ color: #351c75;}
	
	.ljzy-box-pt { padding-top: 20px;}
	.ljzy-list-04 ul{ display: flex; justify-content: center; flex-wrap: wrap; margin: -10px;}
	.ljzy-list-04 li{ padding: 10px; width: 100%; display:flex;}
	
	.ljzy-list-04 dl{ background: #fff; box-shadow: 0px 5px 12px rgb(0,0,0,.3); padding: 15px; border-radius: 5px; width:100%; display:flex; flex-direction:column; justify-content:center;}
	.ljzy-list-04 dt{ font-weight: bold; text-align: center; font-size: 18px;}
	.ljzy-list-04 dd{text-align: center;}
	
	.ljzy-more-btn-01{ display: flex; justify-content: center;}
	
	.more-btn{ display: inline-flex; align-items: center; justify-content: center; padding: 10px 25px; border: solid 1px #351c75; border-radius: 5px; background: #351c75; color: #fff;}
	.more-btn span{ padding-right: 5px; line-height: 1; color: #fff;}
	.more-btn i,.more-btn i::before{ font-size: 12px; line-height: 1; color: #fff;}
	
	.more-btn:hover{ background: none;}
	.more-btn:hover span,.more-btn:hover i::before{color: #351c75;}
	
	.ljzy-list-05 ul{ margin: -10px;}
	.ljzy-list-05 li{ padding: 10px;}
	
	.ljzy-list-05 dl{display: flex; align-items: center;}
	.ljzy-list-05 dt{ border-radius: 50%; overflow: hidden; width: 80px; position: relative; z-index: 3; background: #fff;}
	.ljzy-list-05 dd{ margin-left: -30px; padding: 0 15px 0 35px; border-radius: 22px; height: 44px; border: solid 2px #351c75; display: flex; align-items: center; flex: 1; justify-content: center;}
	.ljzy-list-05 dd span{ padding-right: 10px; font-size: 16px; color: #351c75;}
	.ljzy-list-05 dd i{ width: 20px; height: 20px; background: #351c75; -webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%; display: flex; align-items: center; justify-content: center; line-height: 20px;}
	.ljzy-list-05 dd i::before{ line-height: 20px; color: #fff; font-size: 12px;}
	
	.ljzy-list-05 a:hover span{ padding-right: 25px;}
	
	i.pic-scale-news-03{ padding-bottom: 56.25%;}
	.ljzy-list-06 ul{ margin: -10px;}
	.ljzy-list-06 li{ padding: 10px;}
	.ljzy-list-06 dd{ padding: 10px 15px; background: #fff; border: solid 1px #f4f4f4;}
	.ljzy-list-06 .tit{ overflow: hidden; -ms-text-overflow: ellipsis;
	text-overflow: ellipsis; white-space: nowrap; font-weight: bold; color: #333;}
	.ljzy-list-06 .txt{ overflow: hidden; -ms-text-overflow: ellipsis;
	text-overflow: ellipsis; white-space: nowrap; color: #666;}
	.ljzy-list-06 .time{ font-size: 12px; color: #666;}
	
	.ljzy-list-06 a:hover .tit{color: #351c75;}
	.ljzy-list-06 a:hover{ transform: translateY(-5px); box-shadow: 0 5px  12px rgba(0,0,0,.1);}
	
	.more-btn-02 a{ border: solid 1px #cccccc; display: flex; align-items: center; justify-content: center; height: 44px;}
	.more-btn-02 a span{ padding-right: 10px; color: #444; font-size: 14px;}
	.more-btn-02 a i,.more-btn-02 a i::before{ font-size: 14px; line-height: 1; color: #444;}
	
	.more-btn-02 a:hover{ background: #351c75; border-color: #351c75;}
	.more-btn-02 a:hover span,.more-btn-02 a:hover i,.more-btn-02 a:hover i::before{ color: #fff;}

}

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

@media screen and (min-width: 480px) {
	.ljzy-list-03 li{ width: 50%;}
	.ljzy-list-04 li{ width: 50%;}
}

@media screen and (min-width: 992px) {
	.about-box{ margin-top: -200px;}
	.about-box-bg{ padding:40px 60px; border-radius: 20px;}
	.ljzy-tit{ padding-bottom: 30px;}
	.ljzy-tit .tit{ font-size: 34px; padding-bottom: 5px;}
	
	.ljzy-txt{ font-size: 16px;}
	
	.ljzy-box-bg{ padding: 25px 0;}
	
	.ljzy-list-01 li{position: relative;}
	.ljzy-list-01 li::before{ content: ' '; width: 1px; position: absolute; top: 15px; bottom: 15px; background: #ccc;}
	.ljzy-list-01 li:nth-child(1)::before{ display: none;}
	
	.ljzy-list-01 dt{ font-size: 36px;}
	.ljzy-list-01 dd{ font-size: 18px;}
	
	.ljzy-list-02 ul{position: relative;}
	.ljzy-list-02 ul::before{ content: ' '; position: absolute; left: 17px; top: 20px; bottom: 20px; border-left: dashed 1px #27c7ff;}
	
	.ljzy-list-02 li{ font-size: 16px; padding: 8px 0; padding-left: 55px;}
	
	.ljzy-list-02 li i{ width: 35px; height: 35px; left: 0; top: 5px;}
	
	.ljzy-list-03 .box{ padding: 5px 20px;}
	.ljzy-list-03 li{ width: 22%;}
	
	.ljzy-box-pt { padding-top: 30px;}
	.ljzy-list-04 li{ width: 25%;}
	.ljzy-list-04 dl{ padding: 30px; }
	.ljzy-list-04 dt{ font-size: 20px;}
	.ljzy-list-04 dd{ font-size: 14px;}
	
	
	.ljzy-list-05 ul{ display: flex; margin: -15px;}
	.ljzy-list-05 li{ flex-basis: 33.3333%; flex-shrink: 0; padding: 15px;}
	.ljzy-list-05 dd span{ font-size: 14px;}
	
	.ljzy-list-06 ul{ display: flex; flex-wrap: wrap;}
	.ljzy-list-06 li{ flex-basis: 33.3333%; flex-shrink: 0; min-width: 0; display: flex;}
	.ljzy-list-06 a{display: flex; width: 100%;}
	.ljzy-list-06 dl{display: flex; flex-direction: column; min-width: 0; width: 100%;}
	.ljzy-list-06 dd{flex:1; padding:15px 20px;}
	
	.ljzy-list-06 .tit{ font-size: 16px; }
	
	.more-btn-02 a span{ font-size: 16px;}
}

@media screen and (min-width: 1280px) {
	.about-box{ margin-top: -250px;}
	.about-box-bg{ padding:60px 80px; border-radius: 30px;}
	.ljzy-tit{ padding-bottom: 40px;}
	.ljzy-tit .tit{font-size: 38px; padding-bottom: 10px;}
	
	.ljzy-txt{ font-size: 18px;}
	
	.ljzy-box-bg{ padding: 30px 0;}
	
	.ljzy-list-01 dt{ font-size: 40px;}
	.ljzy-list-01 dd{ font-size: 20px;}
	
	.ljzy-list-02 li{ font-size: 18px;}
	
	.ljzy-box-pt { padding-top: 40px;}
	.ljzy-list-04 dt{ font-size: 22px;}
	.ljzy-list-04 dd{ font-size: 16px;}
	
	.ljzy-list-05 dd span{font-size: 16px;}
	
	.ljzy-list-06 .tit{ font-size: 18px;}
	
}




/* menu */
@media screen and (min-width: 320px) {
	.menu { border-bottom: solid 1px #351c75;}
	.menu ul{display: flex; flex-wrap: wrap;}
	.menu li{ flex:1;}
	.menu li a{ padding: 10px 15px; color: #666; display: flex; align-items: center; justify-content: center; white-space: nowrap;}
	.menu li a.on{ background: #351c75; color: #fff;}
	.menu li a:hover{ color: #351c75;}
	.menu li a.on:hover{ color: #fff;}
	
	.menu{margin-bottom: 20px;}
	
}

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

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

@media screen and (min-width: 992px) {
	.menu li a{ padding: 0 20px; height: 52px; font-size: 16px;}
	
	
	.menu{margin-bottom: 30px;}
	
	.menu-02 li{ flex-grow: 0; min-width: 120px;}
}

@media screen and (min-width: 1280px) {
	.menu li a{ height: 56px;}
	
	
	.menu{margin-bottom: 40px;}
}



/* sub-menu */
@media screen and (min-width: 320px) {
	.sub-menu ul{ display: flex; overflow-x: scroll; border: solid 1px #eee;}
	.sub-menu li{ display: flex;}
	.sub-menu li a{ min-width: 130px; padding: 5px 10px; display: flex; align-items: center; justify-content: center; background: #f9f9f9; color: #666; border-right: solid 1px #eee; font-size: 12px; position: relative;}
	.sub-menu li:nth-last-child(1) a{ border-right: none;}
	
	.sub-menu li a::before{ content: ' '; position: absolute; left: 0; bottom: 0; right: 0; height: 3px; background: #351c75; opacity: 0;}
	.sub-menu li a.on{ background: #fff;}
	.sub-menu li a.on::before{ opacity: 1;}
	
}

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

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

@media screen and (min-width: 992px) {
	.sub-menu { width: 100%;}
	.sub-menu ul{ flex-wrap: wrap; overflow: visible; border-bottom: none;}
	.sub-menu li{ width: 100%;}
	.sub-menu li a{ width: 100%; min-width:auto; justify-content: space-between; border-right: none; border-bottom: solid 1px #eee; font-size: 14px;}
	.sub-menu li a::before{ height: auto; width: 3px; left: auto; top: 0;}
	
	.sub-menu li a::after{ content: ' '; position: absolute; top: 50%; right: 0; margin-top: -8px; border-right: solid 8px #351c75; border-top: solid 8px transparent; border-bottom: solid 8px transparent; opacity: 0;}
	.sub-menu li a.on::after{ opacity: 1;}
	
	.sub-menu li a{ height: 60px;}
}

@media screen and (min-width: 1280px) {
	
	.sub-menu li a{ height: 77px; font-size: 16px;}
}




/* 列表布局 */
@media screen and (min-width: 320px) {
	.cont-flex-r{ padding-top: 20px;}
}

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

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

@media screen and (min-width: 992px) {
	.cont-flex{ display: flex;}
	.cont-flex-l{ flex-basis: 200px; flex-shrink: 0;}
	.cont-flex-r{ padding-top: 0; padding-left: 30px; flex: 1; min-width: 0;}
}

@media screen and (min-width: 1280px) {
	.cont-flex{ display: flex;}
	.cont-flex-l{ flex-basis: 240px;}
	.cont-flex-r{ padding-left: 60px;}
}




/* 人才招聘 */
@media screen and (min-width: 320px) {
	.rczp-tit{ border-bottom: solid 1px #eee; font-size: 20px; font-weight: bold; padding-bottom: 20px; line-height: 1.2;}
	.rczp-txt-box{ padding: 20px 0;}
	
	.rczp-sub-tit{font-weight: bold;}
	.rczp-box + .rczp-box{ padding-top: 20px;}
	
	.rczp-txt-btn{}
	
	.more-btn-03{ display: inline-flex; align-items: center; justify-content: center; padding: 10px 25px; border: solid 1px #351c75; border-radius: 5px; background: #351c75; color: #fff;}
	.more-btn-03 span{ line-height: 1; color: #fff;}
	.more-btn-03 i,.more-btn-03 i::before{ font-size: 18px; line-height: 1; color: #fff; padding-right: 5px;}
	
	.more-btn-03:hover{ background: none;}
	.more-btn-03:hover span,.more-btn-03:hover i::before{color: #351c75;}
	
	.rczp-line{ margin: 0; background: #eee;}
}

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

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

@media screen and (min-width: 992px) {
	.rczp-tit{ font-size: 24px; padding-bottom: 20px;}
	.rczp-txt-box{ padding: 30px 0;}
	
	.rczp-box + .rczp-box{ padding-top: 30px;}
}

@media screen and (min-width: 1280px) {
	.rczp-tit{ font-size: 26px; padding-bottom: 40px;}
	.rczp-txt-box{ padding: 40px 0;}
	
	.rczp-box + .rczp-box{ padding-top: 40px;}
}



/* 新闻中心 */
@media screen and (min-width: 320px) {
	.xwzx-box-01{}
	.xwzx-box-01 + .xwzx-box-01{ padding-top: 20px;}
	.xwzx-tit{ display: flex; align-items: center; padding-bottom: 10px;}
	.xwzx-tit i{ width: 4px; height: 19px; background: #351c75;}
	.xwzx-tit span{ padding-left: 10px; color: #111; font-weight: bold; font-size: 16px; line-height: 1;}
	
	.xwzx-list-01 .list-wrap{ height: 200px !important;}
	.xwzx-list-01 .list-scroll{ width: 100%;}
	.xwzx-list-01 li{ border-bottom: 1px dotted #200c5d;}
	.xwzx-list-01 li i{ background: #444; width: 4px; height: 4px; border-radius: 50%; flex-shrink: 0; margin-right: 5px;}
	.xwzx-list-01 li a{display: flex; align-items: center; height: 40px; min-width: 0;}
	.xwzx-list-01 li a b{ display: block; flex: 1; min-width: 0; flex-wrap: wrap;  white-space: nowrap; overflow: hidden; -ms-text-overflow: ellipsis;
	text-overflow: ellipsis; font-size: 12px; font-weight: normal;}
	.xwzx-list-01 li span{ padding-left: 5px; font-size: 12px; color: #999; flex-shrink: 0; display: none;}
	
	.xwzx-txt img{ width: 100%; max-width: 180px;}
	
	.xwzx-txt + .xwzx-txt{ padding-top: 20px;}
	
	.xwzx-list-02 dd{ padding-top: 10px;}
	.xwzx-list-02 .tit{ font-size: 14px; font-weight: bold; color: #222; line-height: 1.4;}
	.xwzx-list-02 .txt{ color: #666; font-size: 12px; line-height: 1.4; margin-top: 5px;}
	.xwzx-list-02 .time{ color: #666; font-size: 12px; line-height: 1.4; margin-top: 5px;}
	
	.xwzx-list-02 li{ padding-top: 15px;}
	
	.xwzx-list-02 a:hover .tit{ color: #351c75;}
	
	
	i.pic-scale-news-04{ padding-bottom: 56.25%;}
	
	.xwzx-list-03 ul{ margin: -10px;}
	.xwzx-list-03 li{ padding: 10px;}
	.xwzx-list-03 li a{ position: relative; display: block;}
	.xwzx-list-03 li .tit{ position: absolute; left: 0; bottom: 0; right: 0; height: 48px; padding: 0 10px; background:rgba(0,0,0,.6); display: flex; align-items: center; justify-content: center;}
	.xwzx-list-03 li .tit span{ font-size: 14px; color: #fff; white-space: nowrap;  display: block; -ms-text-overflow: ellipsis;
	text-overflow: ellipsis; min-width: 0; overflow: hidden;}
	
	.xwzx-list-02 .tags{ display:flex; flex-wrap:wrap; padding-top:5px;}
	.xwzx-list-02 .tags b{ line-height:26px; font-weight:normal; color:#666;}
	.xwzx-list-02 .tags span{ line-height:26px; font-weight:normal; padding:0 10px; background:#f4f4f4; margin:0 5px; color:#999;}
	
	
}

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

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

@media screen and (min-width: 992px) {
	.xwzx-tit{ padding-bottom: 15px;}
	.xwzx-tit span{ font-size: 18px;}
	
	.xwzx-box-01 + .xwzx-box-01{ padding-top: 30px;}
	.xwzx-list-01 .list-wrap{ height: 300px !important;}
	
	.xwzx-list-01 li a{ height: 50px;}
	
	
	.xwzx-list-02{}
	.xwzx-list-02 dl{display: flex;}
	.xwzx-list-02 dt{flex-basis: 225px;}
	.xwzx-list-02 dd{flex: 1;}
	
	.xwzx-list-02 ul{ margin: -20px 0 0 0;}
	.xwzx-list-02 li{ padding: 20px 0; border-bottom: dashed 1px #ccc;}
	.xwzx-list-02 dt + dd{ padding-left: 15px;}
	.xwzx-list-02 dd{ padding-top: 0;}
	
	.xwzx-list-02 .tit{ font-size: 16px;}
	.xwzx-list-02 .txt{ margin-top: 10px;}
	.xwzx-list-02 .time{ margin-top: 10px;}
	
	.xwzx-list-03 ul{ display: flex; flex-wrap: wrap;}
	.xwzx-list-03 li{ flex-basis: 50%;}
	
	.xwzx-list-02 .tags{ padding-top:10px;}
	
}

@media screen and (min-width: 1280px) {
	.xwzx-tit{ padding-bottom: 20px;}
	.xwzx-box-01 + .xwzx-box-01{ padding-top: 40px;}
	.xwzx-list-01 .list-wrap{ height: 350px !important;}
	
	.xwzx-list-01 li a b{ font-size: 14px;}
	.xwzx-list-01 li span{display: block;}
	
	.xwzx-list-02 .r dt{flex-basis: 280px;}
	.xwzx-list-02 .r ul{ margin: -30px 0 0 0;}
	.xwzx-list-02 .r li{ padding: 30px 0;}
	.xwzx-list-02 .tit{ font-size: 18px;}
	.xwzx-list-02 .txt{  font-size: 14px;}
	
	.xwzx-list-03 ul{ margin: -15px;}
	.xwzx-list-03 li{ padding: 15px;}
	.xwzx-list-03 li .tit{height: 52px;}
	.xwzx-list-03 li .tit span{ font-size: 16px;}
}



/* 详细页 */
@media screen and (min-width: 320px) {
	.info-box-mt{ margin-top: 20px;}
	
	.info-box{ max-width: 750px; margin: 0 auto;}
	
	.info-tit{ line-height: 1.6; font-size: 16px; color: #000; font-weight: bold;}
	
	.info-mess{}
	.info-mess ul{ color: #666; display: flex; margin: -10px; flex-wrap: wrap;}
	.info-mess li{ padding: 10px; }
	.info-mess li span{ color: #351c75;}
	
	
	.info-share{display: none;}
	
	.info-link-btn ul{ margin: -10px 0;}
	.info-link-btn li{ padding: 10px 0;}
	
	
	.info-box .list-01 ul{}
	.info-box .list-01 li{}
	.info-box .list-01 li i{ background: #444; width: 4px; height: 4px; border-radius: 50%; flex-shrink: 0; margin-right: 5px;}
	.info-box .list-01 li a{ align-items: center; min-width: 0; padding: 10px 0; display: block;}
	.info-box .list-01 li a b{ display: block;  white-space: nowrap; overflow: hidden; -ms-text-overflow: ellipsis;
	text-overflow: ellipsis;font-size: 14px; font-weight: normal;}
	.info-box .list-01 li .time{ font-size: 12px; color: #666; display: block;}
	.info-box .list-01 li .txt{ color: #999; display: block; font-size: 12px; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; -webkit-line-clamp: 2;}
	
	.info-more-tit{ font-weight:bold; font-size:18px; color:#000; border-bottom:solid 1px #ddd; padding-bottom:10px; margin-bottom:10px; line-height:1.2;}
}

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

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

@media screen and (min-width: 992px) {
	
	.info-box-mt{ margin-top: 40px;}
	.info-tit{ font-size: 18px;}
	
	.info-mess{ }
	
	
	.info-share{display: flex;}
	.info-share .tit{ padding-right: 5px;}
	
	.info-more-tit{ font-size:24px;}
	.info-box .list-01 ul{ display: flex; flex-wrap: wrap; margin: -10px -20px;}
	.info-box .list-01 li{ flex-basis: 33.3333%; padding: 10px 20px; flex-shrink: 0; min-width: 0;}
	.info-box .list-01 li a{ padding:  0;}
	.info-box .list-01 li a b{ font-size: 14px;}
}

@media screen and (min-width: 1280px) {
	.info-box-mt{ margin-top: 50px;}
	.info-tit{ font-size: 22px;}
	
	.info-mess{ }
	
	
	.info-more-tit{ font-size:26px; padding-bottom:15px; margin-bottom:20px;}
	.info-box .list-01 ul{ margin: -15px -25px;}
	.info-box .list-01 li{ padding: 15px 25px;}
	.info-box .list-01 li a b{ font-size: 16px;}
	.info-box .list-01 li a span{ font-size: 14px;}
}


/* banner-min-product */
@media screen and (min-width: 320px) {
	.banner-min-product{ min-height: 60vw; background-size:cover; display: flex; align-items: center; background-position: center center; background-repeat: no-repeat;}
	.banner-min-product .tit-box{ text-align: center; display: flex; flex-direction: column; align-items: center;}
	.banner-min-product .tit-box hr{ width: 64px; height: 3px; background: #fff;}
	
	.banner-min-product .tit-box .tit{ color: #fff; font-size: 24px; font-weight: bold; line-height: 1.4;}
	.banner-min-product .tit-box .txt{ color: #fff; padding-top: 10px; line-height: 1.4;}
	
	.banner-min-product-col-000 .tit-box .tit{ color: #000;}
	.banner-min-product-col-000 .tit-box .txt{ color: #fff;}
	.banner-min-product-col-000 .tit-box hr{ background: #351c75;}
}

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

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

@media screen and (min-width: 992px) {
	.banner-min-product{ min-height: 300px;}
	.banner-min-product .tit-box .tit{ font-size: 40px;}
	.banner-min-product .tit-box .txt{ font-size: 14px; padding-top: 20px;}
}

@media screen and (min-width: 1280px) {
	.banner-min-product .tit-box .tit{ font-size: 48px;}
	.banner-min-product .tit-box .txt{ font-size: 18px; padding-top: 25px;}
}

@media screen and (min-width: 1400px) {
	.banner-min-product{ background-size: 1920px auto;}
}




/* 产品详细页 */
@media screen and (min-width: 320px) {
	.product-info-box{ max-width: 960px; margin: 0 auto;}
}

@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: #351c75; 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%;}
	
	.video-tit{ position: absolute; bottom: -45px; width: 100%; text-align: center; color: #fff; background: rgba(60,60,60,.9); padding: 0 65px; overflow: hidden; -ms-text-overflow: ellipsis;
	
		text-overflow: ellipsis; white-space: nowrap;}
	
	.video-tit span{  line-height: 40px; }

	

	.video-prev{ width: 40px; height: 40px; line-height: 40px; position: absolute; left: 0; background: rgba(0,0,0,.6); color: #fff; text-align: center; cursor: pointer; bottom: -45px; z-index: 2;  transition: .3s;}

	.video-prev::before{display: block; transition: .3s;}

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

	

	.video-next{ width: 40px; height: 40px; line-height: 40px; position: absolute; right: 0; background: rgba(0,0,0,.6); color: #fff; text-align: center; cursor: pointer; bottom: -45px; z-index: 2;  transition: .3s;}

	.video-next::before{display: block; transition: .3s;}

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

	

	.video-prev:hover,.video-next:hover{ background: #351c75;}
	
	
}



@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: #333; 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%;}
		
}

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

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




/* 技术支持 */
@media screen and (min-width: 320px) {
	.jszc-box{ width:100%;}
	
	.jszc-list-02 ul{ margin: -10px;}
	.jszc-list-02 li{ padding: 10px; min-width: 0;}
	.jszc-list-02 li a{ position: relative; display: block;}
	.jszc-list-02 li .pic{position: relative;}
	.jszc-list-02 li .pic::before{ content: ' '; width: 100%; height: 100%; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: rgba(0,0,0,.2); z-index: 2;}
	.jszc-list-02 li .iconfont,.jszc-list-02 li .iconfont::before{ line-height: 1; font-size: 60px; color: #fff; display: block;}
	.jszc-list-02 li .iconfont{ position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); z-index: 3;}
	.jszc-list-02 li .iconfont::before{ opacity: .4;}
	.jszc-list-02 li .tit{ font-size: 14px; white-space: nowrap;  display: block; -ms-text-overflow: ellipsis;
	text-overflow: ellipsis; min-width: 0; overflow: hidden; margin-top: 10px;}
	.jszc-list-02 li .time{ font-size: 12px; color: #999;}
	
	.jszc-list-02 li a:hover .iconfont::before{ opacity: .8;}
	
	
	
	.jszc-tit{ font-weight: bold; font-size: 18px; margin-bottom: 20px;}
	
	.jszc-item { padding: 20px 0;}
	
	
	.jszc-list-01{ overflow: hidden;}
	.jszc-list-01 ul{ margin: -15px;}
	.jszc-list-01 li{ padding: 0 15px;}
	.jszc-list-01 dl{ display: flex; padding: 15px 0; border-bottom: solid 1px #ddd;}
	.jszc-list-01 dt{ flex: 1; min-width: 0;}
	.jszc-list-01 dt .tit{ line-height: 30px; overflow: hidden; white-space: nowrap; -ms-text-overflow: ellipsis;
	text-overflow: ellipsis;}
	.jszc-list-01 dt .time{ font-size: 12px; color: #999;}
	.jszc-list-01 dd{ padding-left: 20px;}
	.jszc-list-01 dd .btn{ height: 28px; border: solid 1px #ddd; background: #f4f4f4; display: flex; align-items: center; justify-content: center; padding: 0 10px; font-size: 12px; line-height: 1;}
	
	.jszc-list-01 dd .btn:hover{ background: #351c75; border-color: #351c75; color: #fff;}
	
	
	.jszc-login-bg{ padding: 30px 0; display: flex; align-items: center; justify-content: center; width: 100%;}
	.jszc-login-box{ width: 100%; max-width: 380px; padding: 30px; background: #f9f9f9; border-radius: 10px; box-shadow: 0 3px 20px rgba(0,0,0,.2);}
	
	.jszc-login-tit-box{ padding-bottom: 15px; margin-bottom: 30px; border-bottom: solid 1px #ddd;}
	.jszc-login-tit-box .tit{ font-weight: bold; font-size: 18px; text-align: center; line-height: 1.2; color: #351c75;}
	.jszc-login-tit-box .sub-tit{ text-align: center; padding-top: 10px; color: #999; font-size: 12px;}
	
	.jdfx-mess-yzm{display: flex;}
	.jdfx-mess-yzm .yzm{ margin-left: 10px;}
	.jdfx-mess-yzm .yzm img{ height: 38px; cursor:pointer;}
}

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

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

@media screen and (min-width: 992px) {
	.jszc-list-02 ul{ display: flex; flex-wrap: wrap;}
	.jszc-list-02 li{ flex-basis: 33.3333%;}
	
	
	.jszc-item{ padding: 20px;}
	.jszc-item:nth-child(even){ background: #f8f8f8;}
	.jszc-list-01 ul{ margin: -20px -30px; display: flex; flex-wrap: wrap;}
	.jszc-list-01 li{ padding: 0 30px; flex-basis: 50%; flex-shrink: 0; min-width: 0;}
	.jszc-list-01 dl{ padding: 20px 0;}
	.jszc-tit{ font-size: 22px; margin-bottom: 25px;}
	
	
	.jszc-login-bg{ min-height: 480px;}
	
	.jszc-login-tit-box .tit{ font-size: 22px;}
	
}

@media screen and (min-width: 1280px) {
	.jszc-list-02 ul{ margin: -15px;}
	.jszc-list-02 li{ padding: 15px;}
	.jszc-list-02 li .tit{ font-size: 16px;}
	
	.jszc-tit{ font-size: 26px; margin-bottom: 30px;}
	
	
	.jszc-item{ padding: 50px 30px;}
	.jszc-list-01 ul{ margin: -30px -50px; }
	.jszc-list-01 li{ padding: 0 50px;}
	.jszc-list-01 dl{ padding: 30px 0;}
	.jszc-list-01 dt .tit{font-size: 16px;}
	
	.jszc-login-tit-box .tit{ font-size: 26px;}
}



/* 无人机培训专题 */

@media screen and (min-width: 320px) {
	.pic-s11{padding-bottom: 62.5%!important;}
	.con-pxewm-pic{width: 150px;padding: 10px;border: 3px solid #330066;border-radius:10px 10px 0 0;}
	.px-ewmbt{width:150px;}
	.con-s11-box .px-tit b{font-size: ;}
	.pxs11-mess-r{padding-top: 20px;align-items: center;}
	.pxs11-mess-l{width: 100%;}
	.con-s11-pic{width: 100%;}
	.con-s11-box .px-tel{font-size: 16px;font-weight: bold;color: #000000;padding: 10px 0;}
	.pxs11-mess-r{flex: 1;}
	.px-ewmbt{padding: 5px 0;text-align: center;background-color: #330066;color: #fff;border-radius: 0 0 10px 10px;}
	.px-ewm{padding-left: 10px;padding-top:15px;}
	.con-s11-box .px-tit{font-size: 20px;color: #330066;}
	.con-s11-box .px-desc{font-size: 16px;padding-top: 15px;}
	.con-s11-box .px-desc span{font-weight: bold;color:#330066;}
	.px-lxwm-con .pf-mess-btn{background-color: #FFF;box-shadow:none;}
	.px-lxwm-con span{display: inline-block;padding: 6px 20px;font-size: 16px;margin-right: 10px;border: 1px solid #330066;color: #330066;border-radius: 50px;margin-bottom: 10px;}
	.px-lxwm-con span:hover{background-color: #330066;color: #fff;}
	.con-s11-pic{position: relative;}
	.px-ship-bf{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);width: 80px;}
	.pxs11-box-02-mess{padding-top: 40px;}
	.pxs11-box-02-mess .pxs11-mess-r{padding-left:0;}
	.ao-tit{position: absolute;width: 100%;z-index: 2;height: 100%;left: 0;top:0;background-color: rgba(255,255,255,0.9); padding: 10px;display: flex;justify-content: center;align-items: center;overflow: hidden;}
	.ao-more{display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 9; overflow: hidden; text-overflow:ellipsis;font-size:16px;}
	.ao-pic{position: relative;}
	.s10-box-001{background-color: #F9F9F9;}
	
	.px-box03 ul{display: flex;flex-wrap: wrap;}
	.px-box03 li{width: 100%;}
	.px-aopa .ao-bt{font-size: 18px;font-weight: bold;padding-bottom: 5px;color: #330066;padding-top: 15px;}
	.px-aopa .ao-time{font-size: 14px;color: #383838;padding-bottom: 15px;}
	.ao-tit{display: none;}
	.px-aopa:hover .ao-tit{display: flex;}
	.px-box-bt{font-size: 24px;font-weight: bold;color: #330066;text-align: center;padding-bottom: 30px;}
	.px-box03 li{padding: 10px;}
	.px-box03 li .px-aopa{box-shadow: 0px 0px 15px 0px rgba(51, 0, 102, 0.15);background-color: #fff;}
	.px-aopa .ao-bt, .px-aopa .ao-time{text-align: center;}
	
	
	.con-box04ner ul{display: flex;background-color: rgba(255,255,255,0.95);padding: 20px 0px;border-radius:10px;}
	.con-box04ner li{width: 100%;padding: 10px;}
	/* .con-box04ner{margin: -10px;} */
	.pic-box04px{padding-bottom: 75.63%!important;}
	.con-box04ner{width: 100%;border-radius:10px;}
	.px-box04-l .px-box04-b{font-size: 20px;color: #fff;text-align: center;padding-bottom: 20px;font-weight:bold;}
	.con-box04ner .px-box04-zz{text-align: center;padding-top: 10px;}
	.container-box04{display: flex;align-items: center;justify-content: center;}
	.container-box05{background-color: #330066;}
	.con-pxbm-xq{padding: 14px 15px;border: 1px solid #fff;border-radius: 10px;color: #fff;margin-top: 40px;}
	.px-bm-icon{width: 60px;flex-shrink: 0;}
	.pxbm-l{display: flex;color: #fff;align-items: center;}
	.pxbm-bt{padding: 0 20px 0 15px;color: #fff;font-size: 24px;font-weight: bold;}
	.pxbm-r{color: #fff;padding-top: 20px ;font-size:16px;}
	.pic-jgtu{padding-bottom: 109.59%!important;}
	.jg-pic{width: 146px;flex-shrink: 0;}
	.con-tdjg{display: flex;}
	.jg-ner{padding-left: 10px;}
	.jg-ner .jg-name{font-size: 18px;font-weight: bold; color:#330066;}
	.jg-ner .jg-yy{font-size: 14px;padding: 4px 0 20px;color:#330066;}
	.jg-ner .jg-xqjs{font-size: 14px;color: #383838;line-height: 24px;}
	.jg-ner .jg-xqjs{display:none;}
	.con-tdjg{padding: 10px;background-color: #F9F9F9;height:100%;}
	.con-tdlist li{padding: 8px;}
	
	.td-bt{font-size: 18px;}
}



@media screen and (min-width: 375px) {
	.con-s11-box .px-tit{font-size: 22px;}
	.px-box04-l .px-box04-b{font-size: 22px;}
	.con-box04ner .px-box04-zz{padding-top: 12px;}
	.td-bt{font-size: 20px;}
	.jg-ner{padding-left: 12px;}
}

@media screen and (min-width: 480px) {
	.con-s11-box .px-tit{font-size: 26px;}
	.px-box03 li{width: 50%;}
	.px-aopa .ao-bt{font-size: 20px;}
	.px-aopa .ao-time{font-size: 16px;padding-bottom: 17px;}
	.px-box-bt{font-size: 28px;padding-bottom: 35px;}
	.px-box04-l .px-box04-b{font-size: 26px;padding-bottom: 30px;}
	.con-box04ner .px-box04-zz{padding-top: 15px;}
	.pxbm-bt{font-size: 28px;}
	
	.con-tdjg{padding:15px;}
	.td-bt{font-size: 24px;font-weight: bold;color: #330066;padding-bottom: 40px;text-align: center;}
	.jg-ner{padding-left: 16px;}
}

@media screen and (min-width: 992px) {
    .pxs11-mess-r{display: flex;}
    .jg-ner .jg-xqjs{display:block;}
	.pxs11-mess-l{width: 40%;}
	.pxs11-mess-r{padding-left: 20px;padding-top: 0px;}
	.px-ewm{padding-left: 15px;padding-top:31px;}
	.con-s11-box .px-tit{font-size: 32px;}
	.con-s11-box .px-desc{font-size: 18px;padding-top: 31px;}
	.pxs11-box-01-mess{display: flex;align-items: center;}
	
	.con-s11-box02 .px-desc{padding-right: 100px;}
	.con-s11-box .px-tel{font-size: 18px;}
	.px-lxwm-con span{font-size: 18px;margin-bottom: 0px;}
	.px-ship-bf{width: 60px;}
	.pxs11-box-02-mess{padding-top: 60px;}
	.px-box03 li{width: 25%;}
	.px-aopa .ao-bt{font-size: 22px;padding-top: 20px;}
	.px-box-bt{font-size: 34px;padding-bottom: 45px;}
	
	.px-box04{display: flex;}
	.px-box04-l{width: 50%;}
	.px-box04-l .px-box04-b{font-size: 32px;padding-bottom:40px;}
	.con-box04ner .px-box04-zz{padding-top: 20px;}
	.con-box04ner ul{padding: 40px 0px;}
	.px-box04-l{padding: 16px;}
	.con-box04ner li{padding: 25px;}
	
	.px-bm-con{display: flex;align-items: center;justify-content: flex-start;}
	.pxbm-l{display: flex;align-items: center;}
	
	
	.pxbm-r{padding-left: 20px;border-left: 1px solid rgba(255,255,255,0.8); color: #fff;padding-top: 0;font-size:18px;}
	.pxbm-bt{font-size: 34px;}
	.pxbm-bt{padding: 0 30px 0 25px;}
	.jg-ner .jg-name{font-size: 20px;}
	.jg-ner .jg-yy{font-size: 15px;}
	.con-tdjg{padding: 20px;}
	.con-tdlist ul{margin: -16px;display: flex;flex-wrap: wrap;}
	.con-tdlist li{padding: 16px;width: 50%;}
	
	.td-bt{font-size: 34px;}
	.jg-ner{padding-left: 20px;}
	.con-pxbm-xq{font-size:16px;}
	
	
}

@media screen and (min-width: 1280px) {
	.pxs11-mess-r{padding-left: 50px;}
	.px-ewmbt{font-size: 18px;}
	.px-ewm{padding-left: 25px;padding-top: 73px;}
	.con-s11-box .px-tit{font-size: 38px;}
	.con-s11-box02 .px-tit{font-size: 32px;}
	.con-s11-box02 .px-desc{padding-right: 232px;}
	.px-ship-bf{width: 80px;}
	.pxs11-box-02-mess{padding-top: 80px;padding-bottom: 20px;}
	.ao-tit{padding: 10px 20px;}
	.px-aopa .ao-bt{font-size: 24px;}
	.px-box-bt{font-size: 42px;padding-bottom: 60px;}
	
	.px-box04-l .px-box04-b{font-size: 38px;padding-bottom: 50px;}
	.con-box04ner .px-box04-zz{padding-top: 30px;}
	.con-box04ner ul{padding: 40px 0px;}
	.container-box04{height: 600px;}
	.con-box04ner li{padding: 27px;}
	.pxbm-r{padding-left: 40px;}
	.pxbm-bt{font-size: 42px;}
	.jg-ner .jg-name{font-size: 22px;}
	.con-tdjg{padding: 30px;}
	.td-bt{font-size: 42px;}
	.jg-ner{padding-left: 33px;}
}


@media screen and (min-width: 320px) {
	.pic-ryzz{padding-bottom: 67.7%!important;}
	.pic-ryzz-zh{padding-bottom: 25%!important;}
	.tabs-01 .hd-01{display: flex;justify-content: center;}
	.hd-01 span{color: #330066;font-size: 18px;display: inline-block;padding: 7px 0;width: 140px;border: 1px solid #330066;text-align: center;border-radius:6px;}
	.tabs-01 .hd-lm .on span{/*font-weight: bold;*/background-color: #330066;color:#fff;color: #fff;}
	.px-xyfc{padding: 12px;}
	.tabs-01 .hd-lm{margin: -12px;margin-bottom: 40px;}
	.px-zz{display: flex;align-items: center;}
	.px-zz-nb{font-size: 32px;font-weight: bold;line-height: 1.5;padding-right: 10px;color: #6932ff;}
	.px-zz-ri{line-height: 1.5;font-size: 15px;}
	.bd-01 .e-an ul{display: flex;align-items: center;flex-wrap:wrap;}
	.bd-01 .e-an li{width: 50%;display: flex;justify-content: center;padding:5px;}
	.swi-yyzs{padding: 10px;background-color: #fff;}
	.e-an .swi-yyzs-zh{padding:0;}
	.bd-01 li{position: relative;}
	.bd-01 li::before{content: ""; position: absolute;right: 0;top: 50%;height: 50px;width: 1px;background-color: #A6A6A6;z-index: 2;transform: translate(0,-50%);}
	.ryzz-ul li:last-child::before{display: none;}
	.ryzz-ul{padding-top: 40px;}
	.px-fc-nb{font-size: 16px;font-weight: bold;text-align:center;}
	.swi-xyfc{padding: 15px 0 ;}
	.px-fc-nb{padding-top: 15px;}
	
	.pic-pxbox08{padding-bottom: 65.49%!important;}
	.px-box08desc{display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; text-overflow:ellipsis;}
	.px-box08-time{font-size: 12px;}
	.px-box08bt{display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; text-overflow:ellipsis;}
	.px-box08-ner{display: flex;}
	.pxbox08-l{width: 115px;flex-shrink: 0;}
	.pxbox08-r{flex: 1;border: 1px solid #E5E5E5;padding: 0 5px;display: flex;flex-direction: column;justify-content: center;height: 75px;}
	.px-box08-list ul{display: flex;flex-wrap: wrap;margin: -10px;}
	.px-box08-list li{width: 100%;padding: 10px;}
	.px-box08-ner{display: flex;align-items: center;}
	.px-box08-bt{font-size: 22px;font-weight: bold;color: #330066;text-align: center;padding: 20px 0 30px;}
	.con-s11-pxbox08 .btn a{border: solid 1px #cccccc; display: flex; align-items: center; justify-content: center;height: 44px;}
	.con-s11-pxbox08 .btn a:hover{background: #351c75; border-color: #351c75;color: #fff;}
	.px-box08-list{padding-bottom: 20px;}
	.con-s11-pxbox08 .btn a span{padding-right: 10px; color: #444;}
	.con-s11-pxbox08 .btn a:hover span {color: #fff;}
	.s11-pxbanner-min .tit{font-weight: bold;}
	.s11-pxbanner-min .banner-mess{padding-bottom:0;}
}

@media screen and (min-width: 375px) {
	.px-zz-nb{font-size: 34px;}
	
}

@media screen and (min-width: 480px) {
	.px-zz-nb{font-size: 36px;}
	.swi-xyfc{padding: 20px 0;}
	
	.px-box08-time{font-size: 14px;}
	.px-fc-nb{padding-top: 20px;}
	.pxbox08-r{padding: 0 10px;height: 98px;}
	.pxbox08-l{width: 150px;flex-shrink: 0;}
	.px-box08-bt{font-size: 24px;padding: 20px 0 40px;}
	.px-box08-list{padding-bottom: 30px;}
}

@media screen and (min-width: 992px) {
	.hd-01 span{color: #330066;font-size: 20px;}
	.px-zz-nb{font-size: 44px;}
	.bd-01 .e-an li{width: 25%;}
	.swi-yyzs{padding: 20px ;}
	.px-fc-nb{font-size: 18px;}
	.swi-xyfc{padding: 30px 0 60px;}
	.px-fc-nb{padding-top: 25px;}
	.pxbox08-r{padding: 0 20px;}
	.px-box08-list li{width: 50%;padding: 16px;}
	.px-box08-list ul{margin: -16px;}
	.px-box08-bt{font-size: 32px;padding: 20px 0 50px;}
	.px-box08-list{padding-bottom: 40px;}
	.con-s11-pxbox08 .btn a span{font-size:16px;}
}

@media screen and (min-width: 1280px) {
	.px-zz-nb{font-size: 54px;}
	.swi-yyzs{padding: 40px;}
	.swi-xyfc{padding: 70px 0 90px;}
	.px-fc-nb{padding-top: 30px;}
	.pxbox08-l{width: 226px;}
	.pxbox08-r{height: 147px;}
	
	.px-box08-bt{font-size: 38px;padding: 20px 0 80px;}
	.px-box08-list{padding-bottom: 50px;}
	.s11-pxbanner-min .tit{font-size: 42px;}
	.s11-pxbanner-min .txt{padding-top: 10px;}
	.s11-pxbanner-min{height: 730px;}
}


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