@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;
	color: #252525;
}


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

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

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


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

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


@font-face
{
font-family: HN-LTPRO;
src: url('../font/HelveticaNeueLTPro.ttf');
}


@font-face
{
font-family: HN-CET;
src: url('../font/HelveticaNeueCEThin.ttf');
}


@font-face
{
font-family: HN-CER;
src: url('../font/HelveticaNeueCERoman.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:#036EB8; color:#fff;}
::-moz-selection{background:#036EB8; color:#fff;}

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

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

.block{display: block !important;}

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


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

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

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

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

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


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


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


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




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

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

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


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

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

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

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

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

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

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


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

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

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


/*--分页--*/
div.pages {text-align: center; width: 100%; padding: 0 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: 6px 12px; margin: 3px; color: #999999; font-size: 12px; display: inline-block; font-weight: normal; border-radius: 17px;}
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: #036EB8; color: #fff; border: 1px solid #036EB8;  line-height: 1.7;}
@media screen and (min-width: 992px) {
	div.pages{ padding-top: 0;}
	div.pages a,div.pages span{ margin:3px 7px; border-radius: 21px; padding: 9px 16px; font-size: 14px;}
}





/*--移动端设置&小屏电脑 图片缩放--*/
/*设置最大屏像素-1*/
@media screen and (max-width: 1259px){
/*.content-box img,.content-bd img{width: auto !important; height: auto !important; max-width: 100%;}*/
}

/*图片比例裁剪预设*/
i.pic-size{ width: 100%; height: 0; padding-bottom: 100%; position: relative; display: block; overflow: hidden;}
i.pic-size img{ width: 100% !important; height: 100% !important; max-width: 100%; max-height: 100%; position: absolute; /* left: -100%; top: -100%; right: -100%; bottom: -100%;*/ margin: auto; object-fit: contain;}
i.pic-size-cover img{object-fit: cover;}
i.pic-size-scale-down img{object-fit: scale-down;}
i.pic-size-none img{object-fit: none;}







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

	/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/
		::-webkit-scrollbar
		{
		    width: 10px;
		    height: 10px;
		    background-color: #f7f7f7;
		}

		/*定义滚动条轨道 内阴影+圆角*/
		::-webkit-scrollbar-track
		{
		    background-color: #e6e6e6;
		}

		/*定义滑块 内阴影+圆角*/
		::-webkit-scrollbar-thumb
		{
		    background-color: #aaa;
		}
}

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








/* HEADER */
@media screen and (min-width: 320px) {
	.header-bg{display: none;}

	.m-header-bg{background: #fff; padding: 10px 0; box-shadow: 0 0 5px rgba(3,110,184,.1); border-bottom: solid 1px #F5F5F5; position: absolute; z-index: 9; width: 100%;}
	.m-header-bg-por{ position: relative;}
	.header-box{ display: flex; justify-content: space-between; align-items: center;}
	.m-logo img{ height: 30px;}

	.m-btn{ line-height: 28px; height: 28px;}
	.m-btn i{ color: #036EB8; line-height: 28px; height: 28px;}
	.m-btn i::before{ font-size: 22px; line-height: 28px;}

	.m-btn-off{display: none;}

	.m-nav{ padding: 10px 15px; }

	.m-nav-btn{ border-bottom: solid 1px #f5f5f5; height: 42px; display: flex;align-items: center;justify-content: space-between;}
	.m-nav-btn i::before{ font-size: 12px; color: #999;}
	.m-nav-btn-show i{ transform: rotate(90deg);}

	.m-nav li:nth-last-child(1) .m-nav-btn{ border: none;}
	.m-nav li .on span{ color: #036EB8;}

	.m-nav-list{display: none;}

	.m-nav-list-box{display: flex; align-items: center;}
	.m-nav-list-box .menu-pic{width: 85px; padding-right: 15px; flex-shrink: 0;}

	.m-nav-list-box { padding: 5px 10px; background: #f4f4f4; border-radius: 4px;}
	.m-nav-list-box dt a{ font-weight: bold;}
	.m-nav-list-box dd{display: flex; flex-wrap: wrap;}
	.m-nav-list-box dd a{margin-right: 10px;}

	.m-nav-list-box{border-bottom: solid 1px #f5f5f5;}

	i.pic-scale-menu{padding-bottom: 75%;}

	.m-nav .on .m-nav-btn{ color: #036EB8;}

	.m-nav-list-box-02{ padding: 5px 10px; display: flex; flex-wrap: wrap; background: #f4f4f4; border-radius: 4px;}
	.m-nav-list-box-02 a{ margin-right: 10px; line-height: 36px;}


	.m-search{padding: 20px 10px 0 10px;}
	.m-search div{ position: relative;}
	.m-search input{ border-radius: 18px; height: 36px; border: solid 1px #bbb; width: 100%; padding: 0 44px 0 20px;}
	.m-search button{position: absolute; right: 0; top: 0; height: 36px; width: 44px; border: none; background: none; display: flex; align-items: center; justify-content: center; cursor: pointer;}
	.m-search button:hover i::before{ color: #036EB8;}

	.m-nav-box{ position: absolute; z-index: 8; width: 100%; box-shadow: 0 0 10px rgba(3,110,184,.1); background: rgba(255,255,255,.95); top: 0; padding-top: 50px;}

	.m-header-r{display: flex;}

	.m-lang{ width: 30px; height: 30px; border-radius: 50%; border: solid 1px #DCDCDC; display: block; margin-right: 15px; display: flex; align-items: center; justify-content: center; font-size: 12px;}

	.m-lang:hover{ background: #036EB8; border: solid 1px #036EB8; color: #fff;}
}

.m-nav-box.e-anim-on{animation:m-nav-anim-on .3s; animation-fill-mode: both; }
.m-nav-box.e-anim-off{ animation:m-nav-anim-off .3s; animation-fill-mode: both;}


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


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

}

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

}

@media screen and (min-width: 992px) {
	.m-header-bg{display: none !important;}
	.m-nav-box{display: none !important;}

	.header-bg{ height: 60px; transition: .3s; background: rgba(255,255,255,0); border-bottom: solid 1px rgba(255,255,255,0); position: absolute; z-index: 3; width: 100%; display: block;}
	.header-bg .container{display: flex;}
	.logo {padding: 11px 0; display: block;}
	.logo img{filter:contrast(0%) brightness(1000%); height: 38px;}
	.nav{flex: 1;}
	.nav ul{display: flex; padding-left: 15px;}
	.nav ul li{ position:relative;}
	.nav ul li.nav-products-btn{ position:static;}
	.nav .nav-btn{ }
	.nav .nav-btn span{ color: #fff; padding: 0 15px; height: 60px; display: block; display: flex;align-items: center; justify-content: center;}
	.search{ padding: 15px 0; display: flex; align-items: center; justify-content: center;}
	.search form{display: flex; align-items: center; justify-content: center;}
	.search input{ width: 150px; height: 30px; border-radius: 15px; border: solid 1px rgba(255,255,255,.3); background: none;}
	.search button{ background: none; border: none; color: #fff; height: 30px; width: 30px; display: flex; align-items: center; justify-content: center; cursor: pointer;}

	.search input:focus{ border-color: rgba(255,255,255,.6);}
	.search button:hover i::before{color: #036EB8;}



	.lang{ padding: 15px 0 15px 20px;}
	.lang a{ width: 30px; height: 30px; -webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%; border: solid 1px rgba(255,255,255,.3); display: flex; align-items: center; justify-content: center; color: #fff;}

	.lang a:hover{ border-color: #fff; background: #fff; color: #036EB8;}

	.header-bg-on,.header-bg-on-02{ background: #fff;  border-bottom: solid 1px #F5F5F5;}
	.header-bg-on-por{position: relative; z-index: 98;position:fixed;}
	.header-bg-on .logo img,.header-bg-on-02 .logo img{filter:contrast(100%) brightness(100%);}

	.header-bg-on .nav .nav-btn span,.header-bg-on-02 .nav .nav-btn span{ color: #252525;}

	.header-bg-on .search input,.header-bg-on-02 .search input{ border-color: #dcdcdc; padding: 0 15px;}
	.header-bg-on .search input:focus,.header-bg-on-02 .search input:focus{ border-color: #036EB8;}
	.header-bg-on .search button i::before,.header-bg-on-02 .search button i::before{ color: #252525;}
	.header-bg-on .search button:hover i::before,.header-bg-on-02 .search button:hover i::before{color: #036EB8;}

	.header-bg-on .lang a,.header-bg-on-02 .lang a{ border: solid 1px #DCDCDC; color: #252525;}

	.header-bg-on .lang a:hover,.header-bg-on-02 .lang a:hover{ border-color: #036EB8; background-color: #036EB8; color: #fff;}

	.header-bg-on .nav .nav-btn-on span,.header-bg-on-02 .nav .nav-btn-on span{color: #036EB8;}


	/*.nav .hover-off{ cursor: default;}*/
	.header-bg-on .nav .hover-off span{color:#252525;}

	.header-bg-on .nav .on span,.header-bg-on-02 .nav .on span{ color: #036EB8;}

	.nav-products-btn .sub-nav-box{ right:0;}
	.sub-nav-box{ position: absolute; left: 0; top: 60px; background: #fff; min-width:100%; box-shadow:0 5px 10px rgba(0,0,0,.05);}

	.nav-list{ display: flex; flex-wrap: wrap; margin: -10px 0 ;}
	.nav-list-box{flex-basis: 33.333333%; display: flex; padding: 10px;}
	.nav-list-box .nav-tabs{ display: flex;}
	.menu-pic{width: 120px; margin-right: 10px; display: flex; align-items: center;}
	.menu-pic .bd{ width:100%;}

	i.pic-scale-menu{padding-bottom: 90%;}

	.sub-nav-box-flex{display: flex; width: 100%;}
	.sub-nav-box-l{position: relative; padding: 20px 0; flex:1;}
	.sub-nav-box-l-ovh{ overflow: hidden;}
	.sub-nav-box-l::before{content:' '; width: 1px; position: absolute; top: 20px; bottom: 20px; right: 0; background: #F0F1F2;}

	.nav-list-box{ position: relative; display: flex; align-items: stretch;}
	.nav-list-box::before{ content:' '; position: absolute; height: 1px; left: 0; right: 0; bottom: 0; background: #F0F1F2;}
	.nav-list-box::after{ content: ' '; position: absolute; width: 1px; top: 20px; bottom: 20px; right: 0; background: #F0F1F2;}

	.nav-list-box dl{flex: 1;}
	.nav-list-box dt a,.nav-list-box dt span{ font-size: 16px; font-weight: bold; line-height: 1.2; padding:8px 0; display:block;}
	.nav-list-box dd span{display: block;}
	.nav-list-box dd span a{ color: #252525; font-size: 14px; line-height: 1.2; padding:8px 0; display:block;}
	.nav-list-box dd span a:hover{color:#036EB8;}
	.sub-nav-box-r{flex-basis: 200px; flex-shrink: 0; padding: 20px 0 20px 30px;position:relative;}

	.sub-nav-box-r .layui-form-radio{margin-top: 0; margin-right: 0;}
	.sub-nav-box-r .layui-anim.layui-icon{ line-height: 22px; font-size: 14px;}

	.layui-form-checkbox[lay-skin=primary] i{width:18px; height:18px;}
	.layui-form-checked[lay-skin=primary] i{ border-color: #036EB8; background-color: #036EB8;}
    .layui-form-checkbox[lay-skin=primary]:hover i{ border-color: #036EB8;}
    .layui-form-checkbox{ padding:10px 0;}

	.sub-nav-box-r .search-inp{position: relative;position: absolute;top: 12px; left: 170px;}
	.sub-nav-box-r .search-inp input{border: none; border-radius: 0; border-bottom: solid 1px #252525; height: 36px; padding-right: 36px; width: 170px; position: relative;display:none;}
	.sub-nav-box-r .search-inp input:focus{border-bottom-color: #036EB8;}

	.sub-nav-box-r .search-inp button{ position: absolute; right: 0; top: 0; border: none; background: none; width: 36px; height: 36px; cursor: pointer;}
	.sub-nav-box-r .search-inp button:hover i::before{ color: #036EB8;}

	.layui-form-radio>i:hover, .layui-form-radioed>i{ color: #036EB8;}
	.layui-form-radio>div:hover, .layui-form-radioed>div{ color: #036EB8;}

	.nav-list-02{padding: 0;}
	.nav-list-box-02{ padding: 10px 0; display: flex; flex-direction:column; flex-wrap: wrap; transition: 0s !important; border-top:solid 2px #036EB8;}
	.nav-list-box-02 a{ text-align:center; display:flex; justify-content:center; align-items:center; line-height:1.2; padding:13px 10px; white-space:nowrap;}

	.nav-list-box-02 dl{position:relative;}
	.nav-list-box-02 dd{position:absolute; left:100%; top:0; background:#f4f4f4;}
	.nav-list-box-02 dd::before{ content:' '; border-right:solid 10px #f4f4f4; position:absolute; left:0; border-top:solid 7px transparent; left:-10px; top:13px; border-bottom:solid 7px transparent;}
	.nav-list-box-02 dd a{ padding: 13px 10px;}


	.sub-nav-box-r .layui-form{display:flex; flex-wrap:wrap;}
	.sub-nav-box-r .search-radio{flex-basis:50%; flex-shrink:0;}

	.head-zw{height:60px;}

}


.sub-nav-box.e-anim-on{animation:nav-anim-on .3s; animation-fill-mode: both; }
.sub-nav-box.e-anim-off{ animation:nav-anim-off .3s; animation-fill-mode: both;}


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


.nav-list-box-02 dd.e-anim-on{animation:nav-anim-on-02 .3s; animation-fill-mode: both; }
.nav-list-box-02 dd.e-anim-off{ animation:nav-anim-off-02 .3s; animation-fill-mode: both;}


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



@media screen and (min-width: 1440px) {
	.header-bg{ height: 80px;}
	.logo{ padding: 21px 0;}
	.nav .nav-btn span{ padding: 0 30px; height: 80px;}

	.sub-nav-box{ top: 80px;}
	.nav ul{ padding-left: 30px;}

	.nav .nav-btn span{font-size: 16px;}

	.lang{ padding: 25px 0 25px 20px;}

	/*.menu-pic{width: 200px; margin-right: 20px;}*/
	.menu-pic{width: 150px; margin-right: 10px;}
	.nav-list-box dt a,.nav-list-box dt span{font-size: 18px;}
	/*.nav-list-box dd span a{ line-height: 2.6;}*/


	.sub-nav-box-flex{ padding: 20px 0;}

	.sub-nav-box-r b{ font-size: 18px; display: block; padding-bottom: 3px;}
	.sub-nav-box-r .layui-anim.layui-icon{font-size: 20px; line-height: 36px;}
	.sub-nav-box-r .search-inp{ margin-top: 20px;margin-top: 0px;top: 17px;left: 188px;}


	.nav-list-box-02 dd a{ padding: 13px 20px;}

	.nav-list-box{flex-basis: 25%; display: flex; padding: 10px;}

	.head-zw{height:80px;}
}





/* 首页 */
@media screen and (min-width: 320px) {
	.ani{opacity: 0;}
	.swiper-ind .swi-ind-pagi .swiper-pagination-bullet{background: #adadad;margin: 20px 0;}
	.swiper-ind .swi-ind-pagi .swiper-pagination-bullet-active{background: #0e6eb8;}
	.swiper-ind{height: 100vh;}
	.ind-slide{overflow: hidden;}
	.ind-slide,.banner-box{height: 100vh; -webkit-background-size: cover; background-size: cover; background-position: center;}

	.banner-pc{display:none;}
	.banner-m{display:block;}

	.banner-prev,.banner-next{width: 40px; left: 15px; position: absolute; top: 50%; margin-top: -20px; z-index: 2; cursor: pointer;}
	.banner-next{left: auto; right: 15px;}
	.banner-prev i,.banner-next i{font-size: 20px; line-height: 1; width: 40px; height: 40px; display: flex; align-items: center; justify-content: center;}
	.banner-prev i::before,.banner-next i::before{ font-size: 20px; color: #85898C; line-height: 1; width: 20px;}
	.banner-pagination{}

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

	.swiper-banner .banner-pagination{ position: absolute; bottom: 20px; left: 0%; z-index: 2; width: 100%; display: flex; align-items:center; justify-content:center;}

	.swiper-banner .swiper-pagination-bullet{ width: 14px; height: 14px; display: flex; align-items: center; justify-content: center; background: none; opacity: 1;}
	.swiper-banner .swiper-pagination-bullet::before{content: ' '; background: rgba(133,137,140,.3); border: solid 0px rgba(133,137,140,.3); width: 8px; height: 8px; display: block; border-radius: 50%; overflow: hidden; line-height: 0; box-sizing: border-box;}
	.swiper-banner .swiper-pagination-bullet-active::before{ opacity: 1; background: rgba(133,137,140,.0); border: solid 2px rgba(133,137,140,.3); width: 14px; height: 14px;}

	.gear-box{width: 1700px; height: 1700px; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-51px);}
	.gear-bg{width: 1700px; height: 1700px; background:url(../img/bg-01-01@2x.png); background-size: cover; position: absolute; left: 0; top: 0; animation: gear-rotate 100s linear infinite;}
	.rotary-wrapper{z-index: 3; position: relative;}
	.rotary-box{position: absolute; z-index: 2; width: 0; height: 0;}
	.rotary-box dl *{transition:0.2s; transition-timing-function: linear;}
	.rotary-box dl{ width: 246px; transform: translate(-123px,-130px);}

	/* .rotary-box:nth-child(1) dl{ background: rgba(255,0,0,.1);}
	.rotary-box:nth-child(2) dl{ background: rgba(255,128,0,.1);}
	.rotary-box:nth-child(3) dl{ background: rgba(255,255,0,.1);}
	.rotary-box:nth-child(4) dl{ background: rgba(128,255,0,.1);}
	.rotary-box:nth-child(5) dl{ background: rgba(0,255,0,.1);}
	.rotary-box:nth-child(6) dl{ background: rgba(0,255,128,.1);}
	.rotary-box:nth-child(7) dl{ background: rgba(0,255,255,.1);}
	.rotary-box:nth-child(8) dl{ background: rgba(0,128,255,.1);}
	.rotary-box:nth-child(9) dl{ background: rgba(0,0,255,.1);}
	.rotary-box:nth-child(10) dl{ background: rgba(128,0,255,.1);}
	.rotary-box:nth-child(11) dl{ background: rgba(255,0,128,.1);} */

	i.pic-scale-products{padding-bottom: 70%;}
	.products-box{}

	.rotary-prev{position: absolute; z-index: 9; left: 50%; margin-left: -150px; margin-top: -50px;}
	.rotary-next{position: absolute; z-index: 9; right: 50%; margin-right: -150px; margin-top: -50px;}
	.rotary-prev i,.rotary-next i{display: flex; align-items: center; justify-content: center;cursor: pointer;}
	.rotary-prev i::before,.rotary-next i::before{ width: 36px; height: 36px; border-radius: 50%; font-size: 36px; border: solid 1px #252525; line-height: 1;}

	.rotary-prev i:hover::before,.rotary-next i:hover::before{ background: #036EB8; border-color: #036EB8; color: #fff;}

	/* .rotary-box-show dl{cursor: pointer;} */

	.rotary-box-show .tit{display: block; text-align: center; font-weight: normal; font-size: 14px; margin-top: 20px; line-height: 1.2; font-family: AGZY-R;}
	.rotary-box-show .sub-tit{display: block; text-align: center; font-weight: normal; font-size: 12px; margin-top: 5px; transform: translateY(0); opacity: 0; pointer-events: none; }
	.rotary-box-show .txt{ text-align: center; margin-top: 20px; font-size: 12px; transform: translateY(-10px); opacity: 0; pointer-events: none; }

	.rotary-box-show .ind-btn{ margin-top: 20px; transform: translateY(-20px); opacity: 0; pointer-events: none;}
	.rotary-box-show .ind-btn a{}

	.ind-btn{ display: flex; align-items: center; justify-content: center;}
	.ind-btn a{ border: solid 1px #252525; width: 160px; height: 42px; border-radius: 21px; display: flex; align-items: center; justify-content: center;}
	.ind-btn a:hover{ background: #036EB8; border-color: #036EB8; color: #fff; transform: translateY(-5px);}

	.rotary-box-active .tit{font-size: 20px;}
	.rotary-box-active .txt{ transform: translateY(0); opacity: 1; pointer-events: auto;}
	.rotary-box-active .sub-tit{ transform: translateY(0); opacity: 1; pointer-events: auto;}
	.rotary-box-active .ind-btn{ transform: translateY(0); opacity: 1; pointer-events: auto;}





    .pro-btn{ position: fixed; width: 100%; bottom: 30px;padding: 0 20px; z-index: 9; }
	.pro-btn ul{max-width: 320px; margin: 0 auto; display: flex; justify-content: space-between;}
	.pro-btn a{display: flex; align-items: center; justify-content: center; flex-direction: column; width: 80px; height: 80px; border-radius: 50%; background: #F7F9FA; box-shadow: 0 0 10px rgba(0,0,0,.1);}
	.pro-btn a i{ line-height: 28px;}
	.pro-btn a i::before{ width: 28px; height: 28px; font-size: 28px; color: #85898C;}
	.pro-btn a span{font-size: 12px; color: #252525;}

	.pro-btn a:hover {background: #0093F5; transform: translateY(-5px);}
	.pro-btn a:hover i::before{ color: #fff;}
	.pro-btn a:hover span{ color: #fff;}

	.pro-btn-02{ right: 15px; top: 50%; bottom: auto; padding: 0; z-index: 2; width: auto; transform: translateY(-50%); transition: .3s;}
	.pro-btn-02 ul{flex-direction: column;}
	.pro-btn-02 li{ padding: 10px 0;}
	.pro-btn-02.pro-btn-hide{ transform: translateY(-50%) translateX(200%);}


	.ind-flex{display: flex; width: 100%; height: 100vh; align-items: center; justify-content: center;}
	.ind-flex-box{width: 100%; padding-top: 50px;}

	i.pic-scale-case{ padding-bottom: 56.222%;}

	.ind-tit{text-align: center; margin-bottom: 20px; font-weight: bold; font-size: 24px;}

	.ind-case ul{display: flex; flex-wrap: wrap; margin: -5px;}
	.ind-case li{flex-basis: 50%; flex-shrink: 0; padding: 5px; min-width: 0;}
	.ind-case li .tit{ overflow: hidden; -ms-text-overflow: ellipsis;
	text-overflow: ellipsis; white-space: nowrap; display: block; margin-top: 5px; text-align: center;}

	.ind-btn{ margin-top: 20px;}

	.ind-case li a:hover .tit{ color: #036EB8;}

	i.pic-scale-news{ padding-bottom: 56.25%;}
	.ind-news ul{display: flex; margin: -5px; flex-wrap: wrap;}
	.ind-news li{ padding: 5px; flex-basis: 50%; flex-shrink: 0;}
	.ind-news li .tit{overflow : hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical; color: #000;}
	.ind-news li .mess{display: none;}
	.ind-news li .txt{display:none;}
	.ind-news li dd{background: #fff; padding: 10px;}

	.ind-news li a:hover .tit{ color: #036EB8;}

	.ind-news-03 li{flex-basis: 100%;}

	.ind-news .btn{ margin-top: 15px;}
	.ind-news .btn span{ width: 120px; height: 40px; display: flex; align-items: center; justify-content: center; border:solid 1px #252525; border-radius: 20px;}
	.ind-news .btn span:hover{ background: #036EB8; color: #fff; border-color: #036EB8; transform: translateY(-5px);}

	.qr-box dl{display: flex; align-items: center; flex-direction: column;}
	.qr-box dt img{ width: 140px; height: 140px;}
	.qr-box dd{ color: #999;}
}


@keyframes gear-rotate{
	from {  transform: rotate(0deg);}
	to { transform: rotate(360deg);}
}



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

}

@media screen and (min-width: 640px) {
	.ind-case li{flex-basis: 33.3333%;}
	.ind-news li{flex-basis: 33.3333%;}
	.ind-news li:nth-child(4){display: none;}
	.ind-news-02 li:nth-child(4){display: block;}

	.ind-news-03 li{flex-basis: 100%;}

	.ind-news-03 dl{ display: flex; }
	.ind-news-03 dt{ flex-basis: 50%; }
	.ind-news-03 dd{ flex-basis: 50%; }
}

@media screen and (min-width: 992px) {
	.gear-box{ width: 1700px; height: 1700px;}
	.gear-bg{width: 1700px; height: 1700px;}

	/*.rotary-box-active dl{width: 440px; transform:translate(-200px,-170px);}*/
	.rotary-box-active dt{ transform:scale(1.5);}
	.rotary-box-active dd{ padding-top:80px;}
	.rotary-box-active .tit{ font-size: 36px;}
	.rotary-box-active .sub-tit{font-size: 16px;}
	.rotary-box-active .txt{font-size: 16px; margin-top: 30px;}
	.rotary-box-active .ind-btn{ margin-top: 30px;}

	.rotary-prev{ margin-left: -350px;}
	.rotary-next{ margin-right: -350px;}

	.pro-btn{ right: 80px; top: 50%; bottom: auto; padding: 0; z-index: 9; width: auto; transform: translateY(-50%);}
	.pro-btn ul{flex-direction: column;}
	.pro-btn li{ padding: 10px 0;}

	.ind-btn{ margin-top: 45px;}
	.ind-tit{ margin-bottom: 45px; font-size: 30px;}

	.ind-case li a{display: block; position: relative;}
	.ind-case li .tit{ position: absolute; z-index: 3;left: 0; bottom: 10px; right: 0; padding: 0 15px;color: #fff; text-align: left;}
	.ind-case li .shade{ background-image: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,.8)); position: absolute; z-index: 2; top: 50%; left: 0; right: 0; bottom: 0;}

	.ind-news li dd{ padding: 20px;}
	.ind-news li .tit{font-size: 16px; -webkit-line-clamp: 1;}
	.ind-news li .mess{display: flex; flex-wrap: wrap; margin: -5px -10px; margin-top: 2px;}
	.ind-news li .mess span{ padding: 5px 10px; color: #666;}
	.ind-news li .mess i::before{ padding-right: 5px; font-size: 16px; color: #666;}
	.ind-news li .txt{ margin-top: 10px; font-size: 14px; overflow : hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical; color: #666; height:72px;}


	.ind-news-03 li dd{ padding: 30px;}
	.ind-news .btn{ margin-top: 30px;}

	.banner-pc{display:block;}
	.banner-m{display:none;}

}

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


	.ind-btn{ margin-top: 60px;}
	.ind-tit{ margin-bottom: 60px; font-size: 34px;}

	.ind-case ul{margin: -12px;}
	.ind-case li{padding: 12px;}


	.ind-news ul{margin: -14px;}
	.ind-news li{ padding: 14px;}

	.ind-case li .tit{font-size: 18px;}

	.ind-news-03 li dd{ padding: 50px;}

	.ind-news li .tit{ font-size: 22px;}
	.ind-news li .mess{ padding: 25px 0;}
	.ind-news li .txt{}
	.ind-news .btn{ margin-top: 50px;}



}
@media screen and (max-height: 820px) {
	.ind-slide .container{ max-width: 1100px;}
}

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

	/*.rotary-box-active dl{width: 602px; transform:translate(-301px,-289px);}*/
	.rotary-box-active dt{ transform:scale(2);}
	.rotary-box-active dd{ padding-top:100px;}
	.rotary-box-show .tit{font-size: 20px;}
	.rotary-box-active .tit{ font-size: 40px;}
	.rotary-box-active .sub-tit{font-size: 18px;}
	.rotary-box-active .txt{font-size: 18px; margin-top: 40px;}
	.rotary-box-active .ind-btn{ margin-top: 40px;}

	.rotary-prev{ margin-left: -400px;}
	.rotary-next{ margin-right: -400px;}

	.ind-btn a{font-size: 16px;}

	.ind-news li dd{ padding: 25px;}
	.ind-news li .tit{font-size: 18px;}
	.ind-news li .mess span{ font-size: 16px;}
	.ind-news li .txt{ font-size: 15px;}

}



/* footer */
@media screen and (min-width: 320px) {
	.footer-bg{ background: #141619;}
	.footer-b{background: #fff;}
	.footer-b-txt{text-align: center; padding: 15px 0; line-height: 24px; color: #999;}
	.footer-b-txt a{ color: #999;}

	.f-menu{display: flex; flex-wrap:wrap; justify-content: space-between; flex-direction:column; padding-top:20px;}
	.f-menu a{ color: #fff;}
	.f-link{display: flex; padding-top:40px;}

	.f-menu dl{ display:flex; padding:3px 0; border-bottom:solid 1px rgba(255,255,255,.2);}
	.f-menu dt{ padding: 5px; min-width:80px; flex-shrink: 0;color:#FFFFFF;}
	.f-menu dd{ display:flex; flex-wrap:wrap;}
	.f-menu dd span{  padding: 5px;}
	.f-menu dd a{ opacity: .5; line-height: 20px; font-size:12px;}

	.f-link{display: none;}


	.footer-bg{padding: 30px 0;}
	.f-logo{display: flex; align-items: center; justify-content: center;}
	.f-logo img{filter:contrast(0%) brightness(1000%); height: 38px;}

	.footer-tr{ color: #fff; padding-top: 30px;}

	.f-tel{ padding-bottom: 10px; display: flex; align-items: center;}
	.f-tel i::before{ font-size: 20px; padding-right: 10px;}
	.f-tel span{ font-family: roboto-b; font-size: 22px;}

	.f-mess{ margin: -10px 0;}
	.f-mess dl{ padding: 10px 0;}
}

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

}

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

}

@media screen and (min-width: 992px) {
	.footer-bg{ padding: 50px 0 80px 0;}
	.footer-flex{display: flex;}
	.footer-tl{flex: 1;}
	.footer-tr{flex-basis: 240px; padding-top: 0;}
	.f-logo{ justify-content: flex-start;}
	.f-menu{display: flex; padding-right: 100px; justify-content: space-between; flex-direction:row;}
	.f-menu a{ color: #fff;}
	.f-menu span{display: block;}
	.f-link{display: flex; padding-top:40px;}

	.f-menu{ padding-top:40px; display: flex;}
	.f-menu dl{ display:block; padding: 0; border-bottom: none;}
	.f-menu dd span{ display: block; padding: 5px 0;}
	.f-menu dd a{ opacity: .5; line-height: 20px;}
	.f-menu dt{ padding:0; margin-bottom: 10px; min-width:auto;  flex-shrink: auto;}

	.f-menu dd{ display:block; }

	.f-mess{padding-top: 30px;}

	.f-menu dd a:hover{ opacity: 1;}

	.f-link dt i::before{line-height: 20px; font-size: 20px; color: #fff;}
	.f-link dl{margin-right: 40px;}

	.f-link dt{ cursor: pointer; height: 28px;}
	.f-link dl{position: relative;}
	.f-link dd{ padding-bottom: 10px; position: absolute; bottom: 28px; left: 50%; margin-left: -50px; cursor: pointer;}
	.f-link dd div{ width: 100px; height: 100px; padding: 5px; background: #fff; position: relative; cursor: pointer;}
	.f-link dd div::before{ content: ' '; border-top: solid 8px #fff; border-left: solid 8px transparent; border-right: solid 8px transparent; position: absolute; bottom: -8px; left: 50%; margin-left: -8px;}
	.f-link dd img{width: 100%; }

	.f-menu dd a{ font-size:14px;}

	.f-link a:hover i::before{ color: #036EB8;}
}

@media screen and (min-width: 1440px) {
	.footer-bg{ padding: 50px 0 100px 0;}
	.f-menu{ padding-top:60px; padding-right: 200px;}
	/*.f-menu dd span{ padding: 10px 0;}*/
	.f-menu dt{ margin-bottom: 15px;}
	.f-link{ padding-top:60px;}
	.footer-tr{flex-basis: 250px; }
	.f-menu dl{}
	.f-mess{ padding-top: 50px;}
	.f-menu dt{ font-size: 18px;}
}


.f-link dd.e-anim-on{animation:link-anim-on .3s; animation-fill-mode: both; }
.f-link dd.e-anim-off{ animation:link-anim-off .3s; animation-fill-mode: both;}


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




/* 共用 */
/* banner-min */
@media screen and (min-width: 320px) {
    .banner-bd{height:51px;}
	.banner-min{ height: 250px; -webkit-background-size: cover;
	background-size: cover;position: relative; background-position: center; display: flex; align-items: center; justify-content: center; padding-bottom: 15px;}
	.banner-min .shade{position: absolute; left: 0; top: 0; right: 0; bottom: 0; background-image: linear-gradient( rgba(0,11,19,.2) , rgba(0,11,19,1)); z-index: 2;}

	.banner-min .container{position: relative; z-index: 3;}
	.banner-min .tit{ color: #fff; font-weight: bold; font-size: 18px;}
	.banner-min .menu{ top: 50px; border-top: solid 1px rgba(255,255,255,.2); border-bottom: solid 1px rgba(255,255,255,.2); /*position: absolute;*/ left: 10px; right: 10px; overflow: hidden;}
	.banner-min .menu ul{display: flex; margin: 0 -10px; flex-wrap: wrap;}
	.banner-min .menu li{}
	.banner-min .menu a{ color: #fff; height: 34px; display: flex; align-items: center; padding: 0 10px; position: relative;}
	.banner-min .menu a::after{ content:' '; position: absolute; left: 0; top: 10px; bottom: 10px; background: rgba(255,255,255,.3); width: 1px;}
	.banner-min .menu a.on::before{ content:' '; height: 2px; position: absolute; left: 10px; right: 10px; bottom: 0; background: #0093F5;}

	.banner-min .menu a:hover{ color: #0093F5;}

	.gray-bg{ background: #F5F5F5; padding-bottom: 30px;}
	.gray-bg-02{ background: #F5F5F5;}

	.sub-menu{ overflow: hidden; padding-top: 30px;display:none;}
	.sub-menu ul{display: flex; margin: 0 -10px; flex-wrap: wrap;}
	.sub-menu ul li a{height: 34px; display: flex; align-items: center; padding: 0 10px; position: relative;}
	.sub-menu ul li a.on{font-weight: bold;}
	.sub-menu ul li a.on::before{ content:' '; height: 2px; position: absolute; left: 10px; right: 10px; bottom: 0; background: #0093F5;}


	.p-tb{ padding: 30px 0; width:100%;}
	.p-t{ padding-top: 30px;}
	.p-b{ padding-bottom: 30px;}

	.full-box{display:flex; align-items:center; width:100%; min-height:100vh;}
	.full-box-col{flex-direction:column;}
	.full-mess{width:100%; min-width:0; /*padding:30px 0;*/}

	.swiper-pic{ position:relative;}
	.swiper-pic .button-prev,.swiper-pic .button-next{ position:absolute; left:0; top:50%; height:80px; width:40px; background:rgba(0,0,0,.5); z-index:9; margin-top:-40px; display:flex; align-items:center; justify-content:center; cursor: pointer;}
	.swiper-pic .button-next{ left:auto; right:0; }
	.swiper-pic .button-prev i::before,.swiper-pic .button-next i::before{ font-size:20px; color:#fff;}

	.swiper-pic .button-prev:hover i{ transform: translateX(-5px);}
	.swiper-pic .button-next:hover i{ transform: translateX(5px);}
}

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

}

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

}

@media screen and (min-width: 992px) {
    .banner-bd{height:60px;}
	.banner-min{ height: 400px; align-items: center;  padding-bottom: 0;}
	.banner-min .tit{ font-size: 28px;}

	.banner-min .menu{ top: 100px; position:absolute;}
	.banner-min .menu a{ height: 64px;}
	.banner-min .menu a::after{ top: 25px; bottom: 25px;}
	.banner-min .menu ul{ margin: 0 -8px;}
	.banner-min .menu a{ padding: 0 8px; font-size: 14px;}

	.gray-bg{ padding-bottom: 40px;}
	.sub-menu{ margin-bottom: -10px;}

	.p-tb{ padding: 40px 0;}
	.p-t{ padding-top: 40px;}
	.p-b{ padding-bottom: 40px;}



}

@media screen and (min-width: 1440px) {
    .banner-bd{height:80px;}
	.banner-min .tit{ font-size: 34px;}
	.banner-min .menu ul{ margin: 0 -22px;}
	.banner-min .menu a{ padding: 0 22px; font-size: 16px;}

	.banner-min .menu a.on::before{ left: 24px; right: 24px;}

	.gray-bg{ padding-bottom: 50px;}



	.p-tb{ padding: 50px 0;}
	.p-t{ padding-top: 50px;}
	.p-b{ padding-bottom: 50px;}


}




/* 产品中心 */
@media screen and (min-width: 320px) {
	i.pic-scale-cpzx{ padding-bottom: 68.571%;}
	.cpzx-tit{font-size: 20px; text-align: center; font-weight: bold; line-height: 1;}

	.cpzx-box ul{ margin: -10px;}
	.cpzx-box li{ padding: 10px;}

	.cpzx-box .btn{ margin-top: 15px;}
	.cpzx-box .btn a{ width: 120px; height: 40px; display: flex; align-items: center; justify-content: center; border:solid 1px #252525; border-radius: 20px;}
	.cpzx-box .btn a:hover{ background: #036EB8; color: #fff; border-color: #036EB8; transform: translateY(-5px);}
	.cpzx-box dd{ background: #fff; padding: 15px;}
	.cpzx-box .tit{ display: block; font-size: 22px;}
	.cpzx-box .sub-tit{ display: block;}
	.cpzx-box .mess{ display: block; margin-top: 15px; font-size: 12px;}


	.cpzx-box-02 ul{ margin: -10px;}
	.cpzx-box-02 li{ padding: 10px;}
	.cpzx-box-02 .btn{ margin-top: 15px;}
	.cpzx-box-02 .btn a{ min-width: 120px; height: 40px; display: inline-flex; align-items: center; justify-content: center; border:solid 1px #252525; border-radius: 20px; padding:0 20px;}
	.cpzx-box-02 .btn a + a{
	    margin-left: 20px;
	}
	.cpzx-box-02 .btn a:hover{ background: #036EB8; color: #fff; border-color: #036EB8; transform: translateY(-5px);}
	.cpzx-box-02 dl{ background: #fff; padding: 15px;}
	.cpzx-box-02 dd{ padding-top: 15px;}
	.cpzx-box-02 .tit{ display: block; font-size: 22px; font-weight: normal; font-family:AGZY-R ;}
	.cpzx-box-02 .sub-tit{ display: block;}
	.cpzx-box-02 .mess{ display: block; margin-top: 15px; font-size: 12px;}


	i.pic-scale-cp{ padding-bottom: 70%;}

	.cpzx-box-02 dt{position:relative;}
	.cpzx-box-02 dt a{position:absolute;top:50%;z-index:10;}
	.cpzx-list-02 li:nth-child(odd) dl dt a{right:10px;}
	.cpzx-list-02 li:nth-child(even) dl dt a{left:10px;}
}


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

}

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

}

@media screen and (min-width: 992px) {
	.cpzx-tit{font-size: 28px;}
	.cpzx-box dl{display: flex;}
	.cpzx-box dt{flex-basis: 50%; flex-shrink: 0; min-width:0;}
	.cpzx-box dd{flex-basis: 50%; flex-shrink: 0; min-width:0; display: flex; flex-direction: column; justify-content: center; padding: 0 40px;}
	.cpzx-box li:nth-child(odd) dl{flex-direction: row-reverse;}


	.cpzx-box .tit{ font-size: 34px;}
	.cpzx-box .sub-tit{font-weight: bold; font-size: 14px;}
	.cpzx-box .mess{ margin-top: 30px; font-weight: bold; font-size: 14px;}
	.cpzx-box .btn{ margin-top: 30px;}


	.cpzx-box-02 dl{display: flex;}
	.cpzx-box-02 dt{flex-basis: 50%; flex-shrink: 0;}
	.cpzx-box-02 dd{flex-basis: 50%; flex-shrink: 0; display: flex; flex-direction: column; justify-content: center; padding: 0 40px;}
	.cpzx-box-02 li:nth-child(odd) dl{flex-direction: row-reverse;}

	.cpzx-box-02 dt{ padding-left: 40px; padding-top: 10px; padding-bottom: 10px;}
	.cpzx-box-02 li:nth-child(odd) dt{ padding-left: 0;  padding-right: 40px;}
	.cpzx-box-02 .tit{ font-size: 34px;}
	.cpzx-box-02 .sub-tit{font-weight: bold; font-size: 14px;}
	.cpzx-box-02 .mess{ margin-top: 30px; font-weight: bold; font-size: 14px;}
	.cpzx-box-02 .btn{ margin-top: 30px;}

}

@media screen and (min-width: 1440px) {
	.cpzx-tit{font-size: 34px;}
	.cpzx-list dd{ padding: 0 80px;}

	.cpzx-box .tit{ font-size: 40px; line-height: 64px;}
	.cpzx-box .sub-tit{ font-size: 16px;}
	.cpzx-box .mess{ margin-top: 40px; font-size: 16px;}
	.cpzx-box .btn{ margin-top: 40px;}


	.cpzx-box-02 dt{ padding-left: 80px;}
	.cpzx-box-02 li:nth-child(odd) dt{ padding-left: 0;  padding-right: 80px;}
	.cpzx-box-02 dd{ padding: 0 125px;}
	.cpzx-box-02 .tit{ font-size: 50px; line-height: 64px;}
	.cpzx-box-02 .sub-tit{ font-size: 16px;}
	.cpzx-box-02 .mess{ margin-top: 40px; font-size: 16px;}
	.cpzx-box-02 .btn{ margin-top: 40px;}

}



/* 测绘测量 */
@media screen and (min-width: 320px) {
	.chcl-tabs dl{display: flex; flex-wrap: wrap; background: #fff;}
	.chcl-tabs dt{ flex-basis: 100%; flex-shrink: 0;}
	.chcl-tabs dd{ flex-basis: 100%; flex-shrink: 0; padding: 15px;}
	i.pic-scale-chcl{padding-bottom: 64.2857%;}
	.chcl-tabs hr{ padding-bottom: 4px; background: none; background-image: url(../img/line@2x.png);-webkit-background-size: 600px 4px;
	background-size: 600px 4px; margin: 5px 0;}
	.chcl-tabs .tit{ display: block; font-size: 20px; font-weight: normal;}
	.chcl-tabs .scroll{ overflow-y: auto; max-height: 500px;}
	.chcl-tabs .sub-box{ padding: 5px 0;}
	.chcl-tabs .sub-tit{ color: #AAA; font-size: 14px; padding-bottom: 2px;}
	.chcl-tabs .sub-txt{ color: #252525; font-size: 14px;}

	.chcl-tabs .hd{margin-bottom: 10px; display: flex; flex-wrap: wrap; justify-content: center;}
	.chcl-tabs .hd div{margin: 5px 10px;}
	.chcl-tabs .hd div span{color: #85898C; cursor: pointer;}
	.chcl-tabs .hd .on span{color: #036EB8;}
	.chcl-tabs .ovh{overflow: hidden; }
	.chcl-tabs .list{margin: -5px 0;}

	.glbm-box hr{ padding-bottom:1px; background:#f0f0f0;}
	.glbm-box .sub-box{display:flex;}

}

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

}

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

}

@media screen and (min-width: 992px) {
	.chcl-tabs dt{flex-basis: 50%;}
	.chcl-tabs dd{flex-basis: 50%; padding:20px 30px;}
	.chcl-tabs .tit{font-size: 26px;}
	.chcl-tabs hr{ margin-bottom: 15px;}
	.chcl-tabs .scroll{ max-height: 200px;}

	.chcl-tabs .hd{ margin-bottom: 30px;}
	.chcl-tabs .hd div{margin: 5px 20px;}
	.chcl-tabs .hd div span{font-size: 16px;}


	.glbm-box hr{ margin-bottom: 15px;}
	.glbm-box .tit{font-size: 22px;}
}

@media screen and (min-width: 1440px) {
	.chcl-tabs .tit{font-size: 30px;}
	.chcl-tabs dd{padding: 50px 60px;}
	.chcl-tabs hr{ margin-bottom: 30px;}
	.chcl-tabs .sub-tit{ font-size: 15px; }
	.chcl-tabs .sub-txt{ font-size: 15px;}
	.chcl-tabs .sub-tit{ padding-bottom: 6px;}

	.chcl-tabs .sub-box{ padding: 10px 0;}
	.chcl-tabs .scroll{ max-height: 259px;}

	.chcl-tabs .hd{ margin-bottom: 40px;}
}


/* 应用案例 */
@media screen and (min-width: 320px) {
	.case-box{ padding: 30px 0;}
}

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

}

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

}

@media screen and (min-width: 992px) {
	.case-box{ padding: 40px 0;}
}

@media screen and (min-width: 1440px) {
	.case-box{ padding: 50px 0;}
}




/* 内页 */
@media screen and (min-width: 320px) {
	.info-tit{display: flex; align-items: center;justify-content: center; text-align: center; font-size: 18px; font-weight: bold; padding-bottom: 15px;}
	.info-share-box div.bshare-custom{display: flex;}
	.info-share-box div.bshare-custom a{ width: 20px; height: 20px; line-height: 20px; padding: 0; background: none; display: flex; align-items: center; justify-content: center; margin: 0 10px;}
	.info-share-box div.bshare-custom a::before{ font-size: 20px; line-height: 1;}
	.info-share-box div.bshare-custom a:hover{text-decoration: none;}
	.info-share-box{padding: 0 10px;}
	.info-share{display: flex; align-items: center; justify-content: center; padding-bottom: 15px;}
	.info-share-l,.info-share-r{height: 1px; flex:1; background: #C9C9C9;}

	.info-bg{background: #fff; padding: 15px; }


	.info-sub-line{background: #F5F5F5; height: 1px; width: 100%;}

	.info-sub-tit{display: flex; align-items: center; padding-bottom: 15px;}
	.info-sub-tit i{ width: 3px; height: 16px; background: #036EB8; margin-right: 5px;}
	.info-sub-tit span{ font-weight: bold; font-size: 16px; color: #252525;}

	.info-sub-cont{ padding-bottom: 15px;}

	.info-sub-box-ovh{ margin: -20px 0;}
	.info-sub-box{ padding: 20px 0;}

	.info-pic{margin: -5px; display: flex; flex-wrap: wrap; padding-top: 10px;}
	.info-pic img{max-width: 100%;}
	.info-pic li{ padding: 5px; flex-shrink: 0; max-width: 100%;}
	.info-pic span{ display: flex; align-items: center; justify-content: center; padding-top: 5px;}

	.info-sub-btn{display: flex; flex-wrap: wrap;}

	.info-sub-box .info-sub-btn a{background: #F5F5F5; padding: 10px; flex-shrink: 0;flex-basis: 100%; min-width: 0; display: flex; margin: 2px 0; align-items: center; justify-content: center;}
	.info-sub-box .info-sub-btn span.tit{ overflow: hidden; -ms-text-overflow: ellipsis;
	text-overflow: ellipsis; white-space: nowrap;}
	.info-sub-box .info-sub-btn a i{ padding: 0 5px;}
	.info-sub-box .info-sub-btn a i::before{font-size: 14px;}

	.info-sub-box .info-sub-btn a:hover{background: #036EB8;}
	.info-sub-box .info-sub-btn a:hover span{ color: #fff;}
	.info-sub-box .info-sub-btn a:hover i::before{ color: #fff;}

	.info-sub-box:nth-last-child(2) .info-sub-line{display: none;}
}

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

}

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

}

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

	.info-bg{ padding: 40px;}

	.info-sub-tit span{ font-size: 18px; }


	.info-sub-box-ovh{ margin: -40px 0;}
	.info-sub-box{ padding: 40px 0;}
	.info-pic img{ max-height: 386px;}

	.info-sub-box .info-sub-btn a{ flex-basis: 33.33333%; margin: 0;}

}

@media screen and (min-width: 1440px) {
	.info-tit{ font-size: 30px; padding-bottom: 30px;}
	.info-share{padding-bottom: 30px;}
	.info-bg{ padding: 70px 60px;}
	.info-sub-tit i{ width: 4px; height: 23px; margin-right: 10px;}

	.info-sub-tit span{ font-size: 22px; }


	.info-sub-box-ovh{ margin: -50px 0;}
	.info-sub-box{ padding: 50px 0;}
	.info-pic img{ max-height: 560px;}
}




/* 操作教程 */
@media screen and (min-width: 320px) {
	.download-list li{ padding: 10px; background: #fff;}
	.download-list li:nth-child(odd){ background: #F8F8F8;}
	.download-list li b{ font-weight: normal; padding-right: 10px;}
	.download-list li .l span{ color: #036EB8; display: inline-block;}
	.download-list li .r i::before{ color: #036EB8; line-height: 1; font-size: 20px;}
	.download-list li .r span{ margin-left: 10px; color: #AAAAAA;}

	.download-list li .r a:hover i::before{ color: #e00;}
}

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

}

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

}

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

	.download-list li{ display: flex; padding: 10px 20px;}
	.download-list li *{ line-height: 40px; font-size: 15px;}
	.download-list li b{ padding-right: 15px;}
	.download-list li .l{flex: 1;}
	.download-list li .l span{ }
	.download-list li .r span{ margin-left: 15px;}
}

@media screen and (min-width: 1440px) {
	.download-list li{ padding: 10px 30px;}
	.download-list li *{ font-size: 16px;}
	.download-list li .l span{ ;}
	.download-list li .r span{ margin-left: 20px;}
}




/* 服务团队 */
@media screen and (min-width: 320px) {
	i.pic-scale-team{ padding-bottom: 56.716%;}
	.team-list ul{ margin: -10px;}
	.team-list li{ padding: 10px; display: flex;}
	.team-list dl{ background: #fff;}
	.team-list dd{ background: #fff; padding: 15px;}
	.team-list .tit{ font-size: 20px; font-weight: normal; padding-bottom:5px;}
}

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

}

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

}

@media screen and (min-width: 992px) {
	.team-list .tit{ font-size: 26px; }
	.team-list ul{ display: flex;}
	.team-list li{ flex-basis: 50%; flex-shrink: 0;}
	.team-list dd{ padding: 25px;}
	.team-list ul{ margin: -20px;}
	.team-list li{ padding: 20px;}
	.team-list .txt{font-size: 15px;}
}

@media screen and (min-width: 1440px) {
	.team-list .tit{ font-size: 30px; }
	.team-list dd{ padding: 35px 40px;}
	.team-list ul{ margin: -30px;}
	.team-list li{ padding: 30px;}
}




/* 服务热线 */
@media screen and (min-width: 320px) {
	.hotline-box{ display: flex; flex-direction: column;}
	.hotline-pic img{width: 100%;}
	.hotline-pic{ padding-bottom: 15px;}
	.hotline-list dl{ padding-bottom: 10px;}
	.hotline-list dt{display: flex;}
	.hotline-list i::before{ padding-right: 10px; font-size: 20px; line-height: 1;}
	.hotline-list dd{ padding-bottom: 10px;	color: #0093F5; font-weight: bold; font-family: roboto-b; font-size: 24px;}
}

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

}

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

}

@media screen and (min-width: 992px) {
	.hotline-list i span{font-size: 15px;}
	.hotline-list dd{font-size: 36px;}
	.hotline-box{ flex-direction: row-reverse;padding: 20px 0; align-items: center;}
	.hotline-box .hotline-pic{ flex-basis: 50%; flex-shrink: 0;}
	.hotline-box .hotline-list{ flex-basis: 50%; flex-shrink: 0;}
}

@media screen and (min-width: 1440px) {
	.hotline-list dd{font-size: 40px;}
	.hotline-box{ padding: 50px 0;}
	.hotline-list dt span{ font-size: 15px;}
}




/* 媒体关注 */
@media screen and (min-width: 320px) {
	.video-box{}
	.video-l{}
	.video-r{ padding-top: 10px;}
	.video-list ul{ margin: -5px;}
	.video-list li{ padding: 5px;}
	.video-list li a{ display: block;}

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


	.video-r .video-list ul{ display: flex; flex-wrap: wrap;}
	.video-r .video-list li{ flex-basis: 50%;}
	.video-list li a{display: flex; position: relative;}
	.video-list .tit{ display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; font-size: 12px; line-height: 1.4; padding: 0 5px; position: absolute; left: 0; bottom: 0; width: 100%; z-index: 3; bottom: 5px; color: #fff;}
	.video-list .shade{ background-image: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,.8)); position: absolute; left: 0; right: 0; bottom: 0; height: 60px;}
	.play-btn{ width: 70px; height: 70px; border-radius: 50%; background: rgba(0,0,0,.5); position: absolute; left: 50%; top: 50%; margin-top: -35px; margin-left: -35px; display: flex; align-items: center; justify-content: center; padding-left: 5px; z-index: 9;}
	.play-btn::before{ content: ' '; border-left: solid 20px #fff; border-top: solid 13px transparent; border-bottom: solid 13px transparent; display: block;}

	.video-r .play-btn{transform: scale(0.5);}

	.video-l .shade{display: none;}
	.video-l .tit{ background: rgba(0,0,0,.5); bottom: 0; padding: 10px;}

	.more-btn{ padding-top: 10px; display: flex; justify-content: flex-end;}
	.more-btn a{ color: #0093F5;}
	.more-btn a:hover{color: #036EB8;}

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

	.swiper-mtgz dd{background: #EAF1FD; padding: 15px;}
	.swiper-mtgz .time{ color: #999; font-size: 18px;}
	.swiper-mtgz .tit{ color: #036EB8; font-size: 14px; font-weight: bold;}
	.swiper-mtgz .txt{ color: #8E8E8E; font-size: 14px; margin: 15px 0; overflow : hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical; height: 84px; font-size: 12px;}
	.swiper-mtgz .more{ color: #036EB8;}
	.swiper-mtgz .swiper-wrapper{display: flex; justify-content: stretch;}
	.swiper-mtgz .swiper-slide{height: auto; display: flex; justify-content: stretch;}
	.swiper-mtgz .swiper-slide a{flex: 1; display: flex; justify-content: stretch;}
	.swiper-mtgz .swiper-slide a dl{ flex: 1;display: flex; flex-direction: column;}
	.swiper-mtgz .swiper-slide a dd{flex: 1;}

	div.swiper-mtgz div.mtgz-pagination{ position: absolute; right: 15px; bottom: 15px; z-index: 2; width: auto; left: auto;}
	div.swiper-mtgz div.mtgz-pagination span{ width: 12px; height: 12px; border: solid 2px #036EB8; opacity: 1; background: none;}
	div.swiper-mtgz div.mtgz-pagination span.swiper-pagination-bullet-active{ background: #036EB8;}

	.video-l-02{ padding-top: 20px;}
	.video-list-02{flex: 1;}
	.video-list-02 li{ border-bottom: solid 1px #F4F4F4;}
	.video-list-02 a{ position: relative; display: block; overflow: hidden;}
	.video-list-02 dl{ padding: 10px;}
	.video-list-02 dt{font-size: 14px; font-weight: bold; color: #999;}
	.video-list-02 b{ font-size: 16px; color: #252525; overflow: hidden; -ms-text-overflow: ellipsis;
	text-overflow: ellipsis; white-space: nowrap; display: block;}
	.video-list-02 span{ overflow : hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical; color: #8E8E8E; font-size: 12px; height: 42px;}
	.video-list-02 i{width: 114px; height: 114px; position: absolute; right: 0; bottom: 0; background: #036EB8; display: flex; align-items: center; justify-content: center; opacity: 0; transform: translateX(100%);}
	.video-list-02 i::before{ font-size: 40px; line-height: 1; color: #fff;}
	.video-list-02 a:hover{ background: #F8F8F8;}
	.video-list-02 a:hover b{color: #036EB8;}

	.video-l-02{padding-right: 40px; padding-top: 0; flex: 1;}

}

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

}

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

}

@media screen and (min-width: 992px) {
	.video-box{ display: flex;}
	.video-l{ flex-basis: 50%; flex-shrink: 0;}
	.video-r{ flex-basis: 50%; flex-shrink: 0; padding-top: 0; padding-left: 10px;}

	.video-list .shade{height: 100px;}

	.video-list .tit{font-size: 14px; bottom: 0; padding: 10px 15px;}

	.swiper-mtgz .time{ font-size: 24px;}
	.swiper-mtgz .tit{ font-size: 16px;}


	.video-list-02 a:hover i{ transform: translateX(0); opacity: 1;}

	.video-box-02{display: flex; flex-direction: row-reverse;}
	.video-r-02{ width: 412px;}

	.swiper-mtgz .txt{ font-size: 14px; height: 120px; margin-bottom: 30px;}
}

@media screen and (min-width: 1440px) {
	.video-l{ padding-right: 4px;}
	.video-r{ padding-left: 24px;}
	.video-list ul{ margin: -13px;}
	.video-list li{ padding: 13px;}
	.video-list .tit{ padding: 10px 15px;}
	.video-l .tit{font-size: 18px; padding: 15px;}

	.more-btn a{font-size: 15px;}

	.swiper-mtgz .time{ font-size: 28px;}
	.swiper-mtgz .tit{ font-size: 18px; margin-top: 5px;}
	.swiper-mtgz .txt { margin-top: 30px; margin-bottom: 80px;}

	.video-list-02 dl{ display: flex; padding: 24px 20px;}
	.video-list-02 dt{font-size: 18px; line-height: 30px; padding-right: 50px;}
	.video-list-02 b {font-size: 18px; line-height: 30px;}
	.video-list-02 span{ margin-top: 10px; font-size: 14px;}
	.video-list-02 i{width: 134px; height: 134px;}

	.swiper-mtgz dd{ padding: 20px;}
}




/* 视频报道 */
@media screen and (min-width: 320px) {
	i.pic-scale-sppd{ padding-bottom: 56.25%;}

	.wppd-list ul{ margin: -10px; display: flex; flex-wrap: wrap;}
	.wppd-list li{ padding: 10px; flex-basis: 50%;  flex-shrink: 0; min-width: 0;}

	.wppd-list dd{ overflow: hidden; -ms-text-overflow: ellipsis;
	text-overflow: ellipsis; padding: 5px 10px; background: #fff; white-space: nowrap; color: #252525;}

	.wppd-list a:hover dd{ color: #036EB8;}
}

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

}

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

}

@media screen and (min-width: 992px) {
	.wppd-list li{flex-basis: 33.3333%;}
	.wppd-list dd{ padding: 10px 15px; font-size: 16px;}
}

@media screen and (min-width: 1440px) {
	.wppd-list dd{ padding: 17px 20px; font-size: 18px;}
}



/* 人才招聘 */
@media screen and (min-width: 320px) {
	.sub-menu-02{ padding-bottom: 15px;}
	.sub-menu-02 ul{display: flex; margin: -2px;}
	.sub-menu-02 li{padding: 2px; flex: 1;}
	.sub-menu-02 li a{ display: block; height: 50px; -webkit-background-size: cover;
	background-size: cover; background-position: center; display: flex; align-items: center; padding: 15px; font-weight: bold; position: relative;}
	.sub-menu-02 li a span{position: relative; z-index: 2;}
	.sub-menu-02 li a::before{ content: ' '; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: #0093F5; opacity: 0;}
	.sub-menu-02 li a.on::before{ opacity: .6;}
	.sub-menu-02 li a.on{ color: #fff; justify-content: center;}

	.rczp-search{padding-bottom: 15px; position: relative; z-index: 2;}
	.rczp-search .ovh{margin: -5px;}
	.rczp-search .box{ padding: 5px;}
	.rczp-search .btn{ padding: 5px;}
	.rczp-search .btn .layui-btn{ width: 100%; background: #036EB8;}

	.layui-form-select dl dd.layui-this{ background: #036EB8;}
}

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

}

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

}

@media screen and (min-width: 992px) {
	.rczp-search .ovh{ display: flex;}
	.rczp-search .box{ flex:1;}
	.rczp-search .layui-input{height: 50px;}
	.rczp-search .btn .layui-btn{height: 50px; width: 100px;}
	.rczp-search .layui-form-select dl{ top: 54px;}
	.rczp-search .layui-form-selectup dl{ top:auto; bottom: 54px;}

	.sub-menu-02{ padding-bottom: 30px;}
	.sub-menu-02 ul{ margin: -15px;}
	.sub-menu-02 li{padding: 15px;}
	.sub-menu-02 li a{ height: 80px; padding: 0 30px; font-size: 24px;}


	.rczp-search{padding-bottom: 30px;}
}

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

	.sub-menu-02{ padding-bottom: 40px;}
	.sub-menu-02 ul{ margin: -20px;}
	.sub-menu-02 li{padding: 20px;}
	.sub-menu-02 li a{ height: 140px; padding: 0 40px; font-size: 30px;}


	.rczp-search{padding-bottom: 40px;}
}


/* 加入我们 */
@media screen and (min-width: 320px) {
	.join-link{  padding-bottom: 15px;}
	.join-link dl{display: flex;}
	.join-link dt{font-weight: bold; font-size: 12px; flex-shrink: 0; line-height: 28px; color: #333;}
	.join-link dd{ display: flex; flex-wrap: wrap;}
	.join-link dd a{ margin-left: 10px; line-height: 28px; font-size: 12px;}

	.join-row .col{ }

	.join-list{}

	.join-body dl:nth-child(even) .join-row{background: #F6F6F6;}

	.join-header .join-row{ background: #036EB8;}
	.join-header .join-row .col{ color: #fff;}
	.col-m-hide{display: none;}

	.join-row {display: flex; border: solid 1px #E8E8E8; border-top: none;}
	.join-row .col{padding: 10px 10px;}
	.join-row .col-10{ flex:1; flex-shrink: 0;}

	.join-row i{display: flex; align-items: center; justify-content: center;}
	.join-row i::before{ color: #CBCBCB; display: block;}

	.join-body dt{ cursor: pointer; background: #fff;}
	.join-body dd{ padding: 10px; border-bottom: solid 1px #E8E8E8; display: none;}

	.join-body ul { background: #f9f9f9; padding: 10px; border-radius: 4px; margin-bottom: 15px;}
	.join-body ul li{ display: flex; border-bottom: solid 1px #E8E8E8; padding: 5px 0;}
	.join-body ul li:nth-last-child(1){border: none;}
	.join-body ul li span{ padding-right: 15px; font-size: 12px;}
	.join-body ul li span:nth-child(1){font-weight: bold;}

	.join-body dd .mess{ padding-bottom: 15px;}
	.join-body dd .mess div{ font-size: 12px; color: #666;}


	.join-body .on .join-row div{ color: #036EB8;}
	.join-body .on .join-row i::before{transform: rotate(90deg); color: #036EB8;}

	.join-body .btn a{display: inline-flex; align-items: center; padding: 0 20px; height: 46px; border-radius: 23px; background: #036EB8;}
	.join-body .btn a i{ padding-right: 5px; line-height: 22px;}
	.join-body .btn a i::before{ color: #fff; font-size: 22px; line-height: 22px;}
	.join-body .btn a span{ color: #fff; font-size: 14px;}
	.join-body .btn .mess{display: inline-flex; }
	.join-body .btn a:hover{ opacity: .8;}
}

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

}

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

}

@media screen and (min-width: 992px) {
	.join-link{ display: flex; justify-content: flex-end; padding-bottom: 20px;}
	.join-link dt{font-size: 14px;}
	.join-link dd a{font-size: 14px; margin-left: 15px;}

	.col-m-hide{display: block;}

	.join-row .col{display: flex; align-items: center; justify-content: center;}
	.join-row .col-10{ flex-basis: 41.66667%; flex-shrink: 0; justify-content: flex-start;}
	.join-row .col-03{ flex-basis: 12.5%; flex-shrink: 0;}
	.join-row .col-02{ flex-basis: 8.333333%;flex-shrink: 0;}
	.join-row .col-01{ flex-basis: 4.166667%; flex-shrink: 0;}

	.join-row .col{ padding: 10px 10px;}

	.join-body ul{display: none;}

	.join-header .join-row{ padding: 0 10px;}
	.join-body dt .join-row{ padding: 0 10px;}
	.join-body dd{ padding: 15px 20px;}

	.join-body dd .mess .sub-tit{font-size: 14px;}
	.join-body dd .mess .sub-txt{ font-size: 14px;}

	.join-row i::before{font-size: 16px; line-height: 1;}

	.join-body .btn .mess{padding-left:5px; font-size: 14px;}

}


@media screen and (min-width: 1440px) {
	.join-row .col{ padding: 15px 30px;}
	.join-row div{font-size: 16px;}
	.join-body dd{ padding: 20px 40px;}
	.join-body dd .mess .sub-tit{font-size: 16px;}
	.join-body dd .mess .sub-txt{ font-size: 16px;}

	.join-row i::before{font-size: 18px;}

	.join-body dd .mess{ padding-bottom:20px;}
	.join-body .btn a{ padding: 0 28px; height: 52px; border-radius: 26px;}
	.join-body .btn a span{}
}


/* 关于云洲 */
@media screen and (min-width: 320px) {
	.gyyz-tit{ font-size: 30px; font-weight: normal; display: block; padding-bottom: 15px; line-height: 1.2;}
	.gyyz-tit-tac{text-align: center;}

	.qyjj-box dd{ padding-top: 15px;}
	.qyjj-box dd a{display: block; position: relative;}
	.qyjj-box dd .shade{ background: rgba(0,0,0,.3); position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 2;}

	.qyyr-box{ padding: 0 15px; position: relative;}
	.swiper-qyyr .box{ width: 100%; padding: 0 15px;}
	.swiper-qyyr .txt{ display: block; text-align: center; padding-top: 10px; color: #666; line-height: 1.6;}
	.qyyr-hide{opacity: 0;}

	.swiper-qyyr .swiper-slide .box{ transform:scale(.7); transition:.3s;}
	.swiper-qyyr .swiper-slide-active .box{transform:scale(1);}

	.qyyr-btn{ position: absolute; bottom: 5px; cursor: pointer; z-index: 9;}
	.qyyr-btn i{ width: 36px; height: 36px; border: solid 1px #252525; border-radius: 50%; display: flex; align-items: center; justify-content: center;}
	.qyyr-btn i::before{ font-size: 14px;}

	.qyyr-prev{ left:15px;}
	.qyyr-next{ right: 15px;}
	.qyyr-btn:hover i{background: #036EB8; border-color: #036EB8;}
	.qyyr-btn:hover i::before{ color: #fff;}
	.qyyr-prev:hover i{transform: translateX(-5px);}
	.qyyr-next:hover i{transform: translateX(5px);}


	.qydsj-bg{ background-image: url(../img/qydsj-bg@2x.jpg); -webkit-background-size: cover;
	background-size: cover; -webkit-background-size: cover;
	background-size: cover; /*padding: 30px 0;*/ background-position: center;}

	.swiper-year .swiper-slide{ width: 33.3333%; text-align: center; }
	.swiper-year .swiper-slide div{cursor: pointer; display: inline-block; padding: 0 10px;}
	.swiper-year .swiper-slide span{ font-size: 14px; color: #252525; font-weight: normal; transition: .3s; line-height: 26px; height: 36px; display: block;}
	.swiper-year .swiper-slide i{ width: 10px; height: 10px; background: #fff; border: solid 1px #252525; display: block; margin: 0 auto; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; transition: .3s;  margin-bottom: 4px;}

	.year-box{ position: relative; padding: 0 45px;}
	.history-box{ padding-top: 15px;}
	.swiper-year .swiper-slide.on span{ color: #252525; font-weight: bold; font-size: 20px;}
	.swiper-year .swiper-slide.on i{ background: #252525;}

	.year-box hr{ height: 1px; background: #252525; -webkit-border-radius: 5px;	-moz-border-radius: 5px; border-radius: 5px; margin: 0; position: absolute; left: 36px; right: 36px; bottom: 9px;}
	.history-prev,.history-next{ position: absolute; left: 0; bottom: -8px; height: 36px; line-height: 36px; cursor: pointer; width: 36px; height: 36px; background: #252525; display: flex; align-items: center; justify-content: center; border-radius: 50%;}
	.history-prev i,.history-next i{display: block;}
	.history-prev i::before,.history-next i::before{ font-size: 16px; color: #BBB; line-height: 1;}
	.history-next{left: auto; right: 0;}
	.history-prev:hover,.history-next:hover{ background: #036EB8;}
	.history-prev:hover i::before,.history-next:hover i::before{ color: #fff;}
	.btn-disabled,.btn-disabled:hover{ opacity: .5; cursor: default; pointer-events: none; color: #bbb;}

	.history-mess{padding-top: 30px;}
	.history-mess dl{ display: flex; padding: 10px 0;}
	.history-mess dt{ flex-shrink: 0; padding-right: 10px;}
	.history-mess dd{display: flex;}
	.history-mess dd i{ width: 5px; height: 5px; background: #252525; border-radius: 50%; display: block; flex-shrink: 0; margin-right: 5px; margin-top: 10px;}

	.qywh-bg{ background-image: url(../img/qywh-bg-02@2x.jpg); -webkit-background-size: cover;
	background-size: cover; -webkit-background-size: cover;
	background-size: cover; /*padding: 30px 0;*/ position: relative; background-position: center;}
	.qywh-bg::before{ content: ' '; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: #0057BB; opacity: .65; z-index: 2;}

	.qywh-bg .p-tb{position: relative; z-index: 4;}
	.qywh-bg .gyyz-tit{ color: #fff;}

	.qywh-box dl{padding: 10px 0;}
	.qywh-box dt {display: flex; align-items: center;}
	.qywh-box dt i{ width: 10px; height: 10px; border-radius: 50%; border: solid 2px #fff; margin-right: 10px;}
	.qywh-box dt span{font-weight: bold; font-size: 16px; color: #fff;}
	.qywh-box dd{color: #fff; padding-left: 20px;}

	.lxwm-box{ margin: -10px 0; display:flex;}
	.lxwm-box .box{flex:1;}
	.lxwm-box .box:nth-last-child(1){display: none;}
	.lxwm-box .txt{ padding: 10px 0;}

	.lxwm-box a{ color:#0057BB; text-decoration:underline;}


	.map{  width:100%; flex:1; position:relative; overflow: hidden;}
    .map 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: none;}

    .swiper-about .full-box{ padding-top:51px;}


    .history-mess .bd .mess{ overflow-y:auto; height:calc(80vh - 240px); padding-left:10px;}
}

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

}

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

}

@media screen and (min-width: 640px) {
	.swiper-qyyr .swiper-slide{width:33.3333%}
}

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

	.qyjj-box{display: flex;}
	.qyjj-box dt{flex-basis: 40%; flex-shrink: 0; display: flex; justify-content: center; flex-direction: column;}
	.qyjj-box dd{flex-basis: 60%; flex-shrink: 0; padding-left: 20px; padding-top: 0;}
	.qyjj-box .txt{font-size: 14px; line-height:1.8;}


	/*.qydsj-bg{padding: 40px 0;}*/

	.swiper-year .swiper-slide{ width: 16.6666666667%;}
	.swiper-year .swiper-slide span{ font-size: 16px;}
	.swiper-year .swiper-slide.on span{ font-size: 24px;}

	.swiper-qyyr .swiper-slide{width:20%}
	.swiper-qyyr .box{ padding: 0 30px;}
	.swiper-qyyr .txt{ font-size: 18px; padding-top: 10px;}

	.swiper-qyyr .swiper-slide .box{ transform:scale(.7); padding:40px 0;}
	.swiper-qyyr .swiper-slide-active .box{transform:scale(1);}

	.qyyr-prev{ left:50%; margin-left: -14vw;}
	.qyyr-next{ right: 50%; margin-right: -14vw;}

	.history-mess{ padding: 30px 50px 0 50px;}
	.history-mess dl{ padding: 15px 0;}

	.history-mess dt{ padding-right: 20px;}

	.qywh-box{ display: flex; margin: -20px;}
	.qywh-box .box{flex-basis: 50%; padding: 20px;}

	.qywh-box dl{padding: 20px 0;}
	.qywh-box dt{ padding-bottom: 10px;}
	.qywh-box dt span{font-size: 20px;}
	.qywh-box dd{font-size: 16px;}

	.qywh-bg{ background: #fff !important;}
	.qywh-bg::before{ display:none;}

	.qywh-bg-r{ position:absolute; left: 50%; top:0; right:0; bottom:0; background-image: url(../img/qywh-bg-02@2x.jpg); -webkit-background-size: cover;
	background-size: cover; -webkit-background-size: cover;
	background-size: cover;  background-position: center;}


	.qywh-bg .gyyz-tit{ color:#252525;}

	.qywh-box .box dt i{ border-color:#252525;}
	.qywh-box .box dt span{ color:#252525;}
	.qywh-box .box dd{ color:#036EB8;}

	.qywh-bg .qywh-box .box:nth-child(2) dt i{ border-color:#fff;}
	.qywh-bg .qywh-box .box:nth-child(2) dt span{ color:#fff;}
	.qywh-bg .qywh-box .box:nth-child(2) dd{ color:#fff;}

	.full-box-map .container{ overflow:hidden;}
	.lxwm-box{display: flex; margin: -20px; padding-right:calc(50% + 30px); flex-wrap:wrap;}
	.lxwm-box .box{ flex:auto;  flex-grow: revert; max-width:100%; padding: 20px; position:relative;}
	.lxwm-box .box::before{ content:' '; width:1px;  background:#ECECEC; position:absolute; top:20px; bottom:20px; left:0;}
	.lxwm-box .box:nth-last-child(1){display: block; border-right: none;}
	.lxwm-box .qr{display: flex; align-items: center; flex-direction: column;}
	.lxwm-box .qr img{width: 155px; display: block;}
	.lxwm-box .qr span{display: block; padding-top: 5px;}

	.lxwm-box .txt:nth-child(1){ padding-top: 0;}
	.lxwm-box .txt:nth-last-child(1){ padding-bottom: 0;}
	.lxwm-box .txt{padding: 20px 0;}

	.full-box-map{flex-direction:row;}
	.map{ position:absolute; right:0; top:0; width:50%; height:100vh;}

    .swiper-about .full-box{ /*padding-top:60px;*/}

    .history-mess .bd .mess{ height:calc(100vh - 320px);}



}

@media screen and (min-width: 1440px) {
	.gyyz-tit{ font-size: 50px; padding-bottom: 40px;}
	.qyjj-box .txt{font-size: 15px;}
	.qyjj-box dd{ padding-left: 40px;}


	/*.qydsj-bg{padding: 50px 0;}*/

	.qyyr-box{ padding-top: 20px;}
	.swiper-qyyr .box{ padding: 0 40px;}
	.swiper-qyyr .txt{ font-size: 20px; padding-top: 15px;}
	.qyyr-btn{ bottom: 55px;}
	.swiper-qyyr .swiper-slide-active .txt{ font-size: 14px;}

	.history-mess dt{ padding-right: 30px;}
	.swiper-year .swiper-slide span{ font-size: 18px;}
	.swiper-year .swiper-slide.on span{ font-size: 26px;}
	.history-mess{ padding: 40px 50px 0 50px;}
	.history-mess dt span,.history-mess dd span{font-size: 15px;}

	.lxwm-box{ margin: -30px -40px;}
	.lxwm-box .box{ padding: 30px 40px;}
	.lxwm-box .box::before{  top:30px; bottom:30px;}
	.qywh-box dl{padding: 30px 0;}
	.qywh-box dt span{font-size: 22px;}
	.qywh-box dd{font-size: 18px;}

	.lxwm-box .txt{font-size: 15px;}
	.lxwm-box .txt:nth-child(1){ padding-top: 0;}
	.lxwm-box .txt:nth-last-child(1){ padding-bottom: 0;}
	.lxwm-box .txt{padding: 20px 0;}

	.lxwm-box .qr{ padding-right: 0;}


    .swiper-about .full-box{ /*padding-top:80px;*/}

    .history-mess .bd .mess{ height: calc(100vh - 390px);}

}

@media screen and (min-width: 1880px) {
	.qyyr-btn{ bottom: 25px;}
	.swiper-qyyr .swiper-slide-active .txt{ font-size: 18px;}

	.qydsj-bg{/*min-height: 1000px;*/ display: flex; align-items: center; justify-content: center;}
	.qywh-bg{/*min-height: 1080px;*/ display: flex; align-items: center; justify-content: center;}

}



/* 投资者关系 */
@media screen and (min-width: 320px) {
	.tzzgx-tit{ font-size: 30px; font-weight: normal; display: block; line-height: 1.2;}

	.layui-flow-more{ width: 100%; padding-top: 15px;}
	.layui-flow-more a{ width: 100%; display: flex; align-items: center; justify-content: center;}
	.layui-flow-more a cite{ width: 100%; height: 46px; color: #0093F5; display: flex; align-items: center; justify-content: center; background: #EAF1FD; border-radius: 0;}
	.layui-flow-more a:hover cite{background: #036EB8; color: #fff;}
}

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

}

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

}

@media screen and (min-width: 992px) {
	.tzzgx-tit{font-size: 40px; }

	.layui-flow-more{padding-top: 25px;}
	.layui-flow-more a cite{height: 60px;}
}

@media screen and (min-width: 1440px) {
	.gyyz-tit{font-size: 50px; }

	.layui-flow-more{padding-top: 30px;}
}



/* 公司治理 */
@media screen and (min-width: 320px) {
	.faq-list li:nth-last-of-type(1) dl{ border-bottom: solid 1px #E1E1E1;}
	.faq-list dl{ }
	.faq-list dt{ display: flex; align-items: center; padding: 10px 0; border-top: solid 1px #E1E1E1; cursor: pointer;}
	.faq-list dt span{flex: 1; padding: 0 15px;}
	.faq-list dt i{flex-shrink: 0; width: 40px; height: 40px; display: flex; align-items: center; justify-content: center;}

	.faq-list dd{ border-top: solid 1px #E1E1E1; padding: 10px; display: none;}

	.faq-list .on dt{ background: #fff;}
	.faq-list .on dt span{font-weight: bold; color: #036EB8;}
	.faq-list .on dt i{transform: rotate(90deg);}
	.faq-list .on dt i::before{ color: #036EB8;}

	.faq-box-02 .faq-list .on dt{background: #F9F9F9;}
}

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

}

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

}

@media screen and (min-width: 992px) {
	.faq-list dd{ padding: 15px; }
	.faq-list dt i{width: 60px; height: 60px;}
	.faq-list dt i::before{font-size: 18px;}
}

@media screen and (min-width: 1440px) {
	.faq-list dt{font-size: 16px;}
	.faq-list dt span{ padding: 0 20px;}
	.faq-list dd{ padding: 20px 30px; font-size: 16px;}
}



/*客服*/
@media screen and (min-width: 320px) {
    div.qt-layer{width:90% !important; max-width:360px; max-height:80vh; overflow-y:auto;}
    .qt-layer .qt-box + .qt-box{ border-top:solid 1px #eee; border-left:solid 1px #eee;}

    .qt-layer .layui-layer-content{display:flex; flex-wrap:wrap;}
    .qt-layer .qt-box{flex-grow:1;}

	.qt-hide{display:none;}
	.qt-ovh{padding:20px;}
	.qt-list{  overflow:hidden; padding:0 0;}
	.qt-list ul{display:flex; flex-wrap:wrap; margin:-20px -10px;}
	.qt-list li{min-width:50%;flex:1;}
	.qt-list li i::before{ font-size:36px; color:#999; line-height:1;}
	.qt-list li dl{ display:flex; flex-direction:column; align-items:center; padding:20px 10px; position:relative;}
	.qt-list li dl::before{ content:' '; position:absolute; width:0; right:0; top:0; bottom:0; border-left:solid 1px #eee;}
	.qt-list li:nth-last-child(1) dl::before{ display:none;}
	.qt-list li dt{padding-bottom:15px;}
	.qt-list li dd b{display:block; text-align:center; font-size:14px; line-height:1.8; color:#252525;}
	.qt-list li dd span{display:block; text-align:center; font-size:12px; line-height:1.8; color:#999;}
	.qt-list li dd small{display:block; text-align:center; font-size:14px; line-height:1.8; color:#252525;}

	.qt-list li a:hover small{ color:#036EB8; }

	.qt-tit{ padding:20px 20px 0 20px; text-align:center; font-size:20px; font-weight:bold;}

	.qt-close{ position:absolute; right:0; top:0; width:42px; height:42px; display:flex; align-items:center; justify-content:center; cursor:pointer;}
	.qt-close i::before{ font-size:20px;}

	.qt-close:hover i::before{ color:#036EB8;}

	.qt-list dt img{ border:solid 1px #ddd; max-width:120px;}

	.con-ind-ly{padding:20px 10px;}
	.input-ver img{height:34px; cursor:pointer;}
    .mui-yztj{position:relative;}
    .input-ver{position:absolute;top:1px;right:1px;}
    .mui-input-clear{width:100%;border:1px solid #ECECEC;padding:5px 10px;margin-bottom:10px;}
	.ly-name{text-align:center;font-weight:bold;font-size:18px;padding-bottom:15px;}
	.mui-submit-clear{border:none;background-color: #036EB8;color:#FFFFFF;width:120px;padding:5px 0; cursor:pointer;}
	/*.mui-yztj{text-align:center;}*/


}

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

}

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

}

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


    div.qt-layer{ max-width:740px;}
    div.qt-layer-02{ max-width:540px;}
    .qt-layer .qt-box + .qt-box{ border-top:none; border-left:solid 1px #eee;}
    .qt-layer .qt-box{flex:1;}

	.qt-list{ padding:0 0;}
	.qt-list li i::before{ font-size:56px;}
	.qt-list li dt{padding-bottom:10px;}
	.qt-list li dd b{font-size:18px;}
	.qt-list li dd small{display:block; text-align:center; font-size:15px;}
	.qt-list li{min-width:25%;}

	.qt-tit{  font-size:24px; }

	.qt-list li{display: flex; justify-content: center;align-items: center; width: 100%;}
	/*.qt-list li a{width:30%;}*/
	.con-ind-ly{width:100%;}

}

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

}



/*留言表*/
@media screen and (min-width: 320px) {
	.message-box{max-width:980px; padding:15px; background:#fff; border-radius:5px; margin:0 auto;}
	.message-box .tit{ text-align:center; font-size:20px; font-weight:bold; padding-bottom:20px;}
	.message-box input{ height:50px;}
	.message-box textarea{ min-height:150px;}
	.message-box .input-ver{ top:8px;}
}

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

}

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

}

@media screen and (min-width: 992px) {
	.message-box{padding:30px 100px; }
	.message-box .tit{  font-size:28px; padding-bottom:30px;}
	.message-box .mui-input-clear{margin-bottom:20px;}
}

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

}



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

}

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

}

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

}

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

}

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

}




/*--内容盒子--*/
@media screen and (min-width: 320px) {
	.content-box:after{content: ' '; clear: both; width: 0; height: 0; overflow: hidden; display: block;}
	.content-box{ text-align: justify; text-justify:inter-word; font-size: 14px; padding:0; color: #666666; position: relative; z-index: 10; line-height: 2;}
	.content-box *{ line-height: 2; font-size: 14px; }
	.content-box img{max-width: 100%;}

	.contact-bd{ padding: 20px 0;}

	.content-box-t{ padding-top: 15px;}



}

@media screen and (max-width: 991px) {
	.content-box img{width: auto !important; height:auto!important;}
	.content-box video{ width: 100% !important; height:50vw !important;}

}


@media screen and (min-width: 992px) {
	.content-box-t{padding-top: 25px;}
	.contact-bd{ padding: 40px 0;}

}

@media screen and (min-width: 1240px)  {
	.content-box-t{ padding-top: 35px;}
	.contact-bd{ padding: 60px 0;}
}

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





/*弹窗视频*/
@media screen and (min-width: 320px) {
.video-show.layui-layer-iframe{overflow: visible;}
.video-show{ width: 300px !important; height: 175px !important; /* left: 50% !important; top: 50% !important; transform: translate(-50%,-50%) !important; */}

	.video-show .layui-layer-setwin{ right: 0; top: 0;}
	.video-show .layui-layer-setwin .layui-layer-close2{ right: 0; top: -35px;width: 35px; height: 35px; background: #036EB8; font-family:"iconfont" !important;
  font-size:16px;
  font-style:normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; text-align: center; line-height: 35px;}
	.video-show .layui-layer-setwin .layui-layer-close2:before { content: "\e639"; color: #fff; font-size: 14px;}
	div.video-show .layui-layer-content{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #000; overflow: visible;}
	.jcsp-video{display: none;}
	.video-show video{display: block;}
	.video-show video{ width: 100%; height: 100%;}

}



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

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

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

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

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

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





/* @media screen and (min-width: 1440px) {
body::before{ content: ' '; background-image: url(../pic/10-2媒体关注.jpg); width: 100%; height: 4400px; background-position: center top; position: absolute; z-index: 999; opacity: .2; pointer-events: none; background-repeat: no-repeat;}

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

.no-tips{ padding: 20px; color: #999; background:#f4f4f4; border-radius:8px; display: flex; align-items: center; justify-content: center; font-size: 16px; margin:0 auto; margin-top:50px;}


@media screen and (min-width: 320px) {
	.qywh-video{width: 100%; height: 56.25vw; background: #000;}

	i.pic-scale-ygfc{ padding-bottom: 56.25%;}
	i.pic-scale-ygfc-02{ padding-bottom: 63.415%;}
	.swiper-ygfc{position: relative;}
	.swiper-ygfc .swiper-slide{position: relative;}
	.swiper-ygfc .swiper-slide .bg{ position: absolute; left: 0; bottom: 0; right: 0; height: 46px; display: flex; align-items: center; padding: 0 100px 0 15px; background: rgba(0,0,0,.7);}
	.swiper-ygfc .swiper-slide .bg .tit{color: #fff; overflow: hidden; -ms-text-overflow: ellipsis;
	text-overflow: ellipsis; white-space: nowrap;}

	.swiper-ygfc .ygfc-pagination{ position: absolute; right: 15px; bottom: 12px; z-index: 9; width: auto; left: auto;}
	.swiper-ygfc .ygfc-pagination span{ width: 8px; height: 8px; background: #FFFFFF; border-radius: 4px; opacity: 1;}
	.swiper-ygfc .ygfc-pagination span.swiper-pagination-bullet-active{ background: #0C6DB5; width: 20px;}

	.swiper-ygfc .ygfc-btn{position: absolute; top: 50%; width: 30px; height: 60px; margin-top: -30px; z-index: 9; display: flex; align-items: center; justify-content: center; background: rgba(0,0,0,.7); cursor: pointer;}
	.swiper-ygfc .ygfc-prev{ left: 0; }
	.swiper-ygfc .ygfc-next{ right: 0; }

	.swiper-ygfc .ygfc-prev i::before,.swiper-ygfc .ygfc-next i::before{ color: #fff; font-size: 20px;}

	.swiper-ygfc .ygfc-btn:hover{ background: #036EB8;}
}

@media screen and (min-width: 992px) {
	.qywh-video{height: 540px;}
}

@media screen and (min-width: 1440px) {
	.qywh-video{height: 720px;}
	.swiper-ygfc .swiper-slide .bg{height: 60px;}
	.swiper-ygfc .swiper-slide .bg .tit{font-size: 18px;}
	.swiper-ygfc .swiper-slide .bg{ padding: 0 120px 0 20px;}

	.swiper-ygfc .ygfc-btn{width: 50px; height: 90px; margin-top: -45px;}
	.swiper-ygfc .ygfc-prev i::before,.swiper-ygfc .ygfc-next i::before{ font-size: 22px;}
	.swiper-ygfc .ygfc-pagination{ right: 20px; bottom: 18px;}
}




/* 产品内页 */
@media screen and (min-width: 320px) {

	.pro-bg{ background-color: #000; background-position: center; background-size:cover;}
	.pro-bg-min{ position: relative; background-position: center; background-size:cover;}
	.pro-bg-min::before{ content: ' '; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: #000; opacity: .7;}

	.pro-tit{ text-align: center; display: flex; align-items: center; justify-content: center; flex-direction: column; padding-bottom: 30px;}
	.pro-tit .tit{ color: #fff;line-height: 1.4; font-size: 20px;}
	.pro-tit hr{ width: 50px; height: 3px; background: #0093F5; margin: 0; margin-top: 5px;}
	.pro-tit .sub-tit{ text-align: center; color: #fff; font-weight: bold; padding-top: 10px; font-size: 14px;line-height: 1.8;}

	.pro-box{ padding: 30px 0; position: relative; z-index: 2;}

	.pro-box-00 dt{max-width:70%; margin:0 auto;}
	.pro-box-00 dd{ padding-top: 20px;}
	.pro-box-00 .tit{ font-size: 20px; font-weight: normal; display: block; text-align: center; line-height: 1.4; font-family:AGZY-R;}
	.pro-box-00 .sub-tit{ font-size: 20px; font-weight: bold; display: block; text-align: center; line-height: 1.4;}

	i.pic-scale-trait{ padding-bottom: 56.222%; background: #fff;}

	.pro-list-01 ul{ margin: -5px; display: flex; flex-wrap: wrap; justify-content:center;}
	.pro-list-01 li{ padding: 5px; flex-basis: 50%; flex-shrink: 0;}
	.pro-list-01 li .shade{ position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: #000; opacity: .5;}
	.pro-list-01 li .tit{ position: absolute; left: 0; top: 50%; width: 100%; transform: translateY(-50%); padding: 0 15px; font-style: normal; text-align: center; color: #fff; z-index: 2; font-size:14px;}

	i.pic-scale-pro{ padding-bottom: 70%;}

	.pro-img{ width: 100%; max-width: 70%; margin: 0 auto;}

	.pro-list-02{ padding-top: 20px;}
	.pro-list-02 ul{ max-width: 1100px; margin: 0 auto; display: flex; flex-wrap: wrap;}
	.pro-list-02 li{ padding: 10px 5px; flex-basis: 50%; flex-shrink: 0;}
	.pro-list-02 .icon{width: 80px; margin: 0 auto; height: auto !important;}
	.pro-list-02 .tit{ display: block; text-align: center; color: #FFF; font-size: 12px; padding-top: 5px; line-height: 1.4;}

	.pro-list-03{ padding-bottom: 20px; overflow:hidden; max-width:800px; margin:0 auto;}
	.pro-list-03 ul{ display: flex; flex-wrap: wrap; margin: -5px -10px; display: flex; align-items: center; justify-content: center;}
	.pro-list-03 li{ padding: 5px 10px; color: #fff; position:relative; font-size:14px;}
	.pro-list-03 li::before{content:' '; position: absolute; right: 0; top: 50%; margin-top:-8px; height:16px; width: 1px; z-index: 2; background:none;}
	.pro-list-03 li:nth-last-child(1)::before{display:none;}
	.pro-box-04{ padding: 70px 0;}

	.pro-box-05{ padding: 0;}
	.pro-img-bg-box{ position: relative;}
	.pro-img-tit{ position: absolute; left: 0; top: 14.8vw; width: 100%; z-index: 2;}
	.pro-img-bg{ position: relative;}
	.pro-img-bg::before{ content: ' '; background-image: linear-gradient(rgba(0,0,0,1),rgba(0,0,0,.25), rgba(0,0,0,1)); position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 1 !important;}
	.pro-img-bg img{width: 100%; position: relative;}

	.pro-video { margin: 0 auto; max-width: 1100px; position: relative; }
	.pro-video .shade { position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.5); z-index: 2; cursor: default; display: flex; align-items: center; justify-content: center; }
	.pro-video .play { width: 60px; height: 60px; background: rgba(255,255,255,0.9); border-radius: 50%; position: relative; transition: all 0.3s ease; cursor: default; }
	.pro-video .play:before { content: ''; position: absolute; left: 55%; top: 50%; transform: translate(-50%, -50%); border-style: solid; border-width: 12px 0 12px 20px; border-color: transparent transparent transparent #036EB8; }
	.pro-video .play:hover { transform: scale(1.1); background: rgba(255,255,255,1); }
	.pro-video video { width: 100%; height: auto; display: block; background: #000; }
	.pro-video .loading-indicator { position: absolute; left: 50%; top: 120%; transform: translateX(-50%); color: #fff; font-size: 14px; white-space: nowrap; text-shadow: 0 1px 2px rgba(0,0,0,0.5); }
	.pro-video .play:before { content: ''; position: absolute; left: 55%; top: 50%; transform: translate(-50%, -50%); border-style: solid; border-width: 12px 0 12px 20px; border-color: transparent transparent transparent #036EB8; }
	.pro-video .play:hover { transform: scale(1.1); background: rgba(255,255,255,1); }
	.pro-video video { width: 100%; height: auto; display: block; background: #000; }
	.pro-video video{width: 100%;}
	.pro-video .shade{ background: rgba(0,0,0,.5); position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 2; cursor: pointer;}
	.pro-video .play{ background-image: url(../img/play-btn@2x.png); width: 80px; height: 80px; -webkit-background-size: cover;
	background-size: cover; position: absolute; left: 50%; top: 50%; margin-left: -40px; margin-top: -40px; z-index: 2;}

	.pro-box-08{ padding: 0;}
	.pro-max-img img{width: 100%;}

	i.pic-scale-pro-case{ padding-bottom: 56.2308%;}
	.pro-pic-swpier-bd{ margin: 0 auto; padding: 0 50px; position: relative;}
	.pro-pic-swpier-bd .shade{ position: absolute; left: 0; bottom: -1px; width: 100%; height: 50%; background-image: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,.8));}
	.pro-pic-swpier-bd .tit{ position: absolute; left: 0; bottom: 15px; width: 100%; white-space: nowrap; overflow: hidden; -ms-text-overflow: ellipsis;
	text-overflow: ellipsis; padding: 0 15px; color: #fff; font-style: normal; line-height: 1;}

	.pro-pic-swpier-bd .pro-pic-prev{ position: absolute; left: 0; top: 50%; transform: translateY(-50%); cursor: pointer;}
	.pro-pic-swpier-bd .pro-pic-next{ position: absolute; right: 0; top: 50%; transform: translateY(-50%); cursor: pointer;}
	.pro-pic-swpier-bd .pro-pic-prev i::before,.pro-pic-swpier-bd .pro-pic-next i::before{ color: #fff; opacity: .5;}
	.pro-pic-swpier-bd .pro-pic-prev:hover i::before,.pro-pic-swpier-bd .pro-pic-next:hover i::before{ opacity: 1;}

	.pro-mess+.pro-mess{ border-top: solid 1px #AAA;}
	.pro-mess .tit{ font-size: 20px; line-height: 1; font-weight: bold;}
	.pro-mess .cont{ padding-top: 20px;}
	i.pic-scale-pro-mess{ padding-bottom: 70%;}

	.pro-mess-list-01 ul{display: flex; flex-wrap: wrap; margin: -10px;}
	.pro-mess-list-01 li{ flex-basis: 50%; padding: 10px;}
	.pro-mess-list-01 li span{text-align: center; display: block;}

	.pro-mess-list-02 dl{ display: flex; }
	.pro-mess-list-02 dt{flex-basis: 140px; font-weight: bold;}

	.pro-flex-row .pro-tit .sub-tit{ font-size: 14px;}
	.pro-img-bg-box .pro-tit .sub-tit{ font-size: 14px;}
}

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

	.pro-img{  max-width: 700px;}

	.pro-box{ padding: 70px 0;}
	.pro-tit{ padding-bottom: 40px;}
	.pro-tit .tit{ font-size: 40px;}
	.pro-tit .sub-tit{ padding-top: 10px; font-size: 18px;}

	.pro-box-00 dl{display: flex; flex-direction: row-reverse; align-items: center;}
	.pro-box-00 dt{flex-basis: 57.143%; flex-shrink: 0;}
	.pro-box-00 dd{flex-basis: 42.857%; padding: 0 0 0 0;}
	.pro-box-00 .tit{text-align: left; font-size: 40px;}
	.pro-box-00 .sub-tit{text-align: left; font-size: 40px;}

	.pro-list-01 ul{ margin: -12px;}
	.pro-list-01 li{ padding: 12px; flex-basis: 33.33333%;}
	.pro-list-01 li .tit{font-size: 18px;}

	.pro-list-02{ padding-top: 40px;}
	.pro-list-02 li{ flex-basis: 25%; padding: 30px 10px;}
	.pro-list-02 .tit{ font-size: 14px; padding-top: 10px; font-size: 16px;}

	.pro-list-03{ padding-bottom: 40px;}
	.pro-list-03 ul{ margin: -5px -20px;}
	.pro-list-03 li{ padding:5px 20px; font-size: 18px;}


	.pro-box-04{ padding: 100px 0;}
	.pro-box-04 .pro-tit{flex-basis: 38.774%; flex-shrink: 0;}
	.pro-box-04 .pro-img{flex-basis: 61.226%;}

	.pro-flex-row{display: flex; flex-direction: row; justify-content: space-between; align-items: center;}
	.pro-flex-row .pro-tit{ flex:1; align-items: flex-start; text-align: left; padding-bottom: 0;}
	.pro-flex-row .pro-tit .sub-tit{ font-weight: normal; font-size: 18px; text-align: left;}

	.pro-box-05{ padding: 0;}
	.pro-img-bg-box .pro-tit .sub-tit{ font-weight: normal; font-size: 18px;}

	.pro-video .play{ width: 130px; height: 130px; -webkit-background-size: cover; margin-left: -65px; margin-top: -65px;}


	.pro-box-08{ padding: 0;}

	.pro-pic-swpier-bd .tit{ font-size: 18px; padding: 0 25px; bottom: 25px; }

	.pro-mess-list-01 ul{ margin: -20px;}
	.pro-mess-list-01 li{ padding: 20px;}

	.pro-mess{display: flex;}
	.pro-mess .tit{flex-basis: 200px; font-size: 32px;}
	.pro-mess .cont{flex: 1; padding-top: 0;}
	.pro-mess-list-01 li{flex-basis: 33.33333%;}
	.pro-mess-list-01 li span{font-size: 16px;}
	.pro-mess-list-01 li{}

	.pro-mess-list-02 ul{ margin: -10px; display: flex; flex-wrap: wrap;}
	.pro-mess-list-02 li{ padding: 10px; flex-basis: 50%; flex-shrink: 0;}
	.pro-mess-list-02 dt{color: #000;}
	.pro-mess-list-02 dd{color: #666;}

	.pro-mess-list-02 dt{font-size: 16px;}
	.pro-mess-list-02 dd{font-size: 16px;}
}

@media screen and (min-width: 1440px) {
	.pro-tit{ padding-bottom: 50px;}
	.pro-tit .tit{ font-size: 50px;}
	.pro-tit .sub-tit{ padding-top: 30px; font-size: 22px;}

	.pro-list-01 li .tit{font-size: 22px;}

	.pro-box{ padding: 100px 0;}
	.pro-box-00 .tit{ font-size: 50px;}
	.pro-box-00 .sub-tit{ font-size: 50px;}

	.pro-list-02{ padding-top: 50px;}
	.pro-list-02 ul{ margin-bottom: -10px;}
	.pro-list-02 li{ padding: 40px 15px;}
	.pro-list-02 .tit{font-size: 18px;}

	.pro-list-03{ padding-bottom: 50px;}
	.pro-list-03 ul{ margin: -5px -30px;}
	.pro-list-03 li{ padding:5px 30px; font-size: 22px;}

	.pro-box-04{ padding: 155px 0;}
	.pro-flex-row .pro-tit .sub-tit{ font-size: 22px;}

	.pro-box-05{ padding: 0;}
	.pro-img-bg-box .pro-tit .sub-tit{ font-size: 22px;}


	.pro-box-08{ padding: 0;}

	.pro-pic-swpier-bd .tit{ font-size: 22px; padding: 0 40px; bottom: 35px; }
	.pro-mess .tit{flex-basis: 350px; font-size: 50px;}

	.pro-mess-list-01 ul{ margin: -30px;}
	.pro-mess-list-01 li{ padding: 30px;}

	.pro-mess-list-01 li span{font-size: 18px;}


	.pro-mess-list-02 dt{font-size: 18px;}
	.pro-mess-list-02 dd{font-size: 18px;}

}





/* 产品内页 */
@media screen and (min-width: 320px) {
	.search-box{ padding: 30px 0;}
	.search-tit{display: flex; flex-direction: column; align-items: center; justify-content: center;}
	.search-tit .tit{font-size: 24px; font-weight: bold; color: #000; padding-bottom: 10px;display:none;}
	.search-tit .inp{border: solid 2px #252525; height: 40px; border-radius: 30px; display: flex; overflow: hidden;}
	.search-tit .inp input{height: 100%; border: none;background: none; padding: 0 20px; flex: 1;}
	.search-tit .inp button{padding: 0 15px; display: flex; align-items: center; justify-content: center; cursor: pointer; border: none; background: none; position: relative;}
	.search-tit .inp button i{ padding-right: 5px;}
	.search-tit .inp button i::before{ color: #252525;}
	.search-tit .hot{padding-top: 10px; align-items:center;display:none;}

	.search-box .search-radio{ padding-left:10px;}

	.search-tit .inp button span::before{ content: ' '; height: 20px; width: 1px; background: #DCDCDC; position: absolute; left: 0; top: 50%; margin-top: -10px;}
	.search-tit .inp button:hover i::before,.search-tit .inp button:hover span{color: #036EB8;}
	.search-tit .hot{display: flex;display:none;}
	.search-tit .hot dt{ flex-shrink: 0; font-weight: bold;}
	.search-tit .hot dd{display: flex; flex-wrap: wrap;}
	.search-tit .hot dd a{margin-left: 10px; color: #85898C;}
	.search-tit .hot dd a:hover{color: #036EB8;}
	.search-tit .hot .on{color:#036EB8;}

	.search-list{ padding-top: 15px;}

	.search-tabs{ color: #252525;}
	.search-tabs .tabs-btn{ overflow: hidden;}
	.search-tabs .hd{border-bottom: solid 1px #7E7E7E; display: flex; margin-left: -15px; margin-bottom: 10px;}
	.search-tabs .hd a{font-size: 16px; line-height: 40px;}
	.search-tabs .hd .on a{ border-bottom: solid 3px #0093F5; margin-bottom: -1px; display: block; font-weight: bold; color: #252525;}
	.search-tabs .hd span{ padding-left: 15px; display: block;}
	/*.search-tabs .list li{ line-height: 48px; border-bottom: solid 1px #E4E4E4; overflow: hidden; -ms-text-overflow: ellipsis;
	text-overflow: ellipsis; white-space: nowrap;}*/

	.contrast-fixed{ position:fixed; width:100%; background:#fff; box-shadow:0 3px 13px rgba(0,0,0,.1); left:0; top:0; z-index:10;}

	.contrast-fixed-img{ display:none;}

	.search-list dl{ display:flex; padding:10px 0;}
	.search-list dl dt{ flex-basis:130px; flex-shrink:0; padding-right:10px;}
	.search-list dl dd{flex:1; min-width:0;}
	.search-list dl dd .tit{display:block; white-space: wrap;}
	.search-list dl dd .des{display: none;}
  .search-list dl dd .time{ color:#999; display:block; font-size:12px;}
  .search-list a:hover dd .tit{ color:#036EB8;}
}

@media screen and (min-width: 992px) {
	.search-tit .tit{font-size: 40px;}
	.search-box{ padding:150px 0 70px 0;}
	.search-tit .inp{height: 60px; width: 600px;}
	.search-tit .hot{ padding-top: 20px;}
	.search-tit .hot dt{font-size: 16px;}
	.search-tit .hot dd a{ margin-left: 30px; font-size: 16px;}
	.search-tabs .hd a{font-size: 18px;}
	.search-tabs .hd{ margin-left: -30px;}
	.search-tabs .hd span{ padding-left: 30px;}
	.search-tabs .hd a{ line-height: 60px;}
	.search-tabs .list li{ line-height: 60px;}
	.search-tabs .list li a{font-size: 18px;}

	.contrast-fixed{ transform:translateY(-100%); transition:.3s; top:60px;}
	.contrast-fixed-img{ padding-left:110px; display:flex; }
	.contrast-fixed-img dl{ display:flex; align-items:center; padding:15px 20px; flex:1;}
	.contrast-fixed-img dt{ width:130px;}
	.contrast-fixed-img dd{ padding-left:15px;}
	.contrast-fixed-img dd b{ display:block; font-size:16px; font-weight: normal;}
	.contrast-fixed-img dd span{ display:block; font-size:16px;}

	.contrast-fixed-show{  transform:translateY(0);}


	.search-list dl dd .des{ color:#666; font-size:14px; overflow : hidden;
	text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;}

	.search-list dl{ display:flex; padding:15px 0;}

    .search-list dl dt{ flex-basis:260px;  padding-right:20px;}
  .search-list dl dd .time{ font-size:14px;}
}

@media screen and (min-width: 1440px) {
	.search-tit .tit{font-size: 50px;}
	.search-box{ padding:180px 0 100px 0;}
	.contrast-fixed{ top:80px;}
}


/* 产品对比 */
@media screen and (min-width: 320px) {
	.sel-box{display:flex; margin:0 -5px;}
	.sel-box .contrast-sel{flex:1; padding:0 5px;}
	.sel-tit{padding-bottom:10px; text-align:center; font-weight:bold; font-size:20px; color:#000;}
	.contrast-bd{ padding:30px 0;}

	.contrast-scroll{overflow:auto; padding-bottom:10px;}
	/*.contrast-max{min-width:480px;}*/
	.contrast-img{ display:flex; padding-top:20px;}
	.contrast-img div{padding:0 15px; flex:1;}

	.contrast-table{width:100%;border-left:solid 1px #E4E4E4; border-top:solid 1px #E4E4E4;}
	.contrast-table ul{  display:flex;}
	.contrast-table li{ border-right:solid 1px #E4E4E4; border-bottom:solid 1px #E4E4E4; padding:10px 3px; font-size:12px; color:#666;  flex:1; display:flex; align-items:center;}
	.contrast-table .tit{ flex:0; flex-basis:80px; background:#FBFBFB; color:#000;}

	.contrast-min-tit{ padding-top:20px;}
	.contrast-min-tit b{ font-weight:normal; font-size:18px;}
	.contrast-min-tit hr{ background:#E8E8ED; margin:0 0 10px 0;}
}

@media screen and (min-width: 992px) {
    .contrast-bd{ padding:60px 0;}
	.sel-tit{ font-size:40px; padding-bottom:40px;}

	.contrast-sel .layui-input{height: 50px;}
	.contrast-sel .layui-form-select dl{ top: 54px;}
	.contrast-sel .layui-form-selectup dl{ top:auto; bottom: 54px;}
	.contrast-sel .layui-form-select .layui-input{ font-size:16px; padding-left:15px;}

	.sel-box{display:flex; margin:0; padding-left:100px;}
	.sel-box .contrast-sel{ padding:0 40px;}

	.contrast-img{ padding-top:30px;  padding-left:100px;}
	.contrast-img div{padding:0 40px;}

	.contrast-table .tit{ flex-basis:140px;}
	.contrast-table li{ padding:15px 15px; font-size:15px;}

	.contrast-min-tit{ padding-top:40px;}
	.contrast-min-tit b{ font-size:22px;}
	.contrast-min-tit hr{ margin-bottom:20px; margin-top:5px;}
}

@media screen and (min-width: 1440px) {
    .contrast-bd{ padding:80px 0;}
	.sel-tit{ font-size:50px; padding-bottom:60px;}

	.contrast-sel .layui-input{height: 60px;}
	.contrast-sel .layui-form-select dl{ top: 64px;}
	.contrast-sel .layui-form-selectup dl{ top:auto; bottom: 64px;}
	.contrast-sel .layui-form-select .layui-input{ font-size:18px; padding-left:20px;}

	.sel-box .contrast-sel{ padding:0 60px;}

	.contrast-img div{padding:0 60px;}

	.contrast-min-tit{ padding-top:70px;}
	.contrast-min-tit b{ font-size:28px;}
	.contrast-min-tit hr{ margin-bottom:30px; margin-top:10px;}
}


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

}

@media screen and (min-width: 992px) {
	.page-name{ top:-80px; position:relative; display:block;}
}

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

}




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

}

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

}

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

}


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

}

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

}

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

}