@font-face{ font-family: fontpf; src: url('../fonts/PingFang-Medium.ttf');}
@font-face{ font-family: Open Sans; src: url('../fonts/Open Sans.ttf');}
body{padding: 0;margin: 0;font-family:  'Open Sans' !important;
	font-size: 16px;
	color: #333;
	overflow-x:hidden; font-display: swap;
	width: 100%;}
/* body{padding: 0;margin: 0;font-family: "PingFang SC",fontpf;font-size: 16px;color: #333;overflow-x:hidden;width: 100%;} */
.wrap{max-width: 1200px;margin: 0 auto;}
ul{padding: 0;margin: 0;}
ul li{list-style: none;}
p{margin: 0;}
.fl{float: left;}
h2.fl{
	font-size: 20px;
	font-weight: bold;
	color: #333333;
}
.fr{float: right;}
a,a:hover,a:active,a:visited,a:link,a:focus{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color: transparent;outline:none;background: none;text-decoration: none;transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s;-webkit-transition-duration: .5s;}
img{max-width: 100%;}
input:focus,button:focus,textarea:focus{outline: none;}

select {
	/*Chrome和Firefox里面的边框是不一样的，所以复写了一下*/
	border: solid 1px #000;

	/*很关键：将默认的select选择框样式清除*/
	appearance:none;
	-moz-appearance:none;
	-webkit-appearance:none;

	/*在选择框的最右侧中间显示小箭头图片*/
	background: url(../img/cate2.png) calc(100% - 16px) center  no-repeat scroll transparent;


	/*为下拉小箭头留出一点位置，避免被文字覆盖*/
	padding-right: 14px;
	outline: none;
}
.swiper-button-next:after, .swiper-button-prev:after{
	color: #fff;
}

/*清除ie的默认选择框样式清除，隐藏下拉箭头*/
select::-ms-expand { display: none; }


