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

/* 基础设置 */

/*=================default===================*/
html,
body {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	position: relative;
	
}

body {
	overflow-x: hidden;
	-webkit-text-size-adjust: none; height:100%; width: 100%;
	overflow-y: scroll;
	background: #fff;
	font-size: 14px;
	
}


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

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

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

@font-face
{
font-family: hb;
src: url('../font/HelveticaBold.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:#0050B4; color:#fff;}
::-moz-selection{background:#0050B4; color:#fff;}

a,a:link{ color: #000; text-decoration: none;}
a:hover,a:active{ color: #0050B4; 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;}


.text-right{
	text-align: right;
}

/*--简易切换动画--*/
.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: none;  } /* IE10+ */
}


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


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




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

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

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


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

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

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

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

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

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

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


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

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

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


/*--分页--*/
div.pages {text-align: center; width: 100%; padding: 30px 0 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: 4px 12px; margin: 3px; color: #999999; font-size: 14px; display: inline-block; font-weight: normal; -webkit-border-radius: 4px;
-moz-border-radius: 0px;
border-radius: 0px;}
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: #0050B4; color: #fff; border: 1px solid #0050B4;  line-height: 1.7;}


/*弹窗视频*/
@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;}
	
	body .image-show{background-color: rgba(0,0,0,0) !important;box-shadow:0px 0px 0px 0}
	.video-show .layui-layer-setwin{ right: 0; top: 0;}
	.video-show .layui-layer-setwin .layui-layer-close2{ right: 0; top: -35px;width: 30px; height: 35px; /*background: #D90A13; */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 span{background-color: #EFF7FF;display: block;text-align: center;font-size: 12px;color: #003D7E;height: 38px;line-height: 38px;}
	
	
	.image-show.layui-layer-iframe{overflow: visible;}
	.image-show{ width: 300px !important; height: 155px !important; left: 50% !important; top: 50% !important; transform: translate(-50%,-50%) !important;}
	
	.image-show i.pic-size{padding-bottom: 52%;}
}



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

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

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

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

@media screen and (min-width: 992px) {
	.video-show{ width: 900px !important; height: 510px !important;}
	
	.image-show{ width: 900px !important; height: 460px !important;}
	
	
	.video-tit span{font-size: 14px;line-height: 42px;height: 42px;}
}

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





/*--移动端设置&小屏电脑 图片缩放--*/
/*设置最大屏像素-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 img{ width: 100% !important; height: 100% !important; position: absolute; left: 0; top: 0; object-fit: contain; transition: .3s;}
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: #0050B4; background-color: #0050B4;}
.layui-form-checkbox[lay-skin=primary]:hover i{ border-color: #0050B4;}

.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;}
    .ind-box01{width: 100%;padding: 0px;}
	/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/
		::-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) {
	 .hd_container, .container{ width: 990px; padding: 0 10px;margin: 0 auto;}
	.ind-box01{width: 100%;padding-left: 0px;}
}
@media screen and (min-width: 1220px) {
	.hd_container, .container{ width: 1220px; padding: 0 10px;}
	.ind-box01{width: 100%;padding-left: 0px;}
}
@media screen and (min-width: 1420px) {
	.hd_container, .container{ width: 1420px; padding: 0 10px;}
	.ind-box01{width: 100%;padding-left: 0px;}
}


/*=================header===================*/
@media screen and (min-width: 320px) {
	
	div.nav-poa{ position: absolute; left: 0; top: 0; width: 100%;}
	.container-header{position: relative;z-index: 2;}
	.nav-box-bg{ height: 55px; width: 100%; position: absolute; left: 0; top: 0; z-index: 8; background: #fff; display: none;}
	.nav-box{ height: 55px; width: 100%; z-index: 100;background: #fff;  left: 0; top: 0; position: fixed;}
	
	
	
	.header-box{ height: 55px; display: none;}
	.logo{ float: left; position: relative; z-index: 9; height: 55px; padding: 10px 0;}
	.logo a{ display: block; height: 100%;}
	.logo img{ height:100%; display: block;}
	
	
	.nav-btn{ display: block; padding: 0 10px; margin-right: -10px; float: right; cursor: pointer; position: relative; z-index: 9;}
	.nav-btn i{ line-height: 55px; font-size: 22px; width: 24px; text-align: center; color: #0050B4;}
	.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 10px  rgba(0,0,0,.2);
	-moz-box-shadow: 0 10px 10px  rgba(0,0,0,.2);
	box-shadow: 0 10px 10px  rgba(0,0,0,.2); border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; z-index: 8; backdrop-filter: blur(20px);}
	
	.nav.e-anim-on{animation:nav-anim-on .3s; animation-fill-mode: both; }
	.nav.e-anim-off{ animation:nav-anim-off .5s; animation-fill-mode: both;}
	
	
	
	
	.nav-list{ visibility: visible !important;}
	.nav-list li{ border-bottom: solid 1px rgba(0,0,0,.1);}
	.nav-list li:nth-last-child(2){border-bottom: none;}
	.nav-list li a{ display: block; text-align: center;}
	.nav-list li a b{font-weight: normal; line-height: 42px; position: relative; color: #666; text-align: center; position: relative;}
	
	.nav-list li a i{  position: absolute; right: -35px; top: 50%; font-size: 20px; color: #ee1911; margin-top: -25px;}
	.nav-list li a i::before{ font-size: 20px; line-height: 1;}
	
	.nav-list li .nav-list-sub{ overflow: hidden; background:#F2F4FB; -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 a{ line-height: 40px; color: #eee; font-size: 14px; text-align: center;}
	.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: #0050B4;} */
	.nav-list .nav-on{ border-color: transparent; position: relative; z-index: 9;}
	.nav-list .nav-on a{border-bottom:none ;}
	.nav-list .nav-off{ position: relative; z-index: 1;}
	
	
	.nav-list li .on b{ color: #0050B4!important;}
	.nav-list li.nav-on a b{ color: #0050B4;}
	
	
	.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: #0050B4; z-index: -1; position: absolute; display: none;}
	.nav-list div.nav-btn-bg-02{ width: auto; left: auto;}
	.nav-list div.nav-btn-bg-02-show{ opacity: 1;  filter:Alpha(opacity=100); }
	
	
	.nav-list-sub.e-anim-hide{ display: block; }
	
	.nav-list a b{ transition: color .3s,background .3s;}
	
	.top-r {display: flex; flex-direction: column; align-items: center; margin-bottom: 10px;}
	
	.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;}
	
	.search-form{width:100%;}
	
	.search-box{ padding-top: 15px; display: flex; width: 100%;}
	
	.search-inp{display: block; padding-right: 5px; flex:1;}
	.search-inp input{ height: 36px; border: solid 1px #bbb;padding: 0 10px; border-radius: 4px; width: 100%;}
	.search-box .btn{ height: 36px; width: 36px; border-radius: 4px; border: none; background: #0050B4; color: #fff; cursor: pointer;}
	
	.lang-box{display: inline-flex; border-radius: 4px; background: #fff; overflow: hidden; height: 32px;}
	.lang-box dd{display: flex;}
	.lang-box a{ padding: 0 10px; line-height: 32px; display: inline-flex; }
	.lang-box a.on{ background: #0050B4; color: #fff;}
	
	.lang-box dt{display: none;}
	
	.search-box:hover .search-inp{display:block;}
	
	
}
	
	@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) {
    /*.nav-box-bg{ height: 76px;}*/
	/* .logo{ height: 76px; padding: 30px 0;}
	
	.nav-box{ height: 76px;}
	.header-box{ height: 76px;}
	.nav{ top: 76px;}
	.nav-btn i{ line-height: 76px; font-size: 28px; width: 30px;}
	 */
	
}


@media screen and (min-width: 992px) {
	
	.nav{ height: 80px; backdrop-filter: blur(0);}
	.nav:before{display: none;}
	.nav-box-bg{ height: 80px;}
	
	.nav-box{ box-shadow: none; position: fixed; height: 80px; background: rgba(255,255,255,0);transition: .3s;}
	.nav-box:hover{ background: #fff;transition: .3s; }
	.nav-box-bgc { background: #fff;transition: .3s; border-bottom:1px solid #ccc; }
	.header-box{ height: 80px; display: none;}
	
	.logo{ height: 80px; padding:10px 0; margin-bottom: -20px;}
	.logo img{ margin: 0 auto; height: 100%;}
	.logo a{ width: 100%; height: 100%; display: block; padding: 0;}
	
	
	.nav-btn{ display: none;}
	.nav{ float: right; position: relative; -webkit-transform: none; transform: none; opacity: 1; filter:Alpha(opacity=100); z-index: 9; box-shadow: none; padding: 0; border-top: none; border-bottom-left-radius: 0;
border-bottom-right-radius: 0; overflow: visible; background: none; top: 0;  padding-left: 0; padding-right: 0; left: auto; right: auto; -webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;}
	.nav-list{  position: relative; float: right; /* margin-right: -25px; */}
	
	.nav{position: static;}
	
	.nav-list:after{ content: ' '; overflow: hidden; clear: both; display: block;}
	.nav-list{ position: static;}
	.nav-list li{ float: left; border-bottom: none; position: relative; /*position: static !important;*/ border: none;}
	.nav-list .nav-on{}
	.nav-list li a b{ line-height: inherit;height: auto; color: #fff; overflow: hidden; font-size: 14px; }
	.nav-box:hover .nav-list li a b{color:#000;}
	.nav-box-bgc .nav-list li a b{color:#000;}
	.nav-list li a{ height: 80px; line-height: 80px; padding: 0 12px; font-size: 12px; position: relative; }
	
	.nav-list li a i{ right: -20px; top: 50%; font-size: 20px; color: #ee1911; margin-top: -35px;}
	
	/*.nav-list li:nth-last-of-type(1) a:after{display: none;}*/
	.nav-list li.nav-on>a b{ color: #0050B4;}
	.nav-list li.nav-on>a b i{font-weight: normal;}
	.nav-list li.nav-off>a b{ color: #000;}
	.nav-list li .on b/*,.nav-list li a:hover b*/{ color: #0050B4;}
	.nav-list li .on i{font-weight: normal;}
	.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: 80px; height: auto !important; box-shadow: 0 5px 8px rgba(0,0,0,.3); width: auto; background: none; box-shadow:none; -webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;padding-top: 0; left: 0; right: 0;  width: 960px; margin-left:-10px;}
	
	.nav-list li .nav-list-sub .nav-list-height{padding: 0;overflow: hidden; float: left; position: relative;}
	.nav-list li .nav-list-sub a{ height: auto; border: none; padding:  0 10px;  text-align: center; line-height: 48px; float: left; position: relative; z-index: 2;}

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

	
	.nav-list div.nav-btn-bg,.nav-list div.nav-btn-bg-02{ height: 48px; background: #0050B4; overflow: hidden; transition: .3s; display: none; }
/* 	.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: #B8914D;} */
	
	.nav-list-sub.e-anim-hide{ display: none;}
	.nav.e-anim-hide{ display: block;}

	
	.nav-list-height.e-anim-on{animation:nav-list-anim-on-pc .5s; animation-fill-mode: both; display: block;}
	.nav-list-height.e-anim-off{ animation:nav-list-anim-off-pc .2s; animation-fill-mode: both; display: block;}
	
	
	
	/*PC二级下拉背景色*/
	.nav-list-sub-bg{ display: block; position: absolute; top: -100%; height: 56px; width: 100%; left: 0; background: rgba(255,255,255,.8); opacity: 0;  filter:Alpha(opacity=0); border-top:1px solid #eee;}
	.nav-list-sub-bg-show{ opacity: 1;  filter:Alpha(opacity=100);  backdrop-filter: blur(10px); top: 80px;}
	
	
	/* pc二级栏目滑块 */
	.nav-list li .nav-list-sub div.btn-sub-bg{display: block; position: absolute; width: 0; left: 0; height: 46px; padding: 0; border-bottom: solid 2px #0050B4; transition: .3s;}
	
	.ind-nav-box{ position: absolute; left: 0; width: 100%;}
	.ind-nav-box{ background: none; transition: .3s;}
	.ind-nav-box .logo img{filter: contrast(0%) brightness(1000%);}
	.ind-nav-box .nav-list li a b{color: #fff;}
	
	.ind-nav-box:hover{box-shadow: 0 0 5px rgba(0,0,0,.2); background: #fff;}
	.ind-nav-box:hover .logo img{filter: contrast(100%) brightness(100%);}
	.ind-nav-box:hover .nav-list li a b{color: #333;}
	
	
	
	
	/* .nav-list div.nav-btn-bg:before,.nav-list div.nav-btn-bg-02:before{ content:' '; left: 25px; right: 25px; height: 2px; background: #0050B4; position: absolute; top: 50%;  margin-top: 17px;} */
	
	.top-r{ background: none; border: none; float: right; display: flex; flex-direction: row-reverse; justify-content: center; padding: 0; margin-bottom: 0;}
	
	.lang-box{ background: none; border-radius: 0; position: relative; overflow: visible; height: auto;}
	.lang-box dt{ display: flex; align-items: center; height: 32px; cursor: pointer; white-space: nowrap; justify-content: center; height: 80px;}
	.lang-box dt span{padding:0 9px; font-size: 12px; color: #fff;}
	.nav-box:hover .lang-box dt span{color:#333;}
	.nav-box-bgc .lang-box dt span{color:#333;}
	.lang-box dt i.more{ border-top: solid 6px #0050B4; border-left: solid 4px transparent; border-right: solid 4px transparent;}
	.lang-box dt i.icon,.lang-box dt i.icon::before{ font-size: 16px; line-height: 1; color: #0050b4;}
	.lang-box dd{display: none; position: absolute; right: 0; top: 70px; left: 0; right: 0; padding-top: 10px;}
	.lang-box dd div{ position: relative; background: rgba(255,255,255,.95); padding: 5px 2px; border-bottom-left-radius: 6px;  border-bottom-right-radius: 6px; box-shadow: 0 5px 15px rgb(0 0 0 / 10%);}
	.lang-box dd div::before{content: ' '; border-left: solid 6px transparent; border-right: solid 6px transparent; border-bottom: solid 6px #fff; position: absolute; left: 50%; top: -6px; margin-left: -6px;}
	.lang-box dd div a{ width: 100%; justify-content: center; height: 36px; align-items: center;}
	.lang-box dd div a.on:hover{ color: #fff;}
	.lang-box dd div a:hover{ color: #0050B4;}
	.lang-box dd.e-anim-on{animation:lang-anim-on-pc .5s; animation-fill-mode: both; display: block;}
	.lang-box dd.e-anim-off{ animation:lang-anim-off-pc .2s; animation-fill-mode: both; display: block;}
	
	.search-box{ margin-top: 0; padding: 0; height: 80px; display: flex; align-items: center; justify-content: center; border:none;}
	
	
	.search-box{position: relative;}
	.search-bg{ position: absolute; right: 0; top: 80px; background: #f7f7f7; padding: 8px 12px;}
	.search-inp{display: none; padding-right: 0; position: absolute; right: 0; top: 0;}
	.search-inp input{ height: 36px; border:solid 1px #ddd; width: 200px;}
	.search-box .btn{ background: none; color: #888; width: auto; padding-left: 20px; height: 80px; display: flex; align-items: center; justify-content: center; padding:0 25px 0 15px;}
	.search-box .btn i::before{ color: #fff; font-size: 20px;}
	.nav-box:hover .search-box .btn i::before{color:#04324F;}
	.nav-box-bgc .search-box .btn i::before{color:#04324F;}
	.search-inp.e-anim-on{ animation: search-anim-on-pc .5s; animation-fill-mode: both; display: block;}
	.search-inp.e-anim-off{ animation:search-anim-off-pc .5s; animation-fill-mode: both; display: block;}
}

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


@keyframes 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: 1240px) {
.nav-box{height: 100px;}
.nav-box-bg{ height: 100px;}
.logo{ height: 100px; padding: 11px 0 12px 0;}
.nav{width: auto; height: 100px; }
.nav-list{}
.nav-list li a{ padding: 0 15px; height: 100px; line-height: 100px;}
.nav-list li a b{font-size: 16px;}


.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 div.nav-btn-bg,.nav-list div.nav-btn-bg-02{ height: 100px; }

.nav-list li .nav-list-sub{}
.nav-list li .nav-list-sub a span{ font-size: 14px;}

.nav-list li .nav-list-sub{ top: 100px;}
/* .nav-list li .nav-list-sub .nav-list-height{ padding-top: 50px;} */

.search-box{height: 100px;}
.search-box .btn{ height: 100px;}
.search-bg{ top: 100px;}


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

.lang-box dt{ height: 100px;}
.lang-box dd{top: 90px;}
}

@media screen and (min-width: 1440px) {
	.nav-list li a{ padding: 0 20px;}
	.nav-list li a b{font-size: 18px;}
	
	.search-inp input{ height: 48px; width: 280px; font-size: 16px;}
}

@media screen and (min-width: 1640px) {
	.search-box .btn{}
	.search-box .btn i::before{ font-size: 16px;}
	.nav-list li a{ padding: 0 30px;}
}

/* footer */
@media screen and (min-width: 320px) {
	.footer{background-color: #fff;}
	.footer-db{background-color: #F5F5F5;color:#999999;}
	.con-foot-lxfx{color: #000;display: flex;  flex-direction: column; justify-content: center;  align-items: center;}
	.foot-call{font-weight: bold;font-size: 18px;}
	.foot-call span{margin-right: 10px;position: relative;top: -2px;}
	.foot-call a{margin-right: 10;display: inline-block;}
	.foot-icon a{position: relative;}
	.db-icon-img{position: absolute;bottom: 100%;left: 0%;display: none;z-index: 2; background-color: #fff;padding: 18px 17px 14px;border-radius: 10px;}
	.foot-icon a:last-child .db-icon-img{left: auto;right: 100%;}
	.foot-icon a:nth-child(4) .db-icon-img{left: auto;right: 50%;}
	.foot-icon a:nth-child(5) .db-icon-img{left: auto;right: 100%;}
	.iconimg img{max-width: 100%;}
	.iconimg {width: 180px;display: block;text-align: center;}
	.foot-icon .db-icon:hover .db-icon-img{display: block;min-width:200PX;}
	.foot-icon{padding-top: 30px;}
	.dbimg-name{ display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow:ellipsis;text-align: center;}
	.foot-ner{line-height: 1.4;font-size: 14px;padding-top: 13px;}
	.db-icon-omg{margin-right: 10px;}
	.footer-db .container{display: flex;flex-direction: column;justify-content: center;}
	.footer-db .container::after{display: none;}
	.foot-db-le, .foot-db-ri{color: #999;opacity: 0.5;}
	.foot-db-le a{color: #999;}
	.db-lmcom li a{color:#000;}
	.db-lmcom li:nth-child(1){display:none;}
	
	.db-lmcom ul{display: flex;width: 100%;flex-direction: column;justify-content: left;align-items: ;}
	.db-lmcom .yi-lm{font-size: 18px;text-align: center;}
	.db-lmcom .yi-lm:hover {color:#0050b4;}
	.foot-ri{padding-top: 20px;}
	.dblm-ej a{font-size: 14px; display: inline-block;padding: 0 5px;}
	.db-lmcom li{padding: 10px 0;}
	.footer-db{padding: 10px 0;}
	.foot-icon a{padding-top: 10px;}
	
	.foot-icon a:nth-child(1) .db-icon-img{display:none!important;}
	.foot-icon a:nth-child(2) .db-icon-img{display:none!important;}
	.foot-icon a:nth-child(3) .db-icon-img{display:none!important;}
	.foot-icon a:nth-child(4) .db-icon-img{display:none!important;}
	.foot-call{padding-bottom: 10px;}
	.foot-icon{display: flex;align-items: center;}
	.foot-icon span{padding:0 10px;color:#0050b4;}
	.foot-icon{margin: 0 -10px;}
}
@media screen and (min-width: 480px) {
	
	.foot-icon span{padding:0 15px;}
	.foot-icon{margin: 0 -15px;}
}
@media screen and (min-width: 640px) {
	.footer-db .container{display: flex;flex-direction: row;justify-content: center;}
	.db-lmcom ul{flex-direction: row!important;flex-wrap: wrap;}
	.db-lmcom li{width: 50%;}
	.foot-db-le, .foot-db-ri{line-height: 50px;}
	.footer-db{padding: 0px ;}
	.foot-ner{padding: 15px 0;}
	.foot-icon span{padding:0 20px;}
	.foot-icon{margin: 0 -20px;}
	
}
@media screen and (min-width: 992px) {
	.foot-call{font-size: 20px;}
	.foot-icon{padding-top: 40px;}
	
	.db-icon-omg{margin-right: 14px;}
	.foot .container{display: flex;flex-direction: row;justify-content: space-between;}
	.foot .container::after{display: none;}
	.foot-ri{flex: 1;}
	.foot-le{width:200px;}
	.con-foot-lxfx{align-items: flex-start;}
	
	.db-lmcom li{width:20%;padding: 10px 0;max-width: 90px;}
	.dblm-ej a{display: block;padding:5px 0;}
	.dblm-ej{padding-top: 20px;}
	.db-lmcom li{padding: 0;}
	.foot-ri{padding-top: 0;}
	.foot-icon a{padding-top: 15px;}
	.foot-icon a:last-child .db-icon-img{left: 1%;right: auto;}
	.foot-icon a:nth-child(4) .db-icon-img{left: 1%;right: auto;}
	.foot-icon a:nth-child(5) .db-icon-img{left: 1%;right: auto;}
	.foot-ner{padding: 20px 0;}
	.foot-icon span{padding:0 25px;}
	.foot-icon{margin: 0 -25px;}
}
@media screen and (min-width: 1220px) {
	.foot-call{font-size: 22px;}
	.foot-ner{padding: 22px 0;}
}
@media screen and (min-width: 1420px) {
	.foot-ner{padding: 32px 0;}
}
/* 语言 */
@media screen and (min-width: 320px) {
	.lang-lm{position: absolute;z-index: 30;width: 100%;background-color: #FFFFFF;}
	.lang-lm a{display: block;text-align: center;padding: 10px 0; display: none;}
	.lang{position: relative!important;}
	.lang:hover .lang-lm a{display: block;}
	
	.rczp-box .zp-lm{display:none;}
	.zp-lmtop .zp-lm{display:flex;}
	
	.footer{position:relative;margin:0px;}
	.fh-top div{color: #000000;padding-top:10px;}
	.fh-top{position: absolute;right: 10px;top: -90px; }
	
	
	.logob-img {display:none;}
	.writ .logob-img {display:block;}
	.writ .logo-img {display:none;}
	.writ .nav-list li b{color:#fff;}
	.writ .nav-list .on b{color: #0050B4;}
	.box-bg .writ .nav-list .on b{color: #0050B4;}
	.box-bg .writ .nav-list li b{color:#666;}
	.box-bg .writ .logob-img {display:none;}
	.box-bg .writ .logo-img {display:block;}
	.box-bg .writ .nav-list li:hover b{color: #0050B4;}
	.writ .search button i::before{color:#fff;}
	.writ .search input::placeholder{color:#fff;}
	.box-bg .writ .search button i::before{color:#666;}
	.box-bg .writ .search input::placeholder{color:#666;}
	.box-bg .writ .langg-sj{border-top: 8px solid #fff;}
	.box-bg .writ .langg-sj{border-top: 8px solid #0050B4;}
}
@media screen and (min-width: 480px) {
	
	
}
@media screen and (min-width: 640px) {
	
	
}
@media screen and (min-width: 990px) {
	.fh-top{top: -130px; }
	
}
@media screen and (min-width: 1220px) {
	.con-cjwt_list{min-height:500px;}
	
}
@media screen and (min-width: 1420px) {
	
	
}

/* banner */
@media screen and (min-width: 320px) {
    .indx-box-top img{max-width:100%;}
    .indx-box-top .swiper-slide{text-align:center;}
	.banner-swiper .bg{ height: 50vw; -webkit-background-size: cover;background-color: #ddd;
	background-size: cover; background-repeat: no-repeat;background-position: center;}
	.banner-swiper .bg{ display: flex; align-items: flex-start; justify-content: center; flex-direction: column;}
	.banner-swiper img{max-width:100%;}
	.banner-swiper .bg{padding-left: 50px;padding-right: 40px;}
	.bg-txt{font-size: 18px;font-family: pop-SB;line-height: 1.2;}
	.bg-tit{font-size: 14px;font-family: pop-EXL;line-height: 1.2;}
	.bg-more{font-size: 12px;font-family: pop-M; background-image: linear-gradient(to right, #F86B33, #DF470A);color: #fff;padding: 5px;line-height: 1;margin-top: 10px;width: 200px;text-align: center;border-radius: 36px;}
	.bg-more:hover{ background-image: linear-gradient(to right, #F29875, #FE6A31);}
	.bg-more span{margin-left: 10px;}
	.banner-mess{ position: absolute; bottom: 20px; width: 100%; z-index: 2; display: flex; align-items: center; justify-content: center;}
	.banner-mess .banner-pagination{ display: flex;}
	.banner-mess .banner-pagination .swiper-pagination-bullet{ width: 12px; height: 12px; background: rgba(0,0,0,0);  margin:0 5px; opacity: 1; position: relative;border: 2px solid #484848;}
	
	.banner-mess .banner-pagination .swiper-pagination-bullet-active{ opacity: 1; background: #484848;border-color: #484848;}
	
	
	.banner-prev, .banner-next{ position: absolute;top: 50%; z-index: 20; height: 30px; margin-top: -25px; display: flex; align-items: center; justify-content: center; width: 30px; cursor: pointer;background-size:100% 100%; box-shadow: 0 0 6px rgba(0,0,0,0.1);background-color: #fff;border-radius: 50%;}
	.banner-prev{ left: ;t: 15px; }
	.banner-next{ right: 15px;}
	.banner-prev i::before,.banner-next i::before{  font-size: 20px; display: block;color: #0050B4;}
	.banner-prev:hover i::before{transform: translateX(-5px);}
	.banner-next:hover i::before{transform: translateX(5px);}
	.fzlc-swi {overflow: initial;}
	.indx-box-top .banner-swiper{overflow: initial;position:initial;}
	.indx-box-top .banner-swiper .swiper-wrapper{overflow: initial;position:initial;}
	.indx-box-top{position:relative;}
	.indx-box-top .banner-prev, .indx-box-top .banner-next{display:none;}
    .indx-box-top:hover .banner-prev, .indx-box-top:hover .banner-next{display:flex;}
	
	
}
@media screen and (min-width: 480px) {
	.banner-swiper .bg{ height: 50vw; }
	.bg-txt{font-size: 24px;padding-bottom: 10px;}
	.bg-tit{font-size: 16px;}
	.bg-more{font-size: 16px;padding: 6px;margin-top: 20px;width: 250px;}
}
@media screen and (min-width: 640px) {
	.banner-swiper .bg{ height: 40vw; padding-left: 80px;}
	.bg-txt{font-size:28px;padding-bottom: 10px;}
	.bg-more{font-size: 17px; width: 300px; padding: 14px; margin-top: 30px;}
	.bg-more span{margin-left: 20px;font-size: 18px;}
}
@media screen and (min-width: 992px) {
	.banner-prev, .banner-next{width: 50px;height: 50px;}
	
	.banner-swiper .bg{ height: 36.46vw;padding-left: 140px;}
	.banner-swiper .bg{ background-size: cover;}
	.banner-swiper .tit{ font-size: 50px;}
	.banner-swiper .txt{ font-size: 26px; padding-top: 10px;}
	.banner-swiper .btn{ padding-top: 65px;}
	.banner-swiper .btn a{ width: 180px; height: 50px; font-size: 16px;}
	
	.banner-mess { bottom: 32px;}
	
	
	.banner-prev{ left: 30px;}
	.banner-next{ right: 30px;}
	
	
	.bg-txt{font-size: 44px;padding-bottom: 10px;}
	.bg-tit{font-size: 24px;}
	.bg-more{font-size: 18px;padding: 16px;margin-top: 40px;width: 400px;}
	
	
}

@media screen and (min-width: 1200px) {
	.banner-prev, .banner-next{width: 60px;height: 60px;}
	.banner-prev{ left: 40px;}
	.banner-next{ right: 40px;}
	.bg-txt{font-size: 50px;}
	.bg-tit{font-size: 26px;}
	.bg-more{font-size: 18px;padding: 18px;margin-top: 50px;}
}
@media screen and (min-width: 1420px) {
	.bg-txt{font-size: 54px;line-height: 68px;}
	.bg-tit{font-size: 28px;}
	.bg-more{font-size: 20px;}
}
@media screen and (min-width: 1920px) {
	.banner-prev{ left: 50%; margin-left: -846px;}
	.banner-next{ right: 50%; margin-right: -846px;}
	
}
/* 首页三大优势 */
@media screen and (min-width: 320px) {
	.con-ind-ys{position: relative;padding-top: 4px;background-color: rgba(0,104,183,0);/*border-radius:100px;*/border-radius:10px;}
	.con-ind-ys::before{position: absolute;z-index: -1;width: 100%;height: 100%; background-color: #50B6FF;/*border-radius:100px;*/border-radius:10px;}
	.con-ind-ys ul{background-color: #0068b7;padding: 30px 0px;/*border-radius:100px;*/border-radius:10px 10px 0 0;box-shadow: 0 3px 6px rgba(0,0,0,0.06);}
	.con-ind-ys ul{display: flex; justify-content: space-around;}
	.ys-icon{width: 68px;margin: 0 auto;flex-shrink:0;}
	.ys-icon i{overflow: initial;}
	.ind-box01{margin-top: -40px;position: relative;z-index: 2;}
	.con-ind-ys li{padding: 0 10px;text-align: center;}
	.ys-tit{/*font-weight: bold;*/color: #fff;font-size: 18px;margin-top: 4px;}
	.con-ind-ys li:hover .ys-tit{color: #fff;}
	.ind-ys-content{padding: 20px 10px;color: #333333;background-color: #fff;margin-bottom:2px;}
	.ind-ys-des{background-color: #0068b7;color: #fff;}/*#0068b7*/
	.ind-ys-content *{font-size: 16px;line-height: 2.1;}
}
@media screen and (min-width: 480px) {
	.ind-ys-content{padding: 20px 15px;}
	.ind-box01{margin-top: -60px;}
	.ys-tit{font-size: 24px;}
}
@media screen and (min-width: 640px) {
	.ind-ys-content{padding: 20px 15px;}
	.ind-box01{margin-top: -80px;}
	.con-ind-ys li{display:flex;align-items:center;}
	.ys-icon{margin-right:10px;}
	.ys-tit{font-size: 26px;}
}
@media screen and (min-width: 990px) {
	.ys-icon{width: 68px;}
	.ind-ys-content{padding: 20px 15px;}
	.ind-box01{margin-top: -166px;}
	.ind-box01 .con-ind-ys{width:70%;}
	.ind-ys-des{min-height:207px;max-height:207px;overflow:hidden;padding-left:30px;}
	.ys-tit{font-size: 28px;}
	.con-ind-ys ul{background-color: rgba(0,104,183,0.7);}
		.ind-ys-des{background-color: rgba(0,104,183,0.7);}
}
@media screen and (min-width: 1220px) {
    .ys-tit{font-size: 30px;}
	.ind-box01{margin-top:-132px;}
	
}
@media screen and (min-width: 1420px) {
	 .ys-tit{font-size: 32px;}
	
}

/* 首页产品介绍 */
@media screen and (min-width: 320px) {
    .ind-pro-box02{padding-bottom:40px;}
	.con-pro-pic{position: relative;}
	.ind-pro-tit{position: absolute;bottom: 20px;left: 50%;z-index: 3;color: #fff;text-align: center;transform: translate(-50%,0);width: 100%;}
	.con-pro-pic i{padding-bottom: 75.07%;}
	.con-pro-pic::before{position: absolute;/*content: "";*/left: 0;top: 0;height: 100%;width: 100%;background-image: linear-gradient( rgba(0,0,0,0), #000); opacity: 0.8; z-index: 2;}
	.ind-pro-tit .tit{font-size: 18px;}
	.ind-pro-tit .txt{font-size: 14px;line-height: 0.5;}
	.ind-pro-list ul{display: flex;flex-wrap: wrap;}
	.ind-pro-list li{width: 100%;padding: 1px;}
	.ind-tit{font-size: 25px; text-align: center;padding-bottom: 30px;position: relative;}
	.ind-tit::before{content: ""; position: absolute;left: 50%;bottom:100%;height: 4px;width: 62px;background-image: linear-gradient(to right, #50B6FF, #0064E5);border-radius: 2px;transform: translate(-50%,50px);}
	.en-bg{font-size: 90px;font-weight: bold;color: #000000;opacity: 0.02;line-height: 1.3;position: absolute;left: 50%;top: 0;white-space: nowrap;transform: translate(-50%,0);}
	.ind-yf-box03{ background-color:#000; position: relative;padding: 40px 0;background-attachment:scroll; -webkit-background-size: cover;background-size: cover; background-repeat: no-repeat; background-position: center;}
	.ind-yf-box03 .ind-tit{color:#fff;}
	.ind-yf-box03 .yf-data li p{color:#fff;}
	
}
@media screen and (min-width: 480px) {
	.ind-tit{font-size: 28px;padding-bottom: 40px;}
	.en-bg{font-size: 150px;}
	.ind-yf-box03{padding: 60px 0;}
}
@media screen and (min-width: 640px) {
	.ind-pro-tit .tit{font-size: 20px;}
	.ind-pro-tit .txt{font-size: 16px;}
	.ind-pro-list li{width: 50%;}
	.ind-pro-tit{bottom: 30px;}
	.ind-tit{font-size: 30px;padding-bottom: 50px;}
	.en-bg{font-size: 200px;}
	.ind-yf-box03{padding: 80px 0;}
	.ind-tit::before{transform: translate(-50%,60px);}
}
@media screen and (min-width: 990px) {
    .ind-pro-box02{padding-bottom:50px;}
	.ind-pro-tit .tit{font-size: 22px;}
	.ind-pro-list li{width: 25%;}
	.ind-pro-tit{bottom: 40px;}
	.ind-tit{font-size: 36px;padding-bottom: 60px;}
	.en-bg{font-size: 240px;}
	.ind-yf-box03{padding: 100px 0;}
	.ind-tit::before{transform: translate(-50%,70px);}
}
@media screen and (min-width: 1220px) {
    .ind-pro-box02{padding-bottom:60px;}
	.ind-tit{font-size: 42px;padding-bottom: 66px;}
	.ind-pro-tit .tit{font-size: 26px;}
	.en-bg{font-size: 260px;}
	.ind-yf-box03{padding: 120px 0;}
	.ind-tit::before{transform: translate(-50%,80px);}
}
@media screen and (min-width: 1420px) {
    .ind-pro-box02{padding-bottom:70px;}
	.ind-tit{font-size: 50px;padding-bottom: 72px;}
	.en-bg{font-size: 308px;}
	.ind-yf-box03{padding: 140px 0;}
	.ind-tit::before{transform: translate(-50%,90px);}
}
/* 卓越研发 */
@media screen and (min-width: 320px) {
	.yf-gain ul, .yf-data ul{display: flex;align-items: center;justify-content: space-around;}
	.yf-gain ul{flex-wrap: wrap;}
	.yf-gain li{width: 100%;}
	.yf-gain li+li{margin-top: -1px;}
	.yf-data li{flex: 1;width: 33.3%;text-align: center;	}
	.yf-data li span{font-size: 24px;line-height: 1.2;color: #0f4;}/*color: #1273EB;*/
	.yf-data li p{font-size: 16px;color: #333;}
	.yf-data{padding-bottom: 20px;}
	.yf-gain span{width: 50px;}
	.con-yfpro{display: flex;align-items: center;justify-content: space-between;padding: 15px 15px; border:1px solid rgb(203 223 249 / 65%); background-color: rgb(255 255 255 / 50%);}
	.con-yfpro .iconfont{background-color: #1273EB;color: #fff;border-radius: 50%;padding: 0px 5px;font-size: 12px;}
	.con-yfpro p{flex: 1;padding: 0 10px;font-size: 18px;}
}
@media screen and (min-width: 480px) {
	.yf-data li span{font-size: 28px;}
	.yf-data{padding-bottom: 28px;}
}
@media screen and (min-width: 640px) {
	.yf-data li span{font-size: 36px;}
	.yf-data{padding-bottom: 38px;}
	.yf-gain li{width: 33.33%;padding: 0px;}
	.yf-gain li+li{margin-top: 0px;margin-left: -1px;}
	.con-yfpro {padding: 20px;}
}
@media screen and (min-width: 990px) {
	.yf-data li span{font-size: 48px;}
	.yf-data li p{font-size: 18px;}
	.yf-data{padding-bottom: 48px;}
	.con-yfpro {padding: 30px;}
	.con-yfpro p{padding: 0 15px;font-size: 22px;}
}
@media screen and (min-width: 1220px) {
	.yf-data li span{font-size: 54px;}
	.yf-data{padding-bottom: 56px;}
	.con-yfpro {padding: 34px;}
	.con-yfpro p{padding: 0 20px;font-size: 24px;}
}
@media screen and (min-width: 1420px) {
	.yf-data li span{font-size: 60px;}
	.con-yfpro {padding: 38px 40px;}
	.con-yfpro p{font-size: 26px;}
}
/*全球布局 */
@media screen and (min-width: 320px) {
	.hd-country{display: flex;}
	.hd-country .btn{display: inline-block; color: #333333;}
	.hd-country .btn span{padding: 15px;color:#fff;}
	/*.hd-country .btn:hover span{color: #0064E5;border-radius: 50%;border: 1px solid #0064E5;}*/
	.hd-country .on{color: #00BAFF;}
	.hd-city .btn{display: inline-block;padding: 4px;}
	.hd-city .btn{position: relative;}
	
	.hd-city .on::before{content: ""; position: absolute;left: 50%;bottom: 8px;transform: translate(-50%,0);width: 12px;height: 2px;background-color: #00BAFF;}
	.tabs-box .bd-country{overflow: initial;}
	.bd-country::before{position: absolute;content: "";left: 30px;bottom: 100%;width: 0px;height: 0px;border-left: 13px solid transparent;  border-right: 13px solid transparent;  
  border-bottom: 18px solid #FFFFFF; border-radius: 4px;}
	.hd-city{display: flex;flex-wrap: wrap;align-items: center;}
	.hd-city .on{color: #00BAFF;}
	.bd-country{background-color: #fff;border-radius: 10px;padding: 15px 5px;box-shadow: 0 3px 10px rgba(0,0,0,0.06);}
	.bd-city .con-city{display: flex;flex-direction: column;}
	.city-pic i{padding-bottom: 45.65%;}
	
	.ind-box-country{position: relative;}
	
	.indbox-more .pic-size{padding-bottom: 49.06%;}
	.hd-country .on{font-weight: bold;}
	.hd-country .btn{position: absolute;z-index: 5;font-size: 20px;transform: translate(-50%,-50%);}
	.hd-country .btn:nth-child(1){right: 10%;top: 55%;z-index: 10;}
	.hd-country .btn:nth-child(2){right: 7%;top: 72%;}
	.hd-country .btn:nth-child(3){right: 0%;top: 38%;}
	.hd-country .btn:nth-child(4){left: 15%;top: 41%;}
	.hd-country .btn:nth-child(5){left: 50%;top: 25%;}
	.hd-country .btn:nth-child(6){right: 1%;top: 70%;}
	
	.con-city .city-pic{flex-shrink: 0;width: 100%;padding-right: 15px;}
	.tabs-ner .hd{font-size: 16px;}
	.hd-city .btn{max-width: 70px;white-space: nowrap;  overflow: hidden; text-overflow: ellipsis;}
	.ind-box-city{ position: absolute;width: 100%;top: 0;right: 0;z-index: 2;margin: -4px;}
	.hd-city{justify-content: center;}
	
	.tabs-ner{position: relative;}
	.bd-city{padding-top: 40px;}
	.country-name span{font-size: 16px;color:#00BAFF;margin-right: 10px;}
	.country-name{padding-bottom: 20px;font-size: 20px;font-weight: bold;}
	.ind-yf-box04 {background-color: #f6f6f6;padding: 30px 0; background: linear-gradient(to bottom, #002b5e, #0050b4);}
	.ind-yf-box04 .ind-tit { margin-bottom: -30px;position: relative;z-index: 2;color:#fff;}
}
@media screen and (min-width: 480px) {
	.bd-country{padding: 20px 10px; }
	.hd-city .btn{padding: 10px;font-size: 18px;max-width: 130px;}
	.ind-box-city{margin: -10px;}
	.con-city .city-pic{flex-shrink: 0;width: 40.33%;padding-right: 15px;}
	.ind-yf-box04 .ind-tit { margin-bottom: -40px;}
}
@media screen and (min-width: 640px) {
	.hd-city{justify-content: flex-end;}
	.hd-country .btn{font-size: 22px;}
	.hd-country .btn:nth-child(1){right: 10%;top: 53%;}
	.hd-country .btn:nth-child(2){right: 9%;top: 71%;}
	.hd-country .btn:nth-child(3){right: 1%;top: 40%;}
	.hd-country .btn:nth-child(4){left: 14%;top: 38%;}
	.hd-country .btn:nth-child(5){left: 52%;top: 25%;}
	.hd-country .btn:nth-child(6){right: 1%;top: 70%;}
	.bd-country{padding:  20px;}
	.hd-city .btn{max-width: 200px;font-size: 20px;}
	.bd-city .con-city{display: flex;flex-direction: row;}
	.ind-yf-box04 {padding: 50px 0;}
	.ind-yf-box04 .ind-tit { margin-bottom: -50px;}
}
@media screen and (min-width: 990px) {
	.hd-country .btn{font-size: 24px;}
	
	.hd-country .btn:nth-child(1){right: 10%;top: 50%;}
	.hd-country .btn:nth-child(2){right: 15%;top: 70%;}
	.hd-country .btn:nth-child(3){right: 6%;top: 39%;}
	.hd-country .btn:nth-child(4){left: 15%;top: 38%;}
	.hd-country .btn:nth-child(5){left: 52%;top: 25%;}
	.hd-country .btn:nth-child(6){right: 7%;top: 70%;}
	.bd-city{padding-top: 0;}
	.city-desc{display: flex;flex-direction: column; justify-content: space-around;padding-left: 10px;}
	.country-name{padding-bottom: 0;font-size: 26px; display: flex;align-items: center;}
	.city-add{font-size: 16px;}
	.city-add dt{padding-bottom: 10px;}
	.bd-country{margin-top: -140px;}
	.ind-yf-box04 {padding: 58px 0;}
	.con-city .city-pic{max-width: 480px;}
	.ind-yf-box04 .ind-tit { margin-bottom: -60px;}
}
@media screen and (min-width: 1220px) {
	.hd-country .btn{font-size: 26px;}
	.hd-country .btn:nth-child(1){right: 10%;top: 52%;}
	.hd-country .btn:nth-child(2){right: 17%;top: 68%;}
	.hd-country .btn:nth-child(3){right: 8%;top: 41%;}
	.hd-country .btn:nth-child(4){left: 15%;top: 36%;}
	.hd-country .btn:nth-child(5){left: 52%;top: 27%;}
	.hd-country .btn:nth-child(6){right: 13%;top: 70%;}
	.bd-country{margin-top: -180px;}
	.ind-yf-box04 {padding: 66px 0;}
	.hd-city .btn{padding: 15px;}
	.ind-box-city{margin: -15px;}
	.ind-yf-box04 .ind-tit { margin-bottom: -70px;}
	.city-desc{padding-left: 30px;}
}
@media screen and (min-width: 1420px) {
	.bd-country{margin-top: -16%;}
	.ind-yf-box04{padding: 70px 0;}
	.hd-city .btn {padding: 20px;}
	.ind-box-city {margin: -20px;padding-right: 20px;}
	.ind-yf-box04 .ind-tit { margin-bottom: -100px;}
	
}
/* footer */
@media screen and (min-width: 320px) {
	.foot-logo{padding: 15px 0;position: relative;text-align: center;}
	.foot-logo img{width:200px;}
	.foot-logo::before{content: "";position: absolute;right: 0;width: 100%;height: 1px;bottom: 1px;background-color: #fff;}
	.db-lmcom{padding: 20px 0 30px;}
	.dblm-ej{text-align: center;padding-top: 15px;}
	.dblm-ej a{padding: 0 10px;}
	.db-lmcom li .dblm-ej a{color: #000;transition: .5s;}
	.db-lmcom li .dblm-ej a:hover{color:#0050b4;transition: .5s;}
	.ewm-db{ transition: .5s;z-index:-1;opacity:0;}
	.ewm-db img{max-width:100%;}
	.ewm-db{position:absolute;left:0;bottom:60%; width:150px;}
	.foot-icon{position:relative;}
	.foot-icon:hover .ewm-db{transition: .5s;z-index:2;opacity:1;}
    
}
@media screen and (min-width: 480px) {
	.db-lmcom{padding: 24px 0 35px;}
	
}
@media screen and (min-width: 640px) {
	.db-lmcom{padding: 26px 0 40px;}
	
}
@media screen and (min-width: 990px) {
	.db-lmcom .yi-lm{text-align: left;}
	.foot-logo{height:101px;}
	.foot-logo::after{content: "";position: absolute;right: 0;width: 1px;height: 100%;bottom: 0;background-color: #fff;/*opacity: 0.16;*/}
	.db-lmcom{border-right: 1px solid #fff;}
	.foot-le{padding: 0 10px;width: 230px; display: flex;align-items: center;justify-content: center;}
	.foot::before{content: "";content: "";position: absolute;left: 0;width: 50%;height: 1px;top: 99px;background-color: #fff;}
	.dblm-ej, .foot-logo{text-align: left;}
	.dblm-ej a{padding: 6px 0px ;}
	.db-lmcom{padding: 30px 0 60px;}
	.foot-le{width: 320px;padding-left: 50px;}
	.db-lmcom li{max-width: 100%;max-width: 180px;}
}
@media screen and (min-width: 1220px) {
    .foot::before{top:99px;}
	.db-lmcom{padding: 44px 0 80px;}
	.foot-le{padding: 0;padding-left: 57px;}
	
}
@media screen and (min-width: 1420px) {
	.db-lmcom{padding: 57px 0 100px;}
	
}
@media screen and (min-width: 1880px) {
    .foot::before{top:99px;}
    
}
/* 内页banner */
@media screen and (min-width: 320px) {
	.ny-banner i{padding-bottom: 40.69%;}
	.ny-banner img{max-width:100%;margin:0 auto;}
	.ny-banner{position: relative;text-align:center;}
	.ny-banner-txt{position: absolute; left: 50%; top:50%;transform: translate(-50%,-50%); color: #fff;font-size: 26px;}
	.ny-nav ul{display: flex;}
	.ny-nav li{background-color: #F9F9F9;}
	.ny-nav li span{display: block;border-left: 1px solid #E6E6E6;text-align: center;width: 100%; font-size: 16px; line-height: 3;}
	.con-nav-top{background-color: #F9F9F9;}
	.ny-nav .on{background-color: #0050B4;}
	.ny-nav .on span{color:#fff;}
	.nav-loact{display: flex;align-items: center;height: 50px;}
	
}
@media screen and (min-width: 480px) {
	.ny-banner-txt{font-size: 28px;}
	
}
@media screen and (min-width: 640px) {
	.ny-banner i{padding-bottom: 36.69%;}
	.ny-banner-txt{font-size: 32px;}
	.ny-nav li{min-width: 195px;}
}
@media screen and (min-width: 990px) {
	.ny-banner i{padding-bottom: 32.69%;}
	.ny-banner-txt{font-size: 40px;}
	.con-nav-top{}
	.ny-nav li span{display: inline-block;font-size: 18px; line-height: 3;}
	.con-nav-top .locat{display: flex;align-items: center;justify-content: space-between;}
	.ny-nav{width: 70%;}
	.con-nav-top .container:after{display: none;}
}
@media screen and (min-width: 1220px) {
	.ny-banner i{padding-bottom: 29.69%;}
	.ny-banner-txt{font-size: 46px;}
	.ny-nav li span{ line-height: 4;}
}
@media screen and (min-width: 1420px) {
	.ny-banner-txt{font-size: 50px;}
	.ny-nav li span{ line-height: 4.45;}
}
/* 新闻列表 */
@media screen and (min-width: 320px) {
	.art-list ul{display: flex;flex-wrap: wrap;}
	.art-list li{width: 50%;}
	.art-bott{display: flex;align-items: center;justify-content: space-between;}
	.art-time{color:#9F9F9F;}
	.art-tit,.art-more, .art-more span{color:#0050B4;}
	.art-tit{font-size: 18px;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow:ellipsis;height: 60px;color: #333333;margin-bottom: 14px;}
	.art-list dd{padding: 10px;border-bottom: 1px solid #E2E0E0;}
	.art-list li a:hover dd{border-color: #0050B4;box-shadow: 0 3px 10px rgba(0,0,0,0.1);}
	.art-list li a:hover .art-tit{color:#0050B4;}
	.art-list li{padding: 10px;}
	.art-list {margin: -10px;}
	.art-list dt i{padding-bottom: 66.67%;}
	.art-list-container{padding: 40px 0;}
}
@media screen and (min-width: 480px) {
	.art-list dd{padding: 12px;}
	.art-list li{padding: 15px;}
	.art-list {margin: -15px;}
	.art-list-container{padding: 50px 0;}
	.art-tit{margin-bottom: 18px;}
}
@media screen and (min-width: 640px) {
	.art-list li{padding: 18px;}
	.art-list {margin: -18px;}
	.art-list dd{padding: 16px;}
	.art-list-container{padding: 60px 0;}
	.art-tit{margin-bottom: 26px;}
}
@media screen and (min-width: 990px) {
	.art-list li{width: 33.33%;padding: 20px;}
	.art-list {margin: -20px;}
	.art-list dd{padding: 18px;}
	.art-list-container{padding: 70px 0;}
	.art-tit{margin-bottom: 30px;}
}
@media screen and (min-width: 1220px) {
	.art-list dd{padding: 24px ;padding-bottom: 20px;}
	.art-list-container{padding: 80px 0;}
	.art-tit{margin-bottom: 36px;}
}
@media screen and (min-width: 1420px) {
	.art-list dd{padding: 30px ;padding-bottom: 20px;}
	.art-list-container{padding: 80px 0 100px;}
	.art-tit{margin-bottom: 40px;}
}
/* 新闻详情 */
@media screen and (min-width: 320px) {
    .art-pvnt{display:none;}
	.con-art-show dt{font-size: 20px;text-align: center;padding: 10px 0;margin-bottom: 20px;}
	.art-show{background-color:#F6F6F6;}
	.con-art-show{padding:30px 0;}
	.con-art-show img{max-width: 100%;text-align: center;}
	.con-art-show dl{background-color: #fff;padding: 10px;}
	.con-art-show dd{padding-top: 50px;border-top: 1px solid #E2E2E2;}
	.con-art-show dd *{font-size: 16px;line-height: 2;}
	.n-info, .p-info{position: fixed;top: 50%;display: flex;flex-direction: column;align-items: center;justify-content: center;line-height: 1.5;}
	.n-info{right: 5%;}
	.p-info{left: 5%;}
	.n-info .iconfont, .p-info .iconfont{background-color: #71B0FF;width: 30px; height: 30px;text-align: center; border-radius: 50%;color: #ccc; line-height: 30px;font-size: 12px;}
	.pn-bt{display: none;padding-top: 16px;}
	.art-pvnt a:hover .iconfont{background-color: #0050B4;}
}
@media screen and (min-width: 480px) {
	.con-art-show dt{font-size: 22px;}
	.con-art-show{padding:40px 10px;}
}
@media screen and (min-width: 640px) {
	.con-art-show{padding:50px;}
	.con-art-show dt{font-size: 24px;}
	.con-art-show dl{padding: 20px;}
	.pn-bt{display: block;}
}
@media screen and (min-width: 990px) {
	.con-art-show dt{font-size: 26px;}
	.con-art-show{padding:60px;}
	.con-art-show dl{padding: 36px 40px;}
	.n-info .iconfont, .p-info .iconfont{width: 40px;height: 40px;;line-height: 40px;background-color: #fff;}
	
}
@media screen and (min-width: 1220px) {
	.con-art-show dt{font-size: 28px;}
	.con-art-show{padding:70px 90px;}
	.con-art-show dl{padding: 48px 56px;}
	.n-info{right: 50%;transform: translate(600px,0);}
	.p-info{left: 50%;transform: translate(-600px,0);}
}
@media screen and (min-width: 1420px) {
	.con-art-show dt{font-size: 30px;}
	.con-art-show{padding:80px 100px;padding-bottom: 100px;}
	.con-art-show dl{padding: 60px 60px 90px;}
	.n-info{right: 50%;transform: translate(700px,0);}
	.p-info{left: 50%;transform: translate(-700px,0);}
}


/* 研发状况 */
@media screen and (min-width: 320px) {
	.about-tit{font-size: 24px;text-align: center;padding: 28px 0 35px;line-height: 1.3;}
	.core .about-tit{color: #333;}
	.core{/*background-image:url(../img/core-bg.jpg) ;*/background-attachment:fixed;; -webkit-background-size: cover;background-size: cover; background-repeat: no-repeat; background-position: center;}
	.con-core{display: flex;flex-wrap: wrap;}
	.core-list{width: 100%;padding: 10px;}
	.con-core{margin: -10px;}
	.core-list i.pic-size{padding-bottom: 66.82%;}
	.core-content{background-color: #d7e8fd;padding: 15px 10px;text-align:center;font-size:18px;font-weight:blod;}
	.core-content *{line-height: 1.6;font-size: 16px;}
	.core{padding-bottom: 30px;}
	.con-core-ner{background-color: #fff;height: 100%;}
	.con-core-ner:hover .core-content{color:#0050B4;}
	.care-info{position:absolute;left:0;top:0;width:100%;height:100%;display:none;}
	.con-core-ner:hover .care-info{display:block;background-color: rgba(0,0,0,0.5);color:#fff;padding:10px;font-style: normal;}
}
@media screen and (min-width: 480px) {
	.about-tit{font-size: 28px;padding:40px 0 30px;}
	.core{padding-bottom: 40px;}
}
@media screen and (min-width: 640px) {
	.about-tit{font-size: 30px;padding:50px 0 34px;}
	.core-list{padding: 12px;}
	.con-core{margin: -12px;}
	.core{padding-bottom: 50px;}
}
@media screen and (min-width: 990px) {
	.about-tit{font-size: 32px;padding:60px 0 38px;}
	.core-list{width: 33.33%;padding: 14px;}
	.con-core{margin: -14px;}
	.core-content{padding: 30px 20px;max-height: 100%;}
	.core{padding-bottom: 60px;}
	
}
@media screen and (min-width: 1220px) {
	.about-tit{font-size: 36px;padding:66px 0 40px;}
	.core-list{padding: 16px;}
	.con-core{margin: -16px;}
	.core-content{padding: 30px 20px;}
	.core{padding-bottom: 70px;}
	.con-core-ner:hover .care-info{padding:20px;font-size:16px;}
}
@media screen and (min-width: 1420px) {
	.about-tit{font-size: 40px;padding:80px 0 40px;}
	.core-content{padding: 30px 20px;}
	.core-list{padding: 20px;}
	.con-core{margin: -20px;}
	.core{padding-bottom: 80px;}
}
/* 研发实验室 */
@media screen and (min-width: 320px) {
	.con-loab-dz dd i{padding-bottom: 57.14%;}
	.yf-locat{position: absolute;left: 50%;top:50%;width: 100px;height: 100px;display: flex;flex-direction: column;align-items: center;justify-content: center;transform: translate(-50%,-50%);background-color: rgba(0,80,180,0.8);border-radius: 50%;}
	.con-loab-dz dd{position: relative;}
	.con-loab-dz dl{display: flex;flex-wrap: wrap;}
	.con-loab-dz dd{width: 100%;}
	.yf-locat .iconfont{font-size: 22px;color:#fff;line-height: 1;}
	.yf-locat .loact-tit{font-size: 18px;font-weight: bold;color:#fff;line-height: 1.2; padding-top: 10px;text-align:center;}
	.con-yfjs{text-align: center;padding: 30px 0 40px;}
	.con-yfjs *{font-size: 16px;line-height: 1.6;}
	.con-yfjs span{color: #1273EB;font-size: 20px;}
	
	
}
@media screen and (min-width: 480px) {
	
	
}
@media screen and (min-width: 640px) {
	.con-loab-dz dd{width: 50%;}
	.yf-locat .loact-tit{font-size: 20px;}
	.yf-locat{width: 110px;height: 110px;}
}
@media screen and (min-width: 990px) {
	.yf-locat .loact-tit{font-size: 22px;}
	.yf-locat{width: 120px;height: 120px;}
	.con-yfjs{padding: 40px 0 60px;}
}
@media screen and (min-width: 1220px) {
	.con-yfjs{padding: 40px 0 70px;}
	.yf-locat{width: 130px;height: 130px;}
	
}
@media screen and (min-width: 1420px) {
	.yf-locat{width: 140px;height: 140px;}
	.con-yfjs{padding: 40px 0 78px;}
}
/* 校企合作 专利介绍 */
@media screen and (min-width: 320px) {
	.school-q .about-tit{padding-top: 40px;position: relative;z-index: 2;width: 100%;left: 0;top: 0;}
	.school-q{position: relative;}
	.sch-rig i{padding-bottom: 61.43%;}
	.shcool-bg {display:flex;flex-wrap:wrap;padding-bottom:30px;}
	.sch-rig, .sch-left{width:100%;}
	.sch-left h2{font-size:20px;color: #0068b7;
    background: linear-gradient(to top, #002b5e, #62b0e3);
     background-clip: text;
     -webkit-background-clip: text;
     color: transparent;}
	.sch-left{font-size:16px;}
	.sch-rig ul{display:flex;justify-content:sspace-between;flex-wrap:wrap;}
	
	.sch-rig li{width:50%;padding:10px;}
	.sch-rig{margin:-10px;}
	
	.patent .about-tit{color:#fff;}
	.patent-bg i{padding-bottom: 45.07%;}
	.patent-txt{color:#fff;font-size: 18px;text-align: center;padding-bottom: 20px;}
	.patent{background-image:url(../img/patent-bg.jpg) ;background-attachment:fixed; -webkit-background-size: cover;background-size: cover; background-repeat: no-repeat; background-position: center;padding-bottom: 40px;}
	.patent-bg{max-width: 983px;margin: 0 auto;}
	.patent-desc{position: absolute;left: 0%;bottom: 10%;width: 100%;text-align: center;color: #fff;}
	.patent-desc{font-size: 18px;}
	.patent-desc span{font-size: 25px;}
	.patent-bg{position: relative;}
}
@media screen and (min-width: 480px) {
	.patent-txt{padding-bottom: 25px;}
	.patent{padding-bottom: 50px;}
	.sch-left h2{font-size:26px;}
}
@media screen and (min-width: 640px) {
	.patent-desc{font-size: 20px;}
	.patent-desc span{font-size: 30px;}
	.patent-txt{padding-bottom: 30px;}
	.patent{padding-bottom: 50px;}
	.sch-rig, .sch-left{width:50%;}
	.shcool-bg{padding-bottom:40px;}
	.sch-left h2{font-size:32px;}
	.sch-left{padding-right:20px;display:flex;align-items:center;flex-direction:column;justify-content:center;}
	
}
@media screen and (min-width: 990px) {
	.patent-txt{padding-bottom: 36px;}
	.patent-desc span{font-size: 38px;}
	.patent{padding-bottom: 60px;}
	.shcool-bg{padding-bottom:60px;}
	.sch-rig li{width:50%;padding:15px;}
	.sch-rig{margin:-15px;}
	.sch-left{padding-right:30px;}
}
@media screen and (min-width: 1220px) {
	.patent-txt{padding-bottom: 40px;}
	.patent-desc span{font-size: 46px;}
	.patent{padding-bottom: 80px;}
	.shcool-bg{padding-bottom:70px;}
	.sch-left{padding-right:40px;}
}
@media screen and (min-width: 1420px) {
	.patent-desc span{font-size: 50px;}
	.patent-txt{padding-bottom: 50px;}
	.patent{padding-bottom: 100px;}
}


/* about 关于高能 */
@media screen and (min-width: 320px) {
	.about-us-desc dt i{padding-bottom: 81.61%;}
	.about-us-desc{display: flex;flex-direction: column;width: 100%;}
	.about-us-desc dt{width: 100%;max-width: 446px;}
	.about-us{padding: 30px 0;}
	.about-us-tit{font-size: 24px;font-weight: bold;padding: 20px 0;line-height: 1; text-align:center;}
	.about-us-txt{font-size: 15px; color: #333;text-indent:2em;}
}
@media screen and (min-width: 480px) {
	.about-us{padding: 40px 0;}
	.about-us-tit{font-size: 26px;padding: 30px 0;}
}
@media screen and (min-width: 640px) {
	.about-us-desc{flex-direction: row; justify-content: space-between;align-items: center;}
	.about-us{padding: 60px 0;}
	.about-us-desc dt{flex: 1;}
	.about-us-desc dd{width: 59%;flex-shrink: 0;padding-left: 30px;flex:1;}
	.about-us-tit{font-size: 28px;padding: 36px 0;}
}
@media screen and (min-width: 990px) {
	.about-us{padding: 70px 0;}
	.about-us-tit{font-size: 32px;padding: 42px 0;}
	.about-us-txt{font-size: 16px; line-height: 1.6;width:75%;margin:0 auto;}
	.about-us-desc dd{padding-left: 0;}
}
@media screen and (min-width: 1220px) {
	.about-us{padding: 80px 0;}
	.about-us-tit{font-size: 36px;padding: 54px 0;}
	
}
@media screen and (min-width: 1420px) {
	.about-us{padding: 90px 0;}
	.about-us-tit{font-size: 40px;padding: 60px 0;}
}
/* 企业文化 */
@media screen and (min-width: 320px) {
	.culture{background-color: #F6F6F6;padding-bottom: 30px;}
	.culture-ner i {padding-bottom: 64.52%;}
	.culture-list ul{display: flex;flex-wrap: wrap;margin: -1.5px;}
	.culture-list li{width: 100%;}
	.cult-tt{position: absolute;width: 100%;left: 0;top: 0;padding: 18px 15px; z-index: 2;color: #fff;}
	.culture-ner{position: relative;padding: 1.5px;}
	.cult-tit{font-size: 22px;}
	.cult-txt{font-size: 16px;padding-top: 10px;}
	.culture-list li a:hover .cult-tit{font-weight:bold;}
}
@media screen and (min-width: 480px) {
	.cult-tit{font-size: 23px;}
	.cult-tt{padding: 20px 18px;}
	.culture{padding-bottom: 40px;}
}
@media screen and (min-width: 640px) {
	.cult-tit{font-size: 24px;}
	.cult-tt{padding: 26px 18px;}
	.culture{padding-bottom: 50px;}
}
@media screen and (min-width: 990px) {
	
	.culture-list li{width: 33.33%;}
	
	.cult-tit{font-size: 26px;}
	.cult-tt{padding: 30px 20px;}
	.culture{padding-bottom: 60px;}
	.cult-txt{font-size: 18px;}
}
@media screen and (min-width: 1220px) {
	.cult-tit{font-size: 28px;}
	.cult-tt{padding: 40px 26px;}
	.culture{padding-bottom: 70px;}
}
@media screen and (min-width: 1420px) {
	.culture .about-tit{padding-bottom: 56px;}
	.cult-tit{font-size: 30px;}
	.cult-tt{padding: 50px 30px;}
	.culture{padding-bottom: 80px;}
	
}
/* 发展历程 */
@media screen and (min-width: 320px) {
	.fzlc-time{font-size: 26px;font-weight: bold;color: #0050B4;line-height: 1.5;padding-bottom: 15px;}
	.con-fz-ner ul{display: flex;flex-direction: column-reverse;}
	.con-fz-ner li{padding: 12px 0;}
	.fz-ner{display: flex;align-items: flex-start;}
	.fz-ner i{width: 12px;height: 12px;border-radius: 50%; position: relative;background-color: #1273EB; margin:6px 0;flex-shrink: 0;}
	.fz-ner i::before{content: "";position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);width: 6px;height: 6px;background-color: #fff;z-index: 2; border-radius: 50%;}
	.fz-ner span{padding-left: 10px;}
	
	.con-fzlc{height: 300px;overflow-y: scroll;padding-right: 20px;}
	.fzlc-swi .swiper-slide{position: relative;}
	.con-fz-ner::before{content:"";position: absolute;bottom: 0;left: 0;width: 100%;height: 100px;background-image: linear-gradient(rgba(255,255,255,0), #FFFFFF);z-index: 2;}
	
	/*里面的代码可以根据自己需求去进行更改*/
	/* 设置滚动条的样式 */
	.con-fzlc::-webkit-scrollbar {
	width:1px;
	}
	/* 滚动槽 */
	.con-fzlc::-webkit-scrollbar-track {
	-webkit-box-shadow:inset 0 0 6px #E5E5E5;
	border-radius:10px;
	}
	/* 滚动条滑块 */
	.con-fzlc::-webkit-scrollbar-thumb {
	border-radius:10px;
	background:rgba(0,0,0,0.1);
	-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.2);
	}
	.con-fzlc::-webkit-scrollbar-thumb:window-inactive {
	background:#E5E5E5;
	}
	
	.fz-pagi{top: auto!important;bottom:0;height: 1px!important;background-color: :;;}
	.fz-pagi .swiper-pagination-progressbar{height: 3px;background-color: #0050B4;margin-top: -1px;}
	.fzlc-swi{padding-bottom: 30px;}
	.fz-more{text-align: center;position: absolute;bottom: 60px;z-index: 2;width: 100%;color:#1273EB;}
}
@media screen and (min-width: 480px) {
	.fzlc-time{font-size: 32px;}
	.con-fz-ner li{padding: 14px 0;}
}
@media screen and (min-width: 640px) {
	.fzlc-time{font-size: 38px;}
	.con-fz-ner li{padding: 15px 0;}
}
@media screen and (min-width: 990px) {
	.fzlc-time{font-size: 42px;padding-bottom: 20px;}
	.con-fz-ner li{padding: 20px 0;}
	.fzlc-swi{padding-bottom: :;0px;}
}
@media screen and (min-width: 1220px) {
	.fzlc-time{font-size: 46px;}
	.con-fz-ner li{padding: 23px 0;}
	.fzlc-swi{padding-bottom: 50px;}
	.con-fz-ner::before{height: 120px;}
}
@media screen and (min-width: 1420px) {
	.fzlc-time{font-size: 50px;}
	.con-fz-ner li{padding: 25px 0;}
	.fzlc-swi{padding-bottom: 60px;}
	.con-fzlc{height: 548px;overflow-y: scroll;padding-right: 48px;}
}
@media screen and (min-width: 1620px) {
	.fzlc-swi{padding-bottom: 70px;}
	.fzlc-swi .banner-prev { left: 50%; margin-left: -820px;}
	.fzlc-swi  .banner-next {right: 50%; margin-right: -820px;}
	
}
/* */
@media screen and (min-width: 320px) {
	.news-more{text-align: center;width: 160px;height: 42px;border: 1px solid #252525;border-radius: 21px;line-height: 42px;margin: 0 auto;margin-top: 30px;}
	.news-center{padding: 10px 0 40px;}
	.news-more:hover{background-color: #1273EB;color: #fff;border-color: #1273EB; transition: .4s;}
	
}
@media screen and (min-width: 480px) {
	
	
}
@media screen and (min-width: 640px) {
	.news-center{padding: 20px 0 50px;}
	
}
@media screen and (min-width: 990px) {
	.news-center{padding: 30px 0 60px;}
	.news-more{margin-top: 40px;}
	
}
@media screen and (min-width: 1220px) {
	
	.news-center{padding: 40px 0 80px;}
	
}
@media screen and (min-width: 1420px) {
	.news-center .about-tit{padding-bottom: 50px;}
	.news-center{padding: 40px 0 100px;}
}
/* 产品性能 市场应用 */
@media screen and (min-width: 320px) {
	.pro-desc-xn{text-align: center;font-size: 18px;margin-bottom: 20px;}
	.xn-mark-con{padding-bottom: 0;}
	.products-min .swiper-container{overflow: initial;}
	.xneng-content{margin-bottom: 30px;}
	
	.mark-show{padding: 30px 0;background-color: #F9F9F9;}
	.mark-list li i{padding-bottom: 75%;}
	.mark-list ul{display: flex;flex-wrap: wrap;}
	.mark-list{margin: -5px;}
	.mark-list li{width: 50%;padding: 5px;}
	.mark-tit{font-size: 18px;text-align: center;padding: 18px 0;background-color: #fff;}
}
@media screen and (min-width: 480px) {
	.mark-show{padding: 36px 0;}
	.mark-list li{width: 33.33%;}
}
@media screen and (min-width: 640px) {
	.xneng-content{margin-bottom: 40px;}
	.mark-show{padding: 44px 0;}
}
@media screen and (min-width: 990px) {
	.products-b .tabs-box2 .tit{padding-bottom: 20px;}
	.pro-desc-xn{margin-bottom: 30px;}
	.xneng-content{margin-bottom: 50px;}
	.mark-list li{width: 25%;}
	.mark-show{padding: 56px 0;}
}
@media screen and (min-width: 1220px) {
	
	.pro-desc-xn{margin-bottom: 36px;}
	.xneng-content{margin-bottom: 60px;}
	.mark-list li{width: 20%;}
	.mark-show{padding: 70px 0;}
}
@media screen and (min-width: 1420px) {
	.xneng-content{margin-bottom: 80px;}
	.mark-show{padding: 80px 0;}
	.products-b .mark-show .tit{padding-bottom: 50px;}
}



/*--/漂浮--*/


/* @media screen and (min-width: 1320px) {
body::before{ content: ' '; background-image: url(../pic/:;.jpg); width: 100%; height: 4962px; background-position: center 0; 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;}
} */




/* 加入我们*/
@media screen and (min-width: 320px) {
	.bgn{background: none;}
	.jrwm-box { margin: -10px;}
	.jrwm-box li{ padding: 10px;}
	.jrwm-box a{display: block; position: relative; display: flex; align-items: center; justify-content: center; text-align: center; background-size: 100%; min-height: 200px; background-position: center;}
	.jrwm-box a::before{ content:' ';  position: absolute; left: 0;top: 0; right: 0; bottom: 0; background: rgba(0,0,0,.6);}
	.jrwm-box .mess{ position: relative; z-index: 2; padding: 20px; display: flex; align-items: center; flex-direction: column;}
	.jrwm-box .tit{ color: #fff; font-size: 22px; padding-bottom: 15px; line-height: 1.2;}
	.jrwm-box .txt{ color: #fff; font-size: 12px; padding-bottom: 30px; line-height: 1.2;}
	.jrwm-box .btn{ background: linear-gradient( 90deg,#0064E5,#50B6FF); width: 120px; border-radius: 4px; color: #fff; height: 44px; display: flex; align-items: center; justify-content: center;}
	.jrwm-box a:hover{ background-size: 110%;}
	.jrwm-box a:hover .btn{ transform: translateY(-5px);}
}
@media screen and (min-width: 480px) {
	
	
}
@media screen and (min-width: 640px) {
	
	
}
@media screen and (min-width: 990px) {
	.jrwm-box ul{ display: flex; flex-wrap: wrap;}
	.jrwm-box li{ flex-basis: 50%; flex-shrink: 0;}
	.jrwm-box li a{ min-height: 380px;}
	.jrwm-box .tit{ font-size: 32px; padding-bottom: 20px;}
	.jrwm-box .txt{ font-size: 14px; padding-bottom: 40px;}
	.jrwm-box .btn{width: 150px; height: 52px; font-size: 16px;}
	
}
@media screen and (min-width: 1220px) {
	.jrwm-box li a{ min-height: 440px;}
}
@media screen and (min-width: 1420px) {
	.jrwm-box li a{ min-height: 500px;}
	.jrwm-box .tit{ font-size: 40px; padding-bottom: 25px;}
	.jrwm-box .txt{ font-size: 16px; padding-bottom: 50px;}
	.jrwm-box .btn{width: 180px; height: 64px; font-size: 18px;}
}


/* 社会招聘 */
@media screen and (min-width: 320px) {
    .employee {
          display: none;
        }
	.shzp-list ul{display: flex; margin: -10px; flex-wrap: wrap;}
	.shzp-list li{ padding: 10px; flex-basis: 100%; min-width: 0; flex-shrink: 0;}
	
	
	.shzp-list .more { display: flex; align-items: center;}
	.shzp-list .more span{ padding-right: 10px;}
	.shzp-list .more .icon{  width: 20px; height: 20px; border-radius: 50%; display: flex; align-items: center; justify-content: center; background: #00baff;}
	.shzp-list .more .icon::before{font-size: 20px; line-height: 1; color: #fff;}
	
	.shzp-list li dl{ background: #0050b4; padding: 15px; color: #fff;}
	.shzp-list li dt{display: flex; justify-content: space-between; align-items: center;}
	.shzp-list li dt .tit{font-weight: bold; font-size: 18px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; min-width: 0; flex: 1; padding-right: 20px;}
	.shzp-list li dt .more{ white-space: nowrap;}
	.shzp-list li dd{ display: flex; margin: -15px; padding-top: 10px;}
	.shzp-list li dd .item{ padding: 15px;}
	.shzp-list li dd .item-txt{opacity: 0.5;}
	.shzp-list li .mess{background: #f9f9f9; padding: 10px;}
	.shzp-list li .mess-tit{font-weight: bold; color: #333;}
	.shzp-list li .mess-txt{color: #666; line-height: 2;}
	
	.shzp-list a:hover dl{ background: #50B6FF;}
	.shzp-list a:hover .more .icon{ background: #fff;}
	.shzp-list a:hover .more .icon::before{ color: #50B6FF;}
	
}
@media screen and (min-width: 480px) {
	
	
}
@media screen and (min-width: 640px) {
	
	
}
@media screen and (min-width: 990px) {
	.shzp-list ul{ margin: -14px -10px;}
	.shzp-list li{ flex-basis: 50%; padding: 14px 10px;}
	.shzp-list li dl{ padding: 15px 30px;}
	.shzp-list li dt .tit{font-size: 22px;}
	.shzp-list li .mess{ padding: 15px 30px;}
	
}
@media screen and (min-width: 1220px) {
	
	
	
}
@media screen and (min-width: 1420px) {
	.shzp-list li dl{ padding: 20px 40px;}
	.shzp-list li dt{ padding-top: 7px;}
	.shzp-list li dt .tit{font-size: 26px;}
	.shzp-list li dd{ padding-top: 22px; margin: -15px -35px;}
	.shzp-list li dd .item{ padding: 15px 35px;}
	.shzp-list li .mess{ padding: 20px 40px;}
}


/* 社会招聘-内页 */
@media screen and (min-width: 320px) {
	.shzp-info-t{ border-bottom: 1px solid #E2E2E2; padding-bottom: 10px;}
	.shzp-info-t .tit{ font-size: 22px; line-height: 1; color: #333;}
	.shzp-info-t dl{}
	.shzp-info-t dt{display: flex; justify-content: space-between; align-items: center;}
	.shzp-info-t dd{ display: flex; margin: -15px; padding-top: 10px;}
	.shzp-info-t dd .item{ padding: 15px;}
	.shzp-info-t dd .item-tit{ font-weight: bold; color: #333; font-size: 14px;}
	.shzp-info-t dd .item-txt{opacity: 0.5; font-size: 12px;}
	
	.shzp-info-b{ padding-top:20px;}
	.shzp-info-b .tit{font-size: 16px; color: #333; font-weight: bold;}
	.shzp-info-b .txt{font-size: 14px; color: #666; line-height: 2;}
	.shzp-info-b .box + .box{ padding-top: 20px;}
}
@media screen and (min-width: 480px) {
	
	
}
@media screen and (min-width: 640px) {
	
	
}
@media screen and (min-width: 990px) {
	.shzp-info-t{ padding-bottom: 15px;}
	.shzp-info-t .tit{ font-size: 32px;}
	.shzp-info-t dd{ padding-top: 25px;}
	.shzp-info-t dd .item-tit{ font-size: 16px;}
	.shzp-info-t dd .item-txt{ font-size: 14px;}
	
	.shzp-info-b .box + .box{ padding-top: 30px;}
}

@media screen and (min-width: 1220px) {
	
	
	
}
@media screen and (min-width: 1420px) {
	.shzp-info-t{ padding-bottom: 20px;}
	.shzp-info-t .tit{ font-size: 40px;}
	.shzp-info-t dd{ padding-top: 40px; margin: -15px -35px;}
	.shzp-info-t dd .item{ padding: 15px 35px;}
	.shzp-info-t dd .item-tit{ font-size: 18px;}
	.shzp-info-t dd .item-txt{ font-size: 16px;}
	
	.shzp-info-b{ padding-top:25px;}
	.shzp-info-b .tit{font-size: 18px;}
	.shzp-info-b .txt{font-size: 16px;}
	.shzp-info-b .box + .box{ padding-top: 40px;}
}

/* 校园招聘 */
@media screen and (min-width: 320px) {
	.xyzp-box .tit{ text-align: center; font-size: 22px; color: #333;}
	.xyzp-pic{ width: 100%;max-width: 1162px; margin: 0 auto;}
	.xyzp-pic img{ width: 100%;}
	.con-xyzp{display:flex;flex-direction:column;flex-wrap:wrap;padding:30px 0;}
	.xyzp-le{width:100%;}
	.swiper-map .swiper-slide .item{display: flex; flex-direction: column; align-items: center;}
	.swiper-map .swiper-slide .drop{ background: #0050b4; border-radius: 50%; width:8px; height: 8px; margin: 10px 0;}
	.swiper-map .swiper-slide .icon{ font-size: 50px; line-height:1; color: #0050b4;}
	.swiper-map .swiper-slide .area{ height: 50px; font-size: 16px; display: flex; align-items: flex-start;}
	.swiper-map .swiper-slide:nth-child(even) .item{ flex-direction: column-reverse;}
	.swiper-map .swiper-slide:nth-child(even) .item .area{ align-items: flex-end;}
	.swiper-map .swiper-slide:nth-child(even) .item .drop{ background: #1273eb;}
	.swiper-map .swiper-slide:nth-child(even) .item .icon{transform: rotate(180deg); color: #1273eb;}
	.swiper-map-box{ padding: 0 50px; position: relative;}
	.swiper-map-line{position: relative; margin-top: 44px;}
	.swiper-map-line::before{content:' '; height:2px; background: #eee; position: absolute; left: 0; top: 50%; right: 0; margin-top: -1px;}
	
	.map-btn{ position: absolute; top: 50%; margin-top: -20px; height: 40px; display: flex; align-items: center; cursor: pointer;}
	.map-btn i{display: block;}
	.map-btn i::before{ font-size: 26px; color: #d4d4d4;}
	.map-prev{ left: 0;}
	.map-next{ right: 0;}
	.map-prev:hover i{transform: translateX(-5px);}
	.map-next:hover i{transform: translateX(5px);}
	.map-prev:hover i::before,.map-next:hover i::before{ color: #0050b4;}
	.swiper-map-box .swiper-button-disabled{ pointer-events: none;}
}
@media screen and (min-width: 480px) {
	
}
@media screen and (min-width: 640px) {
	
}
@media screen and (min-width: 990px) {
    .con-xyzp{justify-content:space-between;flex-direction:row;padding:50px 0;}
    .xyzp-pic, .xyzp-le{width:50%; margin:0;}
    .xyzp-pic{padding-left: 2vw;}
	.xyzp-box .tit{ font-size: 32px;}
	.swiper-map .swiper-slide .area{font-size: 18px;}
}
@media screen and (min-width: 1220px) {
	
}
@media screen and (min-width: 1420px) {
	.xyzp-box .tit{ font-size: 40px;}
}


/* 战略布局 */
@media screen and (min-width: 320px) {
	.zlbj-box .tit{font-size: 22px; text-align: center;}
	.zlbj-box-02 .ind-tit{font-size: 22px;}
	.zlbj-box-02 .ind-tit::before{ display: none;}
	
	.zwfz-list{ padding-top: 20px;}
	.zwfz-list .icon{ width:50px; display: block; margin-bottom: 10px;}
	.zwfz-list .icon img{ width: 100%;}
	.zwfz-list .bg{ padding: 50px; background-size: cover; background-position: center; position: relative;}
    
	.zwfz-list .bg::before{ content:' '; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: rgba(0,0,0,.6); transition: .3s;}
	.zwfz-list li:hover .bg::before{ background: rgba(0,0,0,0.1); transition: .3s;}
	.zwfz-list li:hover .zwfz-tit{ text-shadow: 0px 5px 5px rgba(0,0,0,.3); }
	
	.zwfz-list .mess{ position: relative; z-index: 2;}
	.zwfz-list .zwfz-tit{ font-size: 18px; font-weight: bold; color: #fff; text-align: left; text-shadow: 0px 5px 5px rgba(0,0,0,0);  transition: .3s;}
	
	.zlbj-box .tips{ padding-top: 40px; text-align: center; color: #c1c1c1; font-size: 16px;}
}
@media screen and (min-width: 480px) {
	
	
}
@media screen and (min-width: 640px) {
	
	
}
@media screen and (min-width: 990px) {
	.zlbj-box .tit{font-size: 32px;}
	.zlbj-box-02 .ind-tit{font-size: 32px;}
	
	.zwfz-list{ padding-top: 30px;}
	.zwfz-list ul{display: flex; }
	.zwfz-list li{ width: 33.3333%; transition: .5s; }
	.zwfz-list li:hover {width:50%;flex-basis:50%;flex-shrink: 0; transition: .5s;}
	.zwfz-list .icon{ width:60px; margin-bottom: 20px;}
	.zwfz-list .zwfz-tit{ font-size: 22px;}
	.zwfz-list .bg{ height: 450px; display: flex; align-items: center; padding-bottom: 80px;}
	
	
}
@media screen and (min-width: 1220px) {
	.zwfz-list .bg{ height: 550px;}
	
}
@media screen and (min-width: 1420px) {
	.zlbj-box .tit{font-size: 40px;}
	.zlbj-box-02 .ind-tit{font-size: 40px;}
	
	.zwfz-list{ padding-top: 40px;}
	.zwfz-list .icon{ width:70px; margin-bottom: 30px;}
	.zwfz-list .zwfz-tit{ font-size: 26px;}
	.zwfz-list .bg{ height: 650px; padding-bottom: 130px;}
	
	.zlbj-box .tips{ font-size: 20px; padding-top: 80px;}
	
}


/* 产品应用 */
@media screen and (min-width: 320px) {
	.cpyy-box .ind-tit{ font-size: 22px; padding-bottom: 10px;}
	.cpyy-box .ind-tit::before{ display: none;}
}
@media screen and (min-width: 480px) {
	
}
@media screen and (min-width: 640px) {
	
}
@media screen and (min-width: 990px) {
	.cpyy-box .ind-tit{ font-size: 32px; padding-bottom: 20px;}
}
@media screen and (min-width: 1220px) {
	
}
@media screen and (min-width: 1420px) {
	.cpyy-box .ind-tit{ font-size: 40px; padding-bottom: 30px;}
}

/* 产品应用 - 内页 */
@media screen and (min-width: 320px) {
	.bg-02{ background: #fbfbfd;}
	.pro-show-bg02{background-color: #f9f9f9;}
	.products-t .products-tit{ color: #333; font-size: 22px; text-align: center; line-height: 1.2;}
	
	.swiper-products-min .bd{position: relative; cursor: pointer;}
	.swiper-products-min .bd::before{content:' '; position: absolute; left: 0; top: 0;right: 0; bottom: 0; border: 1px solid #E1E1E1; z-index: 2;}
	.swiper-products-min .on .bd::before{background: rgba(0,0,0,.3);}
	
	i.pic-scale-product{ padding-bottom: 75%;}
	
	.products-swiper-box{ padding: 0 70px; margin: 0 auto; max-width: 640px; margin-top: 20px; }
	.products-max{position: relative;}
	.products-max .max-btn{display: block;}
	.products-max .max-btn .max-prev,.products-max .max-btn .max-next{ width: 60px; height: 60px; background: #fff; display: flex; align-items: center; justify-content: center; border-radius: 50%; color: #0050B4; position: absolute; z-index: 2; cursor: pointer; box-shadow: 0 3px 10px rgba(0,0,0,.1);}
	.products-max .max-btn i{display: block;}
	.products-max .max-btn i,.products-max .max-btn i::before{ font-size: 24px; line-height: 1;}
	.products-max .max-prev{ left: -70px; top: 50%; margin-top: -30px;}
	.products-max .max-next{ right: -70px; top: 50%; margin-top: -30px;}
	
	.products-max .max-prev:hover i{ transform: translateX(-5px);}
	.products-max .max-next:hover i{transform: translateX(5px);}
	
	.products-max .swiper-button-disabled{ opacity: .8; pointer-events: none;}
	.products-max .swiper-button-disabled i::before{ color: #bbb;}
	
	.products-min{ margin-top: 10px;}
	
	.products-t .txt{max-width: 600px; margin: 0 auto; text-align: center; font-size: 14px; margin-top: 20px;}
	
	.products-b .tabs-box .hd{display: flex; margin: -2px -5px; justify-content: center; padding-bottom: 40px;}
	.products-b .tabs-box .btn{ background: #f9f9f9; border-radius: 4px; height: 60px; width: 180px; font-size: 14px; color: #333; display: flex; align-items: center; justify-content: center; padding: 10px; margin:2px 5px; cursor: pointer;}
	.products-b .tabs-box .btn.on{ background: #0050b4; color: #fff;}
	
	.products-b .tit{ font-size: 22px; color: #000; text-align: center; line-height: 1.2; padding-bottom: 20px;}
	.products-b .mess{}
	
	.products-b .table-scroll{ overflow-x: auto;}
	.products-b .table-box table{ max-width: 700px; margin: 0 auto; border: 1px solid #E5E5E5; width: 100%;}
	.products-b .table-box td{border: 1px solid #E5E5E5; padding: 10px 20px;}
	.products-b .table-box .row{}
	.products-b .table-box .th{ width: 28.57%; background: #FBFBFD; font-weight: bold; font-size: 16px; text-align: center;}
	.products-b .table-box .td{ color: #666;}
	
	.products-b .table-box{ padding-bottom: 40px;}
}
@media screen and (min-width: 480px) {
	
}
@media screen and (min-width: 640px) {
	
}
@media screen and (min-width: 990px) {
	.products-t .products-tit{ font-size: 32px;}
	.products-swiper-box{ margin-top: 30px;}
	.products-min{ margin-top: 20px;}
	.products-t .txt{ margin-top: 30px;}
	
	.products-b .tit{ font-size: 32px;  padding-bottom: 30px;}
	
	.products-b .tabs-box .btn{width: 225px; height: 70px; font-size: 16px;}
	.products-b .tabs-box .hd{ padding-bottom: 60px;}
	
	.products-b .table-box{ padding-bottom: 60px;}
}
@media screen and (min-width: 1220px) {
	
}
@media screen and (min-width: 1420px) {
	.products-t .products-tit{ font-size: 40px;}
	.products-swiper-box{ margin-top: 40px;}
	.products-min{ margin-top: 30px;}
	.products-t .txt{font-size: 16px; margin-top: 40px;}
	
	.products-b .tit{ font-size: 40px; padding-bottom: 40px;}
	
	.products-b .tabs-box .btn{font-size: 18px;}
	
	.products-b .tabs-box .hd{ padding-bottom: 80px;}
	
	.products-b .table-box{ padding-bottom: 80px;}
}

/*--内容盒子--*/
@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: #1A1B22; position: relative; z-index: 10; line-height: 2;}
	.content-box,.content-box *{ line-height: 2; font-size: 14px;}
	.content-box img{width: auto; height: auto; max-width:100%;}
	.content-pic-csbg{margin-bottom:30px;}
	.content-bd{  margin-bottom: 30px;}
	
	body.view img{max-width: 100%;}
	
}

@media screen and (min-width: 992px) {
	.content-bd{  margin-bottom: 60px;}
	.content-box,.content-box *{ font-size: 16px;}
	.content-pic-csbg{margin-bottom:60px;}
}

@media screen and (min-width: 1240px)  {
	.content-box,.content-box *{ font-size: 18px;}
	.content-bd{  margin-bottom: 80px;}
	.content-pic-csbg{margin-bottom:80px;}
}


/* svg-动画*/
@media screen and (min-width: 320px){
    .svg-xian svg{width: 100%; height: 100%; position: absolute;left:0;top:0;z-index:2;}
	.cls-1{opacity:0;}
	.anima{
	   display: inline-block;
	  /* background: url(Template/Home/css/img/sy-bg01.png) no-repeat 0 0;*/
	   background-size: 100% 100%;
	   animation: firstdiv 3s linear 4s infinite alternate;
	   position: absolute;z-index: 100;left: 0%;top: 0%;/* transform: translate(-50%,50%); */
	}
	@keyframes firstdiv{
	   0%{
	      transform: scale(1);
	   }
	   25%{
	      transform: scale(0.8);
	   }
	   50%{
	      transform: scale(0.6);
	   }
	   75%{
	      transform: scale(0.8);
	   }
	   100%{
	      transform: scale(1);
	   }
	}
	.bj{position: relative;display: inline-block;}
	.bj-com{position: absolute;left: 50%;top:50%;transform: translate(-163px,184px);}
	.sy-altu2, .bj-com, .cnpt{display: none;}
	.sj-tu{display: block;}
	.show path {
			    animation: lineMove 5s ease-out forwards;
			}
			
    	@keyframes lineMove {
    	    0% {
    	        stroke-dasharray: 0, 800;
    	    }
    	    100% {
    	        stroke-dasharray: 1000, 1000;
    	    }
    	}
	.show g path:nth-child(1) {
		
			    animation: lineMove 10s ease-out forwards;
			}
	.show g path:nth-child(2) {
	    animation: lineMove 10s ease-out forwards;
	}
	.show g path:nth-child(3) {
		display: none;
	    animation: lineMove 10s ease-out forwards;
	}
	.show g path:nth-child(4) {
	    animation: lineMove 5s ease-out forwards;
	}
	.show g path:nth-child(5) {
	    animation: lineMove 3s ease-out forwards;
	}
	#ads2{ transition: 1s;}
	#ads3{ transition: 1s;}
	.svg-xian{display:none;}
	.cnpt{display:block;opacity:0;}
}
@media screen and (min-width: 480px){
	
}
@media screen and (min-width: 640px){
	
	
}
@media screen and (min-width:990px){
	.bj-com{transform: translate(-110%,95%);}
	.sj-tu{display: none;}
	.sy-altu2, .bj-com{display: block; transition: 1s!important;}

	.con-show{display:block;/*transform:translate(-311px,-190px);position:absolute;left:50%;top:50%;*/}
	
}

@media screen and (min-width: 480px) {
	
	
}
@media screen and (min-width: 640px) {
	
	
}
@media screen and (min-width: 990px) {
	
	
	
}
@media screen and (min-width: 1220px) {
	
	
	
}
@media screen and (min-width: 1420px) {
	
	
}



/* 首页 视频 +简介 */
@media screen and (min-width: 320px) {
	/* 播放图标 */
	#play_icon{
		width: 60px;
		display: block;
		z-index: 3;
		border-radius: 50%;
		position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);
	}
	#play_icon:hover{
		cursor: pointer;
		-webkit-filter: drop-shadow(0px 0px 10px white);
	}
	/* 暂停图标 */
	#pause_icon{
		width: 60px;
		/* 将暂停图标隐藏*/
		display: none;
		position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);
		z-index: 3;
		border-radius: 50%; 
		/*设透明度为0*/
		opacity: 0;
	}
	#pause_icon:hover{
		cursor: pointer;
		-webkit-filter: drop-shadow(0px 0px 5px white);
	}
	 
	video::-webkit-media-controls-play-button {
	    display: none;
	}
	.ind-about{display: flex;flex-direction: column;}
	.about-move{position: relative;line-height:1;}
	.about-move video{width: 100%;height: auto;}
	.indab-bottom{width: 106px;margin: 0 auto;}
	.indab-bottom i{padding-bottom: 33.33%;}
	.ind-ab-top{display: flex;align-items: flex-end;justify-content: space-between;flex-wrap: wrap;}
	.ind-about-txt{font-size: 20px;font-weight: bold;color: #004DA7;}
	.ind-about-more{font-size: 16px;}
	.ind-about-more i{font-size: 14px;margin-left: 9px;}
	.ind-ab-top{padding-bottom: 15px;border-bottom: 1px solid #aaa;}
	.ind-left{padding-top: 20px;padding-bottom: 20px;font-size: 16px;}
	.ind-about{padding: 30px 0;}
	
}
@media screen and (min-width: 375px) {
	
}
@media screen and (min-width: 480px) {
	.ind-about{padding: 35px 0;}
}
@media screen and (min-width: 720px) {
	.ind-about{padding: 40px 0;}
}
@media screen and (min-width: 992px) {
	/*.ind-about{display: flex;flex-direction: row;}
	.ind-about-left{width: 45%;flex-shrink: 0;display:flex;align-items:center;background-color: #000;max-width:690px;border-radius:6px;}
	.ind-about-right{flex: 1;}*/
	.about-move{min-height:385px;width:75%; margin:0 auto;}
	.ind-about-txt{font-size: 28px;}
	.ind-about-more{font-size: 18px;}
	.ind-about-more i{font-size: 16px;}
	.ind-about-right{padding-left: 40px;}
	.ind-ab-top{padding-bottom: 12;}
	.ind-left{padding-top: 10px;padding-bottom: 10px;}
	
	.ind-about{padding: 50px 0;}
	
}
@media screen and (min-width: 1340px) {
	.ind-about-txt{font-size: 30px;}
	.ind-about-more{font-size: 20px;}
	.ind-about-more i{font-size: 18px;}
	.ind-left{padding-top: 30px;padding-bottom: 10px;font-size: 18px;}
	.ind-about-right{padding-left: 78px;}
	.ind-about-right{display: flex;flex-direction: column;justify-content: space-between;}
	.ind-about{padding-top: 60px;}
	
}
@media screen and (min-width: 1600px) {
	.ind-about-txt{font-size: 32px;}
	.ind-about-more{font-size: 22px;}
	.ind-left{font-size: 20px;}
	.ind-about-more i{font-size: 20px;}
	.ind-about{padding-top: 70px;}
}
@media screen and (min-width: 1880px) {
	.ind-about-txt{font-size: 36px;}
	
}


/* 研发 旧样式  */
@media screen and (min-width: 320px) {
	/* 国际研发 */
.rd-team{width: 100%;padding: 140px 0 100px;background-position: left top;background-repeat: no-repeat;background-size: contain;}
.rd-team-list{width: 100%;margin-top: 50px;}
.rd-team-list .swiper-container {padding-bottom: 20px;}
.rd-team-show{width: 100%;overflow: hidden;}
.rd-team-show li{float: left;width: 22.75%;margin:0 3% 40px 0;}
.rd-team-show li a{display: inline-block;width: 100%;}
.rd-team-show li:nth-child(4n){margin-right: 0;}
.rd-team-img{width: 100%;overflow: hidden;}
.rd-team-img img{width: 100%;object-fit: cover;transition: all .6s ease;}
.rd-team-cont{width: 100%;padding: 28px 30px 32px;background-color: #f6f6f6;transition: all .4s ease;}
.rd-team-cont h2{font-size: 18px;color: #333;font-weight: 700;margin-bottom: 12px;transition: all .4s ease;}
.rd-team-cont p{font-size: 16px;color: #555;}
.rd-team-list .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {bottom: 0px;}
.rd-team-list .swiper-pagination-bullet {width: 12px;height: 12px;border-radius: 50%;border: 2px solid #c0c0c0;background: transparent;opacity: 1;}
.rd-team-list .swiper-pagination-bullet-active {background: #00bf86;border-color: #00bf86;}
.rd-team-show li:hover .rd-team-img img{transform: scale(1.06);}
.rd-team-show li:hover .rd-team-cont h2,.rd-team-show li.active .rd-team-cont h2{color:#00bf86;}
.rd-team-show li:hover .rd-team-cont p,.rd-team-show li.active .rd-team-cont p{color:#00bf86;}

.pop-txt { position: fixed; width: 640px;height: 648px; background: #fff url('../images/pages/logo_Bjicon.png') no-repeat right bottom -150px/90%; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 99999991;padding: 60px 50px;border-radius: 5px;display: none;}
.pop-close {position: absolute;right: 46px;top: 33px;transition: all .4s ease;}
.pop-close img {max-width: 100%;object-fit: cover; transition: all .4s ease;}
.pop-close:hover {background: rgba(0,0,0,.2);border-radius: 50%;}
.pop-close:hover img {transform: scale(.7);}
.pop-top {display: flex;padding-bottom: 34px;border-bottom: 1px solid #f4f4f4;}
.pop-top img{width: 218px;}
.pop-top .info {padding: 52px 0 0 34px;}
.pop-top .info h2{font-size: 18px;color: #333;font-weight: 700;margin-bottom: 12px;}
.pop-top .info p{font-size: 16px;color: #555;}
.pop-inner {margin-top: 40px;max-height: 200px;overflow: auto;}
.pop-content p {font-size: 14px;line-height: 24px;color: #777;}
.pop-bg { position: fixed; width: 100vw; height: 100vh;background: #000;opacity: .8;left: 0; top: 0; z-index: 9999999; display: none;}

.rd-idea{width: 100%;}
.rd-idea-main{height:720px;position:relative}
.rd-idea-bg{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;text-align:center;transition:all 3s cubic-bezier(.23,1,.32,1);background-repeat:no-repeat;background-size:cover;visibility:hidden;opacity:0}
.rd-idea-bg.active{opacity:1;visibility:visible}
.rd-idea-list{position:absolute;width:100%;height:100%;left:0;top:0;display:flex;z-index:1;padding: 100px 0 196px;flex-direction: column;}
.rd-title{width: 100%;text-align: center;}
.rd-title.white .com-tit{color: #fff;}
.rd-title.white .com-tit:after {background: #fff;}
.rd-idea-list ul{width: 100%;margin-top: 76px;display:flex;}
.rd-idea-list ul li{float: left;width: 25%;display: flex;justify-content: center;align-items: center;flex-direction: column;position: relative;}
.rd-idea-list ul li::after{content: '';width: 1px;height: 720px;background-color:rgba(255,255,255,.1);position: absolute;right: 0;top:-50%;margin-top: -115px;}
.rd-idea-list ul li:last-child::after{display: none;}
.rd-idea-icon{width: 100%;text-align: center;}
.rd-idea-icon i{display:flex;justify-content: center;align-items: center; width: 50px;height: 50px;margin: 0 auto 20px;}
.rd-idea-icon i img{max-width: 100%;object-fit: cover;}
.re-idea-cont{width: 100%;text-align: center;}
.re-idea-cont h2{font-size: 20px;color: #fff;font-weight: 700;margin-bottom: 18px;}
.re-idea-cont p{font-size: 15px;color: #fff;line-height: 26px;}
.rd-idea-halo{width: 100%;margin-top: 20px;text-align: center;opacity: 0;transition: all .4s ease;}
.rd-idea-halo span{display: inline-block; width: 12px;height: 12px;background-color: #fff;border-radius: 50%;position: relative;}
.rd-idea-halo span::before,.rd-idea-halo span::after{content: '';display: inline-block;border-radius: 50%;border: 1px solid rgba(255, 255, 255, 0.5);position: absolute;left: 0;top: 0;animation: quan 1.5s linear infinite;}
.rd-idea-halo span::before{width: 32px;height: 32px;margin-left: -10px;margin-top: -10px; animation-delay: .6s;}
.rd-idea-halo span::after {width: 52px;height: 52px;margin-left: -20px;margin-top: -20px; animation-delay: 0s;}
 @keyframes quan {from {transform: scale(1, 1);opacity: 1;}to {transform: scale(1.3, 1.3);opacity: 0;}} 
 .rd-idea-list ul li.active .rd-idea-halo{opacity: 1;}
 .text{opacity: 0;color:#fff;display:none;}
 .rd-idea-list ul li.active .text{opacity: 1;}
 

 .rd-fruit{width: 100%;padding: 100px 0;background-color: #f7f7f7;}
 .rd-fruit-item{width: 100%;margin-top: 54px;}
 .rd-fruit-item li{width: 33.3333%;float: left;font-size: 0;display: flex;flex-direction: column;}
 .rd-fruit-item li:nth-child(2n){flex-direction: column-reverse;}
 .rd-fruit-img{width: 100%;height: 208px;overflow: hidden;}
 .rd-fruit-img img{width: 100%;height: 100%;object-fit: cover;transition: all .6s ease;}
 .rd-fruit-cont{width: 100%;height: 208px;background-color: #fff;display: flex;align-items: center;justify-content: center;flex-direction: column;}
 .rd-fruit-cont h2{font-size: 18px;color: #333;font-weight: 700;margin-bottom: 12px;transition: all .4s ease;}
 .rd-fruit-cont span{display: inline-block; font-size: 13px;color: #999;}
 .rd-fruit-item li:hover  .rd-fruit-img img{transform: scale(1.06);}
 .rd-fruit-item li:hover  .rd-fruit-cont h2{color: #00bf86;}

 .rd-centre{width: 100%;padding: 100px 0 80px;background-position: left top;background-repeat: no-repeat;background-size: cover;}

 .rd-centre-left{width: calc(100% - 634px);float: left;padding-top: 128px;width:100%;}
.rd-title.lft .com-tit{text-align: left; color: #fff;font-weight:bold;}
.rd-title.lft .com-tit::after{left: 6%;background-color: #fff;}
.rd-centre-trade{width:100%;margin-top: 36px;color: #666;}
.rd-centre-trade h2{font-size: 20px;color: #fff;font-weight: 700;}
.rd-centre-content{width: 100%;margin-top: 16px;}
/* .rd-centre-content::-webkit-scrollbar {width:4px;height: 100%;background: #dddddd}
.rd-centre-content::-webkit-scrollbar-thumb {background: #00489d;border-radius: 30px}
.rd-centre-content::-webkit-scrollbar-track {border-radius: 30px} */
.rd-centre-content p{font-size: 16px;color: #fff;line-height: 26px;opacity: .5;}
.rd-centre-trade .rd-centre-data{ width: 100%;margin-top: 58px;display:flex;color:#00bf86}
.rd-centre-num{font-size:20px;line-height:1}
.rd-centre-num b{font-size:46px;font-weight:700}
.rd-centre-data p{font-size:16px;margin-top:12px;color: #666;}
.rd-centre-data li:not(:first-child){margin-left:60px}

 .rd-centre-right{width:634px;display: flex;flex-direction: column;align-items: flex-end;}
 .rd-centre-global{width: 100%;height: 662px; position: relative;overflow: hidden;}
 .rd-centre-right .earth{width: 100%;object-fit: cover;}
 .rd-centre-place{width: 100%;height: 100%;position: absolute;left: 0;top: 0;}
 .rd-centre-global .rd-centre-place .rd-adress{ display: inline-block;position: absolute;}
 .rd-centre-global .rd-centre-place .rd-adress .rd-centre-site {display: flex;flex-direction: column;align-items: center; font-size: 0;}
 .rd-centre-global .rd-centre-place .rd-adress.foshan .rd-centre-site{flex-direction: column-reverse;}
 .rd-centre-global .rd-centre-place .rd-adress .rd-centre-site i {display: inline-block;vertical-align: middle;width: 8px;height: 8px;background: #00489d; border-radius: 50%; position: relative; z-index: 3;}
 .rd-centre-global .rd-centre-place .rd-adress .rd-centre-site i::before {content: '';display: block;width: 18px;height: 18px;border-radius: 50%;background: rgba(0, 72, 157, 0.5);z-index: 1;position: absolute; left: 50%;top: 50%;margin: -9px 0 0 -9px;z-index: 2;animation: sitequan 1.5s linear infinite .6s;}
 .rd-centre-global .rd-centre-place .rd-adress .rd-centre-site i::after {content: '';display: block;width: 28px;height: 28px;border-radius: 50%;background: rgba(0, 72, 157, 0.3); z-index: 1;position: absolute; left: 50%;top: 50%;margin: -14px 0 0 -14px;z-index: 1;animation: sitequan 1.5s linear infinite 0s;}
 @keyframes sitequan {from {transform: scale(1, 1);opacity: 1;}to {transform: scale(1.6, 1.6);opacity: 0;}} 
 .rd-centre-global .rd-centre-place .rd-adress .rd-centre-site h6 {font-size: 16px;color: #fff;font-weight: 700;margin: 0;display: inline-block; vertical-align: middle;margin-top: 14px;}
 .rd-centre-global .rd-centre-place .rd-adress.foshan .rd-centre-site h6{margin-top: 0;margin-bottom: 14px;}
 .rd-centre-global .rd-centre-place .rd-adress.active .rd-centre-site i {background: #00bf86;}
 .rd-centre-global .rd-centre-place .rd-adress.active .rd-centre-site i::before {background: rgba(0, 191, 134, 0.5); }
 .rd-centre-global .rd-centre-place .rd-adress.active .rd-centre-site i::after {background: rgba(0, 191, 134, 0.3);}
 .shenzhen {top: 28%;left: 47%;}
 .foshan{top: 20%;left: 42%;}
 .korea{top: 22%;left: 52%;}
 .japan{top: 17%;left: 58%;}
 .europe{top: 3%;left: 31%;}
 .usa{top: 22%;right: 8%;}
 .Asia_Pacific{top: 45%;left: 29%;}
 .rd-centre-global .rd-centre-place .rd-adress .rd-centre-text{ width: 375px;padding:24px 30px 60px;position: absolute;z-index: 3; left: -174px; top: 50px;background-image: linear-gradient(rgba(0,72,157),rgba(0,0,0,0.1)); display: none;}
 .rd-centre-global .rd-centre-place .rd-adress .rd-centre-text::before{content: '';display: block;width: 0;height: 0; border-style: solid;border-width: 0 9px 12px 9px;border-color: transparent transparent #00489d transparent;position: absolute;top: -12px;left: 50%;margin-left: -6px;}
 .rd-centre-global .rd-centre-place .rd-adress.usa .rd-centre-text{left: -300px;}
 .rd-centre-global .rd-centre-place .rd-adress.usa .rd-centre-text::before{left: 84%;}
 .rd-centre-global .rd-centre-place .rd-adress .rd-centre-text p{display: flex;align-items: center;}
 .rd-centre-global .rd-centre-place .rd-adress .rd-centre-text p i{display: flex;justify-content: center;align-items: center; width: 18px;height: 18px;margin-right: 14px;}
 .rd-centre-global .rd-centre-place .rd-adress .rd-centre-text p i img{max-width: 100%;object-fit: cover;}
 .rd-centre-global .rd-centre-place .rd-adress .rd-centre-text p span{display: inline-block;font-size: 13px; line-height: 30px;color: #fff;}
 .rd-centre-global .rd-centre-place .rd-adress.active .rd-centre-text{display: block;animation: centreUp .4s ease-out;}
@keyframes centreUp{0% {transform: translateY(20px);opacity: 0.5;}100% {transform: translateY(0);opacity: 1;}}

.rd-trends{width: 100%;padding: 100px 0;}
.rd-trends-item{width: 100%;height: 530px;margin-top: 50px;display: flex;justify-content: space-between;}
.rd-trends-cat{font-size: 14px;color: #333;padding-bottom: 10px;position: relative;}
.rd-trends-cat::after{content: '';width: 100%;height: 2px;background-color: #00489d;position: absolute;left: 0;bottom: 0;}
.rd-trends-list{width:32%;height: 100%;background:#fafafa;margin-right: 2%;}
.rd-trends-pic{height:280px;overflow:hidden}
.rd-trends-pic img{width: 100%;height: 100%;object-fit: cover;transition: all .6s ease;}
.rd-trends-txt{width: 100%;padding:48px 70px 54px 30px;position: relative;}
.rd-trends-txt::before{content: '';width: 20px;height: 20px;background: url('../images/pages/trends_icon.png')no-repeat center;position: absolute;right: 0;top: 0;}
.rd-trends-top{display:flex;align-items:center}
.rd-trends-txt h2{font-size:16px;color:#333;line-height:26px;font-weight: 700;height: 52px;margin: 20px 0 24px; overflow: hidden;-webkit-line-clamp: 2;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;transition: all .6s ease;}
.rd-trends-list:hover .rd-trends-pic img{transform: scale(1.06);}
.rd-trends-list:hover .rd-trends-txt h2{color: #00489d;}
.rd-trends-menu{width:32%;background:#fafafa;padding:46px 56px 66px 46px;height: 100%}
.rd-trends-menu ul{margin-top:26px}
.rd-trends-menu li+li{margin-top:26px}
.rd-trends-menu h3{transition:all .4s ease;font-size:16px;color:#333;line-height: 26px;height: 52px; overflow: hidden;-webkit-line-clamp: 2;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;}
.rd-trends-menu li:nth-child(3) h3{height: auto;}
.rd-trends-menu a:hover h3{color:#00489d}
.rd-trends-menu span{color:#a8a8a8;font-size: 14px;display: inline-block;margin-top: 8px;}
	
	
}
@media screen and (min-width: 480px) {
	
	
}
@media screen and (min-width: 640px) {
	.rd-centre-num b{font-size: 50px;}
	
}
@media screen and (min-width: 990px) {
	.text{opacity: 0;color:#fff;display:block;padding:30px 15px;padding-bottom:15px;}
 .rd-idea-list ul li.active .text{opacity: 1;}
	.rd-centre-num b{font-size: 60px;}
	
}
@media screen and (min-width: 1220px) {
	
	.text{font-size:16px;}
	
}
@media screen and (min-width: 1420px) {
	
	
}



/* 产品列表 */
@media screen and (min-width: 320px) {
	
.product_banner:after,

.product_banner:before {

	display: none;

}

.fix:before, .fix:after{    display: table;
    clear: both;
    content: '';}

.product_banner .con_img {

	position: relative;

	display: block;

	width: 100%;

	height: 0;

	overflow: hidden;

}



.product_banner .con_img img,

.product_banner .con_img .boll {

	position: absolute;

	left: 50%;

	top: 0;

	min-width: 100%;

	max-width: none;

	margin-left: -960px;

}



.product_banner .con_tab {

	position: absolute;

	/* top: 50%; */

	top: 0px;

	left: 10%;

	width: 20%;

	height: 100%;

	color: #ffffff;

	font-size: 20px;

	line-height: 30px;

	/* margin-top: -240px; */

}



.product_banner .con_tab ul {

	border-left: 1px solid #afafaf;

	padding: 15px 0 0;

	display: inline-block;

	*display: inline;

	*zoom: 1;

}



.product_banner .con_tab ul li {

	padding: 10px 25px;

	margin-bottom: 15px;

	position: relative;

	cursor: pointer;

}

.product_banner .con_tab ul li p:last-child{
	position: relative;
}

.product_banner .con_tab ul li p:last-child:after {

	content: "";

	position: absolute;

	bottom: -15px;
  left: 0px;

	height: 1px;

	width: 30px;

	background: #fff;

}



.product_banner .con_tab ul li:before {

	display: none;

	content: "";

	position: absolute;

	height: 70px;

	width: 2px;

	background: #0068b7;

	top: 6px;

	left: 0;

}



.product_banner .con_tab ul li.active:before {

	display: block;

}



.product_banner .con_tab ul li .n {


}



.product_banner .con_tab a {

	display: block;

}



.product_banner .con_tab a:hover,

.product_banner .con_tab ul li.active a {

	color: #fff;

}



.product_banner .con_img .boll {

	width: 1920px;

	height: 700px;

}



.product_banner .con_img .boll ul li {

	position: absolute;

}



.product_banner .con_img .boll .list_boll {

	width: 8px;

	height: 8px;

	border: 1px solid #fff;

	display: none;

	border-radius: 50%;

	position: relative;

	-moz-animation: bordershow 3s infinite;

	cursor: pointer;

	box-shadow: 0px 0px 14px 3px #ccc;

	background: #333;

}



.product_banner .con_img .boll .list_boll.active {

	box-shadow: 0px 0px 20px 15px #0068b7;

	background: #0068b7;

}



.product_banner .con_img .boll .list_boll:after,

.product_banner .con_img .boll .list_boll:before {

	content: "";

	width: 20px;

	height: 20px;

	background: #fff;

	background: rgba(255, 255, 255, 0.5);

	box-shadow: 0px 0px 4px rgba(255, 255, 255, 0.5);

	display: block;

	border-radius: 50%;

	position: absolute;

	top: -6px;

	left: -6px;

}



.product_banner .con_img .boll .list_boll:after {

	-webkit-animation: boderM 3s infinite;

	-moz-animation: boderM 3s infinite;

	animation: boderM 3s infinite;

}



.product_banner .con_img .boll .list_boll:before {

	-webkit-animation: boderM 3s .75s infinite;

	-moz-animation: boderM 3s .75s infinite;

	animation: boderM 3s .75s infinite;

}



@-webkit-keyframes bordershow {

	0% {

		box-shadow: 0px 0px 0px 0px #62B0E3;

	}



	50% {

		box-shadow: 0px 0px 14px 3px #62B0E3;

	}



	100% {

		box-shadow: 0px 0px 0px 0px #62B0E3;

	}

}



@-moz-keyframes bordershow {

	0% {

		box-shadow: 0px 0px 0px 0px #62B0E3;

	}



	50% {

		box-shadow: 0px 0px 14px 4px #62B0E3;

	}



	100% {

		box-shadow: 0px 0px 0px 0px #62B0E3;

	}

}



@keyframes boderM {

	0% {

		-webkit-transform: scale(1);

		-moz-transform: scale(1);

		-ms-transform: scale(1);

		-o-transform: scale(1);

		transform: scale(1);

		opacity: 0

	}



	20% {

		opacity: 1

	}



	75% {

		-webkit-transform: scale(2);

		-moz-transform: scale(2);

		-ms-transform: scale(2);

		-o-transform: scale(2);

		transform: scale(2);

		opacity: 0

	}



	100% {

		opacity: 0

	}

}



@-webkit-keyframes boderM {

	0% {

		-webkit-transform: scale(1);

		-moz-transform: scale(1);

		-ms-transform: scale(1);

		-o-transform: scale(1);

		transform: scale(1);

		opacity: 0

	}



	20% {

		opacity: 1

	}



	75% {

		-webkit-transform: scale(2);

		-moz-transform: scale(2);

		-ms-transform: scale(2);

		-o-transform: scale(2);

		transform: scale(2);

		opacity: 0

	}



	100% {

		opacity: 0

	}

}



@keyframes bordershow {

	0% {

		box-shadow: 0px 0px 0px 0px #62B0E3;

	}



	50% {

		box-shadow: 0px 0px 14px 4px #62B0E3;

	}



	100% {

		box-shadow: 0px 0px 0px 0px #62B0E3;

	}

}



.prodect_list .pt1 .rect-90 {

	padding-bottom: 66.52%

}



.prodect_list .pt1 .con {

	width: 80%;

	margin: 0 auto;

}



.prodect_list .pt1 a {

	display: block;

}



.prodect_list .pt1 .span-6 {

	margin-bottom: 50px;

}



.prodect_list .pt1 .con:hover .t {

	color: #70706e;

}



.prodect_list .pt1 .con .t {

	font-size: 28px;

	color: #0068b7;


	margin: 20px 0 5px;

	transition: all ease 0.3s;

	/* text-transform: uppercase; */

}



.prodect_list .pt1 .con .t i {

	margin-left: 40px;

}



.prodect_list .pt1 .con .d {

	font-size: 15px;

	color: #bdbdbd;

	line-height: 28px;

	max-height: 56px;

	overflow: hidden;

}





/*产品综合*/

.product {

	padding: 90px 0 40px;

}



.product .rect-45 {

	padding-bottom: 0%;

}



.product .pt1 .item {

	margin-bottom: 120px;

}



.product .pt1 .item .pic:hover .tit {

	background: #0068b7;

}

.common-btn{    border: 1px solid #70706e;
    width: 140px;
    text-align: center;
    line-height: 35px;
    color: #70706e;
    font-size: 13px;
    position: relative;
    overflow: hidden;
    display: block;
    z-index: 1;
    transition: all ease 0.3s;}

.product .pt1 .item .info:hover .common-btn {

	background: #0068b7;

	border: 1px solid #0068b7;

	color: #fff;

}







.product .pt1 .item .pic {

	color: #fff;

	font-size: 18px;

}



.product .pt1 .item .pic ._full {

	opacity: 0;

	transition: 0.5s all ease;

}



.product .pt1 .item .pic ._full.active {

	opacity: 1;

	transition: 0.5s all ease;

}



.product .pt1 .item .pic .tit {

	background: #70706e;

	line-height: 60px;

	padding: 0 40px;

	position: relative;

	transition: all ease 0.3s;

	display:block;

}
.product .pt1 .item .pic .tit p{line-height: 50px;color:#fff;}


.product .pt1 .item .pic .arrow {

	position: absolute;

	right: 40px;

	top: 0;

	cursor: pointer;

	user-select: none;

}



.product .pt1 .item .pic .l_arrow {

	right: 70px;

}







.product .pt1 .item .info a {

	display: none;

}




.product .pt1 .item .info .en {

	font-size: 36px;


	color: #0068b7;
    background: linear-gradient(to top, #002b5e, #62b0e3);
     background-clip: text;
     -webkit-background-clip: text;
     color: transparent;
}



.product .pt1 .item .info .ch {

	font-size: 30px;

	color: #0068b7;

	display:block;
 background: linear-gradient(to top, #002b5e, #62b0e3);
     background-clip: text;
     -webkit-background-clip: text;
     color: transparent;
}

.product .pt1 .item .info .ch:hover{

	opacity:0.8;

}

.product .pt1 .item .info .d {

	font-size: 15px;

	color: #595959;

	margin-bottom: 25px;

}



/*产品技术*/

.product_technology.product .pt1 .item {

	margin-bottom: 60px;

}



.product_technology.product .pt1 .item {

	background: #f5f5f8;

}



.product_technology.product .pt1 .item .info .w {

	margin: 100px 40px 0;

}



/*产品详细*/

.product_detail .rect-6667 {

	padding-bottom: 66.52%

}



.product_detail .pt1 .pro_detail_hd {

	background: #0068b7;

	position: relative;

}



.product_detail .pt1 .detail_hd_l {

	width: 52%;

	padding: 0 3% 4%;

	background: #fff url(../image/product_img_bg.png);

	background-size: cover;

}



.product_detail .pt1 .detail_hd_l .big_img {

	margin-bottom: 14px;

}



.product_detail .pt1 .detail_hd_l .smal_img .list_box {

	border: 1px solid #ededed;

}



.product_detail .pt1 .detail_hd_l .smal_img img {

	opacity: 0.6;

}



.product_detail .pt1 .detail_hd_l .smal_img .active img {

	opacity: 1;

}



.product_detail .pt1 .detail_hd_r {

	width: 42%;

	color: #fff;

}



/*1016*/

.product_detail .pt1 .detail_hd_r .con {

	margin: 0px 50px;

}



.product_detail .pt1 .detail_hd_r .con .tit {

	margin: 60px 0;

	font-size: 30px;


}



.product_detail .pt1 .detail_hd_r .con .desc {

	/* padding-left: 18px; */

	position: relative;

}



.product_detail .pt1 .detail_hd_r .con .desc:before {

	content: "";

	display: block;

	position: absolute;

	width: 80px;

	height: 80px;



}



.product_detail .pt1 .detail_hd_r .con .desc .t2 {

	font-size: 18px;

	margin-bottom: 10px;

	font-weight: bold;

}



.product_detail .pt1 .detail_hd_r .con .desc .d {

	margin-bottom: 30px;

}



.product_detail .pt1 .detail_hd_r .tools_box {

	/* position: absolute; */

	bottom: 45px;

	left: 745px;
	margin-bottom: 40px;
	margin-left: 40px;
}



.product_detail .pt1 .detail_hd_r .tools_box .print {

	background: url(../image/print_ico.png) no-repeat;

	display: inline-block;

	*display: inline;

	*zoom: 1;

	width: 20px;

	height: 20px;

}



.product_detail .pt1 .detail_hd_r .tools_box .handbook {

	background: url(../image/product_ico01.png) no-repeat;

	display: inline-block;

	display: inline-block;

	*display: inline;

	*zoom: 1;

	width: 18px;

	height: 18px;

	margin: 0 5px;

	position: relative;

	top: 3px;

}



.product_detail .pt1 .detail_hd_r .tools_box .print {

	margin-left: 20px;

}



.product_detail .pt1 .detail_hd_r .tools_box a:hover {

	color: #fff;

}



.product_detail .pt2 .tit {

	font-size: 20px;

	color: #0068b7;

	margin-top: 100px;

	text-align: center;

	margin-bottom: 30px;

}

.picWrap i{padding-bottom:45%;}

	
	
}
@media screen and (min-width: 480px) {
	
	
}
@media screen and (min-width: 640px) {
	.product .pt1 .item .pic,

    .product .pt1 .item .info {
    
    	width: 50%;
    
    	float: left;
    
    }



    .product .pt1 .item:nth-child(odd) .pic {
    
    	float: right;
    
    }
    
    .product .pt1 .item .info .c {
    
    	margin-left: 60px;
    
    	margin-right: 0;
    
    }
    
    .product .pt1 .item:nth-child(odd) .info .c {
    
    	margin-left: 0;
    
    	margin-right: 60px;
    
    }



	
}
@media screen and (min-width: 990px) {
	
	
	
}
@media screen and (min-width: 1220px) {
	
	
	
}
@media screen and (min-width: 1420px) {
	
	
}
/* 全球布局 */
@media screen and (min-width: 320px) {
	/* 国际研发 */
    .rd-team{width: 100%;padding: 140px 0 100px;background-position: left top;background-repeat: no-repeat;background-size: contain;}
    .rd-team-list{width: 100%;margin-top: 50px;}
    .rd-team-list .swiper-container {padding-bottom: 20px;}
    .rd-team-show{width: 100%;overflow: hidden;}
    .rd-team-show li{float: left;width: 22.75%;margin:0 3% 40px 0;}
    .rd-team-show li a{display: inline-block;width: 100%;}
    .rd-team-show li:nth-child(4n){margin-right: 0;}
    .rd-team-img{width: 100%;overflow: hidden;}
    .rd-team-img img{width: 100%;object-fit: cover;transition: all .6s ease;}
    .rd-team-cont{width: 100%;padding: 28px 30px 32px;background-color: #f6f6f6;transition: all .4s ease;}
    .rd-team-cont h2{font-size: 18px;color: #333;font-weight: 700;margin-bottom: 12px;transition: all .4s ease;}
    .rd-team-cont p{font-size: 16px;color: #555;}
    .rd-team-list .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {bottom: 0px;}
    .rd-team-list .swiper-pagination-bullet {width: 12px;height: 12px;border-radius: 50%;border: 2px solid #c0c0c0;background: transparent;opacity: 1;}
    .rd-team-list .swiper-pagination-bullet-active {background: #00bf86;border-color: #00bf86;}
    .rd-team-show li:hover .rd-team-img img{transform: scale(1.06);}
    .rd-team-show li:hover .rd-team-cont h2,.rd-team-show li.active .rd-team-cont h2{color:#00bf86;}
    .rd-team-show li:hover .rd-team-cont p,.rd-team-show li.active .rd-team-cont p{color:#00bf86;}
    
    .pop-txt { position: fixed; width: 640px;height: 648px; background: #fff url('../images/pages/logo_Bjicon.png') no-repeat right bottom -150px/90%; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 99999991;padding: 60px 50px;border-radius: 5px;display: none;}
    .pop-close {position: absolute;right: 46px;top: 33px;transition: all .4s ease;}
    .pop-close img {max-width: 100%;object-fit: cover; transition: all .4s ease;}
    .pop-close:hover {background: rgba(0,0,0,.2);border-radius: 50%;}
    .pop-close:hover img {transform: scale(.7);}
    .pop-top {display: flex;padding-bottom: 34px;border-bottom: 1px solid #f4f4f4;}
    .pop-top img{width: 218px;}
    .pop-top .info {padding: 52px 0 0 34px;}
    .pop-top .info h2{font-size: 18px;color: #333;font-weight: 700;margin-bottom: 12px;}
    .pop-top .info p{font-size: 16px;color: #555;}
    .pop-inner {margin-top: 40px;max-height: 200px;overflow: auto;}
    .pop-content p {font-size: 14px;line-height: 24px;color: #777;}
    .pop-bg { position: fixed; width: 100vw; height: 100vh;background: #000;opacity: .8;left: 0; top: 0; z-index: 9999999; display: none;}
    
    .rd-idea{width: 100%;}
    .rd-idea-main{height:720px;position:relative}
    .rd-idea-bg{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;text-align:center;transition:all 3s cubic-bezier(.23,1,.32,1);background-repeat:no-repeat;background-size:cover;visibility:hidden;opacity:0}
    .rd-idea-bg.active{opacity:1;visibility:visible}
    .rd-idea-list{position:absolute;width:100%;height:100%;left:0;top:0;display:flex;z-index:1;padding: 100px 0 196px;flex-direction: column;}
    .rd-title{width: 100%;text-align: center;}
    .rd-title.white .com-tit{color: #fff;}
    .rd-title.white .com-tit:after {background: #fff;}
    .rd-idea-list ul{width: 100%;margin-top: 76px;display:flex;justify-content:center;}
    .rd-idea-list ul li{float: left;width: 25%;display: flex;justify-content: center;align-items: center;flex-direction: column;position: relative;}
    .rd-idea-list ul li::after{content: '';width: 1px;height: 720px;background-color:rgba(255,255,255,.1);position: absolute;right: 0;top:-50%;margin-top: -115px;}
    .rd-idea-list ul li:last-child::after{display: none;}
    .rd-idea-icon{width: 100%;text-align: center;}
    .rd-idea-icon i{display:flex;justify-content: center;align-items: center; width: 50px;height: 50px;margin: 0 auto 20px;}
    .rd-idea-icon i img{max-width: 100%;object-fit: cover;}
    .re-idea-cont{width: 100%;text-align: center;}
    .re-idea-cont h2{font-size: 20px;color: #fff;font-weight: 700;margin-bottom: 18px;}
    .re-idea-cont p{font-size: 15px;color: #fff;line-height: 26px;}
    .rd-idea-halo span{display: inline-block; width: 12px;height: 12px;background-color: #fff;border-radius: 50%;position: relative;}
    .rd-idea-halo span::before,.rd-idea-halo span::after{content: '';display: inline-block; border-radius: 50%;border: 1px solid rgba(255, 255, 255, 0.5);position: absolute;left: 0;top: 0;animation: quan 1.5s linear infinite;}
    .rd-idea-halo span::before{width: 32px;height: 32px;margin-left: -10px;margin-top: -10px; animation-delay: .6s;}
    .rd-idea-halo span::after {width: 52px;height: 52px;margin-left: -20px;margin-top: -20px; animation-delay: 0s;}
     @keyframes quan {from {transform: scale(1, 1);opacity: 1;}to {transform: scale(1.3, 1.3);opacity: 0;}} 
     .rd-idea-list ul li.active .rd-idea-halo{opacity: 1;}
    
     .rd-fruit{width: 100%;padding: 100px 0;background-color: #f7f7f7;}
     .rd-fruit-item{width: 100%;margin-top: 54px;}
     .rd-fruit-item li{width: 33.3333%;float: left;font-size: 0;display: flex;flex-direction: column;}
     .rd-fruit-item li:nth-child(2n){flex-direction: column-reverse;}
     .rd-fruit-img{width: 100%;height: 208px;overflow: hidden;}
     .rd-fruit-img img{width: 100%;height: 100%;object-fit: cover;transition: all .6s ease;}
     .rd-fruit-cont{width: 100%;height: 208px;background-color: #fff;display: flex;align-items: center;justify-content: center;flex-direction: column;}
     .rd-fruit-cont h2{font-size: 18px;color: #333;font-weight: 700;margin-bottom: 12px;transition: all .4s ease;}
     .rd-fruit-cont span{display: inline-block; font-size: 13px;color: #999;}
     .rd-fruit-item li:hover  .rd-fruit-img img{transform: scale(1.06);}
     .rd-fruit-item li:hover  .rd-fruit-cont h2{color: #00bf86;}
    
     .rd-centre{width: 100%;padding: 100px 0 80px;background-position: left top;background-repeat: no-repeat;background-size: cover;}
     .rd-centre-item{width: 100%;display: flex;justify-content: space-between; flex-direction:column;}
     .rd-centre-left{width: calc(100% - 634px);float: left;padding-top: 30px;width: 100%;}
    .rd-title.lft .com-tit{text-align: left; color: #fff;}
    .rd-title.lft .com-tit::after{left: 6%;background-color: #fff;}
    .rd-centre-trade{width:100%;margin-top: 36px;}
    .rd-centre-trade h2{font-size: 20px;color: #fff;font-weight: 700;}
    .rd-centre-content{width: 100%;margin-top: 16px;}
    /* .rd-centre-content::-webkit-scrollbar {width:4px;height: 100%;background: #dddddd}
    .rd-centre-content::-webkit-scrollbar-thumb {background: #00489d;border-radius: 30px}
    .rd-centre-content::-webkit-scrollbar-track {border-radius: 30px} */
    .rd-centre-content p{font-size: 16px;color: #fff;line-height: 26px;opacity: .5;}
    .rd-centre-trade .rd-centre-data{ width: 100%;margin-top: 58px;display:flex;color:#00bf86}
    .rd-centre-num{font-size:20px;line-height:1}
    .rd-centre-num b{font-size:60px;font-weight:700}
    .rd-centre-data p{font-size:16px;margin-top:12px;color: #666;}
    .rd-centre-data li:not(:first-child){margin-left:60px}
    
     .rd-centre-right{width:634px;display: flex;flex-direction: column;align-items: flex-end;width: 100%;max-width:634px;}
     .rd-centre-global{width: 100%;height: 662px; position: relative;overflow: hidden;}
     .rd-centre-right .earth{width: 100%;object-fit: cover;}
     .rd-centre-place{width: 100%;height: 100%;position: absolute;left: 0;top: 0;}
     .rd-centre-global .rd-centre-place .rd-adress{ display: inline-block;position: absolute;}
     .rd-centre-global .rd-centre-place .rd-adress .rd-centre-site {display: flex;flex-direction: column;align-items: center; font-size: 0;}
     .rd-centre-global .rd-centre-place .rd-adress.foshan .rd-centre-site{flex-direction: column-reverse;}
     .rd-centre-global .rd-centre-place .rd-adress .rd-centre-site i {display: inline-block;vertical-align: middle;width: 8px;height: 8px;background: #00489d; border-radius: 50%; position: relative; z-index: 3;}
     .rd-centre-global .rd-centre-place .rd-adress .rd-centre-site i::before {content: '';display: block;width: 18px;height: 18px;border-radius: 50%;background: rgba(0, 72, 157, 0.5);z-index: 1;position: absolute; left: 50%;top: 50%;margin: -9px 0 0 -9px;z-index: 2;animation: sitequan 1.5s linear infinite .6s;}
     .rd-centre-global .rd-centre-place .rd-adress .rd-centre-site i::after {content: '';display: block;width: 28px;height: 28px;border-radius: 50%;background: rgba(0, 72, 157, 0.3); z-index: 1;position: absolute; left: 50%;top: 50%;margin: -14px 0 0 -14px;z-index: 1;animation: sitequan 1.5s linear infinite 0s;}
     @keyframes sitequan {from {transform: scale(1, 1);opacity: 1;}to {transform: scale(1.6, 1.6);opacity: 0;}} 
     .rd-centre-global .rd-centre-place .rd-adress .rd-centre-site h6 {font-size: 16px;color: #fff;font-weight: 700;margin: 0;display: inline-block; vertical-align: middle;margin-top: 14px;}
     .rd-centre-global .rd-centre-place .rd-adress.foshan .rd-centre-site h6{margin-top: 0;margin-bottom: 14px;}
     .rd-centre-global .rd-centre-place .rd-adress.active .rd-centre-site i {background: #00bf86;}
     .rd-centre-global .rd-centre-place .rd-adress.active .rd-centre-site i::before {background: rgba(0, 191, 134, 0.5); }
     .rd-centre-global .rd-centre-place .rd-adress.active .rd-centre-site i::after {background: rgba(0, 191, 134, 0.3);}
     .shenzhen {top: 28%;left: 47%;}
     .foshan{top: 20%;left: 42%;}
     .korea{top: 22%;left: 52%;}
     .japan{top: 17%;left: 58%;}
     .europe{top: 3%;left: 31%;}
     .usa{top: 22%;right: 8%;}
     .rd-centre-global .rd-centre-place .rd-adress .rd-centre-text{ width: 375px;padding:24px 30px 60px;position: absolute;z-index: 3; left: -174px; top: 50px;background-image: linear-gradient(rgba(0,72,157),rgba(0,0,0,0.1)); display: none; color:#fff;}
     .rd-centre-global .rd-centre-place .rd-adress .rd-centre-text::before{content: '';display: block;width: 0;height: 0; border-style: solid;border-width: 0 9px 12px 9px;border-color: transparent transparent #00489d transparent;position: absolute;top: -12px;left: 50%;margin-left: -6px;}
     .rd-centre-global .rd-centre-place .rd-adress.usa .rd-centre-text{left: -300px;}
     .rd-centre-global .rd-centre-place .rd-adress.usa .rd-centre-text::before{left: 84%;}
     .rd-centre-global .rd-centre-place .rd-adress .rd-centre-text p{display: flex;align-items: center;}
     .rd-centre-global .rd-centre-place .rd-adress .rd-centre-text p i{display: flex;justify-content: center;align-items: center; width: 18px;height: 18px;margin-right: 14px;}
     .rd-centre-global .rd-centre-place .rd-adress .rd-centre-text p i img{max-width: 100%;object-fit: cover;}
     .rd-centre-global .rd-centre-place .rd-adress .rd-centre-text p span{display: inline-block;font-size: 13px; line-height: 30px;color: #fff;}
     .rd-centre-global .rd-centre-place .rd-adress.active .rd-centre-text{display: block;animation: centreUp .4s ease-out;}
    @keyframes centreUp{0% {transform: translateY(20px);opacity: 0.5;}100% {transform: translateY(0);opacity: 1;}}
    
    .rd-trends{width: 100%;padding: 100px 0;}
    .rd-trends-item{width: 100%;height: 530px;margin-top: 50px;display: flex;justify-content: space-between;}
    .rd-trends-cat{font-size: 14px;color: #333;padding-bottom: 10px;position: relative;}
    .rd-trends-cat::after{content: '';width: 100%;height: 2px;background-color: #00489d;position: absolute;left: 0;bottom: 0;}
    .rd-trends-list{width:32%;height: 100%;background:#fafafa;margin-right: 2%;}
    .rd-trends-pic{height:280px;overflow:hidden}
    .rd-trends-pic img{width: 100%;height: 100%;object-fit: cover;transition: all .6s ease;}
    .rd-trends-txt{width: 100%;padding:48px 70px 54px 30px;position: relative;}
    .rd-trends-txt::before{content: '';width: 20px;height: 20px;background: url('../images/pages/trends_icon.png')no-repeat center;position: absolute;right: 0;top: 0;}
    .rd-trends-top{display:flex;align-items:center}
    .rd-trends-txt h2{font-size:16px;color:#333;line-height:26px;font-weight: 700;height: 52px;margin: 20px 0 24px; overflow: hidden;-webkit-line-clamp: 2;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;transition: all .6s ease;}
    .rd-trends-list:hover .rd-trends-pic img{transform: scale(1.06);}
    .rd-trends-list:hover .rd-trends-txt h2{color: #00489d;}
    .rd-trends-menu{width:32%;background:#fafafa;padding:46px 56px 66px 46px;height: 100%}
    .rd-trends-menu ul{margin-top:26px}
    .rd-trends-menu li+li{margin-top:26px}
    .rd-trends-menu h3{transition:all .4s ease;font-size:16px;color:#333;line-height: 26px;height: 52px; overflow: hidden;-webkit-line-clamp: 2;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;}
    .rd-trends-menu li:nth-child(3) h3{height: auto;}
    .rd-trends-menu a:hover h3{color:#00489d}
    .rd-trends-menu span{color:#a8a8a8;font-size: 14px;display: inline-block;margin-top: 8px;}
	.com-tit{font-size:24px;}
	
}
@media screen and (min-width: 480px) {
	.com-tit{font-size:28px;}
	
}
@media screen and (min-width: 640px) {
	 .rd-centre-item{width: 100%;display: flex;justify-content: space-between;flex-direction:row;}
	.rd-centre-left {padding-top: 68px;}
	.com-tit{font-size:32px;}
}
@media screen and (min-width: 990px) {
	.com-tit{font-size:36px;}
	.rd-centre-left {padding-top: 88px;width: calc(100% - 634px);}
	
}
@media screen and (min-width: 1220px) {
	.com-tit{font-size:38px;}
	.rd-centre-left {padding-top: 128px;}
	
}
@media screen and (min-width: 1420px) {
	.com-tit{font-size:42px;}
	
}


/* 招聘筛选 */
@media screen and (min-width: 320px) {
	.nav-list2{padding:40px 0;}
	
	.sx-type-li{display:flex; flex-wrap:wrap;}
	.sx-type-li{padding:5px 0;}
	.sx-type input{}
	
}
@media screen and (min-width: 480px) {
	
	
}
@media screen and (min-width: 640px) {
	
	
}
@media screen and (min-width: 990px) {
	
	
	
}
@media screen and (min-width: 1220px) {
	
	
	
}
@media screen and (min-width: 1420px) {
	
	
}
/* 产品搜索 */
@media screen and (min-width: 320px) {
	.pro-search {display: flex; align-items: center; justify-content: center; padding: 0 0 20px 0;}
	.pro-search .pro-search-box{ position: relative; width: 100%;}
	.pro-search .pro-search-box input{ border: 1px solid #DCDCDC; background: #fff; border-radius: 25px; padding: 0 60px 0 15px; height: 50px; width: 100%;}
	.pro-search .pro-search-box button{ width: 50px; height: 50px; border: none; background: none; position: absolute; right: 3px; cursor: pointer;}
	.pro-search .pro-search-box button::before{font-size: 22px; color: #1a1b22;}
	.pro-search-type { background: #fff; border-top: 3px solid #D4D4D4; padding: 0 20px;}
	.pro-search-type .item{ padding: 17px 0; border-top: 1px dashed #AEAEAE;}
	.pro-search-type .item:nth-child(1){border-top: none;}
	.pro-search .pro-search-box input:focus{ box-shadow: 0 10px 30px rgba(0,0,0,.1);}
	.pro-search .pro-search-box button:hover{}
	
	.pro-search-type .label{ flex-basis: 90px; flex-shrink:0; padding-bottom:10px;}
	.pro-search-type .select-list{ margin: -5px -5px; display: flex; flex-wrap: wrap;}
	.pro-search-type .select-list input{display:none;}
	.pro-search-type .select-list label{ background: #F5F5F5; border: 1px solid #dedede; border-radius: 2px; padding: 0 6px; display: block;  cursor: pointer; display:flex; flex-direction:column; align-items:center;}
	.pro-search-type .select-list span{ padding: 5px 5px; display: block;}
	.pro-search-type .select-list label.on{ background: #0050b4; border-color: #0050b4; color: #fff;}
	.pro-search-type .select-list a:hover{ background: #0050b4; border-color: #0050b4; color: #fff;}
	
	.tags-pic{ width:80px; padding: 5px 10px ;}
	.tags-tit{ font-size:14px;}
}

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

@media screen and (min-width: 992px) {
    .products-box>.container>.flex-box{position:relative;}
    /*.pro-search { position: absolute; right: 0; top: -64px; padding:11px 0; }*/
    .pro-search-type .item{ display: flex;}
	.pro-search-type .label{ padding-bottom:0;}
	.pro-search .pro-search-box{ width: 100%; max-width: 640px;}
	.pro-search-type .select-list label{ padding:0 13px;}
	.pro-search .pro-search-box input{ height: 42px; }
	.pro-search-type .select-list{ margin: -5px -13px;}
	.pro-search-type .select-list span{ padding: 5px 13px;}
	
	.pro-search .pro-search-box button{ height:42px; width:42px;}
	
	.tags-tit{font-size:16px;}
}

@media screen and (min-width: 1240px) {
	.pro-search{ display: flex; align-items: center;}
	
}

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

/* */
@media screen and (min-width: 320px) {
	
	
	
}
@media screen and (min-width: 480px) {
	
	
}
@media screen and (min-width: 640px) {
	
	
}
@media screen and (min-width: 990px) {
	
	
	
}
@media screen and (min-width: 1220px) {
	
	
	
}
@media screen and (min-width: 1420px) {
	
	
}
/* */
@media screen and (min-width: 320px) {
	
	
	
}
@media screen and (min-width: 480px) {
	
	
}
@media screen and (min-width: 640px) {
	
	
}
@media screen and (min-width: 990px) {
	
	
	
}
@media screen and (min-width: 1220px) {
	
	
	
}
@media screen and (min-width: 1420px) {
	
	
}
/* */
@media screen and (min-width: 320px) {
	
	
	
}
@media screen and (min-width: 480px) {
	
	
}
@media screen and (min-width: 640px) {
	
	
}
@media screen and (min-width: 990px) {
	
	
	
}
@media screen and (min-width: 1220px) {
	
	
	
}
@media screen and (min-width: 1420px) {
	
	
}
/* */
@media screen and (min-width: 320px) {
	
	
	
}
@media screen and (min-width: 480px) {
	
	
}
@media screen and (min-width: 640px) {
	
	
}
@media screen and (min-width: 990px) {
	
	
	
}
@media screen and (min-width: 1220px) {
	
	
	
}
@media screen and (min-width: 1420px) {
	
	
}