/*滚动条样式*/
::-webkit-scrollbar{width:8px;height:8px}
::-webkit-scrollbar-track{background:#ccc}
::-webkit-scrollbar-thumb{height:60px;background:#003586}
::-webkit-scrollbar-thumb:window-inactive{background:#003586}
::-webkit-scrollbar-thumb:vertical:hover{background:#003586}
body{position: relative;font-family:"微软雅黑",Arial;transition: all 0.5s;min-width:320px;width:100%;overflow-x: hidden;}
html,body{height:100%;}
.clearfix:after{content: ".";display: block;height: 0;clear: both;overflow: hidden;visibility: hidden;}
.clearfix{zoom:1}
.clearboth{height:0px;line-height:0px;overflow:hidden;clear:both;font-size:0px;}
em,i{font-style:normal}
input,textarea,img,button,select{outline: none;color:#333;}
.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus,a:focus{outline: none;outline-offset:0;}
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6,p,dl{margin:0}
ul{padding:0;margin:0;}
li{list-style:none;}
a{color:#333;}
a:focus,a:hover{text-decoration:none;color:#333;}
textarea{resize: none;}
.Animation{-webkit-transition:all 0.7s;transition:all 0.7s;opacity:0;-webkit-transition-delay:.3s;transition-delay:.3s}
.section{position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:center;align-items:center;}
.img{position:relative;overflow:hidden;}
.img img{display:block;width:100%;transition:all .5s}
.fl{float:left;}
.fr{float:right;}
.clamp2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.overflowY{overflow-y:hidden;}
.bgGrey{background:#f9faff}
.indexPadding{padding-top:60px;}
body{padding-top:108px;}
.ct2-mn {float: right;width:960px;}
.pc-slide{float:left;width:410px;}
.img-center{ text-align:center;}
.img-center img {display: inline-block;width: auto;height: auto;max-width: 100%;max-height: 100%;vertical-align: middle;transition: all 0.5s;}
.view .swiper-slide .img-center {width:100%;line-height:400px;border:1px solid #ddd; padding:4px;}
.view{ padding:0px; margin:0px;}
.view .swiper-container{width:100%;}
.preview{width:100%;margin-top:10px;position:relative;}
.preview .swiper-container{margin:0 30px;}
.preview .swiper-slide .img-center{border:1px solid #ddd;cursor:pointer;position:relative;line-height:100px; padding:2px;}
.preview .arrow-left{background:url(/images/feel3.png) no-repeat left top;position:absolute;left:0;top:50%;margin-top:-9px;width:9px;height:18px;z-index:10;}
.preview .arrow-right{background:url(/images/feel4.png) no-repeat left bottom;position:absolute;right:0;top:50%;margin-top:-9px;width:9px;height:18px;z-index:10;}
.preview .active-nav .img-center{border-color: #bf102f;}
div.zoomDiv {z-index: 999;position: absolute;top: 0;left: 0;background: #ffffff;border: 1px solid #ddd;display: none;text-align: center;overflow: hidden;font-size: 0;}
div.zoomMask {position: absolute;background: url(mask.png) repeat scroll 0 0 transparent;cursor: move;z-index: 1;}
.yunu-showcase {margin: 0 0 40px;}
.yunu-showcase-info {margin-left: 430px;}
.yunu-showcase-info h1 {font-size: 24px;margin: 0 0 30px;font-weight: normal;}
.yunu-showcase-info p {margin: 5px 0 0;color: #666;line-height: 1.8;min-height: 250px;}
.yunu-showcase-info .tel {border-top: 2px solid #e6e6e6;margin-top: 15px;padding-top:15px;height:42px;line-height:22px;font-size:20px;}
.yunu-showcase-info .tel strong {color:#bf102f;line-height:40px;}
.yunu-showcase-info .tel a {float: right;line-height: 42px;padding: 0 25px;background-color: #333;color: #fff;}
.prod-menu {margin-bottom: 20px;border-bottom: 3px solid #bf102f;}
.prod-menu li {float: left;margin-right:7px;}
.prod-menu li a {display: block;padding:0 30px;line-height:40px;border: 1px solid #ddd;border-bottom: 0;border-radius:5px 5px 0 0;background-color:#F1F1F1;font-size:16px; font-weight:bold;}
.prod-menu li.active a {background-color: #bf102f;color: #fff;}
.yunu-infocontent-body {line-height: 2; padding-bottom:20px;}
.yunu-infocontent-body img {max-width: 100% !important;height: auto !important;width: auto !important;}
.yunu-infocontent-epx {margin-bottom: 20px;}
.yunu-infocontent-epx li {line-height: 32px;margin-bottom: 5px;}
.yunu-infocontent-epx li span {display: inline-block;background-color: #A2A2A2;color: #fff;padding: 0 15px;margin-right: 10px;}
.yunu-infocontent-epx li em {float: right;font-style: normal;}
.yunu-infocontent-body h3{font-size:18px; color:#003586;font-weight:bold;padding-top:10px; padding-bottom:10px;}
.yunu-infocontent-body table{
    margin-top:10px;
    margin-bottom:10px;
	width: 100%;
	empty-cells: show;
	border-collapse: collapse;
    border: 1px solid #ccc;
    width: 100%;
}
.yunu-infocontent-body table td,.yunu-infocontent-body table th {
    padding:5px 10px;
    border:1px solid #ccc;
    border-collapse: collapse;
	vertical-align: middle;
}
.yunu-infocontent-body table td p{ margin:0px;}
.yunu-infocontent-body table tr td {
    font-size: 14px;
    padding:5px 0;
    color: #444444;
    text-align: center;
    line-height:26px;
	background: rgba(96, 96, 96, 0.01);
}
.yunu-infocontent-body table tr:nth-child(1) td {
    font-size: 16px;
    padding:8px 0;
    text-align: center;
    background:#e9faff;
    font-weight: 600;
    color:#0082ff;
    line-height:22px;
}
.yunu-infocontent-body table tr:nth-child(2) td {
    font-size: 14px;
    padding:6px 0;
    text-align: center;
    background:#f3f3f3;
    font-weight: 600;
    color: #444444;
    line-height:22px;
}
@media (max-width: 767px) {
body{padding-top:60px;}
	.PC_show{display:none!important;}
	.ct2-mn {float: none !important;width:100%;}
	.yunu-showcase {margin-bottom: 30px;}
    .pc-slide {float: none;width: auto;}
    .view .swiper-slide .img-center {height:260px;line-height:250px;}
    .yunu-showcase-info {margin: 20px 0 0;}
    .yunu-showcase-info h1 {margin-bottom:10px;font-size:20px;}
	.yunu-infocontent-body h3{font-size:18px;font-weight:bold;padding-top:10px; padding-bottom:10px;}
    .yunu-showcase-info p {margin-top: 10px;min-height: auto;}
    .yunu-showcase-info .tel {font-size: 14px;}
    .yunu-showcase-info .tel strong {font-size: 18px;}
	.yunu-infocontent-title h1 {font-size: 18px;}
    .yunu-infocontent-desc {padding: 10px;}
    .yunu-infocontent-epx li {line-height: 24px;}
    .yunu-infocontent-epx li span {font-size: 12px;padding: 0 5px;margin-right: 5px;}
    .yunu-infocontent-epx li em {display: none;}
	.prod-menu {margin-bottom: 15px;}
    .prod-menu li {margin-right: 5px;}
    .prod-menu li a {font-size: 14px;line-height: 34px;padding: 0 15px;}
}
@media (min-width: 768px) {
	.Min_show{display:none!important;}
	.indexPadding,body{padding-top:110px;}
}
@media (min-width: 992px) {.indexPadding,body{padding-top:120px;}}
@media (min-width: 1200px) {.container{width:1300px;}}
@media (min-width: 1450px) {.container{width:1340px;}}
@media (min-width: 1650px) {.container{width:1360px;}}
/*导航*/
.navbar-default {
	background-color:transparent;
	border: 0;
	border-radius: 0;
	margin-bottom: 0;
	/* box-shadow: 0 0 12px rgba(0,0,0,.3); */
	transition: all 0.5s;
	background-color:#fff;
	box-shadow: 0 0 5px rgba(0,0,0,.1);
}
.navbar-brand {
	height: auto;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right:0;
	padding-left:0px;
	display: flex;
	align-items: center;
	transition: all 0.5s;
}
.navbar-brand img {
	display: block;
	height:60px;
	transition: all 0.5s;
}
.navbar-brand h1{font-size:14px;color:#333;margin-left:10px;font-weight: 700;line-height:1.4;}
.navbar-brand h1>span{color:#003586}
.navbar-default .navbar-toggle {
	border: 0;
}
.navbar-default .navbar-toggle .icon-bar {
	background-color: #003586;
	-webkit-transition: all .5s;
	transition: all .5s;
}
.navbar-default .navbar-toggle:focus,
.navbar-default .navbar-toggle:hover {
	background-color: transparent;
}
.navbar-default .icon-bar:nth-child(1){width:22px;}
.navbar-default .icon-bar:nth-child(3){width:22px;}
.navbar-default .menu_close .icon-bar:nth-child(1) {
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	position: relative;
	top: 6px;
	width:22px;}
.navbar-default .menu_close .icon-bar:nth-child(2) {display: none;}
.navbar-default .menu_close .icon-bar:nth-child(3) {-webkit-transform: rotate(-45deg);transform: rotate(-45deg);width:22px;}
.navbar-default .navbar-nav>li>a {
	line-height:20px;
	display: block;
	color: #333;
	text-transform: uppercase;
	position: relative;
	transition: all .5s;
	font-weight: 700;}
.navbar-default .navbar-nav>li>a>i{display: none;}
.navbar-default .nav>li>a:focus,
.navbar-default .nav>li>a:hover,
.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:focus,
.navbar-default .navbar-nav>.open>a:hover,
.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:focus,
.navbar-default .navbar-nav>.active>a:hover {
	color: #003586;
	background-color: transparent;
}
.navbar-default .nav>li>a:hover::after,
.navbar-default .nav>.active>a::after{width:100%;}
.navbar-collapse::-webkit-scrollbar {
	width: 2px;
	height:2px;
}
.header .navbar-fixed-bottom .navbar-collapse,
.header .navbar-fixed-top .navbar-collapse {
	max-height: calc(100vh - 70px);
	height: calc(100vh - 70px);
}
.header .container{position: relative;}
/* 二级导航 */
.navbar-default .dropdown-menu{border:none;left:50%;right:auto;background:rgba(255,255,255,0.95);top:100%;padding:0;-webkit-transform: translateX(-50%);transform: translateX(-50%);overflow: hidden;}
.navbar-default .dropdown-menu a{font-size:13px;color:#333;padding:12px 10px;text-align:center;border-bottom:1px solid rgba(0,0,0,0.1);-webkit-transition:all .36s;transition:all .36s;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight: 700;}
.navbar-default .dropdown-menu li:last-child a{border-bottom:none;}
.navbar-default .dropdown-menu a:hover{color:#fff;background:#003586;}
.headerEffect .navbar-default{transform: translateY(-40px);}
.navbar-top{background:#003586;color:#fff;line-height:30px;padding:5px 0; display:block;}
.navbar-top a{color:#fff;}
.navbar-top>div{display: flex;justify-content: space-between;flex-flow: row wrap;}
.navbar-top>div:before,
.navbar-top>div:after{display: none;}
.navbar-contact{display: flex;flex-flow: row wrap;}
.navbar-contact a{display: flex;align-items: center;}
.navbar-contact a>img{margin-right:5px;}
.navbar-contact a:not(:first-child){margin-left:15px;}
@media (max-width: 991px) {
	.navbar-top>div{justify-content: center;}
	.navbar-welcome{display: none;}
	.navbar-header{float:none;}
	.navbar-default .navbar-toggle{margin:19px 10px;display: block;}
	.navbar-collapse{border-top:1px solid #ccc;}
	.navbar-collapse.collapse{display: none!important;}
	.navbar-collapse.collapse.in{overflow-y:auto!important;display: block!important;}
	.navbar-default .navbar-nav{float:none!important;margin:0 0 15px;}
	.navbar-default .navbar-nav>li{float:none;padding:0;}
	.navbar-default .navbar-nav>li>a{padding:12px 10px;border-bottom:1px solid #ccc}
	.navbar-nav .open>a, .navbar-nav .open>a:focus, .navbar-nav .open>a:hover{border-bottom-color:#ccc;}

	.minHeaderEffect .navbar-default .navbar-toggle .icon-bar{background:#003586;}
	.minHeaderEffect .navbar-default{background-color:#fff;box-shadow: 0 0 5px rgba(0,0,0,.1);}
	.minHeaderEffect .navbar-default .navbar-nav>li>a{color:#333;}
	.minHeaderEffect .navbar-default .nav>li>a:focus,
	.minHeaderEffect .navbar-default .nav>li>a:hover,
	.minHeaderEffect .navbar-default .navbar-nav>.open>a,
	.minHeaderEffect .navbar-default .navbar-nav>.open>a:focus,
	.minHeaderEffect .navbar-default .navbar-nav>.open>a:hover,
	.minHeaderEffect .navbar-default .navbar-nav>.active>a,
	.minHeaderEffect .navbar-default .navbar-nav>.active>a:focus,
	.minHeaderEffect .navbar-default .navbar-nav>.active>a:hover{color: #003586;background-color: transparent;border-bottom-color:#003586;}
	.minHeaderEffect .navbar-top-search{background-image: url(../images/icon/search.png);}
	
	/* 二级导航 */
	.navbar-default .navbar-nav>.dropdown>a>i{position: absolute;width:14px;height:14px;right:5px;top:50%;margin-top:-7px;display: block;}
	.navbar-default .navbar-nav>.dropdown>a>i:before,
	.navbar-default .navbar-nav>.dropdown>a>i:after{content: '';position: absolute;background:#999;transition: all 0.3s;}
	.navbar-default .navbar-nav>.dropdown>a>i:before{width:100%;height:2px;left:0;top:50%;margin-top:-1px;}
	.navbar-default .navbar-nav>.dropdown>a>i:after{width:2px;height:100%;left:50%;margin-left:-1px;}
	.navbar-default .navbar-nav>.dropdown.open>a>i:before,
	.navbar-default .navbar-nav>.dropdown.open>a>i:after{background:#003586;}
	.navbar-default .navbar-nav>.dropdown.open>a>i:after{height:0;}
	
	.navbar-default .dropdown-menu{position: static;width:100%;margin:0;float:none;-webkit-box-shadow: 0 0 0 rgba(0,0,0,0);box-shadow: 0 0 0 rgba(0,0,0,0);background:none;padding:0;-webkit-transform: translateX(0);transform: translateX(0);}
	.navbar-default .dropdown-menu li{padding:0;border-bottom:1px #e7e7e7 dashed;}
	.navbar-default .dropdown-menu a{position: relative;font-size:13px;padding:7px 15px 7px 25px;text-align:left;border-bottom:none;}
	.navbar-default .dropdown-menu a::before{  content: "";position: absolute;
  left:8px;
  top: 50%;
  transform: translateY(-50%);
  width:10px;          /* 短线长度 */
  height:3px;         /* 短线粗细 */
  background: currentColor;/* 继承文字颜色 */transition: all 0.3s ease;}
	.navbar-default .navbar-nav .dropdown-menu>li>a{line-height:25px;}
	.navbar-default .dropdown-menu a:hover,
	.navbar-default .navbar-nav .open .dropdown-menu>li>a:focus, .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover{color:#003586;background:none;}
	
}
@media (max-width: 767px) {
	.navbar-brand{padding-left:20px;}
	.navbar-brand img{display: block;height:40px;transition: all 0.5s;}
	.navbar-top{display: none;}
	.navbar-default .navbar-toggle{margin:14px 10px;}
	.navbar-nav{margin-left:0px;margin-right:0px; padding-left:20px; padding-right:20px;}
	.navbar-default .navbar-nav>li>a{padding:10px 0;}
	.navbar-slogan>h1{position: relative;line-height:1.4;height:48px;font-size:14px;text-align: center;padding:0px 0;display: flex;justify-content: center;align-items: center;flex-flow: row wrap;font-weight: 700;}
	.navbar-slogan>h1:before{content: '';position: absolute;width:100vw;height:1px;background:rgba(0,0,0,0.05);left:50%;bottom:0;transform: translateX(-50%);}
	.navbar-slogan>h1>span{color:#003586}
	.headerEffect .navbar-default{transform: translateY(-98px);}
}
@media (min-width: 768px) {
	.navbar-brand{padding-top: 10px;padding-bottom: 10px;}
	.navbar-brand img{height:60px;}
}

@media (min-width: 992px) {
	.navbar-brand{padding-top:10px;padding-bottom:10px;}
	.navbar-collapse{float:right;}
	.navbar-default .navbar-nav{margin-right:-6px;}
	.navbar-default .navbar-nav>li{padding:0 6px;}
	.navbar-default .navbar-nav>li>a{padding:30px 0;}
	
	.navbar-default .dropdown-menu{min-width:130px;}
}
@media (min-width: 1200px) {
	.navbar-brand h1{font-size:15px;}
	.navbar-default .navbar-nav{margin-right:-11px;}
	.navbar-default .navbar-nav>li{padding:0 6px;}
	.navbar-default .navbar-nav>li>a{padding-left:5px;padding-right:5px;font-size:16px}
	
	.navbar-default .dropdown-menu{min-width:140px;}
	.navbar-default .dropdown-menu a{font-size:14px;}
}
@media (min-width: 1450px) {
	.navbar-brand h1{font-size:16px;}
	.navbar-default .navbar-nav{margin-right:-16px;}
	.navbar-default .navbar-nav>li{padding:0 8px;}
	.navbar-default .navbar-nav>li>a{padding-left:8px;padding-right:8px;}
}
/*首页*/
/*第一屏*/
.swiper-slide{overflow: hidden;}
.swiper-button-next,.swiper-button-prev,.swiper-pagination-bullet{outline: none;}
.swiper-pagination-bullet-active{background:#003586;}
.banner{width:100%;overflow: hidden;position: relative;}
.banner .swiper-container{width:100%;height:100%}
.banner .swiper-slide{position: relative;overflow: hidden;}
.banner .swiper-slide>img{display: block;width:100%;}
.banner img[onclick]{cursor:pointer;}
.banner_text .container{position:absolute;left:50%;top:50%;z-index:9;transform:translate(-50%,-50%)}
.banner_text img{display: block;max-width:100%;}
.banner .banner_text img{transform:translateY(50%)}
.banner .swiper-slide-active .banner_text img{opacity:1;transform:none;transition-delay:.5s}
.banner .swiper-slide-active>img{animation:imgZoomIn 4s ease 0s forwards;-webkit-animation:imgZoomIn 4s ease 0s forwards}
@keyframes imgZoomIn{
	0%{-webkit-transform:translate(-50%,-50%) scale(1.05);transform:translate(-50%,-50%) scale(1.05)}
	100%{-webkit-transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(1)}
}
@-webkit-keyframes imgZoomIn{
	0%{-webkit-transform:translate(-50%,-50%) scale(1.05);transform:translate(-50%,-50%) scale(1.05)}
	100%{-webkit-transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(1)}
}
.banner .swiper-pagination{bottom:3%;}
.banner .swiper-pagination-bullet{background:#003586;}
.banner .swiper-button-white{background-size:auto 24px;width:40px;height:40px;margin-top:-20px;border-radius: 5px;transition: all 0.3s;}
.banner .swiper-button-prev{left:2vw;}
.banner .swiper-button-next{right:2vw;}
.banner .swiper-button-white:hover{background-color: rgba(0,0,0,0.8);}
.downTip {
	position: absolute;
	left: 50%;
	bottom: 2%;
	z-index: 2;
	width: 40px;
	height: 40px;
	margin-left:-20px;
	background: url(../images/icon/downTip.png) no-repeat center;
	background-size: contain;
	animation: downTip 1s linear infinite alternate;
	-webkit-animation: downTip 1s linear infinite alternate;
	cursor: pointer;
}
@-webkit-keyframes downTip {
    from {bottom: 2%;opacity:0.9;}
    to {bottom: 3%;opacity:1;}
}
@keyframes downTip {
    from {bottom: 2%;opacity:0.9;}
    to {bottom: 3%;opacity:1;}
}
@media (max-width:767px){
	.downTip{display: none;}
	.banner_text .container{width:100%;}
	.banner .swiper-button-white{display: none;}
	.banner .swiper-pagination{bottom:5%;}
}
@media (min-width:1200px){
	.banner .swiper-pagination-bullet{width:12px;height:12px;margin:0 8px!important;}
}
/*横屏*/
@media (max-width:767px) and (orientation:landscape){
	.banner_text img{width:60%;}
}
.fixedBg{position: absolute;width:100%;height:100%;left:0;top:0;background-position: top center;z-index: 1;}
.fixedBg + div{position: relative;z-index: 2;}
.indexItem{position: relative;padding-top:40px;padding-bottom:40px;width:100%;overflow: hidden;}
.index_title{position: relative;margin-bottom:30px;color:#333;}
.index_title a{color:#333;display: inline-block;}
.index_title .h2{font-size:22px;font-weight:700;color:#003586;position: relative;display: inline-block;}
.index_title .h2::before,.index_title .h2::after {
    content: '';
    display: inline-block; /* 保持为inline-block以便它们能够围绕文字水平排列 */
    width: 50px; /* 线段的长度 */
    height:5px; /* 线段的粗细 */
    border-top:5px dashed #003586;
    position: absolute; /* 绝对定位相对于.text-with-lines */
    top: 50%; /* 将顶部边缘对齐到父元素高度的中间 */
    transform: translateY(-50%); /* 向上移动自身高度的一半，以实现对齐中间 */
    vertical-align: middle; /* 这通常用于inline或inline-block元素之间的垂直对齐，但在这里不是必需的，因为我们已经使用了transform */
}
.index_title .h2::before {left: -70px;}
.index_title .h2::after {right: -70px;}
.index_title .en{font-size:14px;font-family: arial;text-transform: uppercase;color:#003586;}
.index_title .h2 + .en{margin-top:10px;}
.public_more .a{position: relative;display:inline-block;width:160px;font-size:16px;color:#fff;background: #003586;line-height:20px;padding:15px;overflow: hidden;text-align: center;transition: all 0.5s; margin-top:30px;}
.public_more .a>span{position: relative;}
.public_more .a:before{content: '';position: absolute;width:0;height:100%;left:0;top:0;background:#2a2dbd;transition: all 0.5s cubic-bezier(.52,1.64,.37,.66) 0s;}
.public_more .a:hover::before{width:100%;}
.public_more.white .a{background:#fff;color:#003586;}
.public_more .a:hover{color:#fff;}
.textColor{color:#000;}
.textColor a{color:#000;}
.textColor .index_title,
.textColor .index_title .h2,
.textColor .index_title .h2 + .en{color:#003586;}
.textColor .InfoContent{color: #003586;}
.textColor .index_title .inner:before,
.textColor .index_title .inner:after{background:#fff;}
@media (max-width:767px){
	.fixedBg{background-size:cover;background-repeat: no-repeat;background-position: center;}
	.index_title .h2{font-size:18px;}
}
@media (min-width:768px){
	.fixedBg{background-attachment: fixed;}
	.index_title{margin-bottom:40px;}
	
}
@media (min-width:1200px){
	.public_more .a{width:180px;}
}
/*坚屏*/
@media (max-width:767px) and (orientation:portrait){

}
/*横屏*/
@media (max-width:767px) and (orientation:landscape){

}
/* 首页 - 产品中心 */
.index_product_nav{overflow:hidden;}
.index_product_nav:before,.index_product_nav:after{display:none;}
.index_product_nav>li{float:left;padding-left:15px;padding-right:5px; margin-bottom:10px;}
.index_product_nav>li>a{font-size:18px;color:#003586;padding:10px 15px;font-weight:700;background:#ececec;border-radius:5px;}
.index_product_nav>li>a:focus,.index_product_nav>li>a:hover,.index_product_nav>.active>a:hover,.index_product_nav>.active>a{background:#003586;color:#fff;}
.index_product_list .column{padding:0 15px;margin-top:20px;}
.index_product_list a{position: relative;display:block;overflow: hidden;transition: all 0.5s;}
.index_product_list .text{width:100%;background:#fff;padding:15px 12px;transition: all 0.5s;border-top:#ececec solid 1px;text-align:center;}
.index_product_list h2{font-size:16px; line-height:22px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition: all 0.5s;}
.index_product_list .p{margin-top:10px;line-height:24px;height:48px;color:#666;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.index_product_list a:hover{box-shadow:0px 0px 8px rgba(0,0,0,0.2);}
.index_product_list a:hover h2{color:#003586;}
.index_product_list a:hover .img>img{transform: scale(1.1);}
@media (max-width:479px){
	.index_product_nav>li>a{font-size:18px;}
	.index_product_list .column{width:50%;}
}
@media (max-width:360px){
	.index_product_list .text{padding-left:10px;padding-right:10px;}
}
@media (min-width: 992px){
	.index_product_list h2{font-size:18px;}
}
@media (min-width: 1200px){
	.index_product_nav>li{padding-left:15px;padding-right:5px;}
	.index_product_nav>li>a{font-size:18px;}
	.index_product_list .text{padding:15px 12px;}
}
@media (min-width: 1450px){
	.index_product_list h2{font-size:20px;}
}
/* 首页 - 行业解决方案 */
.index_solution:before{content: '';position: absolute;width:100%;height:50%;top:0;left:0;background-image: url(../images/bg1.jpg);background-size:cover;background-repeat: no-repeat;background-position: center;z-index: 1;}
.index_solution>.container{position: relative;z-index: 2;}
.index_solution_list a{position: relative;display: block;color:#000; border:solid #ececec 1px; padding:5px;}
.index_solution_list .text{position: absolute;left:0%;bottom:5px; width:100%;transition: all 0.5s;background:rgba(255,255,255,0.7); height:40px; text-align:center;}
.index_solution_list h2{font-size:20px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition: all 0.5s;line-height:40px; letter-spacing:1px;}
.index_solution_list a:hover .text{left:0%;bottom:1%;}
.index_solution_list a:hover .img>img{transform: scale(1.1);}
.index_solution_swiper .swiper-buttons{margin-top:25px;display: flex; margin-left:auto; margin-right:auto; width:140px;}
.index_solution_swiper .swiper-buttons>div{position: static;margin:0;margin-right:10px; margin-left:10px;width:40px;height:40px;background-color:#003586;background-size:auto 24px;opacity: 1;border-radius:100%;}
.index_solution_swiper .swiper-buttons>.swiper-button-disabled{background-color:#b2b2b2;}
@media (min-width: 992px){
	.index_solution_list h2{font-size:20px;}
	.index_solution_swiper .swiper-buttons{margin-top:30px;}
}
@media (min-width: 1200px){
	.index_solution_swiper .swiper-buttons{margin-top:40px;}
}
@media (min-width: 1450px){
	.index_solution_list h2{font-size:24px;}
}
/* 首页 - 关于我们 */
.index_about{background:#f5f6f7;}
.index_about_text h1{font-size:16px;line-height:1.4;}
.index_about_text .en{font-size:14px;font-family: arial;}
.index_about_text .InfoContent{margin-top:20px;margin-bottom:40px;}
.index_about_row{display: flex;flex-flow: row-reverse wrap;align-items: center;margin-left:-30px;margin-right:-30px;}
.index_about_row:before,
.index_about_row:after{display: none;}
.index_about_row>div{padding-left:30px;padding-right:30px;margin-bottom:20px;}
.index_about_row .img:hover>img{transform: scale(1.1);}
.videoPlay{position: absolute;width:100%;height:100%;top:0;left:0;cursor: pointer;z-index: 2;}
.videoPlay:before{content: '';position: absolute;width:100%;height:0;left:0;bottom:0;transition: all 0.5s;background:rgba(255,255,255,0.05);}
.videoPlay>.playBtn{position: absolute;width:60px;height:60px;background-image: url(../images/icon/play.png);background-size:auto 100%;background-repeat: no-repeat;background-position: center;left:50%;top:50%;transform: translate(-50%,-50%);z-index: 2;}
.videoPlay>.playBtn:after{content: '';position: absolute;width:100%;height:0;left:0;bottom:0;background-image: url(../images/icon/play2.png);background-size:100% auto;background-repeat: no-repeat;background-position: bottom center;transition: all 0.5s;}
.videoPlay:hover:before{height:100%;}
.videoPlay:hover>.playBtn:after{height:100%;}
@media (max-width:767px){

}
@media (min-width:768px){
	.index_about_text h1{font-size:18px;}
	
	.videoPlay>.playBtn{width:74px;height:74px;}
}
@media (min-width:992px){
	
}
@media (min-width:1200px){
	.index_about_row{margin-left:-50px;margin-right:-50px;}
	.index_about_row>div{padding-left:50px;padding-right:50px;margin-bottom:0;}
	.index_about_text h1{font-size:20px;}
	.videoPlay>.playBtn{width:90px;height:90px;}
}
@media (min-width:1650px){
	.index_about_row{margin-left:-70px;margin-right:-70px;}
	.index_about_row>div{padding-left:70px;padding-right:70px;}
}
/*首页 - 客户案例*/
.index_case_flipster{position: relative;width:100%;padding-top:10px;padding-bottom:40px;overflow: hidden;}
.index_case_flipster .img{position:relative;height:100%;overflow:hidden;display: flex;flex-direction: column;justify-content: center;background:#fff;}
.index_case_flipster .img img{width:100%;height:auto;display:block;}
.index_case_flipster .img:after{content: '';position: absolute;width:100%;height:100%;background:rgba(0,0,0,0.1);left:0;top:0;transition: all 0.36s;}
.flipster ul{width:300px!important;height:185px!important;}
.flipster ul li{width:100%;height:100%;cursor: pointer;padding:0;box-shadow: 0 10px 10px rgba(0,0,0,0.15);overflow: hidden;}
.flipster ul li>div{width:100%;height:100%;}
.flipster h5{position: absolute;width:100%;left:0;bottom:0;font-size:16px;text-align: center;padding:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#fff;}
.flip-content{position:relative;}
.flip-content a{position:absolute;width:100%;height:100%;left:0;top:0;display:none;}
.flipster ul li:hover .img:after,
.flip-current .img:after{top:100%;}
.flipster ul li:hover .img>img{transform: scale(1.1);}
.flipster ul li:hover
.flip-current a{display:block;}
.flipster .flipto-prev,.flipster .flipto-next{display: none;}
@media (min-width:768px){
	.index_case_flipster{padding-bottom:60px;}
	.flipster ul{width:400px!important;height:246px!important;}
}
@media (min-width:992px){
	.flipster ul{width:425px!important;height:260px!important;}
}
@media (min-width:1200px){
	.flipster ul{width:500px!important;height:308px!important;}
	.flipster h5{font-size:18px;padding:25px 15px;}
}
@media (min-width:1450px){
	.index_case_flipster{padding-bottom:80px;}
	.flipster ul{width:590px!important;height:363px!important;}
}
@media (min-width:1650px){
	.flipster ul{width:650px!important;height:400px!important;}
}

/*关于 - 合作伙伴*/
.partner_list{margin-left:-5px;margin-right:-5px}
.partner_list .column{padding:0 5px;margin-bottom:10px}
.partner_list .img>img{width:auto;margin:0 auto;max-width:100%;}
.partner_list .img:before{content: '';position: absolute;width:100%;height:100%;left:0;top:0;border:1px transparent dashed;transition: all 0.3s;z-index: 2;}
.partner_list .img:hover:before {
	border-color: #003586;
	-webkit-transition: border-left-color .3s linear .3s, border-bottom-color .3s linear .4s, border-right-color .3s linear .5s, border-top-color .3s linear .6s;
	transition: border-left-color .3s linear .3s, border-bottom-color .3s linear .4s, border-right-color .3s linear .5s, border-top-color .3s linear .6s;
}
@media (max-width:479px){
	.partner_list .column{width:33.333%;}
}
@media (min-width:768px){
	.partner_list{margin-left:-8px;margin-right:-8px}
	.partner_list .column{padding:0 8px;margin-bottom:15px}
}
@media (min-width:1200px){
	.partner_list{margin-left:-10px;margin-right:-10px}
	.partner_list .column{width:20%;padding:0 10px;margin-bottom:20px;}
}


/*横屏*/
@media (max-width:767px) and (orientation:landscape){
	.partner_list .column{width:33.33333%}
}

/* 弹窗 */
.indexModal .modal-dialog{width:90%;display:flex;flex-direction:column;justify-content:center;min-height:100%;margin:0 auto;padding:15px;}
.indexModal .close{position:absolute;width:30px;height:30px;background-color:#003586;opacity:1;color:#fff;z-index:999;right:5%;top:5%;border-radius:50%;font-size:15px;line-height:30px;transition: all 0.5s;}
.indexModal .close:focus{outline:0}
.indexModal .close:hover{background-color:#003586;}
.indexModal .close span{position:relative;font-weight:lighter;text-shadow:none}
.indexModal .modal-body{padding:0;}
.indexModal .modal-content{padding:15px;border:none;border-radius: 0;background:#fff;box-shadow: 0 0 0 rgba(0,0,0,0);}
.indexModal #video{display: block;width:100%;margin:0 auto;outline: none;max-height:80vh;background:#000;}
.indexModal .showImg{display: block;margin:0 auto;max-width:100%;}
.modal.fade .modal-dialog{
    -webkit-transition: -webkit-transform .3s ease-out;
    -o-transition: -o-transform .3s ease-out;
    transition: transform .3s ease-out;
    -webkit-transform: translate(0,-25%);
    -ms-transform: translate(0,-25%);
    -o-transform: translate(0,-25%);
    transform: translate(0,-25%);
}
.modal.in .modal-dialog{
	-webkit-transform: translate(0,0);
	-ms-transform: translate(0,0);
	-o-transform: translate(0,0);
	transform: translate(0,0);
}
@media (min-width:768px){
	.indexModal .modal-dialog{width:80%;max-width:1200px;}
	.indexModal .close{right:5%;top:10%;}
}
/*首页 - 新闻*/
.index_news_list{margin-left:-10px;margin-right:-10px;}
.index_news_list .column{padding-left:10px;padding-right:10px;margin-bottom:20px;}
.index_news_list a{display: block;background:#fff;transition: all 0.5s;}
.index_news_list .date{position: absolute;height:40px;padding:0 12px;left:20px;top:25px;background:#fff;color:#003586;border-radius: 20px;display: flex;align-items: center;z-index: 2;transition: all 0.5s;}
.index_news_list .date>i{display: block;width:16px;height:16px;margin-right:8px;background-image: url(../images/icon/m1.png);background-repeat: no-repeat;background-position: center;background-size:auto 16px;transition: all 0.5s;}
.index_news_list .text{padding:20px 15px;}
.index_news_list .h5{font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition: all 0.36s;}
.index_news_list .p{margin-top:15px;line-height:24px;height:48px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.index_news_list a:hover{box-shadow: 0 0 15px rgba(0,0,0,0.1);}
.index_news_list a:hover .h5{color:#003586;}
.index_news_list a:hover .img>img{transform: scale(1.1);}
.index_news_list a:hover .date{top:15px;left:10px;background:#003586;color:#fff;}
.index_news_list a:hover .date>i{background-image: url(../images/icon/m1h.png);}
@media (min-width:992px){
	.index_news_list{margin-left:-15px;margin-right:-15px;}
	.index_news_list .column{padding-left:15px;padding-right:15px;margin-bottom:30px;}
	.index_news_list .h5{font-size:18px;}
	.index_news_list .text{padding:30px 20px;}
}
@media (min-width:1450px){
	.index_news_list{margin-left:-22px;margin-right:-22px;}
	.index_news_list .column{padding-left:22px;padding-right:22px;margin-bottom:40px;}
}
/*内页*/
.inside_banner{position: relative;width:100%;overflow: hidden;}
.inside_banner>img{display: block;width: 100%;/* animation:imgZoomIn 10s ease 0s forwards;-webkit-animation:imgZoomIn 10s ease 0s forwards; */}
.imgZoomIn{animation:imgZoomIn 10s ease 0s forwards;-webkit-animation:imgZoomIn 10s ease 0s forwards;}
@keyframes imgZoomIn{
	0%{-webkit-transform:scale(1.1);transform:scale(1.1);}
	100%{-webkit-transform:none;transform:none;}
}
@-webkit-keyframes imgZoomIn{
	0%{-webkit-transform:scale(1.1);transform:scale(1.1);}
	100%{-webkit-transform:none;transform:none;}
}
.wrapper{position: relative;width:100%;min-height:calc(100vh - 420px);z-index: 1;overflow: hidden;}
.inside_main{position: relative;width:100%;padding:40px 0;}
.pageTarget{width:100%;padding:15px 0;border-bottom:1px solid #eaeaea;overflow: hidden;background:#ffffff;}
.pageTarget>div{display: block;align-items: center;justify-content: space-between;flex-flow: row wrap;overflow: hidden;}
.pageTarget>div:before,
.pageTarget>div:after{display: none;}
.pageTarget .crumbs_title{margin-bottom:0;display: flex;align-items: center;}
.pageTarget .crumbs_title .h2 + .en{margin-top:0;margin-left:8px;}
.pageTarget .crumbs_nav{max-width:50%;line-height:20px;color:#888;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:15px;}
.pageTarget .crumbs_nav i{margin:0 5px;}
.pageTarget .crumbs_nav a{position: relative;color:#888}
.pageTarget .crumbs_nav a:hover{color:#003586}
.submenu{position: relative;display: flex;flex-flow: row wrap;margin-left:-5px;margin-right:-5px;margin-bottom:30px;}
.submenu:before,
.submenu:after{display: none;}
.submenu>li{padding:0 5px;margin:0 0 10px;}
.submenu>li>a{position: relative;display: block;width:120px;font-size:14px;padding:10px 5px;line-height:20px;border-radius: 0;background:#fff;border:1px solid #e6e6e6;margin:0;text-align: center;transition: all 0.5s;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.submenu>li>a:hover,
.submenu>li>a:focus,
.submenu>li.active>a,
.submenu>li.active>a:focus,
.submenu>li.active>a:hover{color:#fff;border-color:#003586;background:#003586;}
.InfoContent{line-height:2;position:relative;overflow:hidden;color:#666;}
.InfoContent p{margin:0}
.InfoContent img{display: inline-block;max-width:100%;height:auto!important;}
.InfoContent video{display: block;height:auto;max-width:100%;margin:0 auto;}
.InfoContent ul,.InfoContent li{list-style-type: disc;list-style-position: inside;}
.InfoContent li p{display: inline;margin-bottom:0;}
.InfoTitle{margin-bottom:10px;text-align:center;text-transform:uppercase}
.InfoTitle h4{font-size:16px;margin:0;line-height:1.4}
.InfoTitle .date{font-size:14px;color:#999;margin-top:15px}
.InfoTitle .date span{padding:0 8px}
.goBack{text-align:center;margin-top:20px;margin-bottom:-15px;text-transform:uppercase}
.goBack .a{position: relative;display:inline-block;width:180px;font-size:16px;color:#fff;background: #003586;line-height:20px;padding:14px;border-radius: 0;overflow: hidden;transition: all 0.5s;}
.goBack .a>span{position: relative;}
.goBack .a:before{content: '';position: absolute;width:0;height:100%;left:0;top:0;background:#2a2dbd;transition: all 0.5s cubic-bezier(.52,1.64,.37,.66) 0s;}
.goBack .a:hover::before{width:100%;}
.pager{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;margin:30px -5px 0}
.pager li{padding:0 5px;margin:5px 0}
.pager li>a,.pager li>span{border:1px #ccc solid;background-color:transparent;color:#666;border-radius:0;padding:0;margin:0;width:30px;height:30px;line-height:30px}
.pager .next>a,.pager .next>span,.pager .previous>a,.pager .previous>span{float:none;display:block;background-color:#4c4c4c;border:0;color:#fff;width:70px}
.pager .next>a,
.pager .previous>a,
.pager .active>a,.pager li>a:hover{color:#fff;border-color:#003586;background-color:#003586}
.info_previous_next_wrap{border-top:1px #eaeaea solid;padding-top:16px;margin-top:40px;font-size:14px;color:#666;text-transform:uppercase;overflow: hidden;}
.info_previous_next_wrap b{font-weight:400}
.info_previous_next_wrap a{color:#666;text-decoration:none;display:inline}
.info_previous_next_wrap a:hover{color:#003586}
.info_Next,.info_Previous{margin-bottom:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.xw-bg{
	padding-top: 40px;
	padding-right: 0;
	padding-bottom: 40px;
	padding-left: 0; width:1200px;margin:0 auto; overflow:hidden;
}
.ys-tit{text-align: center;font-size: 14px;color: #c8c8c8;text-transform: uppercase;}
.ys-tit p{font-size: 36px;color: #5F625A;}
.ys-tit p a{font-size: 36px;color: #5F625A;}
.xw-bottom{
	margin-top: 40px;
}
.xw-left{
	width: 402px;
	border: solid 1px #e0e0e0;
	background: #f8f8f8;
	padding-top: 25px;
	padding-right: 25px;
	padding-bottom: 10px;
	padding-left: 25px;
}
.xw-wtop{
	margin-top: 20px;
}
.xw-rtbt a{
	font-size: 18px;
	color: #333333;
}
.xw-rtnr{
	margin: 10px 0;
}
.xw-rtnr a{
	font-size: 14px;
	color: #909090;
	line-height: 28px;
}
.xw-rttime{
	font-size: 15px;
	color: #b4b4b4;
}
.xw-right{
	width: 760px;
}
.xw-rtop{
	width: 520px;
	margin-top: 6px;
}
.xw-list{
	margin-top: 18px;
	border-top: solid 1px #dbdbdb;
}
.xw-list ul li a{
	font-size: 16px;
	color: #333333;
}
.xw-list ul li{
	line-height: 43px;
	border-bottom: solid 1px #dbdbdb;
	list-style:none;
	width:100%;
	overflow:hidden;
    white-space:nowrap;   /* 阻止文本换行 */
}
.xw-list ul li img{vertical-align: middle;margin-right: 10px;}
.xw-list ul li:hover a{color: #1b60a3;}
.xw-list ul li span{float:right;font-size:15px;color:#eaeaea;}
.yqlj-con{padding-top:10px;font-size:14px;text-align:center;color:#fff;line-height:28px;border-top:solid 1px #eaeaea;margin-top:20px;width:100%;}
.yqlj-con a{font-size:14px;color:#fff;font-weight:normal;}
.footer-bg{background:#217fc4;padding-top:30px;padding-right:0;padding-bottom:20px;padding-left:0;color:#FFFFFF;}
.footer-bg .container{display:block;}
.footer-ewm{width:20%;padding-right:2%;line-height:28px;float:left;box-sizing:border-box;}
.footer-nav{width:80%;float:left;}
.footer-nav ul{width:50%;float:left;}
.footer-nav ul b{font-size:18px;}
.footer-nav ul b:after{content:"";display:block;width:60px;height:4px;background:#0baa68;margin:6px 0 8px;}
.footer-nav ul li{float:left;line-height:28px;width:50%;box-sizing: border-box;}
.footer-nav ul li a{font-size:16px;color:#fff;}
.box2{background:url(../images/gsjj.jpg) no-repeat center;background-size:100% 100%;padding-top:60px;padding-bottom:60px;}
.flex_a{display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;}
.ab_a{width:44%;}
.ab_a img{width:100%;border-radius:10px;}
.ab_b{width:52%;}
.ab_b h2{font-size:24px;font-weight:600;line-height:30px;letter-spacing:0px;color:#ffffff;margin-top:0px;background:#0baa68;padding:10px; text-align:center;}
.ab_b h3{font-size:24px;font-weight:600;line-height:24px;letter-spacing:0px;color:#ffffff;margin-top:0px;}
.ab_b h4{font-size:16px;font-weight:normal;font-stretch:normal;line-height:28px;letter-spacing:0px;color:#ffffff;margin-top:20px;}
.ab_b h4 p{text-align: justify;}
.more_a{width:180px;height:50px;background-color:#ffffff;border-radius:28px;text-align: center;margin-top: 40px;}
.more_a a{font-size:20px;font-weight: normal;font-stretch: normal;line-height:50px;letter-spacing:1px;color:#020202;}
.more_a:hover{	background-color: #003586;}
.more_a:hover a{color:#fff}
.more_a:hover img{filter: brightness(100);}
.p4a{display:flex; flex-wrap: wrap; justify-content: space-between;align-items: center;margin-top: 40px;}
.p4a li {position: relative;text-align: left; }
.p4a li h3 {font-size:50px; color: #fff;font-weight: 600;}
.p4a li h3 a{color: #fff;}
.p4a li p {font-size:24px;font-weight: normal;color: #fff; text-align: left;margin-top:10px}
.p4a li span {font-size: 24px;color: #fff;font-weight: normal;}
.xx2{width:40px;height:5px;background-color:#ffffff;margin-top:20px;}
.bb1nr2{position: relative;}
.bb1nrz{float:left;width:90%;}
.bb1nrz h2{float: left;}
.bb1nrz h2 s1{
    font-size:32px;
    font-weight:bold;
    font-stretch:normal;
    line-height:50px;
    letter-spacing:-2px;
    color: #003586;
    display:block;
    float: left;
	margin-left:20px;
	margin-top:10px;
}
.bb1nrz h2 s2{
    font-size:32px;
    font-weight:bold;
    font-stretch:normal;
    line-height:60px;
    letter-spacing:0px;
    color: #000000;
    display: block;
    float: left;
}
.bb1nrz h2 s3{
    font-size: 22px;
    font-weight:normal;
    font-stretch: normal;
    letter-spacing:0px;
    color: #000000;
    display: block;
    float: left;
    line-height:50px;
    margin-top:10px;
    margin-left:15px;
	text-transform: uppercase;
}
.bb1nrz h3{
    font-size: 120px;
    font-weight: bold;
    font-stretch: normal;
    line-height: 97px;
    letter-spacing: -3px;
    color: #003586;
    float: left;
    margin-top: 40px;text-transform: uppercase;
}
.bb1nry{
    float: right;
    text-align: right;
    width: 27%;
    padding-top: 58px;
}
.bb1nry h2{
    font-size: 120px;
    font-weight: bold;
    font-stretch: normal;
    line-height: 97px;
    letter-spacing: -3px;
    color: #003586;
    padding-bottom: 3vw;
}
.bb1nry h3{
    width: 100%;
    height: 5px;
    background-color: #003586;
}
.bb1nr2img{
    position: relative;
}
.bb1nr2img img{
    width: 100%;
    margin-top: -30px;
}
.box22{background-color:#f5f5f5;padding:30px 0 30px;}
.bb2nr{margin-top:30px;}
.bb2x{margin-top:30px;}
.bb2nr li .img{width:100%;margin-top:15px;}
.bb2nr li .img img{width:100%;}
.bb2nr li .img:hover img{transform: scale(1.5);}
.bb2nr li h2{font-size:36px;font-weight:600;line-height:32px;letter-spacing:-1px;color:#003586;margin-top:10px;}
.bb2nr li h3{font-size:20px;font-weight:600;letter-spacing:0px;color: #000000;margin-top:20px;}
.bb2nr li h5{font-size:16px;font-weight:normal;font-stretch:normal;line-height:26px;letter-spacing: 0px;color: #8d8d8d;margin-top:15px;}
.pernr5{overflow: hidden;margin-top:0px;}
.pernr51 li{width: 100%;position: relative;border-radius:20px 20px 0px 0px;overflow: hidden;}
.pernr51 li img{width: 100%;}
.pernr51 li::after{position: absolute;width:100%;background:url(../images/cpbj.png) repeat-x center bottom;content: "";left:0px;bottom: 0px;height:100%;}
.dk_a1{position: absolute;width:94%;bottom:15px;z-index: 9999;left:3%}
.dk_a1 h3{font-size: 30px;
	font-weight: 400;
	font-stretch: normal;
	letter-spacing: 0px;
	color: #fefefe;}
.dk_a1 h2{width: 36px;height:13px}
.dk_a1 h2 img{max-width: 100%;}
.xw_con{padding-top:40px;padding-bottom:50px;}
.bb6nr{margin-top:30px;}
.bb6nr ul{display: flex;justify-content: space-between;flex-wrap: wrap;}
.bb6nr li{width: 31.4%;}
.bb6nr li .img{overflow: hidden;border-radius: 17px;}
.bb6nr li .img img{width: 100%;}
.bb6nr li .bb6wz{
    background: url(../images/newsbj.png) no-repeat 0 bottom;
    box-shadow: 0px 0px 24px 0px rgba(185, 185, 185, 0.39);
    border-radius: 16px;
    padding: 1vw 15px 1vw 15px;
    margin-top: -47px;
    position: relative;
    background-size: 100% 105%;
}
.bb6nr li .bb6wz h2{
    font-size:22px;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    color: #000000;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.bb6nr li .bb6wz h3{
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 26px;
    letter-spacing:0px;
    color: #8d8d8d;
    margin-top:10px;
    overflow: hidden; display: -webkit-box; -webkit-line-clamp:3; -webkit-box-orient: vertical; 
}
.bb6nr li .bb6wz h4 {
    width:200px;
    height:50px;
	margin:0 auto;
    padding-left:36px;
    background:#003586;
    background-size: 100%;
    margin-top:1.4vw;
	border-radius:28px;
	display:none;
}
.bb6nr li .bb6wz h4 s1{
    font-size: 20px;
    font-weight: normal;
    font-stretch: normal;
    line-height:50px;
    letter-spacing:1px;
    color: #fff;
    float: left;
}
.bb6nr li .bb6wz h4 s2{
    float: left;
    margin-top: 19px;
    margin-left: 13px;
}
.bb6nr li .bb6wz h4 s2 img{max-width: 36px;}
.index_solution_swiper{ margin-top:30px;}
@media(max-width: 992px){
.bb1nrz h2 s1{font-size:20px;line-height:32px;margin-top:4px;margin-left:10px;}
.bb1nrz h2 s2{font-size:22px;line-height:36px;margin-top:0px;}
.bb1nrz h2 s3{display:none;}
.bb1nrz h3{font-size: 50px;line-height: 50px;margin-top: 10px;}
.bb1nry h2{font-size: 50px;}
.bb1nrz{float: left;width: 100%;}
.bb1nry{float: right;text-align: left;width: 100%;padding-top: 58px;}
.dk_a1 h3{font-size:18px;}
.bb2nr {margin-top:15px;}
.index_solution_swiper {margin-top:15px;}
.bb2nr li h2{font-size:30px;}
.bb2nr li h3{font-size:20px; font-weight:normal;}
.bb2nr li h5{display:none;}
.pernr5{overflow: hidden;margin-top: 25px;}
.dk_a1{position: absolute;width: 90%;bottom: 10px;z-index: 9999;left:5%}
.bb6hd li{
    width: 103px;
    height: 36px;
    background-color:#d0d0d0;
    border-radius: 25px 21px 21px 21px;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
    margin: 0 4px;
}
.bb6hd li a{
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 36px;
    letter-spacing: 1px;
    color: #5a5a5a;
}
.bb6nr li{width: 100%;margin-bottom: 20px;}
.bb6nr li .bb6wz h2{font-size: 25px;}
.xw_con{padding-top:20px;padding-bottom:20px;}
}
@media (max-width: 767px) {
.box2 {padding-top:40px;padding-bottom:40px;}
.ab_a{width:100%;}
.ab_b{width:100%;margin-left:auto;margin-right:auto;margin-top:20px;}
.p4a{margin-top:20px;}
.p4a li h3 {font-size:32px;}
.p4a li p {font-size:18px;}
.p4a li span {font-size:18px;}
.xw-list ul li span{display:none;}
.xx2{width:30px;height:4px;}
.footer-bg{padding-top: 0px;padding-right: 0;padding-bottom: 20px;padding-left: 0;}
.footer-bg .container{display:none;}
.yqlj-con{ margin-top:0px;}
.inside_main{padding:20px 0px 40px;}
.pageTarget{font-size:14px;padding:10px 5px;}
.pageTarget .crumbs_title{text-align: center; display:none;}
.pageTarget .crumbs_nav{text-align: right;margin-top:0px;}
.info_previous_next_wrap{font-size:12px;margin-top:30px}
.submenu>li{max-width:33.33333%;}
.submenu>li>a{max-width:100%;}
.xw-bg{padding-top:20px;padding-right:5px;padding-bottom:20px;padding-left:5px; width:100%;margin:0 auto; overflow:hidden;}
.indexItem{ padding:25px 0}
.index_title{margin-bottom:15px;}
.xw-bottom,.xw-list{ margin-top:15px;}
.xw-left,.xw-right{ width:100%;}
.xw-left{ padding:10px;}
.xw-left img{width:100%;}
.xw-lmbox{ display:none;}
}
@media (min-width: 768px) {
	.inside_main{padding:40px 0;}
	.pageTarget>div{display: flex;}
	.pageTarget .crumbs_nav{margin-top:0;}
	.InfoTitle h4{font-size:18px}
	.info_Next,.info_Previous{width:45%;}
	.info_Previous{float:left;}
	.info_Next{float:right;text-align:right;}

	.submenu{margin-bottom:30px;}
}
@media (min-width: 992px) {
	.inside_main{padding:30px 0;line-height:24px;}

	.submenu{margin-bottom:40px;}
	
	.InfoTitle h4{font-size:20px}
}
@media (min-width: 1200px) {
	.submenu{margin-left:-10px;margin-right:-10px;}
	.submenu>li{padding:0 10px;}
	.submenu>li>a{font-size:16px;}
	.submenu>li>a{width:145px;}
	
	.InfoTitle h4{font-size:22px}
}
@media (min-width: 1450px) {
	.inside_main{padding:30px 0; line-height:24px;}
	.InfoTitle{margin-bottom:30px}
	.InfoTitle h4{font-size:24px}
	.submenu{margin-bottom:50px;}
}
/*关于我们*/
.about_item{position: relative;padding-bottom:30px;}
.about_info_row{display: flex;align-items: center;flex-flow: row wrap;}
.about_info_row:before,
.about_info_row:after{display: none;}
.about_info_row>div{margin:10px 0;}
.about_info_row .index_title{margin-bottom:25px;}
.about_info_row .img>img{width:auto;max-width:100%;float: right;}
.about_video{max-width:600px;margin:35px auto 0;}
.about_video .img{cursor: pointer;}
.index_about li{float:left;width:200px;text-align:center;box-sizing:border-box;}
.index_about li img{width:100%;padding:20px; background:#FFFFFF;}
.online-qq{top:330px;position:fixed; display:block;}
.online-qq .qq_content {
	background: rgb(255, 255, 255); margin: 0px; padding: 0px;
}
.online-qq .qq_content .dt {
	background: url("icon_colse.png") no-repeat right 0px rgb(35, 37, 48); border-width: 1px 1px 0px; border-style: solid solid none; border-color: rgb(221, 221, 221) rgb(221, 221, 221) currentColor; padding: 6px 15px; border-image: none; text-align: center; color: rgb(255, 255, 255); font-size: 14px; font-weight: bold; cursor: pointer;
}
.online-qq .qq_content .qq {
	border-width: 0px 1px 1px; border-style: none solid solid; border-color: currentColor rgb(221, 221, 221) rgb(221, 221, 221); margin: 0px; padding: 10px; border-image: none;
}
.online-qq .qq_content .qq p {
	background: repeat-x 0px -33px; margin: 0px 0px 5px;
}
.online-qq .qq_content .qq a {
	background: no-repeat 10px 50%; padding: 0px 18px 0px 30px; border: 1px solid rgb(221, 221, 221) !important; border-image: none !important; height: 23px; line-height: 23px; display: block;
}
.online-qq .qq_content .qq img {
	margin: 0px 4px -3px 0px;
}
.online-qq .qq_content .tel {
	background: rgb(255, 255, 255); border-width: 0px 1px 1px; border-style: none solid solid; border-color: currentColor rgb(221, 221, 221) rgb(221, 221, 221); margin: 0px; padding: 10px; border-image: none; text-align: center; color: rgb(51, 51, 51); font-size: 12px;
}
.online-qq .qq_content .tel strong {
	color: rgb(255, 102, 0); font-size: 12px;
}
.online-qq .foot {
	background: rgb(241, 241, 241); border-width: 0px 1px 1px; border-style: none solid solid; border-color: currentColor rgb(221, 221, 221) rgb(221, 221, 221); margin: 0px 5px; border-image: none; height: 2px; overflow: hidden; display: none;}
.factory_swiper .swiper-wrapper{
	-webkit-transition-timing-function: linear;
    -moz-transition-timing-function: linear;
    -ms-transition-timing-function: linear;
    -o-transition-timing-function: linear;
    transition-timing-function: linear;
    margin: 0 auto;
}
.factory_swiper .swiper-slide{cursor: pointer;}
#lightGallery-close{width:40px;height:40px;line-height:40px;top:30px;right:30px;}
#lightGallery-close:after{font-size:20px;}
#lightGallery-action{display: none;}
.page {
	padding: 12px 0;
	line-height: 26px;
	text-align: center;
	font-size: 12px;
}
.page a {
	display: inline-block;
	border: 1px solid #ddd;
	background: #eee;
	margin-top: 0;
	margin-right: 3px;
	margin-bottom: 0;
	margin-left: 3px;
	padding-top: 3px;
	padding-right: 10px;
	padding-bottom: 3px;
	padding-left: 10px;
}
.page a:hover,
.page a.act {
	background: #003586;
	color: #fff;
}
.page SPAN.current {
	display: inline-block;
	border: 1px solid #ddd;
	background: #003586;
	color: #fff;
	margin-top: 0;
	margin-right: 3px;
	margin-bottom: 0;
	margin-left: 3px;
	padding-top: 3px;
	padding-right: 10px;
	padding-bottom: 3px;
	padding-left: 10px;
}
.page SPAN.disabled {
	display: inline-block;
	border: 1px solid #ddd;
	background: #eee;
	margin-top: 0;
	margin-right: 3px;
	margin-bottom: 0;
	margin-left: 3px;
	padding-top: 3px;
	padding-right: 10px;
	padding-bottom: 3px;
	padding-left: 10px;
}
@media (max-width: 767px) {
		.index_about li{ float:left;width:50%; text-align:center;}
}
@media (min-width: 768px) {
	.about_item{padding-bottom:60px;}
}
@media (min-width: 992px) {
	.about_info_row{margin-left:-25px;margin-right:-25px;}
	.about_info_row>div{padding-left:25px;padding-right:25px;}
}
@media (min-width: 1200px) {
	.about_info_row{margin-left:-35px;margin-right:-35px;}
	.about_info_row>div{padding-left:35px;padding-right:35px;}
}
@media (min-width: 1650px) {
	.about_info_row{margin-left:-45px;margin-right:-45px;}
	.about_info_row>div{padding-left:45px;padding-right:45px;}
}
.sidebar-nav{box-shadow: 1px 1px 5px rgba(0,0,0,0.2);}
.sidebar-submenu{list-style: none;}
.sidebar-submenu a>.icon{position: absolute;width:100%;height:100%;left:0;top:0;display: block;}
.sidebar-submenu a>.icon:before,
.sidebar-submenu a>.icon:after{content: '';position: absolute;display: block;transition: all 0.5s;}
.sidebar-submenu>li{border-top:1px solid #eaeaea;transition: all 0.5s;}
.sidebar-submenu>li>a{position: relative;padding:15px;padding-left:26px;line-height:20px;font-size:16px;color:#333;font-weight: 700;display: block;background-color:transparent;overflow: hidden;transition: all 0.5s;}
.sidebar-submenu>li>a>.icon:before{left:10px;top:50%;margin-top:-6px;width:0;height:0;border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:6px solid #8B8B8B;}
.sidebar-submenu>li>a:focus,
.sidebar-submenu>li>a:hover{background-color:#003586;color:#fff;}
.sidebar-submenu>li>a:focus>.icon:before,
.sidebar-submenu>li>a:hover>.icon:before{border-left-color:#fff;}
.sidebar-submenu>li.active>a{background-color:#003586;color:#fff;}
.sidebar-submenu>li.active>a>.icon:before{border-left-color:#fff;}
.sidebar_title{position: relative;margin-bottom:25px;}
.navIcon{width:100%;height:100%;position:absolute;top:0;right:0;cursor: pointer;}
.navIcon:after{content: '';position: absolute;width:24px;height:24px;background:url(../images/t4W.png) no-repeat center;background-size:auto 24px;right:15px;top:50%;margin-top:-12px;transition: all 0.3s;}
.in .navIcon:after{background:url(../images/close2.png) no-repeat center;background-size:auto 25px;}
.two-submenu{background:rgba(0,0,0,0.015);display: none;list-style: none;}
.two-submenu>li>a{position: relative;display: block;padding:10px 26px;line-height:20px;font-size:14px;border-top:1px solid #f2f2f2;color:#666;}
.two-submenu>li>a>.icon:before{width:8px;height:8px;border-top:1px solid #666;border-right:1px solid #999;transform: rotate(45deg);right:12px;top:16px;}
.two-submenu>li>a>.icon:after{display: none;}
.two-submenu>li>a:hover,
.two-submenu>.active>a{color:#003586;}
.two-submenu>li>a:hover>.icon:before,
.two-submenu>.active>a>.icon:before{border-right-color:#003586;border-top-color:#003586;}
.concern-cart{background-color:#003586;float:left;display:none;bottom:0;left:0;position:fixed;text-align:center;width:100%;z-index:10;padding-top:13px;padding-bottom:13px;overflow:hidden;}
.concern-cart a{color: #FFFFFF;font-size:16px; font-weight:800;width:33.33%;display:inline-block;float:left;height:24px;line-height:24px;border-right:2px solid #fff;}
.concern-cart a:last-child{border-right:0px solid #999;}
.concern-cart a span{display:inline-block;height:24px;line-height:24px;text-align: center;}
.concern-cart a em{display:inline-block;line-height:24px;}
.concern-cart a em img{width:auto;height:20px;margin-right:10px;vertical-align:middle; margin-bottom:4px;}
.yunu-infocontent-bodyx .list ul{padding:10px;overflow:hidden;}
.yunu-infocontent-bodyx .list li{width:49%;float:left;margin-top:10px;margin-right:2%;margin-bottom:20px;margin-left:0;}
.yunu-infocontent-bodyx .list li:nth-child(2n){margin-right:0px;}
.yunu-infocontent-bodyx .list li a{display: block;overflow:hidden;padding:10px;font-size:16px;box-shadow:0 2px 10px rgb(0 74 133 / 20%);}
.yunu-infocontent-bodyx .list li img{float:left;transition: 1.0s;width:120px;}
.yunu-infocontent-bodyx .list li img:hover {transform: scale(1.1);}
.yunu-infocontent-bodyx .list li .txt{float:left;width:240px;padding-top:20px; margin-left:20px;}
.yunu-infocontent-bodyx .list li .blue{text-transform: uppercase;font-size: 16px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.yunu-infocontent-bodyx .list li h5{font-size:20px;padding: 8px 0;}
.yunu-infocontent-bodyx .list li .icon{width: 36px;float: right;}
.yunu-infocontent-bodyx .list li span {display: block;height:36px;background: #ff363e;border-radius:50%;color: #fff;text-align: center;line-height: 36px;transition: 0.3s;margin:14px 0;}
.yunu-infocontent-bodyx .list li span img{height: 36px; width:36px;}
.yunu-infocontent-bodyx .list li a:hover p{color: #ff363e;}
.yunu-infocontent-bodyx .list li a:hover span{border-radius: 50%;}
.rightContent{font-size:16px;line-height:28px;}
@media (max-width: 767px) {
	.sidebar_title{background:#003586;margin-bottom:5px;padding:15px;text-align: left;}
	.sidebar_title .h2,
	.sidebar_title .en{color:#fff;}
	.sidebar-nav{margin-bottom:10px;}
	.sidebar-submenu{display: none;}
	.online-qq{display:none;}
	.concern-cart{display: block;}
.yunu-infocontent-bodyx .list ul{padding:5px;overflow:hidden;}
.yunu-infocontent-bodyx .list li{width:100%;float:left;margin-top:10px;margin-right:0%;margin-bottom:10px;margin-left:0;}
.yunu-infocontent-bodyx .list li a{display: block;overflow:hidden;padding:10px;font-size:16px;box-shadow:0 2px 10px rgb(0 74 133 / 20%);}
.yunu-infocontent-bodyx .list li img{float:left;transition: 1.0s;width:24%;}
.yunu-infocontent-bodyx .list li img:hover {transform: scale(1.1);}
.yunu-infocontent-bodyx .list li .txt{float:left;width:60%;padding-top:0px; margin-left:2%;}
.yunu-infocontent-bodyx .list li .blue{text-transform: uppercase;font-size: 16px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.yunu-infocontent-bodyx .list li h5{font-size:20px;padding:8px 0;}
.yunu-infocontent-bodyx .list li .icon{width:30px;float:right;}
.yunu-infocontent-bodyx .list li span {display:block;height:30px;background:#ff363e;border-radius:50%;color: #fff;text-align: center;line-height:30px;transition:0.3s;margin:10px 0;}
.yunu-infocontent-bodyx .list li span img{height:30px;width:30px;}
.yunu-infocontent-bodyx .list li a:hover p{color:#ff363e;}
.yunu-infocontent-bodyx .list li a:hover span{border-radius:50%;}
}
@media (min-width: 768px) {
	.sidebar-nav{float:left;width:220px;top:90px;position: sticky;position: -webkit-sticky;}
	.navIcon{display: none;}
	.sidebar-submenu{display: block!important;}
	.rightContent{margin-left:220px;padding-left:40px;min-height:32vh;}
}
@media (min-width: 1200px) {
	.sidebar-nav{width:220px;}
	.rightContent{margin-left:220px;padding-left:50px;}
	.rightContent img{max-width:100%;}
	.sidebar-submenu>li>a{padding-top:17px;padding-bottom:17px;}
}
/* 产品中心 */
.product_list{margin:0 0 20px;width:100%;overflow: hidden;}
.product_list .column{margin-bottom:25px;padding-bottom:25px;border-bottom:1px solid #d9d9d9;}
.product_list .column:last-child{border-bottom:none;}
.product_list a{margin:0;display: block;display: flex;align-items: center;flex-flow: row wrap;}
.product_list a>div{padding:0;}
.product_list .column:nth-child(2n)>a{flex-direction: row-reverse;}
.product_list .col-img{width:100%;margin-bottom:20px;}
.product_list .col-text{width:100%;}
.product_list .col-text>.text{padding-left:15px;padding-right:15px;}
.product_list .h5{font-size:18px;line-height:1.74;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.product_list .p{margin:15px 0;line-height:24px;height:72px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;}
.recommend{margin-top:40px;}
.recommend .index_title{margin-bottom:30px;}
.recommend_swiper .swiper-container{padding-bottom:40px;}
.recommend_swiper .swiper-pagination{bottom:0;}
.recommend_product_list a{display: block;}
.recommend_product_list h2{font-size:16px;padding:15px 10px;text-align: center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition: all 0.5s;}
.recommend_product_list a:hover h2{color:#fff;background:#003586;}
.recommend_product_list a:hover .img>img{transform: scale(1.1);}
@media (min-width:768px){
	.product_list .h5{font-size:20px;}
	.product_list .p{margin:20px 0;}
	
	.recommend_product_list h2{font-size:18px;padding:20px 15px;}
}
@media (min-width:992px){
	.product_list .column{padding:0;margin-bottom:40px;border-bottom:none;}
	.product_list .col-img{width:52%;margin-bottom:0;}
	.product_list .col-text{width:48%;padding-left:4.5%;display: flex;flex-direction: column;align-items: flex-start;}
	.product_list .column:nth-child(2n) .col-text{align-items: flex-end;padding-right:4.5%;padding-left:0;}
	.product_list .col-text>.text{padding:0;}
	.product_list .h5{font-size:22px;}
	.recommend{margin-top:60px;}
	.recommend_swiper .swiper-container{padding-bottom:50px;}
}
@media (min-width:1200px){
	.product_list .column{margin-bottom:80px;}
	.product_list .col-text{padding-left:8.5%;}
	.product_list .column:nth-child(2n) .col-text{padding-right:8.5%;}
	.product_list .h5{font-size:24px;}
	.product_list .p{margin:30px 0;font-size:16px;line-height:28px;height:84px;}
	.recommend_product_list h2{font-size:20px;padding:25px 15px;}
}
.product_list2{margin-left:-10px;margin-right:-10px;margin-top:-20px;display: flex;flex-flow: row wrap;}
.product_list2:before,
.product_list2:after{display: none;}
.product_list2 .column{padding:0 10px;margin-top:20px;}
.product_list2 a{position: relative;display:block;overflow: hidden;box-shadow: 0px 0px 5px rgba(0,0,0,0.1);transition: all 0.5s;}
.product_list2 .text{width:100%;background:#ececec;padding:10px 10px;display: flex;flex-direction: column;justify-content: center;transition: all 0.5s;}
.product_list2 h2{font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition: all 0.5s;}
.product_list2 .p{margin-top:10px;line-height:24px;color:#666;}
.product_list2 a:hover{box-shadow: 0px 0px 25px rgba(0,0,0,0.3);}
.product_list2 a:hover h2{color:#003586;}
@media (max-width:479px){
	.product_list2 .column{width:50%;}
}
@media (min-width: 768px){
	.product_list2 .text{padding:10px 10px;}
	.product_list2 h2{font-size:18px;}
}
@media (min-width: 992px){
	.product_list2{margin-left:-15px;margin-right:-15px;margin-top:-30px;}
	.product_list2 .column{padding-left:15px;padding-right:15px;margin-top:30px;}
}
@media (min-width: 1450px){
	.product_list2{margin-left:-20px;margin-right:-20px;margin-top:-40px;}
	.product_list2 .column{padding-left:20px;padding-right:20px;margin-top:40px;}
	.product_list2 h2{font-size:20px;}
}
/* 详情 */
.productDetailsTop>.row{margin-left:-20px;margin-right:-20px;margin-top:-30px;}
.productDetailsTop>.row>div{padding-left:20px;padding-right:20px;margin-top:30px;}
.productImg>.img>img{width:auto;max-width:100%;}
.productImg>.img:hover>img{transform: scale(1.1);}
.productDetailsBottom{border-top:2px solid #003586;margin-top:50px;}
.productDetailsBottom>.row{display: flex;flex-flow: row wrap;margin:0;}
.productDetailsBottom>.row:before,
.productDetailsBottom>.row:after{display: none;}
.productDetailsBottom>.row>div:first-child{border-bottom:1px solid #ccc;}
.productDetailsBottom>.row>div{padding:0;}
.productParameter,
.productFeatures{padding:30px 0;}
.productFeatures>.item{display: flex;padding:25px 0;border-bottom:1px solid #ccc;align-items:center;}
.productFeatures>.item:first-child{padding-top:0;}
.productFeatures>.item:last-child{padding-bottom:0;border-bottom:none;}
.productFeatures>.item>.text{width:100%;overflow: hidden;padding-right:20px;}
.productFeatures>.item>.img{width:70px;flex: 0 0 auto;}
.productFeatures>.item:hover>.img>img{transform: scale(1.1);}
.productFeatures h5{font-size:14px;font-weight: 700;line-height:1.74;}
.productFeatures .p{font-size:12px;color:#666;line-height:1.74;}
@media (max-width:479px){
	.productFeatures>.item{display: block;}
	.productFeatures>.item>.text{padding-right:0;}
	.productFeatures>.item>.img{margin:20px auto 0;}
}
@media (min-width:768px){
	.productImg>.img>img{float:right;}
}
@media (min-width:992px){
	.productDetailsBottom>.row>div:nth-child(1){border-right:1px solid #ccc;border-bottom:none;}
	.productParameter,
	.productFeatures{padding:40px 20px;}
	.productParameter{padding-left:0;}
	.productFeatures{padding-right:0;}
}
@media (min-width:1200px){
	.productDetailsTop>.row{margin-left:-40px;margin-right:-40px;}
	.productDetailsTop>.row>div{padding-left:40px;padding-right:40px;}
	.productFeatures h5{font-size:16px;}
	.productFeatures .p{font-size:14px;}
}
/* 详情 */
/* .productDetailsTop{margin-bottom:30px;}
.proDetLeft{margin-bottom:30px;}
.productDetailsTop .gallery-thumbs{position: static;width:100%;height:100%;}
.productDetailsTop .swiper-slide>img{width:100%;}
.album-small{position: relative;width:100%;padding:0 30px;margin-top:15px;}
.album-small .swiper-slide{overflow: hidden;}
.album-small .swiper-slide:after{content: '';position: absolute;width:100%;height:100%;left:0;top:0;background:rgba(0,0,0,0.2);transition:all 0.5s;}
.album-small .swiper-slide-thumb-active:after{top:100%;}
.album-big{width:100%;}
.album-big .swiper-container{border:1px solid #dbdbdb;}
.album-big .swiper-slide{display: flex;justify-content: center;align-items: center;overflow: hidden;}
.album-big .swiper-slide>img{max-width:100%;}
.gallery-thumbs .swiper-button-prev,
.gallery-thumbs .swiper-button-next{width:20px;height:100%;border:1px solid #333;top:0;margin-top:0;background-size:12px auto;}
.gallery-thumbs .swiper-button-prev{left:0;}
.gallery-thumbs .swiper-button-next{right:0;}
.proDetRight .h5{font-size:18px;font-weight: 700;}
.proDetRight .InfoContent{min-height:150px;}
@media (max-width:767px){

}
@media (min-width:768px){
	.proDetRight .h5{font-size:20px;}
}
@media (min-width:992px){
	.productDetailsTop{margin-bottom:40px;}
	.proDetLeft{top:100px;position: sticky;position: -webkit-sticky;}
}
@media (min-width:1200px){
	.proDetRight .h5{font-size:22px;}
	
} */

/*解决方案*/
.field_list{margin-left:-5px;margin-right:-5px;}
.field_list .column{padding-left:5px;padding-right:5px;margin-bottom:10px;}
.field_list a{display: block;background-color:transparent;transition: all 0.5s;}
.field_list .mask{position: absolute;width:100%;height:48px;left: 0;bottom:-50px;background:transparent;opacity: 0;transition: all 0.5s;}
.field_list .mask:before,
.field_list .mask:after{content: '';position: absolute;background:#fff;left:50%;top:50%;}
.field_list .mask:before{width:16px;height:2px;margin-left:-8px;margin-top:-1px;}
.field_list .mask:after{width:2px;height:16px;margin-left:-1px;margin-top:-8px;}
.field_list .text{padding:15px;text-align: center;}
.field_list .h5{font-size:16px;line-height:30px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.field_list .p{line-height:22px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.field_list a:hover .h5{color:#003586;}
.field_list a:hover .mask{bottom:0;background:#003586;opacity: 1;}
.field_list a:hover .img>img{transform:scale(1.1);}
@media (max-width:479px){.field_list .text{padding:10px;}
}
/*新闻中心*/
.news_list{margin-top:-20px;}
.news_list a{display: block;padding:20px 0;border-bottom:1px solid rgba(0, 0, 0, .08);}
.news_list .text{padding-top:15px;transition: all 0.5s;}
.news_list .h5{font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition: all 0.5s;}
.news_list .p{margin-top:15px;color:#999;line-height:26px;max-height:52px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.news_list .date{color:#888;text-align: right;padding-left:0;padding-right:0;transition: all 0.5s;}
.news_list .more{color:#999;width:90px;line-height:30px;border:1px solid rgba(0, 0, 0, .1);text-align: center;transition: all 0.5s;}
.news_list a:hover .h5{color:#003586;}
.news_list a:hover .img>img{transform: scale(1.1);}
.news_list a:hover .more{color:#fff;background:#003586;border-color:#003586;}
@media (max-width:767px){
	.news_list .text{padding:20px 0;}
	.news_list .other{display: flex;justify-content: space-between;align-items: center;}
	.news_list a:hover .date{padding-left:25px;}
	.rightContent img{width:100%;}
}
@media (min-width:768px){
	.news_list a{display: flex;}
	.news_list .img{width:220px;flex: 0 0 auto;}
	.news_list .text{width:100%;overflow: hidden;padding-left:30px;padding-right:5%;}
	.news_list .other{width:90px;flex: 0 0 auto;padding-top:15px;}
	.news_list .more{margin-top:65px;}
	.news_list a:hover .text{padding-left:45px;}
	.news_list a:hover .date{padding-right:25px;}
}
@media (min-width:992px){
	.news_list .img{width:270px;}
	.news_list .text{padding-left:40px;}
	.news_list a:hover .text{padding-left:55px;}
}
@media (min-width:1200px){
	.news_list .h5{font-size:18px;}
}

/*联系我们*/
.contact_row{display: flex;align-items: stretch;flex-flow: row wrap;margin-left:-10px;margin-right:-10px;}
.contact_row>div{padding-left:10px;padding-right:10px;margin-bottom:20px;}
.contact_row .inner{height:100%;min-height:120px;padding:25px 15px;background:#fff;box-shadow: 0 0 15px rgba(0,0,0,0.2);border:1px solid #e1e6f0;border-radius: 5px;transition: all 0.36s;}
.contact_row h5{font-size:18px;font-weight: 700;margin-bottom:15px;}
.contact_row .inner:hover{box-shadow: 0 0 15px rgba(27,29,108,0.5);}

.map{position: relative;overflow: hidden;}
.map #dituContent{width:100%;height:350px;border:1px #ddd solid}
.BMap_bubble_title{color:#003586;font-size:14px;font-weight: 700;}

.msgForm{max-width:1200px;margin:0 auto;}
.message_form .column{margin:5px 0}
.message_form .form-control{height:40px;color:#333;background-color:#fff;border-color:#ddd;border-radius:0;box-shadow:none}
.message_form .error input{border-color:#ff0000;}
.message_form .success input,.message_form .tip input{border-color:#999}
.message_form .error .valid_message{position:absolute;width:100%;left:0;font-size:12px;color:#f28000;display:none}
.message_form textarea.form-control{height:auto}
.message_form .btn{position: relative;display:block;width:180px;font-size:16px;background-color:#003586;color:#fff;border:none;line-height:20px;padding:14px;margin:20px auto 0;outline:0!important;text-transform: uppercase;border-radius: 0;overflow: hidden;transition: all 0.5s;}
.message_form .btn>span{position: relative;}
.message_form .btn:before{content: '';position: absolute;width:0;height:100%;left:0;top:0;background:#2a2dbd;transition: all 0.5s cubic-bezier(.52,1.64,.37,.66) 0s;}
.message_form .btn:hover{background: #003586;}
.message_form .btn:hover::before{width:100%;}
@media (min-width:768px){
	.contact_row .inner{padding:35px 25px;}
	.contact_row h5{margin-bottom:20px;}
	
	.map:after{content: '';position: absolute;width:100%;height:100%;z-index: 2;left:0;top:0;background:rgba(0,0,0,0.1);transition: all 0.5s;}
	.map:hover:after{top:110%;}
	.map #dituContent{height:400px}
	.BMap_bubble_title{font-size:16px;}
}
@media (min-width:992px){
	.contact_row{margin-left:-20px;margin-right:-20px;}
	.contact_row>div{padding-left:20px;padding-right:20px;}
	
	.message_form .btn{width:200px;padding:16px;}
}
@media (min-width:1200px){
	.map #dituContent{height:500px}
}
@media (min-width:1450px){
	.contact_row{margin-left:-30px;margin-right:-30px;}
	.contact_row>div{padding-left:30px;padding-right:30px;}
	.message_form .btn{width:220px;}
}
.xypg-news-list li {
    border:1px solid #e1e1e1;
    padding:15px;
    background: #fff;
    margin-bottom:20px;
    -webkit-transition: all .5s;
    transition: all .5s;
}
.xypg-news-list li .tit {
    border-bottom: 1px solid #cbcbcb;
    margin-bottom: 10px;
    position: relative;
}
.xypg-news-list li .tit h3 {
    padding-bottom: 15px;
    font-size: 18px;
    color: #565656;
    font-weight: normal;
    padding-right:25%;
    margin: 0;
}
.xypg-news-list li .tit .date {
    position: absolute;
    right: 0;
    top: 0;
    font-size: 14px;
    color: #666666;
}

.xypg-news-list li .info {
    font-size: 14px;
    line-height:1.5;
    color: #999999;
}

.xypg-news-list li .more {
    margin-top: 15px;
}

.xypg-news-list li .more span {
    display: inline-block;
    width: 130px;
    line-height: 33px;
    text-align: center;
    font-size: 14px;
    color: #666666;
    border: 1px solid #e1e1e1;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
}

.xypg-news-list li:hover {
    -webkit-box-shadow: 0px 2px 13px 1px rgba(8, 1, 3, 0.18);
    box-shadow: 0px 2px 13px 1px rgba(8, 1, 3, 0.18);
}

.xypg-news-list li:hover .tit h3 {
    color: #003586;
}

.xypg-news-list li:hover .more span {
    color: #fff;
    background-color: #003586;
}

@media (max-width: 990px) {
    .xypg-news-list li .tit {
        border-bottom: none;
    }
    .xypg-news-list li .tit h3 {
        padding-right: 0;
        padding-bottom: 10px;
		font-size:16px;
    }
    .xypg-news-list li .tit .date {
        position: static;
        border-bottom: 1px solid #cbcbcb;
        padding-bottom: 5px;
        color: #999;
    }
}
.icon-font{position: relative;}
.icon-font:after {
    content: "";
    width: 30px;
    height: 30px;
    background-image: url(../images/icon_spirit.png);
    background-repeat: no-repeat;
    position: absolute;
    left: calc(50% - 15px);
    top: calc(50% - 15px);
}
/*内页详情页面公用样式*/
.xypg-detail-title {
    font-size: 20px;
    color: #363636;
    font-weight: bold;
    margin-bottom: 10px;
    line-height: 1.7;
}
.xypg-detail-info-bar {
    font-size: 14px;
    font-family: Arial;
    color: #9e9e9e;
    line-height: 35px;
    border-bottom: 1px dashed #cfcfcf;
    margin-bottom: 20px;
	overflow:hidden;
}
.xypg-detail-info-bar .detail-info-time {
    float: left;
    margin-right: 20px;
    position: relative;
    padding-left: 25px;
}

.xypg-detail-info-bar .detail-info-time i {
    position: absolute;
    width: 20px;
    height: 20px;
    top: calc(50% - 10px);
    left: 0;
}

.xypg-detail-info-bar .detail-info-time i:after {
    opacity: .5;
    background-position: 0 -360px;
}

.xypg-detail-info-bar .detail-info-numbers {
    float: left;
    position: relative;
    padding-left: 25px;
}

.xypg-detail-info-bar .detail-info-numbers i {
    position: absolute;
    width: 20px;
    height: 20px;
    top: calc(50% - 10px);
    left: 0;
}

.xypg-detail-info-bar .detail-info-numbers i:after {
    opacity: .5;
    background-position: 0 -330px;
}
.xypg-detail-con-title {
    margin: 20px 0 10px 0;
}

.xypg-detail-con-title span {
    display: inline-block;
    font-size: 18px;
    color: #003586;
}

.xypg-detail-con {
    font-size: initial;
    color: #333;
    line-height: 1.7;
}

.xypg-detail-con img, .xypg-detail-con p img {
    width: auto !important;
    max-width: 100%;
    height: auto !important;
}
.xypg-detail-pn {
    margin-top: 30px;
}

.xypg-detail-pn div + div {
    margin-top: 15px;
}

.xypg-detail-pn div {
    line-height: 22px;
    padding: 10px;
    position: relative;
    border: 1px solid #eeeeee;
	overflow:hidden;
}

.xypg-detail-pn div b {
    font-size: 14px;
    color: #003586;
    float: left;
    font-weight: normal;
}
.xypg-detail-pn div a {
    float: left;
    width: 90%;
    font-size: 14px;
    color: #666666;
}
.xypg-detail-pn div a:hover {color: #003586;}
@media (max-width: 600px) {
    .xypg-detail-pn div a {
        width:80%;
    }
}
.xypg-pro-description {
    border:1px solid #e5e5e5;
    background:#f9f9f9;
    line-height:30px;
    padding:10px;
	font-size:18px;
	font-weight:600;
    margin-bottom:15px;
}
.xypg-product-list {
    margin: 0 -1.5%;
    font-size: 0;
}
.xypg-product-list li {
    display: inline-block;
    vertical-align: bottom;
    width: 30.333%;
    margin: 0 1.5% 20px 1.5%;
    padding:5px 5px 0 5px;
    border: 2px solid #eeeeee;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
	position: relative; /* 新增定位上下文 */
    overflow: hidden;  /* 防止伪元素溢出 */
}
.xypg-product-list li .img {
    display: block;
    position: relative; /* 为伪元素定位 */
}
.xypg-product-list li .img::before {
    content: "+";
    position: absolute;
    top:50%;
    left:50%;
    transform: translate(-50%, -50%);
    color: white;
    font-size:40px;
    opacity: 0;
    z-index: 2;
    /* 新增圆形背景 */
    width:80px;
    height:80px;
    background:rgba(0, 0, 0, 0.5);
    border-radius:50%;
    /* 新增圆环效果 */
    border:8px solid rgba(255, 255, 255, 0.5);
    box-shadow:0 0 10px rgba(255, 255, 255, 0.5);
    /* 动画效果 */
    transition: all 0.3s ease;
	/* 新增修复代码 */
    display: grid;          /* 改用grid布局 */
    place-items: center;    /* 精准居中 */
    line-height: 1;         /* 消除行高影响 */
    font-family: Arial;  
}
/* 悬停时显示所有元素 */
.xypg-product-list li:hover .img::before {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1.0);
}
/* 遮罩层效果 */
.xypg-product-list li .img::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.3); /* 半透明黑色遮罩 */
    opacity: 0;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    z-index: 1;
}
 
/* 鼠标悬停效果 */
.xypg-product-list li:hover .img::after {
    opacity: 1;
}
/* 图片缩放效果 */
.xypg-product-list li .img img {
    -webkit-transition: transform 0.5s ease;
    transition: transform 0.5s ease;
    position: relative;
    z-index: 0; /* 确保图片在遮罩层下方 */
}
 
.xypg-product-list li:hover .img img {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
}
 
/* 标题悬浮效果 */
.xypg-product-list li h3 {
    position: relative;
    z-index: 2; /* 确保标题在遮罩层上方 */
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
 
.xypg-product-list li:hover h3 a {
    color: #003586; /* 悬停时标题变色 */
}
.xypg-product-list li h3 a {
    display: block;
    text-align:center;
    font-size: 16px;
	font-weight:600;
    color: #333;
    line-height:1.6;
    padding:.8em 0;
}
.xypg-product-list li:hover {border:2px solid #003586;box-shadow: 0 5px 15px rgba(0,0,0,0.1);}
.xypg-product-list .no-result {
    margin: 0 1.5%;
    font-size: 14px;
}
@media (max-width: 768px) {
.xypg-product-list li{width: 47%;}
.xypg-product-list li .img::before {
    font-size:30px;
    width:50px;
    height:50px;
}
}
/*产品详情*/
.page-product-detail-effect{float:left;width: 44%;border:1px solid #eee;box-sizing: border-box;}
.page-product-detail-effect img{max-width: 100%;max-height: 100%;display: inline-block;vertical-align: middle; padding:1%;}
.page-product-detail-right {
    width: 52%;
    float: right;
}
.page-product-detail-right > h1 {
    font-size: 26px;
	font-weight:600;
    color: #0d0d0d;
    margin-bottom:10px;}
.page-product-detail-right > h2 {
    font-size:16px;
	line-height:26px;
    color:#666;
    margin-bottom:10px;
}
.product-detail-item li {
    font-size: 14px;
    line-height: 30px;
    color: #777272;
}
.page-product-inquiry {margin-top:10px; display:block;}
.page-product-inquiry a{
	font-size: 16px;
	color: #ffffff;
	display: inline-block;
	background:url(../images/d1.png) no-repeat 8px center #003586;
	border-radius: 2em;
	margin-right:20px;
	padding-top:5px;
	padding-right: 15px;
	padding-bottom:5px;
	padding-left: 30px;
}
.page-product-inquiry a:last-child{margin-right:0px;background:url(../images/d2.png) no-repeat 8px center #19b272;}
.page-product-inquiry a:hover {opacity:.8;}
@media (max-width: 990px) {
    .page-product-detail-effect {
        float: none;
        width: 100%;
        margin-bottom: 20px;
        pointer-events: none;
    }

    .page-product-detail-right {
        width: 100%;
        float: none;
    }
}

@media (max-width: 640px) {
    .page-product-inquiry a {
        font-size:16px;
	padding-top:5px;
	padding-right:15px;
	padding-bottom:5px;
	padding-left:30px;
    }
    .page-product-detail-right > h1 {
        font-size: 20px;
        margin-bottom: 15px;
    }
}
.product-detail-tab {margin-top:10px;}
.product-detail-tab .product-detail-tabli{border: 1px solid #eee;height:40px;line-height:38px;}
.product-detail-tab .product-detail-tabli li{
    float: left;
    width: 15%;
    text-align:center;
    font-size:16px;
    color: #2f2f2f;
    cursor: pointer;
	letter-spacing:1px;
    border-right:1px solid #eee;
}
.product-detail-tab .product-detail-tabli li.on, .product-detail-tab .product-detail-tabli li:visited, .product-detail-tab .product-detail-tabli li:active {
    color: #fff;
	font-weight:600;
	background:#003586;
    position: relative;
}
.product-detail-tab .product-detail-tabli li.on:before, .product-detail-tab .product-detail-tabli li:visited:before, .product-detail-tab .product-detail-tabli li:active:before {
    content: '';
    position: absolute;
    left: -1px;
    right: -1px;
    bottom: -1px;
    top: -1px;
    border: 1px solid #003586;
}
.product-detail-tab .product-detail-tabcon {
    padding: 15px 0;
}
.product-detail-tab .product-detail-tabcon p{
    padding:10px 0;
}
.product-detail-tab .product-detail-tabcon img, .product-detail-tab .product-detail-tabcon p img{
    max-width: 100%;
    height: auto !important;
    width: auto !important;
}

@media (max-width: 768px) {
    .product-detail-tab .product-detail-tabli{height: 35px;}
   .product-detail-tab .product-detail-tabli li{width:50%;}
    .product-detail-tab .product-detail-tabli li {
        font-size: 13px;
        line-height: 33px;
    }
}

@media (max-width: 420px) {
    .product-detail-tab .product-detail-tabli {
        height: 30px;
    }

    .product-detail-tab .product-detail-tabli li {
        font-size: 12px;
        line-height: 28px;
    }
}