.ovh1{display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.ovh2{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
.ovh3{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.ovh4{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden;}
.bgf3f3f3{background: #f3f3f3;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.db{display: block;}
.tc{text-align: center;}
img{max-width: 100%;}
.c_center{width: 1400px;margin: 0 auto;}
.baibg{background: #ffffff;}
.huibg{background: #f8f8f8;}
.pore{position: relative;}
.flexb{display: flex;align-items: center;justify-content: center;}
.clearfix{height:1%;}
.imgH{overflow: hidden;}
.imgH img{transition-duration: .6s;-ms-transition-duration: .6s;-moz-transition-duration: .6s;-webkit-transition-duration: .6s; }
.imgH:hover img{transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);-webkit-transform:scale(1.1);}
.pcHead{display: block !important;}
.wapHead{display: none !important;}


/**导航菜单**/
.topDiv{height: 114px;}
header{position: fixed;top: 0;left: 0;z-index: 99;width: 100%;transition: all .3s;background: #fff;box-shadow: 0px 0px 20px rgba(132,132,132,0.15);}
header .line1{
	height: 34px;
	line-height: 34px;
	background: #F4F5F6;
}
header .line1 .contact{
	font-size: 14px;
	font-weight: 500;
	color: #666666;
	background: url(../img/headi1.png) left center no-repeat;
	background-size: 18px;
	padding-left: 24px;
}
header .line2{
	line-height: 80px;
}
header .logo a{height: 80px;position: relative;z-index: 99;display:flex;justify-content:center;align-items:center;}
header .logo img{max-height: 80%;}

header nav{height: 80px;margin-left: 96px;}
header nav>ul>li{height: 80px;float: left;padding-right: 56px;}
header nav>ul>li>a{
	margin-top: 20px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	color: #434241;
	font-size: 18px;
	display: block;
	border-bottom:2px solid #ffffff;
}
header nav>ul>li:hover>a,
header nav>ul>li:focus>a,
header nav>ul>li.on>a,
header nav>ul>li.active>a{
	background: none;
	position: relative;
	border-bottom:2px solid #467CBF;
}
header nav>ul>li.has-sub>a:after{
	content: "";
	display: inline-block;
	width: 10px;
	height: 6px;
	background: url(../img/headi4.png) top center no-repeat;
	padding-right: 20px;
	transition: all 0.1s;
	vertical-align: middle;
}
header nav>ul>li.has-sub:hover>a:after,
header nav>ul>li.has-sub.on>a:after{
	background-position: bottom center;
}
header .line2 .telDiv{
	height: 80px;
	display: flex;
}
header .line2 .telDiv>a{
	font-size: 14px;
	font-weight: 500;
	color: #434241;
	line-height: 22px;
	background: url(../img/headi2.png) top center no-repeat;
	padding-top: 16px;
	display: inline-block;
	margin-top: 24px;
}
header .line2 .telDiv>a:last-child{margin-left: 40px;}
header .line2 .telDiv>a.signin{
	background-image: url(../img/headi3.png);
	position: relative;
}

header .line2 .telDiv .signinBox{
	font-size: 14px;
	font-weight: 500;
	color: #999999;
	line-height: 22px;
	background: url(../img/headi3.png) top center no-repeat;
	padding-top: 16px;
	display: block;
	margin-top: 24px;
	margin-left: 32px;
	min-width: 30px;
	height: 100%;
	position: relative;
}
header .line2 .telDiv .signinBox a{
	color: #999999;
}
header .signInfo{
	position: absolute;
	left: 50%;
	top: 56px;
	background: #ffffff;
	width: 196px;
	margin-left: -96px;
	box-shadow: 0 0 14px 0 rgba(0,0,0,0.2);
	display: none;
}
header .signinBox:hover .signInfo{
	display: block;
}
header .signInfo::before{
	content: "";
	display: block;
	width: 0;
	height: 0;
	border: 10px solid transparent;
	border-bottom-color: #ffffff;
	position: absolute;
	left: 50%;
	top: -20px;
	margin-left: -10px;
}
header .signInfo .si_Top{
	padding: 8px 20px;
	border-bottom:1px solid #EFEDEA;
	font-size: 12px;
	color: #999999;
}
header .signInfo .si_Top .si_name{
	font-size: 14px;
	color: #000000;
	display: block;
}
header .signInfo .si_Top .si_id span{
	color: #467CBE;
}
header .signInfo .si_order{padding: 8px 0;}
header .signInfo .si_order a{
	font-size: 14px;
	color: #434241;
	display: block;
	line-height: 32px;
	padding: 0 20px;
}
header .signInfo .si_order a:hover{
	color: #467CBE;
	background: #f5f4f7;
}
header .signInfo .si_signOut{
	font-size: 14px;
	color: #000000;
	border-top:1px solid #EFEDEA;
	padding: 8px 20px;
	display: block;
}




.flex_box_scroll {
	display: block;
}
.mb_con_scroll {
	display: none;
}
.mb_welcome {
	display: none;
}




.nomalT.nomalT1 .blue {
	font-size: large;
}

/* 电脑端二级导航 */
.erji{
	position: fixed;
	top: 114px;
	left: 0;
	width: 100%;
	padding: 32px 0;
	z-index: 2;
	background: #ffffff;
	border-top: 1px solid #f5f4f3;
	/*display: none;*/
	/*box-shadow: 0px 0px 13px 0px rgba(130, 143, 158, 0.1);*/
}
.servP_D{
	width: 100%;
	position: relative;
	overflow: hidden;
	height: 250px;
	margin-bottom: 20px;
}


@media(max-width:960px){
	.servP_D{
		width: 100%;
		height: 150px;
	}
}
.servP_D img{
	height: 100%;
	object-fit: cover;
	position: absolute;
	top: 50%;
	width: 100%;
	left: 50%;
	transform: translate(-50%,-50%);
}
.on-fixed header .erji{top: 80px;}
.erji .erjitit{
	font-size: 20px;
	font-weight: bold;
	color: #0E0E0E;
	line-height: 28px;
	text-align: left;
	margin-bottom: 32px;
}
.erji .erjitit .datit{margin-right: 64px;}
.erji .erjitit .ejBox a{
	font-size: 14px;
	color: #434241;
	margin-right: 64px;
	font-weight: 400;
	line-height: 32px;
	display: inline-block;
}
.erji .erjitit .ejBox a:hover,
.erji .erjitit .ejBox a.on{
	color: #467CBF;
	position: relative;
}
.erji .erjitit .ejBox a:hover:after,
.erji .erjitit .ejBox a.on:after{
	content: "";
	display: block;
	position: absolute;
	left: 50%;
	bottom: 0;
	margin-left: -25px;
	width: 50px;
	height: 2px;
	background: #467CBF;
}
.erji ul li{
	width: 25%;
	float: left;
	background: url(../img/navi11.jpg) left top no-repeat;
	padding-left: 72px;
	margin-bottom: 32px;
	padding-right: 16px;
}
.erji2 ul li{
	width: 33.33%;
}
.erji ul li:nth-child(4n+1){clear: both;}
.erji2 ul li:nth-child(4n+1){clear: none;}
.erji2 ul li:nth-child(3n+1){clear: both;}
.erji ul li .tit{
	font-size: 16px;
	font-weight: bold;
	color: #434241;
	text-align: left;
	line-height: 24px;
}
.erji ul li .desc{
	font-size: 14px;
	font-weight: 500;
	color: #434241;
	line-height: 22px;
	min-height: 44px;
	text-align: left;
}

@font-face{ font-family: fontpf; src: url('../fonts/PingFang-Medium.ttf');}
@font-face{ font-family: Open Sans; src: url('../fonts/Open Sans.ttf');}
body{padding: 0;margin: 0;font-family: 'Open Sans' !important;
	font-size: 16px;
	color: #333;
	overflow-x:hidden;
	width: 100%;
	font-display: swap;
}
/* body{padding: 0;margin: 0;font-family: "PingFang SC",fontpf;font-size: 16px;color: #333;overflow-x:hidden;width: 100%;} */
.wrap{max-width: 1200px;margin: 0 auto;}
ul{padding: 0;margin: 0;}
ul li{list-style: none;}
p{margin: 0;}
.fl{float: left;}
h2.fl{
	font-size: 20px;
	font-weight: bold;
	color: #333333;
}
.fr{float: right;}
a,a:hover,a:active,a:visited,a:link,a:focus{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color: transparent;outline:none;background: none;text-decoration: none;transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s;-webkit-transition-duration: .5s;}
img{max-width: 100%;}
input:focus,button:focus,textarea:focus{outline: none;}

select {
	/*Chrome和Firefox里面的边框是不一样的，所以复写了一下*/
	border: solid 1px #000;

	/*很关键：将默认的select选择框样式清除*/
	appearance:none;
	-moz-appearance:none;
	-webkit-appearance:none;

	/*在选择框的最右侧中间显示小箭头图片*/
	background: url(../img/cate2.png) calc(100% - 16px) center  no-repeat scroll transparent;


	/*为下拉小箭头留出一点位置，避免被文字覆盖*/
	padding-right: 14px;
	outline: none;
}
.swiper-button-next:after, .swiper-button-prev:after{
	color: #fff;
}

/*清除ie的默认选择框样式清除，隐藏下拉箭头*/
select::-ms-expand { display: none; }


.ovh1{display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.ovh2{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
.ovh3{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.ovh4{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden;}
.bgf3f3f3{background: #f3f3f3;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.db{display: block;}
.tc{text-align: center;}
img{max-width: 100%;}
.c_center{width: 1400px;margin: 0 auto;}
.baibg{background: #ffffff;}
.logo{
	width:189px;
	height: 80px;
}
.huibg{background: #f8f8f8;}
.pore{position: relative;}
.flexb{display: flex;align-items: center;justify-content: center;}
.clearfix{height:1%;}
.imgH{overflow: hidden;}
.imgH img{transition-duration: .6s;-ms-transition-duration: .6s;-moz-transition-duration: .6s;-webkit-transition-duration: .6s; }
.imgH:hover img{transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);-webkit-transform:scale(1.1);}
.pcHead{display: block !important;}
.wapHead{display: none !important;}


/**导航菜单**/
.topDiv{height: 114px;}
header{position: fixed;top: 0;left: 0;z-index: 99;width: 100%;transition: all .3s;background: #fff;box-shadow: 0px 0px 20px rgba(132,132,132,0.15);}
header .line1{
	height: 34px;
	line-height: 34px;
	background: #F4F5F6;
}
header .line1 .contact{
	font-size: 14px;
	font-weight: 500;
	color: #666666;
	background: url(../img/headi1.png) left center no-repeat;
	background-size: 18px;
	padding-left: 28px;
}
header .line1 .contact1{
	font-size: 14px;
	font-weight: 500;
	padding-left: 24px;
	color: #467cbf;
	cursor:default;
}

header .line2{
	line-height: 80px;
}
header .logo a{height: 80px;position: relative;z-index: 99;display:flex;justify-content:center;align-items:center;}
header .logo img{max-height: 80%;height: 64px; aspect-ratio: 189/31; }

header nav{height: 80px;margin-left: 96px;}
header nav>ul>li{height: 80px;float: left;padding-right: 70px;}
header nav>ul>li>a{
	margin-top: 20px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	color: #434241;
	font-size: 18px;
	display: block;
	border-bottom:2px solid #ffffff;
}
header nav>ul>li:hover>a,
header nav>ul>li:focus>a,
header nav>ul>li.on>a,
header nav>ul>li.active>a{
	background: none;
	position: relative;
	border-bottom:2px solid #467CBF;
}
header nav>ul>li.has-sub>a:after{
	content: "";
	display: inline-block;
	width: 10px;
	height: 6px;
	background: url(../img/headi4.png) top center no-repeat;
	padding-right: 20px;
	transition: all 0.1s;
	vertical-align: middle;
}
header nav>ul>li.has-sub:hover>a:after,
header nav>ul>li.has-sub.on>a:after{
	background-position: bottom center;
}
header .line2 .telDiv{
	height: 80px;
	display: flex;
}
header .line2 .telDiv>a{
	font-size: 14px;
	font-weight: 500;
	color: #434241;
	line-height: 22px;
	background: url(../img/Search.png) top center no-repeat;
	/*padding-top: 16px;*/
	padding-top: 22px;
	display: inline-block;
	margin-top: 24px;
}
header .line2 .telDiv > .cart {
	font-size: 14px;
	font-weight: 500;
	color: #434241;
	line-height: 22px;
	background: url(../img/Cart.png) top center no-repeat;
	/*padding-top: 16px;*/
	padding-top: 22px;
	display: inline-block;
	margin-top: 24px;
	margin-left: 24px;
	position: relative;
	cursor: pointer;
}
/* 购物车点位标记 */
header .line2 .telDiv > .cart .cart_dot {
	line-height: 16px;
	color: #fff;
	text-align: center;
	font-size: 12px;
	border-radius: 18px;
	position: absolute;
	top: -9px;
	right: -8px;
	padding: 1px 2px;
	background: #c00000;
	min-width: 18px;
	font-weight: 600;
}

header .line2 .telDiv>a:last-child{margin-left: 40px;}
header .line2 .telDiv>a.signin{
	background-image: url(../img/SignIn2.png);
	position: relative;
}

header .line2 .telDiv .signinBox{
	font-size: 14px;
	font-weight: 500;
	color: #999999;
	line-height: 22px;
	background: url(../img/SignIn2.png) top center no-repeat;
	/*padding-top: 16px;*/
	padding-top: 22px;
	display: block;
	margin-top: 24px;
	margin-left: 24px;
	min-width: 30px;
	height: 100%;
	position: relative;
}
header .line2 .telDiv .signinBox a{
	color: #999999;
}
header .line2 .telDiv .signinBox .signin{
	text-align:center;
	display:block;
	max-width: 90px;
	/*width: auto;*/
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	color: #434241 !important;
}
header .signInfo{
	position: absolute;
	left: 50%;
	top: 56px;
	background: #ffffff;
	width: 196px;
	margin-left: -96px;
	box-shadow: 0 0 14px 0 rgba(0,0,0,0.2);
	display: none;
}
header .signinBox:hover .signInfo{
	display: block;
}
header .signInfo::before{
	content: "";
	display: block;
	width: 0;
	height: 0;
	border: 10px solid transparent;
	border-bottom-color: #ffffff;
	position: absolute;
	left: 50%;
	top: -20px;
	margin-left: -10px;
}
header .signInfo .si_Top{
	padding: 8px 20px;
	border-bottom:1px solid #EFEDEA;
	font-size: 12px;
	color: #999999;
}
header .signInfo .si_Top .si_name{
	font-size: 14px;
	color: #000000;
	display: block;
}
header .signInfo .si_Top .si_id span{
	color: #467CBE;
}
header .signInfo .si_order{padding: 8px 0;}
header .signInfo .si_order a{
	font-size: 14px;
	color: #434241;
	display: block;
	line-height: 32px;
	padding: 0 20px;
}
header .signInfo .si_order a:hover{
	color: #467CBE;
	background: #f5f4f7;
}
header .signInfo .si_signOut{
	font-size: 14px;
	color: #000000;
	border-top:1px solid #EFEDEA;
	padding: 8px 20px;
	display: block;
}

.nomalT.nomalT1 .blue {
	font-size: large;
}

/* 电脑端二级导航 */
.erji{
	position: fixed;
	top: 114px;
	left: 0;
	width: 100%;
	padding: 32px 0;
	z-index: 2;
	background: #ffffff;
	border-top: 1px solid #f5f4f3;
	/*display: none;*/
	/*box-shadow: 0px 0px 13px 0px rgba(130, 143, 158, 0.1);*/
}
.servP_D{
	width: 100%;
	position: relative;
	overflow: hidden;
	height: 250px;
	margin-bottom: 20px;
}


@media(max-width:960px){
	.servP_D{
		width: 100%;
		height: auto !important;
		aspect-ratio: 390/150 !important;
	}
	.servP_D img{
		aspect-ratio: 390/150 !important;
		height: auto !important;
	}
	.xx_spz .servP_D img{
		object-fit: none !important;
	}
}
.servP_D img{
	height: 100%;
	object-fit: cover;
	position: absolute;
	top: 50%;
	width: 100%;
	left: 50%;
	transform: translate(-50%,-50%);
}
.on-fixed header .erji{top: 80px;}
.erji .erjitit{
	font-size: 20px;
	font-weight: bold;
	color: #0E0E0E;
	line-height: 28px;
	text-align: left;
	margin-bottom: 32px;
}
.erji .erjitit .datit{margin-right: 64px;}
.erji .erjitit .ejBox a{
	font-size: 14px;
	color: #434241;
	margin-right: 64px;
	font-weight: 400;
	line-height: 32px;
	display: inline-block;
}
.erji .erjitit .ejBox a:hover,
.erji .erjitit .ejBox a.on{
	color: #467CBF;
	position: relative;
}
.erji .erjitit .ejBox a:hover:after,
.erji .erjitit .ejBox a.on:after{
	content: "";
	display: block;
	position: absolute;
	left: 50%;
	bottom: 0;
	margin-left: -25px;
	width: 50px;
	height: 2px;
	background: #467CBF;
}
.erji ul li{
	width: 25%;
	float: left;
	background: url(../img/navi11.jpg) left top no-repeat;
	padding-left: 72px;
	margin-bottom: 32px;
	padding-right: 16px;
	background-size: 54px auto;
}
.erji2 ul li{
	width: 33.33%;
}
.erji ul li:nth-child(4n+1){clear: both;}
.erji2 ul li:nth-child(4n+1){clear: none;}
.erji2 ul li:nth-child(3n+1){clear: both;}
.erji ul li .tit{
	font-size: 16px;
	font-weight: bold;
	color: #434241;
	text-align: left;
	line-height: 24px;
}
.erji ul li .desc{
	font-size: 14px;
	font-weight: 500;
	color: #434241;
	line-height: 22px;
	min-height: 44px;
	text-align: left;
}

/*banner轮播*/
.index-banner{width: 100%;position:relative;}
.ui-homebanner .swiper-slide{overflow: hidden;}
.ui-homebanner .img{width: 100vw;display: block;height: 460px;background: none no-repeat center;background-size: cover;}
.ui-homebanner .img .kuang1{height: 100%;justify-content: flex-start;}
.ui-homebanner .img .text1{
	font-size: 59px;
	/*font-weight: 800;*/
	color: #FFFFFF;
}
.ui-homebanner .img .text2{
	font-size: 24px;
	/*font-weight: bold;*/
	color: #FFFFFF;
	margin: 52px 0 108px;
}
.ui-homebanner .img .bannerbtn{
	font-size: 20px;
	font-weight: bold;
	color: #FFFFFF;
	width: 194px;
	height: 57px;
	line-height: 57px;
	background: rgba(255,255,255,0.2);
	text-align: center;
	cursor: pointer;
}
.ui-homebanner .img .bannerbtn:hover{background: rgba(255,255,255,0.4);}
.ui-homebanner .img .bannerbtn img{margin-left: 43px;}
.ui-homebanner .swiper-container-horizontal>.swiper-pagination-bullets{bottom: 40px;}
.ui-homebanner .swiper-pagination-bullet{width: 21px;height: 3px;border-radius: 0;background: #fff;opacity: .5;}
.ui-homebanner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 5px;}
.ui-homebanner .swiper-pagination-bullet-active{opacity: 1;}
.ui-homebanner .swiper-button-next, .ui-homebanner .swiper-button-prev{opacity: 1;background-size: 100% 100%;width: 33px;height: 23px;margin-top: -11.5px;opacity: 0.6;}
.ui-homebanner .swiper-button-prev{background: url(../img/left.png) no-repeat center center;left: 10px;}
.ui-homebanner .swiper-button-next{background: url(../img/right.png) no-repeat center center;right: 10px;}
.ui-homebanner .swiper-button-next:hover, .ui-homebanner .swiper-button-prev:hover{opacity: 1;}


footer{
	border-top: 1px solid #DADEE5;
	color: #666;
	font-size: 14px;
	line-height: 28px;
}
footer a{color: #666;font-size: 14px;}
footer a:hover{color: #333;}
footer .line1{
	padding: 36px 0;
}
footer .biaoti{font-size: 18px;color: #434241;margin-bottom: 8px;display: block;}
footer .biaoti a{font-size: 18px;color: #434241;}
footer .footNav{
	width: 60%;
}
footer .footNav>div{
	float: left;
	width: 19%;
	border-right: 1px dashed #E9ECF1;
	margin-right: 7%;
	display: block;
}
footer .footNav>div:last-child{margin-right: 0;}
footer .rightBox{width: 38%;}
footer .guanzhu{
	width: 50%;
	margin-right: 20%;
}
footer .guanzhu .lianjie a{width: 36px;margin-right: 20px;}

footer .guanzhu .lianjie{display: flex}


footer .contact{
	width: 30%;
}
footer .line2{
	border-top: 1px solid #DADEE5;
	padding: 22px 0;
	text-align: center;
}
footer .line2 .lianjie{
	position: absolute;
	left: 0;
	top: 0;
}

.footTips{
	z-index: 10000;
	position: fixed;
	left: 0;
	bottom: 0;
	width: 100%;
	padding: 12px 0;
	font-size: 14px;
	font-weight: 500;
	color: #666666;
	background: #ffffff;
	line-height: 34px;
	box-shadow: 0px 0px 13px 0px rgba(130, 143, 158, 0.1);
}
.footTips .c_center{padding-right: 106px;}
.footTips .anniu{
	position: absolute;
	right: 0;
	top: 0;
	padding: 0 16px;
	height: 34px;
	line-height: 34px;
	background: #467CBF;
	font-size: 16px;
	font-weight: bold;
	color: #FFFFFF;
}
.footzh{height: 58px;}

.posi{
	line-height: 56px;
	font-size: 14px;
	font-weight: 500;
	color: #666666;
}
.posi a{color: #666666;}
.posi .home::before{
	content: "";
	display: inline-block;
	width: 13px;
	height: 16px;
	background: url(../img/cate1.png) center no-repeat;
	background-size: cover;
	vertical-align: middle;
	margin: -2px 10px 0 0;
}
.posi span{color: #467CBF;}

.pageNum{text-align: center;margin-top: 20px;}
.pageNum img{width: 30px;}
.pageNum span,.pageNum a{
	font-size: 14px;
	font-weight: 500;
	color: #113A2E;
	line-height: 30px;
	margin: 0 4px;
}
.pageNum span{
	opacity: 0.4;
}

.pcBox{
	display: block !important;
	/*overflow-x: scroll;*/
	/*overflow-y: hidden;*/
	/*white-space: nowrap;*/
	/*word-wrap: break-word;*/
}
.posi::-webkit-scrollbar {
	/*滚动条整体样式*/
	width : 0;  /*高宽分别对应横竖滚动条的尺寸*/
	height: 0;
}
.posi::-webkit-scrollbar-thumb {
	/*滚动条里面小方块*/
	border-radius: 10px;
	box-shadow   : inset 0 0 5px rgba(0, 0, 0, 0.2);
	background   : #535353;
}
.posi::-webkit-scrollbar-track {
	/*滚动条里面轨道*/
	box-shadow   : inset 0 0 5px rgba(0, 0, 0, 0.2);
	border-radius: 10px;
	background   : #ededed;
}
.wapBox{display: none !important;}
.wapBoxtt{
	margin-bottom: 20px;
}
/*.wapBox{*/
/*    margin-bottom: 20px;*/
/*}*/
.pageTit{
	font-size: 26px;
	color: #19191a;
	font-weight: 600;
	margin-bottom: 20px;
	line-height: 34px;
}
.posi a:last-child{
	color: #19191a;
	font-size: 600;
}

.leftNav{
	width: 250px;
	margin-right: 14px;
}
.rightNr{
	width: calc(100% - 264px);
	/*border-left: 10px solid #f6f7f9;*/
	padding: 30px;
	word-wrap: break-word;
}

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

.rightNav{width: 25%;}
.leftNr{width: 75%;border-right: 10px solid #f6f7f9;padding: 20px;}
.pageNum2{text-align: right;margin-top: 16px;}
.pageNum2 a,
.pageNum2 span{
	min-width: 20px;
	height: 20px;
	line-height: 20px;
	border-radius: 50%;
	background: #ffffff;
	font-size: 12px;
	font-weight: 500;
	color: #666666;
	display: inline-block;
	margin: 0 4px;
	text-align: center;
}
.pageNum2 span{
	color: #ffffff;
	background: #467CBF;
}
/* 弹窗 */
.tcBox{
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 100;
	display: none;
}
.tcBox .yinying{
	background:rgba(0,0,0,0.5);
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
.tcBox .tcNeirong{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
.tcBox .tcNeirong .midNr{
	width: 953px;
	border-radius: 10px;
	background: #ffffff;
}
.tcBox .titline{
	height: 56px;
	line-height: 56px;
	border-bottom: 1px solid #E9EBEF;
	padding: 0 30px;
	position: relative;
}
.tcBox .titline .tit{
	font-size: 18px;
	font-weight: bold;
	color: #333333;
}
.tcBox .titline .closeBtn{
	display: block;
	width: 56px;
	height: 56px;
	position: absolute;
	right: 0;
	top: 0;
	background: url(../img/close.png) center no-repeat;
	background-size: 14px;
	cursor: pointer;
}


.tcContact .nrline{
	padding: 30px;
}
.tcContact .proBox .imgBox{
	width: 180px;
}
.tcContact .proBox .textBox{
	width: calc(100% - 200px);
	margin-left: 20px;
}
.tcContact .proBox .textBox .tit{
	font-size: 16px;
	line-height: 24px;
	color: #434241;
}
.tcContact .proBox .textBox .info{
	font-size: 14px;
	color: #666666;
	margin: 20px 0 0 0;
}
.tcContact .proBox .textBox .info p{float: left;margin-right: 56px;}
.tcContact .proBox .textBox .info span{
	color: #467CBF;
}
.tcContact .contactUs{margin: 30px 0;}
.tcContact .contactUs .tit{
	font-size: 16px;
	color: #434241;
	margin-bottom: 32px;
}
.tcContact .contactUs li{
	width: 33%;
	float: left;
}
.tcContact .contactUs li img{width: 60px;}
.tcContact .contactUs li div{margin-left: 16px;}
.tcContact .contactUs li p{
	font-size: 16px;
	color: #434241;
}
.tcContact .contactUs li a{
	display: block;
	font-size: 14px;
	color: #467CBF;
	margin-top: 8px;
}
.tcContact .nrline .closeBtn{
	width: 120px;
	height: 36px;
	line-height: 36px;
	background: #467CBF;
	font-size: 16px;
	color: #FFFFFF;
	display: block;
	margin: 62px auto 0;
	text-align: center;
}

/* 搜索 */
.searchBox{
	position: fixed;
	right: 0;
	top: 114px;
	width: 100%;
	background: #ffffff;
	display: none;
	padding-top: 30px;
	border-top:1px solid #F5F4F3;
	padding-bottom: 40px;
	box-shadow: 0px 0px 20px rgb(132 132 132 / 15%);
}
.searchBox .searl1 form{
	width: 100%;
}
.searchBox .searl1 form .tijiao{
	width: 18px;
	vertical-align: middle;
	position: absolute;
	left: 16px;
	top: 16px;
}
.searchBox .searl1 form .ssInp{
	width: calc(100% - 130px);
	height: 50px;
	line-height: 50px;
	border: 0;
	background: none;
	vertical-align: middle;
	padding: 0;
	background: #FFFFFF;
	border: 1px solid #DDDDDD;
	display: block;
	float: left;
	padding-left: 48px;
}
.searchBox .searl1 form .tijiaobtn{
	width: 130px;
	height: 50px;
	line-height: 50px;
	background: #467CBF;
	text-align: center;
	font-size: 16px;
	color: #ffffff;
	display: block;
	float: left;
	border: 1px solid #467CBF;
	cursor: pointer;
}
.searchBox .searl1 .cancel{
	font-size: 20px;
	width: 100px;
	color: #333333;
	text-align: center;
	display: block;
	height: 48px;
	line-height: 48px;
}
.searchBox .searl2{display: none;}
.searchBox .lineb{line-height: 20px;font-size: 16px;}
.searchBox .lineb .titBox{
	margin-top: 32px;
	font-size: 16px;
	font-weight: bold;
	color: #434241;
}
.searchBox .lineb .gnBtn{
	color: #467CBF;
}
.searchBox .lineb .tabBox{
	margin-top: 16px;
}
.searchBox .lineb .tabBox span{
	padding: 0 16px;
	height: 30px;
	line-height: 30px;
	background: #F6F7F9;
	border-radius: 15px;
	font-size: 12px;
	color: #434241;
	display: inline-block;
	margin-right: 12px;
	cursor: pointer;
	margin-bottom: 8px;
}
.contactP{padding: 30px 0;}


@media (max-width:1200px) {
	.c_center{width: 950px;}
	header nav{margin-left: 40px;}
	header nav>ul>li{padding-right: 32px;}

	.footTips{line-height: 22px;}
}
@media (max-width:996px) {
	.c_center{width: 750px;}
	header .logo{width: 18%;}
	header nav>ul>li{padding-right: 16px;}
	header .line2 .telDiv>a:last-child{margin-left: 16px;}
	.erji{padding: 16px 0;}
	.erji ul li{width: 50%;margin-bottom: 12px;background-size: 40px;}
	header nav>ul>li>a{font-size: 16px;}


	.ui-homebanner .img{height: 480px;}
	.ui-homebanner .img .text1{font-size: 44px;}
	.ui-homebanner .img .text2{margin: 24px 0 32px;}
	.ui-homebanner .img .bannerbtn{height: 48px;line-height: 48px;width: 140px;}
	.ui-homebanner .img .bannerbtn img{margin-left: 20px;}
	.ui-homebanner .img{height: 25vh;}
	.ui-homebanner .img .text1{font-size: 20px;}
	.ui-homebanner .img .text2{font-size: 12px;margin: 16px 0 0;}
	.ui-homebanner .img .bannerbtn{display: none;}
	.ui-homebanner .swiper-pagination-bullet{width: 10px;height: 3px;}


	footer .footNav{width: 100%;}
	footer .rightBox{width: 100%;margin-top: 16px;}
	footer .footNav>div{
		width: 100%;
		float: none;
		border-right:none;
		border-bottom:1px solid #E9ECF1;
	}
	footer .footNav .biaoti{
		height: 60px;
		line-height: 60px;
		margin: 0;
		position: relative;
	}
	footer .footNav ul{display: none;}
	footer .footNav li{padding-left: 22px;}
	footer .footNav li a{display: block;}
	footer .footNav li.biaoti{padding-left: 0;}
	footer .line1{padding: 0;}
	footer .guanzhu{text-align: center;width: 100%;}
	footer .guanzhu .biaoti{display: none;}
	footer .lianjie img{width: 35px;}
	footer .contact{display: none;}
	footer .line2{border: 0;padding: 12px 0;}
	footer .line2 .lianjie{position: relative;text-align: center;}
	.footTips,
	.footzh{display: none;}
}
@media (max-width:768px) {
	table{
		/*min-width: 800px;*/
	}
	/* body{overflow-x: auto;} */
	.c_center{width: 92%;}
	.topDiv{height: 48px;}
	.pcHead{display: none !important;}
	.wapHead{display: block !important;}

	.pcBox {
		display: none !important;
	}
	.xx_nav {
		display: block !important;
		padding-top: 10px !important;
		overflow-x: scroll;
		overflow-y: hidden;
		white-space: nowrap;
		word-wrap: break-word;
	}
	.xx_nav2 {
		display: block !important;
		padding-top: 10px !important;
		overflow-x: scroll;
		overflow-y: hidden;
		white-space: nowrap;
		word-wrap: break-word;

	}
	.xx_nav2 .wapBoxtt,
	.xx_nav2 .wapBoxtt-banner,
	.xx_nav2 .scrTopBox,
	.xx_nav2 #tags {
		display: none;
	}

	.wapBox{display: block !important;}
	.floatRightDiv{display: none;}

	header .wapHead .line1{
		width: 100%;
		height: 48px;
		line-height: 48px;
		background: #FFFFFF;
		box-shadow: 0px 6px 6px 0px rgba(132, 136, 145, 0.1);
		text-align: center;
		position: relative;
		z-index: 22;
	}
	header .wapHead .logo img{height: 18px !important;}
	header .wapHead .zkBtn{
		position: absolute;
		left: 16px;
		top: 0;
		height: 48px;
		width: 24px;
		padding-top: 8px;
	}
	header .wapHead .zkBtn span{
		display: block;
		width: 100%;
		height: 2px;
		margin: 6px 0;
		background: #222527;
	}
	header .wapHead .telDiv{
		position: absolute;
		right: 16px;
		top: 0;
		height: 48px;
	}
	header .wapHead .telDiv a{width: 18px;display: block;float: left;}
	header .wapHead .telDiv a.signin{margin-left: 20px;}
	header .wapHead .line2{
		height: calc(100vh - 48px);
		position: fixed;
		top: 48px;
		left: 0;
		background: #ffffff;
		width: 100%;
		z-index: 21;
		left: -100%;
		transition: all 0.3s;
		overflow-y: scroll;
		overflow-x: hidden;
	}
	header .wapHead .line2.on{
		left: 0;
	}
	header .wapHead.on .line2{
		left: 0;
	}
	header .wapHead .line2 .signin{
		display: block;
		width: 100%;
		color:#333333;
		padding-left: 20px;
		line-height: 50px;
		border-bottom: 10px solid #f7f7f7;
	}
	header .wapHead .line2 .signin{
		background: url(../img/waphead2.png) calc(100% - 20px) center no-repeat;
		background-size: 7px 14px;
	}
	header .wapHead .line2 .signin::before{
		content: "";
		display: inline-block;
		width: 15px;
		height: 15px;
		background: url(../img/waphead1.png) center no-repeat;
		background-size: cover;
		vertical-align: middle;
		margin: -2px 12px 0 5px;
	}
	header .wapHead nav>ul>li>a{
		background: url(../img/waphead2.png) right center no-repeat;
		background-size: 7px 14px;
	}
	header .wapHead nav{
		width: 100%;
		margin: 0;
		float: none;
		height: unset;
	}
	header nav>ul>li{height:auto;}
	header .wapHead nav>ul>li{
		display: block;
		float: none;
		width: 100%;
		padding: 0 20px;
	}
	header nav>ul>li:hover>a, header nav>ul>li:focus>a, header nav>ul>li.on>a, header nav>ul>li.active>a{border-bottom:1px solid #DDDDDD}
	header nav>ul>li>a{margin-top: 0;line-height: 48px;height: 48px;text-align: left;border-bottom: 1px solid #DDDDDD;padding: 0 5px;}
	header nav>ul>li.has-sub>a:after{display: none;}
	.erji{
		position: relative;
		top: unset;left: unset;
	}
	header .wapHead .line2 .xinxi{padding: 10px 20px;text-align: center;clear: both;
		display: flex;
	    justify-content: space-between;
	    align-items: flex-start;
		width: 100%;
	}
	header .wapHead .line2 .xinxi a{margin-right: 0;text-align: center;line-height: 22px;width: calc(100% / 3);}
	header .wapHead .line2 .xinxi img{width: 32px;line-height: 32px;}
	header .wapHead .line2 .xinxi p{
		font-size: 14px;
		font-weight: 500;
		color: #666666;
		line-height: 22px;
		margin-top: 16px;
		word-wrap: break-word;
	}
	.ui-homebanner .img{height: 55vw;}
	.ui-homebanner .swiper-container-horizontal>.swiper-pagination-bullets{bottom: 10px;}
	.ui-homebanner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 4px;}
	.ui-homebanner .swiper-pagination-bullet{width: 10px;height: 3px;}
	.ny-banner .imgDiv{height: 55vw;}
	.leftNav{width: 100%;}
	.rightNr{width: 100%;padding: 16px;}



	.rightNav{width: 100%;padding: 16px;}
	.leftNr{width: 100%;border: 0;padding: 0;}
	.contactP{padding: 16px 0;}

	.searchBox{
		position: absolute;
		right: 0;
		top: 80px;
		width: 750px;
		background: #ffffff;
		display: none;
	}
	.searchBox .searl1{
		padding: 8px;
	}
	.searchBox .searl1 form{
		background: #F7F7F7;
		border-radius: 5px;
		width: calc(100% - 116px);
		margin-right: 16px;
		padding: 0 24px;
		height: 48px;
		line-height: 48px;
	}
	.searchBox .searl1 form .ssInp{
		width: calc(100% - 34px);
		height: 48px;
		line-height: 48px;
		border: 0;
		background: none;
		vertical-align: middle;
	}
	.searchBox .searl1 .cancel{
		font-size: 20px;
		width: 100px;
		color: #333333;
		text-align: center;
		display: block;
		height: 48px;
		line-height: 48px;
	}
	.searchBox .searl2{display: none;}
	.searchBox{
		position: fixed;
		/* display: block; */
		top: 33px;
		width: 100%;
		background: #ffffff;
		height: 100vh;
		padding: 0;
	}
	.searchBox .searl1{
		padding: 16px;
		border-bottom: 10px solid #F7F7F7;
	}
	.searchBox .searl1 form{
		padding: 0 8px;
		height: 40px;
		line-height: 40px;
		width: calc(100% - 76px);
		margin-right: 12px;
	}
	.searchBox .searl1 form .tijiao{
		width: 18px;
		left: 12px;
		top: 12px;
	}
	.searchBox .searl1 form .ssInp{
		height: 40px;
		line-height: 40px;
		padding-left: 32px;
	}
	.searchBox .searl1 .cancel{
		font-size: 16px;
		height: 40px;
		line-height: 40px;
		width: 64px;
	}
	.searchBox .searl2{
		padding: 16px;
		display: block;
	}
	.searchBox .searl2 .name{
		font-size: 16px;
		color: #333333;
	}
	.searchBox .searl2 .changeBtn{
		font-size: 14px;
		color: #467CBF;
	}
	.searchBox .searl2 .changeBtn::before{
		content: "";
		display: inline-block;
		width: 12px;
		height: 14px;
		background: url(../img/change.png) center no-repeat;
		background-size: cover;
		margin-right: 4px;
		margin-top: 6px;
	}
	.searchBox .searl2 .tipBox{
		text-align: left;
	}
	.searchBox .searl2 .tipBox span{
		display: inline-block;
		padding: 0 19px;
		height: 32px;
		line-height: 32px;
		background: #EBEBEF;
		border-radius: 25px;
		margin: 0 12px 12px 0;
	}
	.tcBox .tcNeirong{display: block;}
	.tcBox .yinying,
	.tcBox .titline .closeBtn{display: none;}
	.tcBox .tcNeirong .midNr{
		width: 100%;
		border-radius: 0;
		height: calc(100vh - 48px);
		display: block;
		margin-top: 48px;
	}
	.tcContact .nrline{
		padding: 16px;
	}
	.tcContact .proBox .imgBox{
		width: 136px;
	}
	.tcContact .proBox .textBox {
		width: calc(100% - 148px);
		margin-left: 12px;
	}
	.tcContact .proBox .textBox .tit{font-size: 13px;line-height: 22px;}
	.tcContact .proBox .textBox .info p{
		float: none;
		display: block;
		font-size: 12px;
	}
	.tcContact .proBox .textBox .info{margin-top: 8px;}
	.tcContact .contactUs li{
		float: none;
		width: 100%;
		margin-top: 20px;
	}
	.tcContact .contactUs li img{
		width: 45px;
	}
	.tcContact .contactUs li div{
		margin-left: 16px;
		width: calc(100% - 61px);
	}
	.tcContact .contactUs li div a{margin-top: 0;}
}




.signdilog{
	position: absolute;
	z-index: 100;
	top: 95px;
	background-color: #fff;
	box-shadow: 4px 4px 10px gray;
	padding: 20px;
}
.signdilog *{
	line-height: 15px;
}
.signdilog-bod{
	display: flex;
	flex-direction: column;
}
.signdilog-bod a,.signdilog-foot a{
	color: #000;
	text-decoration: none;
	margin-bottom: 20px;
}
.signdilog-bod a:hover,.signdilog-foot a:hover{
	text-decoration: solid;
}
.signdilog-head h4{
	margin: 0;
}
.signdilog-head small{
	color: gray;
	font-size: 12px;
}
.signdilog-head{
	margin-bottom: 10px;
	padding-bottom: 10px;
	position: relative;
}
.signdilog-head::after{
	content: "";
	position: absolute;
	height: 1px;
	width: 100%;
	background-color: gray;
	left: 0;
	opacity: .5;
	bottom: 0;
}
.signdilog-foot{
	position: relative;
	padding-top: 10px;
}

.signdilog-foot::before{
	content: "";
	position: absolute;
	height: 1px;
	width: 100%;
	background-color: gray;
	left: 0;
	opacity: .5;
	top: 0;
}

.swiper-pagination a {
	background: none!important;
}
.swiper-pagination a {
	width: auto !important;
	height: auto !important;
	display: inline !important;
	border-radius: 50% !important;
	background: #fff !important;
	opacity: 1 !important;
}

.image-style-align-center {
	margin-left: auto;
	margin-right: auto;
	display: table;
	clear: both;
	text-align: center;
	margin: .9em auto;
	min-width: 50px;
}
.image-style-block-align-left {
	margin-left: 0;
	margin-right: auto;
	display: table;
	clear: both;
	text-align: center;
	min-width: 50px;
}
.image-style-block-align-right {
	margin-left: auto;
	margin-right: 0;
	display: table;
	clear: both;
	text-align: center;
	min-width: 50px;
}

.servP_D{
	position: relative;
}
.servP_D>div{
	position: absolute;
	right: 25%;
	top: 50%;
	transform: translate(0,-50%);
}
.servP_D p{
	color: white;
	font-size: 20px;
}
.servP_D>div>div{
	width: 100%;
	height: 1px;
	background-color: white;
}
@media (max-width: 768px){
	.servP_D>div{
		position: absolute;
		width: 74%;
		left: 50%;
		top: 50%;
		transform: translate(-50%,-50%);
	}
	.servP_D p{
		white-space: nowrap;
	}
	.phoneTable{
		overflow-x: auto;
	}
	.xx_spz {
		padding: 20px 0 0 !important;
	}
	.contactMain .lnErji{
		padding-bottom: 20px !important;
	}

}
html,body{
	overflow-x: hidden;
}


/*
	首页新增页面
*/
.video_cfs{
	padding: 50px 0 50px !important;
}
.mainTit_cfs {
	padding: 50px 0;
}
.video_cfs .c_center,
.mainTit_cfs .c_center {
	text-align: center;
}
.video_cfs .c_center h2,
.mainTit_cfs .c_center h2 {
	font-size: 36px;
	font-weight: 800;
	color: #434241;
	line-height: 44px;
	padding-bottom: 20px;
	position: relative;
}
.video_cfs .c_center h2:after,
.mainTit_cfs .c_center h2:after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	background-color: #467cbf;
	color: #467cbf;
	height: 5px;
	width: 56px;
}
.video_cfs .c_center .video_detail {
	padding-top: 38px;
	font-size: 16px;
	font-weight: 400;
	color: #666666;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
}
/*0625*/
@media (min-width:768px){
	.video_cfs .c_center .video_detail{
		margin-right: 55px;
	}
}
.video_cfs .c_center .video_detail a {
	padding:0 6px 0 24px;
	color: #467CBF;
}
.video_cfs .c_center .video_detail > p {
	padding: 0 20px;
}
.video_cfs .c_center .video_detail a:hover {
	text-decoration: underline !important;
}
.video_cfs .c_center .video_detail img {
	width: 10px;
	height: 9px;
}
.video_cfs .c_center .video_list {
	display: flex;
	flex-direction: row;
	align-items: stretch;
	flex-wrap: wrap;
	margin: 40px -15px 0;
}
.video_cfs .c_center .video_list .list_bg {
	width: calc(100% / 3);
	padding: 0 15px 30px;

}
.video_cfs .c_center .video_list .list_container {
	width: 100%;
	border: 1px solid #e0e0e0;
}
.video_cfs .c_center .video_list .list_container:hover {
	box-shadow: 0 0 14px 9px rgb(0 0 0 / 6%);
}
.video_cfs .c_center .video_list .list_container:hover .video_img img{
	opacity: 1;
}

.video_cfs .c_center .video_list .list_container:hover .video_img p{
	display: none;
}
/*.video_cfs .c_center .video_list .list_container:hover .video_img:after {*/
/*	content: "";*/
/*	position: absolute;*/
/*	top: 0;*/
/*	left: 0;*/
/*	right: 0;*/
/*	bottom: 0;*/
/*	background: rgba(0,0,0,.35);*/
/*	transition: all .25s;*/
/*}*/
.vsc-controller {
	display: none !important;
}

/*  .ckplayer_aa::-webkit-media-controls-timeline {*/
/*	  display: none;*/
/*  }*/
/*观看的当前时间*/
/*  .ckplayer_aa::-webkit-media-controls-current-time-display{*/
/*	  display: none;*/
/*  }*/
/*剩余时间*/
/*  .ckplayer_aa::-webkit-media-controls-time-remaining-display {*/
/*	  display: none;*/
/*  }*/


/*全屏按钮*/
.ckplayer_aa::-webkit-media-controls-fullscreen-button {
	display: none;
}
/*播放按钮*/
.ckplayer_aa::-webkit-media-controls-play-button {
	display: none;
}
/*进度条*/
.ckplayer_aa::-webkit-media-controls-timeline {
	display: none;
}
/*观看的当前时间*/
.ckplayer_aa::-webkit-media-controls-current-time-display{
	display: none;
}
/*剩余时间*/
.ckplayer_aa::-webkit-media-controls-time-remaining-display {
	display: none;
}
/*音量按钮*/
.ckplayer_aa::-webkit-media-controls-mute-button {
	display: none;
}
.ckplayer_aa::-webkit-media-controls-toggle-closed-captions-button {
	display: none;
}
/*音量的控制条*/
.ckplayer_aa::-webkit-media-controls-volume-slider {
	display: none;
}
/*设置*/
/*.ckplayer_aa::-webkit-media-controls-overflow-button{*/
/*	display: none !important;*/
/*!*}*!*/
/*.ckplayer_aa::-webkit-media-controls {*/
/*	display:none !important;*/
/*}*/

/*所有控件*/
/*.ckplayer_aa::-webkit-media-controls-enclosure{*/
/*  display: none;*/
/*}*/

/*.video_cfs .c_center .video_list .list_container:hover .ckplayer_aa::-webkit-media-controls-enclosure {*/
/*	display: block;*/
/*	position: absolute;*/
/*	bottom: 0;*/
/*	left: 0;*/
/*	right: 0;*/
/*}*/

.video_cfs .c_center .video_list .list_container:hover .ckplayer_aa::-webkit-media-controls-mute-button {
	display: block;
}
.video_cfs .c_center .video_list .list_container:hover .ckplayer_aa::-webkit-media-controls-toggle-closed-captions-button {
	display: block;
}
/*音量的控制条*/
.video_cfs .c_center .video_list .list_container:hover .ckplayer_aa::-webkit-media-controls-volume-slider {
	display: block;
}

.video_cfs .c_center .video_list .list_container:hover .ckplayer_aa::-webkit-media-controls-play-button {
	display: block;
}
.video_cfs .c_center .video_list .list_container:hover .ckplayer_aa::-webkit-media-controls-fullscreen-button {
	display: block;
}








.video_cfs .c_center .list_container .video_img {
	padding-top: 56.5%;
	position: relative;
	overflow: hidden;
	background-size: cover;
	background-position: 50% 50%;
	background-repeat: no-repeat;
}
.video_cfs .c_center .list_container .video_img img {
	width: 72px;
	height: 72px;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	opacity: 0;
	transition: all .25s;
	z-index: 10;
	cursor: pointer;
}
.video_cfs .c_center .list_container .video_img .ckplayer_aa {
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	/*aspect-ratio: 5.555/1;*/

}
.video_cfs .c_center .list_container .video_img p {
	position: absolute;
	right: 16px;
	bottom: 12px;
	font-size: 14px;
	font-weight: 400;
	color: #FFFFFF;
	line-height: 20px;
	display: block;
	transition: all .25s ease-in;
	padding: 2px 10px;
	background-color: #14344f;
	background-color: #7b7b7b;
}
.video_cfs .c_center .list_container .video_tit {
	padding: 22px 20px;
	background-color: #FFFFFF;
	/*border: 1px solid #e0e0e0;*/
	/*border-top: none;*/
}
.video_cfs .c_center .list_container .video_tit > p,
.video_cfs .c_center .list_container .video_tit > h3 {
	font-size: 18px;
	font-weight: bold;
	color: #434241;
	line-height: 22px;
	text-align: left;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	height: 2.6em;
}
.zlrz_cfs .c_center .list_container .video_tit > p {
	font-size: 18px;
	font-weight: bold;
	color: #434241;
	line-height: 22px;
	text-align: left;
	/*display: -webkit-box;*/
	/*-webkit-line-clamp: 2;*/
	/*-webkit-box-orient: vertical;*/
	overflow: hidden;
	text-align: center;
	height: auto !important;
}
/*
	main title
*/
.cImg {
	background-size: cover;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	-webkit-transition: 0.4s;
	transition: 0.4s;
	-webkit-transform: translateZ(0) scale(1, 1);
	transform: translateZ(0) scale(1, 1);
}
.mainTit_cfs .c_center .mainTit_list {
	display: flex;
	flex-direction: row;
	align-items: stretch;
	flex-wrap: wrap;
	margin: 50px -15px 0;
}
.mainTit_cfs .c_center .mainTit_list .list_container {
	width: calc(100% / 4);
	padding: 0 15px;
	text-align: center;
}
.mainTit_cfs .list_container img{
	width: 51px;
	height: 51px;
	margin-bottom: 20px;
}
.mainTit_cfs .list_container h3{
	padding-bottom: 18px;
	font-size: 20px;
	font-weight: bold;
	color: #434241;
	line-height: 22px;
}
.mainTit_cfs .list_container p {
	font-size: 14px;
	font-weight: 400;
	color: #666666;
	line-height: 20px;
}

.zlrz_cfs .c_center .video_list .list_bg {
	width: calc(100% / 5) !important;
}

/*aspect-ratio: 1/1;!* 宽高比例 *!*/
.zlrz_cfs .c_center .video_list .list_bg .list_container > img{
	width: 100%;
	aspect-ratio: 7/10;
}
.zlrz_cfs .c_center .video_list .list_container:hover {
	box-shadow:none !important;
}
.zlrz_cfs .c_center .list_container .video_tit {
	padding: 13px 34px;
	background-color: #FFFFFF;
	position: relative;
}
.zlrz_cfs .c_center .video_list .list_container:hover .video_tit::after{
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: 3px;
	background-color: #0f98fd;
}
.zlrz_cfs .c_center .list_container .video_tit > p {
	font-size: 16px;
	font-weight: bold;
	color: #434241;
	line-height: 22px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.zlrz_cfs .c_center .list_container .video_tit > h3 {
	font-size: 16px;
	font-weight: bold;
	color: #434241;
	line-height: 22px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	height: auto;
	text-align: center;
}
/*
Customer Success Stories
*/
.store_cfs .c_center .video_list .list_bg .list_container > img{
	width: 100%;
	aspect-ratio: 1.776/1;
}
.store_cfs .c_center .list_container .video_tit > p,
.store_cfs .c_center .list_container .video_tit > h3 {
	margin-bottom: 24px;
	text-align: left;
	height: 2.6em;
}
.store_cfs .c_center .list_container .video_tit .tit_detailMore {
	text-align: left !important;
}
.store_cfs .c_center .list_container .video_tit .tit_detailMore p {
	font-size: 14px;
	font-weight: 400;
	color: #666666;
	line-height: 20px;
	margin-bottom: 20px;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.store_cfs .c_center .list_container .video_tit .tit_detailMore a {
	font-size: 16px;
	font-weight: 400;
	color: #467CBF;
	line-height: 20px;
	display: flex;
	align-items: center;
}
.store_cfs .c_center .list_container .video_tit .tit_detailMore a > img{
	width: 13px;
	height: 9px;
	margin-left: 6px;
	transition: all .25s ease-in;
}
.store_cfs .c_center .video_list .list_container:hover .tit_detailMore a > img{
	transform: translateX(6px);
}
.ui-homebanner .bTit_cc h2,
.ui-homebanner .bTit_cc h2 span {
	font-size: 40px;
}
.ui-homebanner .bTit_cc > .text2,
.ui-homebanner .bTit_cc > .text2 p {
	font-size: 18px;
}
.ui-homebanner .bTit_cc > h1 {
	font-size: 42px;
	font-weight: bold;
	color: #FFFFFF;
}
.ui-homebanner .bTit_cc > .text2 {
	font-size: 24px;
	font-weight: 400;
	color: #FFFFFF;
	margin: 20px 0 60px!important;
}
.ui-homebanner .bTit_cc > a {
	padding: 6px 20px;
	border: 1px solid #e0e0e0;
	font-size: 16px;
	font-weight: 400;
	color: #FFFFFF;
	line-height: 20px;
	vertical-align: middle;
}
.ui-homebanner .bTit_cc > a.block {
	padding: 6px 20px;
	border: 1px solid #2a2a2a;
	font-size: 16px;
	font-weight: 400;
	color: #2a2a2a;
	line-height: 20px;
	vertical-align: middle;
}
.ui-homebanner .bTit_cc > a.block:hover {
	background: rgb(120 120 120 / 40%);
}
.ui-homebanner .bTit_cc > a img{
	width: 13px;
	height: 9px;
	transition: all .25s ease-in;
	margin-left: 4px;
}
.ui-homebanner .bTit_cc > a:hover img{
	transform: translateX(6px);
}
.ui-homebanner .bTit_cc > a:hover {
	background: rgb(120 120 120 / 40%);
}
















/*
  solution 产品解决详情页 =========================================》
*/

.solution_cfs .solu_tit{
	position: relative;
	/* border-bottom: 1px solid #eaebec; */
}
.solution_cfs .solu_tit .line-bottom{
	position: absolute;
	left: -50%;
	right: -50%;
	height: 1px;
	background-color: #eaebec;
}
.solution_cfs .solu_tit > ul {
	display: flex;
	flex-wrap: row nowrap;

}
.solution_cfs .solu_tit > ul li{
	height: 56px;
	line-height: 56px;
	margin-right: 40px;
	position: relative;
	cursor: pointer;
}
.solution_cfs .solu_tit > ul li::before {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 3px;
	background-color: #5787c4;
	opacity: 0;
	transition: all .3s ease-in-out;
}
.solution_cfs .solu_tit > ul li.active::before {
	opacity: 1;
}
.solution_cfs .solu_tit > ul li:hover::before{
	opacity: 1;
}
.solution_cfs .solu_tit > ul li a{
	font-size: 16px;
	font-weight: 400;
	color: #434241;
}
/*
  身体部分
*/

.detail_container {
	padding: 100px 0;
}
.detail_container .detail_cfs > .cImg{
	width: 100%;
	aspect-ratio: 1/0.56;
	background: #ffffff;
	text-align: center;
	display: flex;
	justify-items: center;
}
.detail_container .detail_cfs > .cImg img {
	display: block;
   max-width: 100%;
	width: auto;
	margin: auto;
}
.detail_container .detail_cfs h2{
	margin-bottom: 36px;
	text-align: center;
	font-size: 32px;
	font-weight: bold;
	color: #434241;
}
.detail_container .detail_desc {
	padding: 0 110px 60px;
}
.detail_container .detail_desc p:first-child{
	padding-bottom: 36px;
}
.detail_container .detail_desc p{
	font-size: 14px;
	font-weight: 400;
	color: #666666;
	line-height: 20px;
}
.detail_container .detail_cfs > .connect_details{
	/*padding: 100px 120px 0;*/
	padding: 60px 0 0;
}

.detail_cfs > .connect_details {
	display: flex;
	flex-wrap: nowrap;
	/*margin: 0 -70px;*/
	max-height: 810px;
}
.connect_details .connect_a,
.connect_details .connect_ic {
	width: 50% !important;
}
.connect_details .connect_a {
	display: flex;
	justify-content: center;
}
.detail_cfs > .connect_details a{
	display: flex;
	justify-content: center;
	width: 560px;
	aspect-ratio: 2/5;
	flex: 1;
	/*margin: 0 70px;*/
}
.detail_cfs > .connect_details .connect_ic {
	flex: 2;
	/*margin: 0 35px;*/
	max-height: 677px;
	/*max-width: 500px;*/
}


.ic_contain {
	display: inline-flex;
	flex-wrap: wrap;
	/* height: 100%; */
	width: 80%;
}
.detail_cfs > .connect_details a img{
	display: block;
	/* width: 260px; */
	/*width: 80%;*/
	max-height: 677px;
}
.connect_ic .solu_kk {
	padding: 15px 0px;
	background-color: #ffffff;
	text-align: center;
	width: calc(50% - 30px);
	margin: 35px 15px 0;
	position: relative;
	cursor: pointer;
}
.connect_ic .solu_kk:hover,
.connect_ic .solu_kk.active {
	box-shadow: 0 0 14px 9px rgb(0 0 0 / 6%);

}
.connect_ic .solu_kk:hover::after,
.connect_ic .solu_kk.active::after {
	position: absolute;
	content: "";
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #729bce;
	height: 2px;
}
.connect_ic .solu_kk:nth-child(-n+2) {
	margin: 0 15px 0 !important;
}
.connect_ic .solu_kk img{
	height: 90px;
}

.connect_ic .solu_kk p{
	font-size: 14px;
	font-weight: 400;
	color: #434241;
	line-height: 22px;
}



.detail_btm {
	height: 320px;
	width: 100%;
}
.detail_btm .c_center,
.detail_btm .c_center .detail_btm{
	height: 100%;
}
.detail_btm .question_con {
	padding: 80px 0;
	height: 100%;
}
.detail_btm .question_con p{
	font-size: 24px;
	font-weight: bold;
	color: #FFFFFF;
	line-height: 40px;
}
.detail_btm .question_con > a {
	padding: 6px 20px;
	border: 1px solid #e0e0e0;
	font-size: 16px;
	font-weight: 400;
	color: #FFFFFF;
	line-height: 20px;
	margin-top: 40px;
	display: inline-flex;
	align-items: center;
}
.detail_btm .question_con > a img{
	width: 13px;
	height: 9px;
	transition: all .25s ease-in;
	margin-left: 8px;
}
.detail_btm .question_con > a:hover img{
	transform: translateX(6px);
}
.detail_btm .question_con > a:hover {
	background: rgb(120 120 120 / 40%);
}

/*zz*/

.adv_cfs {
	padding: 80px 0 0px;
}
.adv_cfs .c_center h2 {
	font-size: 36px;
	font-weight: 800;
	color: #434241;
	line-height: 44px;
	padding-bottom: 20px;
	position: relative;
	text-align: center;
}
.adv_cfs .c_center h2:after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	background-color: #467cbf;
	color: #467cbf;
	height: 5px;
	width: 56px;
}

.adv_cfs .c_center .video_list {
	display: flex;
	flex-direction: row;
	align-items: stretch;
	flex-wrap: wrap;
	margin: 50px -15px 0;
	text-align: left;
}
.adv_cfs .c_center .video_list .list_bg {
	width: calc(100% / 2);
	padding: 0 15px 80px;
}
.adv_cfs .list_bg .list_container {
	padding: 86px 45px 50px;
	position: relative;
	background-color: #ffffff;
	height: 300px;
}
.adv_cfs .list_bg .list_container > h3 {
	font-size: 20px;
	font-weight: bold;
	color: #434241;
	line-height: 22px;
	padding-bottom: 30px;
	text-align: center !important;
}
.adv_cfs .list_bg .list_container > img {
	width: 102px;
	position: absolute;
	top: -50px;
	left: 50%;
	transform: translateX(-50%);
}
.adv_cfs .list_bg .list_container .ava_tit p:first-child{
	padding-bottom: 30px;
}
.zz_clear:after {
	display: none;
}
.small_txt {
	font-size: 14px !important;
	font-weight: normal !important;
	color: #FFFFFF;
	line-height: 20px !important;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}




/*
==========>
*/

.mb_showRz {
	display: none !important;
}
@media (max-width: 1500px){
	.c_center {
		width: 1150px !important;
	}
	header nav>ul>li {
		padding-right: 30px !important;
	}
}
@media (max-width: 1280px){
	.c_center {
		width: 1050px !important;
	}
	header nav {
		margin-left: 50px;
	}
	header nav>ul>li {
		padding-right: 40px;
	}
	.ui-homebanner .img {
		height: 360px;
	}
	.ui-homebanner .img .text1 {
		font-size: 40px;
	}
	.ui-homebanner .bTit_cc > .text2 {
		font-size: 20px;
		margin: 20px 0 50px !important;
	}
	/*
      solution
    */
	.detail_container .detail_cfs > .connect_details {
		padding: 30px 0 0 !important;
	}
	.detail_container .detail_desc {
		padding: 0 0 60px !important;
	}
}
@media (max-width: 1390px){
	.indp1 .clickBox2 .eachBox {
		margin: 0 45px !important;
	}
}
@media (max-width: 1340px){
	.indp1 .clickBox2 .eachBox {
		margin: 0 30px !important;
	}
}
@media (max-width: 1200px){
	.c_center {
		width: 1060px !important;
	}
}
@media (max-width: 1190px){
	.indp1 .clickBox2 .eachBox {
		margin: 0 20px !important;
	}
}

@media (max-width: 996px){
	.pc_showRz {
		display: none !important;
	}
	.solution_cfs {
		margin-top: 48px;
	}
	.detail_container {
		padding: 50px 0;
	}
	.detail_btm {
		height: 200px;
	}
	.detail_btm .question_con {
		padding: 24px 0;
	}
	.detail_btm .question_con p {
		font-size: 20px;
		line-height: 30px;
	}
	.small_txt {
		line-height: 20px !important;
	}
	.detail_btm .question_con > a {
		padding: 4px 25px;
		border: 1px solid #e0e0e0;
		font-size: 12px;
		font-weight: 400;
		color: #FFFFFF;
		line-height: 20px;
		margin-top: 16px;
		display: inline-flex;
		align-items: center;
	}
	.detail_cfs > .connect_details a {
		/* display: block; */
		width: 260px;
		aspect-ratio: 2/5;
		flex: 0.8;
		margin: 0 0 !important;
	}
	.detail_cfs > .connect_details .connect_ic {
		flex: 1.2;
		width: calc(100% - 260px);
	}
	.connect_ic .solu_kk:nth-child(-n+2) {
		margin: 0 9.5px 0 !important;
	}

	.detail_container .detail_cfs > .cImg img {
		max-width: 80% !important;
	}

	.solution_cfs .solu_tit > ul {
		height: 100%;
		overflow-y: hidden;
		overflow-x: scroll;
		white-space: nowrap;
		display: flex;
	}
	.connect_ic .solu_kk {
		padding: 8px 10px;
		background-color: #ffffff;
		text-align: center;
		width: calc(50% - 20px);
		margin: 9.5px 9.5px 0;
		position: relative;
		cursor: pointer;
	}
	.connect_ic .solu_kk img {
		height: 46px;
		aspect-ratio: 5/2;
	}
	.connect_ic .solu_kk p {
		font-size: 8px;
		font-weight: 400;
		color: #434241;
		line-height: 12px;
	}
	.mb_showRz {
		display: flex !important;
		position: relative;
	}
	.video_cfs .c_center .video_list {
		display: flex;
		flex-direction: column;
		margin: 50px -15px 0;
	}
	.zlrz_cfs .c_center .video_list {
		padding-bottom: 60px;
	}
	.video_cfs .c_center .video_list .list_bg {
		width: 100%;
	}
	.c_center {
		width: 100% !important;
		padding: 0 20px;
	}
	.video_cfs .c_center h2, .mainTit_cfs .c_center h2 {
		font-size: 30px;
	}
	.video_cfs .c_center .video_detail > p {
		padding: 0;
	}
	.video_cfs .c_center .video_detail a {
		padding: 6px 6px 0 0;
	}
	.video_cfs .c_center .video_detail img {
		margin-top: 6px;
	}
	.mainTit_cfs .c_center .mainTit_list {
		flex-direction: column;
	}
	.mainTit_cfs .c_center .mainTit_list .list_container {
		width: 100%;
		margin-bottom: 40px;
	}
	.mainTit_cfs .list_container p {
		padding: 0 22px;
	}
	.zlrz_cfs .c_center .video_list .list_bg {
		width: 100% !important;
		padding: 0;
	}
	.zlrz_cfs .mb_showRz .swiper-slide{
		width:260px;/*设为固定值*/
	}
	/*.zlrz_cfs .c_center .video_list  {*/
	/*	flex-direction: row;*/
	/*}*/
	.zlrz_cfs .c_center .list_container .video_tit > p {
		text-align: center;
	}

	/*
      solution
    */
	.detail_container .detail_cfs > .connect_details {
		padding: 100px 0 0;
	}
	.detail_cfs > .connect_details {
		margin: 0;
	}
	.detail_cfs > .connect_details a {
		margin: 0 35px;
	}
	.detail_cfs > .connect_details .connect_ic {
		margin: 0;
	}
	.adv_cfs .c_center .video_list {
		flex-direction: column;
	}
	.adv_cfs .c_center .video_list .list_bg {
		width: 100%;
	}
}

@media (max-width: 768px){
	.adv_cfs .list_bg .list_container{
		max-height: 330px;
	}
	.index-main {
		margin-top: 0;
	}
	.ui-homebanner .img .text1 {
		font-size: 30px;
	}
	.ui-homebanner .bTit_cc > .text2 {
		font-size: 16px;
	}
	.ui-homebanner .bTit_cc h2,
	.ui-homebanner .bTit_cc h2 span {
		font-size: 30px;
	}
	.ui-homebanner .bTit_cc > .text2,
	.ui-homebanner .bTit_cc > .text2 p {
		font-size: 16px;
	}
	.indp1 .clickBox2 {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: center;
	}
	.indp1 .clickBox2 .eachBox.on:after {
		bottom: 10px !important;
	}
}



 .zyflex .swiper-pagination-lock {
	display: block !important;
}
.swiper-container{overflow: hidden;position: relative;}








/*五角星*/
.star-five {
	margin-top: 30px;
}
.star-five .tit {
	margin-bottom: 0 !important;
}

.star_score {
	width: 100%;
}
.total_star {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	padding-bottom: 20px;
	border-bottom: 1px solid #f0f0f0;
}
.total_star .star_content {
	display: flex;
	flex-direction: column;
	position: relative;
	margin-right: 60px;
}

.proDetail .speBox .star_score li{
	padding: 0 !important;
	border-bottom: 0px solid #EEEEEE;
	position: relative;
}
.star_content .content_tot h4 {
	display: inline-block;
	font-size: 18px;
	line-height: 18px;
	font-family: Arial;
	font-weight: 500;
	color: #333333;
}
.star_content .content_tot span {
	display: inline-block;
	font-size: 14px;
	line-height: 18px;
	vertical-align: top;
	font-family: Arial;
	font-weight: 400;
	color: #999999;
	padding-left: 8px;
}


.line_star > div {
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	padding: 2px 0;
}
.line_star {
	margin-left: 60px;
	position: relative;
}
.line_star::after {
	content: "";
	position: absolute;
	left: -60px;
	width: 2px;
	top: 0;
	bottom: 0;
	background-color: #f5f5f5;
}
.line_star .progressBar {
	width: 270px;
	height: 7px;
	border-radius: 20px;
	background-color: #e5e5e5;
	margin: 0 20px;
	position: relative;
}
.line_star .progressBar .yellowBar{
	position: absolute;
	left: 0;
	border-radius: 20px;
	height: 7px;
	background-color: #ffb800;
}
.starDocu {
	padding-left: 20px;
}
.starDocu li {
	padding: 0 !important;
	border-bottom: 0px solid #EEEEEE !important;
	position: relative !important;
}
@media (max-width: 880px){
	.total_star {
		flex-direction: column !important;
		align-items: flex-start;
	}
	.line_star {
		margin-left: 0 !important;
		margin-top: 30px !important;
	}
	.line_star::after {
		content: "";
		position: absolute;
		top: -20px;
		height: 2px;
		width: auto;
		left: 0;
		right: 0;
		background-color: #f5f5f5;
	}
}


@media (max-width: 780px) {
	.starDocu {
		padding-left: 0 !important;
	}
}
@media (max-width: 500px) {
	.proDetail .speBox li .weizhi {
		float: none !important;
	}
	.proDetail .speBox li .plCon {
		line-height: 24px;
		padding-top: 62px !important;
	}
}
@media (max-width: 532px) {
	.line_star .progressBar {
		width: 240px !important;
	}
}

@media (max-width: 500px) {
	.line_star .progressBar {
		width: 220px !important;
	}
}
@media (max-width: 470px) {
	.line_star .progressBar {
		width: 180px !important;
		margin: 0 10px !important;
	}
}
@media (max-width: 400px) {
	.line_star .progressBar {
		width: 150px !important;
		margin: 0 10px !important;
	}
}
@media (max-width: 380px) {
	.line_star .progressBar {
		width: 110px !important;
		margin: 0 10px !important;
	}
}

#hidePrevNext .swiper-button-next,
#hidePrevNext .swiper-button-prev {
	display: none !important;
}
.flex_box_scroll {
	display: flex;
	flex-wrap: nowrap;
	width: 100%;
	overflow: hidden;
	/*overflow-x: scroll;*/
	/*overflow-y: hidden;*/
	/*white-space: nowrap;*/
}
.indp1 .clickBox2 .flex_box_scroll .eachBox {
	width: 20% !important;
	margin: 0!important;
	overflow: hidden;
	height: 100%;
	text-overflow:ellipsis;
	white-space: nowrap;
}
.related .imgBox > img {
	display: inline-block;
	width: 100%;
	aspect-ratio: 1/1;
}


/*
修改 2023/06/26
*/

#ssInp:focus {
	background-color: #f4f5f6;
}

@media (max-width:996px) {
	.flex_box_scroll {
		display: none;
	}
	.mb_con_scroll {
		display: block;
	}
	.indp1 .clickBox2 .flex_box_scroll .eachBox{
		width: 25% !important;
	}
	.indp1 .c_center {
		padding: 0 !important;
	}
	.mb_con_scroll {
		display: flex;
		width: 100%;
		overflow-x: scroll;
		/*overflow-y: hidden;*/
		/*white-space: nowrap;*/
		word-wrap: break-word;

	}
	.mb_con_scroll .eachBox {
		width: 25% !important;
		margin: 0!important;
		overflow: hidden;
		height: 100%;
		/*text-overflow: ellipsis;*/
		/*white-space: nowrap;*/
	}
	.indp1 .clickBox2 .eachBox {
		margin: 0 !important;

	}
	.mb_con_scroll::-webkit-scrollbar {
		/*滚动条整体样式*/
		width: 4px; /*高宽分别对应横竖滚动条的尺寸*/
		height: 1px;
	}
	.mb_con_scroll::-webkit-scrollbar-thumb {
		/*滚动条里面小方块*/
		border-radius: 4px;
		-webkit-box-shadow: inset 0 0 5px #efefef;
		background: #e5e7e9;
	}
	.mb_con_scroll::-webkit-scrollbar-track {
		/*滚动条里面轨道*/
		-webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.02);
		border-radius: 4px;
		background: #ffffff;
	}




}
@media (max-width: 768px) {
	.mb_welcome {
		display: block;
		position: fixed;
		line-height: 18px;
		padding: 8px 16px;
		color: #646466;
		font-size: 12px;
		top: 0;
		left: 0;
		z-index: 99;
		width: 100%;
		transition: all .3s;
		background: #e5e5e5;
		box-shadow: 0px 0px 20px rgba(132,132,132,0.15);
		text-decoration: none;
		-webkit-box-flex: 1;
		transition: all .3s
	}
	header {
		position: fixed;
		top: 33px;
		left: 0;
		z-index: 99;
		width: 100%;
		transition: all .3s;
		background: #fff;
		box-shadow: 0px 0px 20px rgba(132,132,132,0.15);
	}
}

.img_ci {
	margin-bottom: 60px;
	display: flex;
	flex-flow: row wrap;
	width:100%
}
.img_ci img {
	display: block;
	width: 200px;
	height: 200px;
	padding: 0 20px;
}

/*登录页图标样式调整*/
#signin .col2Ul li .imgBox {
	text-align: center;
}
#signin .col2Ul li img {
	width: 60px;
	height: 60px;
}
.signinBox .rightInfo .col2Ul li {
	margin-top: 35px;
	margin: 35px 0 !important;
}



/*
  定制化产品
*/
.custom_product .fill_box {
	padding: 30px 0 0px;
}



#custom_product .el-range-editor.is-active,
#custom_product .el-range-editor.is-active:hover,
#custom_product .el-select .el-input.is-focus .el-input__inner {
	border-color: #efefef !important;
}
.custom_input {
	display: flex;
	flex-direction: row;
	margin-bottom: 10px;
	width: 100%;
}
.custom_input label {
	width: 160px;
	height: 30px;
	line-height: 30px;
	margin-bottom: 0 !important;
	text-align: left;
	padding-right: 10px;
	font-size: 14px;
	font-family: Open Sans;
	font-weight: 500;
	color: #333333;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.custom_it {
	width: calc(100% - 168px);
	width: 400px;
}
.custom_it input ,
.custom_it .el-input--suffix {
	width: 400px !important;
}
.custom_it .el-input__suffix {
	display: none!important;
}
.custom_ipt .el-select .el-input .el-select__caret{
	display: none!important;
}
.custom_input .el-input__inner:hover {
	border-color: #efefef !important;
}
.custom_input .el-select .el-input__inner:focus {
	border-color: #efefef !important;
}
.custom_input .el-input__inner:focus {
	border-color: #efefef !important;
}
.custom_input input {
	width: 100%;
	height: 30px;
	line-height: 30px;
	background: #fff;
	border: 1px solid #efefef;
	padding: 2px 8px;
	padding-right: 0 !important;
}
.custom_input textarea {
	border: 1px solid #fff;
	padding: 2px 8px;
	width: 100%;
	background: #f7f8f9;
	height: 100px!important;
	line-height: 30px!important;
	resize: none;
	overflow-y: overlay;
}
.custom_input_required label:before {
	content: "*";
	color: #CE1B1B;
	margin-right: 2px;
}
.custom_input_norequired label:before {
	margin-right: 2px;
}

.custom_length .checkbox_custom {
	display: flex;
	flex-flow: row wrap;
}
.custom_product .custom_input .custom_length .checkbox_custom p{
	padding: 8px;
	background: #EEF4FB;
	font-size: 14px;
	font-weight: 500;
	color: #4B5C72;
	overflow: hidden;
	cursor: pointer;
	height: 28px;
	line-height: 1;
	width: auto;

	margin-right: 8px;
	margin-bottom: 8px;
	/*margin-bottom: 0;*/
}
.custom_product .custom_input .custom_length .checkbox_custom p.on {
	background: #467CBF;
	color: #ffffff;
}
.custom_ipt {
	width: 180px !important;
	margin-bottom: 8px;
}
.custom_input .custom_ipt .el-input__prefix,
.custom_input .custom_ipt .el-input__suffix {
	position: static !important;
}
.custom_input .custom_ipt .el-input--suffix .el-input__inner {
	padding-right: 8px !important;
	text-align: center;
}
.custom_pt {
	flex-direction: column;
	align-items: flex-start !important;
}

.add_shopping_cart {
	position: relative;
}
.add_shopping_cart .add_to_cart {
	display: none;
}


.add_shopping_cart .add_to_cart span {
	font-size: 22px;
	color: #19191a;
	line-height: 22px;
}
.add_shopping_cart .add_to_cart {
	position: absolute;
	text-align: center;
	justify-content: center;
	align-items: center;
	border-radius: 50%;
	width: 42px;
	height: 42px;
	bottom: 20px;
	right: 20px;
	cursor: pointer;
	-webkit-box-shadow: 0 4px 12px 0 rgba(0,0,0,.1);
	box-shadow: 0 4px 12px 0 rgba(0,0,0,.1);
	-webkit-transition: all .3s;
	-o-transition: .3s all;
	transition: all .3s;
	font-size: 12px;
	line-height: 18px;
	z-index: 1;
}
.add_shopping_cart .add_to_cart:hover {
	background: rgba(25,25,26,.04);
}
.add_shopping_cart .add_to_cart .cart_img {
	width: 24px !important;
	height: 24px !important;
}
#product .add_shopping_cart:hover .add_to_cart{
	display: flex;
}
.add_dl {
	width: 160px;
	height: 48px;
	line-height: 48px;
	background: #FFFFFF;
	border-radius: 2px;
	font-size: 14px;
	font-weight: bold;
	color: #467CBF;
	text-align: center;
}

.commentBtn:hover {
	color: #fff !important;
}
.wapHead .telDiv .searchBox .searl1{
height: auto !important;
}
.mb-filtetr #filtetr {
	display: flex;
}
.filterwindow {
	top: 10px !important;
	z-index: 99999999 !important;
	height: auto !important;
}
.filterwindow .layer {
	z-index: 99999999 !important;
}
/*.filterwindow .layer .foot {*/
/*	z-index: 99999999 !important;*/
/*}*/

/*手机端*/
@media (max-width: 768px) {
	.sub_child {
		display: flex;
		justify-content: space-between;
		align-items: center;
		border-bottom: 1px solid #e6e6e6;
	}
	.sub_child .fa {
		padding-left: 20px;
	}
	.ssuub1 .sub_fourth {
		padding-left: 2.5rem;
	}
	.ssuub1 .sub_fourth > a {
		text-align: left;
		border-bottom: 1px solid #e6e6e6;
	}
}


#homebannerSwiper .bTit_cc h1{
	font-weight: 600;
	color: #ffffff;
}