/*header start*/
.h-top{
	background: #0B50A2;
}
.h-top .tel-mail{
	float:left;
	display: flex;
	align-items: center;
	padding:12px 0;
}
.h-top .tel-mail a{
	display: inline-block;
	color:#fff;
	margin-right:30px;
	transition: all 0.6s;
}
.h-top .tel-mail a:hover{
	opacity:0.7;
}
.h-top .tel-mail a i{
	font-size:16px;
}
.h-top .share{
	float:right;
	padding:12px 0;
	display: flex;
}
.h-top .share a{
	display: inline-block;
	margin-left:8px;
	transition: all 0.6s;
}
.h-top .share a:hover{
	opacity:0.7;
}
.h-top .share a img{
	width:25px;
	height:25px;
}
.h-content{
	background-color:#fff;
}
.h-content .logo{
	float:left;
	width:82.5px;
	padding:12.5px 0;
}
.h-content .logo a{
	display: block;
}
.h-content .logo a img{
	width:100%;
	height:auto;
}
.h-content .nav-search{
	float:right;
	display: flex;
	align-items: center;
}
.h-content .nav-search .lan{
    margin-left:20px;
}
.h-content .nav-search .search-box{
	padding-left:20px;
}
.h-content .nav-search .search-box .input-box{
	position: relative;
}
.nav-search .search-box .input-box input{
	width: 177px;
	height: 40px;
	background: #F6F6F6;
	border-radius: 50px 50px 50px 50px;
	border:none;
	padding:0 50px 0 10px;
	box-sizing:border-box;
}
.nav-search .search-box .input-box button{
	width: 48px;
	height: 40px;
	background: #0B50A2;
	border:none;
	position: absolute;
	z-index:3;
	right:0;
	top:0;
	border-radius: 0 50px 50px 0;
	transition:all 0.6s;
}
.nav-search .search-box .input-box button:hover{
	opacity:0.7;
}
.nav-search .search-box .input-box button img{
	width:18px;
	height:auto;
}
#menuPc > ul{
	display: flex;
}
#menuPc > ul > li{
	margin:0 10px;
	position: relative;
}
#menuPc > ul > li > a{
	padding:0 10px;
	font-weight: 400;
	font-size: 18px;
	color: #121212;
	height:88px;
	display: flex;
	align-items: center;
}
#menuPc > ul > li > a i{
	font-weight:700;
}
#menuPc > ul > li.act > a,
#menuPc > ul > li:hover > a{
	color:#0B50A2;
}
#menuPc > ul > li dl{
	position: absolute;
	left:50%;
	margin-left:-136px;
	top:100%;
	width:272px;
	z-index:99;
	opacity:0;
	visibility: hidden;
	transition: all 0.2s;
	transform: translateY(-2%);
}
#menuPc > ul > li:hover dl{
	opacity:1;
	visibility: visible;
	transform: translateY(0);
}
#menuPc > ul > li dl dd{
	border:1px solid #F2F2F2;
	margin-top:-1px;
}
#menuPc > ul > li dl dd a{
	display: block;
	background:#fff;
	padding:15px 30px;
	font-weight: 400;
	font-size: 14px;
	color: #474747;
	position: relative;
}
#menuPc > ul > li dl dd a .dd-pic{
	width:186px;
	position: absolute;
	left:100%;
	top:50%;
	transform: translateY(-50%);
	display:none;
	/*background:#fff;*/
	margin-left:10px;
	/*box-shadow:1px 1px 10px #666;*/
}
#menuPc > ul > li dl dd a .dd-pic::after{
	content: '';
	width: 0;
	height: 0;
	border-width: 10px;
	border-style: solid;
	border-color: transparent transparent transparent #0B50A2;
	position: absolute;
	left:-10px;
	top:50%;
	margin-top:-10px;
}
#menuPc > ul > li dl dd:hover{
    border-color:#0B50A2;
}
#menuPc > ul > li dl dd a:hover {
    background:#0B50A2;
    color:#fff;
}
#menuPc > ul > li dl dd a:hover .dd-pic{
	display: block;
}
#menuPc > ul > li dl dd:nth-child(even) a .dd-pic{
	left:auto;
	right:100%;
	margin-right:10px;
	margin-left:0;
}
#menuPc > ul > li dl dd:nth-child(even) a .dd-pic::after{
	left:auto;
	right:-10px;
	border-color:transparent #0B50A2 transparent transparent;
}
#menuPc > ul > li dl dd a .dd-pic img{
	width:100%;
	height:auto;
}
#menuWap{display:none;}

/*header end*/

/*footer start*/
.footer-top{
	background:url('../images/footer-bg.jpg') no-repeat center;
	background-size:cover;
	padding:80px 0;
}
.footer-top .logo-share{
	float:left;
}
.footer-top .logo-share .logo{
	display: block;
	width:130px;
	margin-bottom:25px;
}
.footer-top .logo-share .logo img{
	width:100%;
	height:auto;
}
.footer-top .logo-share .share{
	display: flex;
}
.footer-top .logo-share .share a{
	display: inline-block;
	width:25px;
	margin-right:8px;
	transition: all 0.6s;
}
.footer-top .logo-share .share a:hover{
	opacity:0.7;
}
.footer-top .logo-share .share a img{
	width:100%;
	height:auto;
}
.footer-top .f-nav{
	float:right;
	display: flex;
	width:calc(100% - 170px);
	box-sizing:border-box;
	padding-left:5%;
	flex-wrap: wrap;
}
.footer-top .f-nav .fn-item{
	padding-left:5%;
}
.footer-top .f-nav .fn-item:nth-child(1){
	padding-left:0;
	width:18%;
}
.footer-top .f-nav .fn-item:nth-child(2){
	width:45%;
}
.footer-top .f-nav .fn-item:nth-child(3){
	width:27%;
}
.footer-top .f-nav .fn-item .t{
	margin-bottom:20px;
}
.footer-top .f-nav .fn-item .t a{
	font-weight: 700;
	font-size: 24px;
	color: #1A1A1A;
}
.footer-top .f-nav .fn-item .l a{
	font-weight: 400;
	font-size: 16px;
	color: #7A7A7A;
	display: block;
	margin-bottom:15px;
	transition:all 0.6s;
}
.footer-top .f-nav .fn-item .l a:hover{
	color:#0b50a2;
}
.footer-top .f-nav .fn-item.pro .l{
	width:40%;
	float:left;
}
.footer-top .f-nav .fn-item.pro .l .more{
	width: 100%;
	height: 31px;
	border-radius: 4px 4px 4px 4px;
	border: 1px solid #0B50A2;
	text-align: center;
	line-height:31px;
	transition:all 0.6s;
}
.footer-top .f-nav .fn-item.pro .l .more:hover{
    background:#0B50A2;
    color:#fff;
}
.footer-top .f-nav .fn-item.pro .l:nth-child(1){
	margin-right:10%;
}
.footer-top .f-nav .fn-item.contact .l-item{
	font-weight: 400;
	font-size: 16px;
	color: #7A7A7A;
	display: flex;
	margin-bottom:15px;
}
.footer-top .f-nav .fn-item.contact .l-item .icon{
	width:25px;
}
.footer-top .f-nav .fn-item.contact .l-item span,
.footer-top .f-nav .fn-item.contact .l-item a{
	width:calc(100% - 25px);
}
.footer-copay{
	background: #0B50A2;
	text-align: center;
	padding:25px 0;
	font-size: 12px;
	color: #FFFFFF;
}
/*footer end*/

/*轮播图start*/
.banner {
	max-width: 100%;
	margin: 0 auto 0;
	width: 100%;
	background: #FFFFFF;
	position: relative;
}
.banner .small-warp{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
}
.banner .small-warp .ss-warp{
    margin-left:40%;
    width:60%;
}
.banner .small-warp .ss-warp .propic a{
    display: block;
}
.banner .small-warp .ss-warp .propic img{
    width:100%;
    height:auto;
}
.banner .big-swiper .swiper-pagination{
	bottom:48px;
	width:208px;
	top:auto;
	left:50%;
	margin-left:-104px;
	height:2px;
	background:#fff;
}
.banner .big-swiper .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{
	height:5px;
	background:#fff;
	top:-2px;
	border-radius:2.5px;
}

.banner .big-swiper .swiper-slide {
	position: relative;
	overflow: hidden;
	height: 100%;
}
.banner .big-swiper .swiper-button-prev{
	left:5vw;
}
.banner .big-swiper .swiper-button-next{
	right:5vw;
}
.banner .big-swiper .swiper-button-next, 
.banner .big-swiper .swiper-button-prev{
	width:50px;
	height:50px;
	border-radius:50%;
	background-color:rgba(255,255,255,0.3);
	transition:all 0.6s;
	display: flex;
	align-items: center;
	justify-content: center;
	line-height:50px;
}
.banner .big-swiper .swiper-button-next::after, 
.banner .big-swiper .swiper-button-prev::after{
	font-size:12px;
	font-weight:700;
	color:#0B50A2;
	line-height:50px;
}
.banner .big-swiper .swiper-button-next:hover, 
.banner .big-swiper .swiper-button-prev:hover{
	background:rgba(255,255,255,1);
}
.banner .big-swiper .swiper-slide .video-box {
	width: 100%;
	padding-bottom: 40%;
	position: relative;
	overflow: hidden;
}
.banner .big-swiper .swiper-slide .video-box video {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
}
.banner .big-swiper .bg-box {
	position: relative;
	z-index: 1;
}

.banner .big-swiper .bg-box img {
	width: 100%;
	height: auto;
}

.banner .big-swiper .wap-box {
	display: none;
}

.banner .big-swiper .wap-box img {
	width: 100%;
	height: auto;
}
.banner .big-swiper .banner-content {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 9;
	flex-direction: column;
}
.banner .sw-inner,
.banner .big-swiper .banner-content .bc-inner{
	max-width:1480px;
	padding:0 20px;
	box-sizing:border-box;
	width:100%;
	display: flex;
	align-items: center;
	margin:0 auto;
}
@media screen and (max-width: 1919px) {
    .banner .sw-inner,
	.banner .big-swiper .banner-content .bc-inner{
		max-width:75vw;
		padding:0 20px;
		box-sizing:border-box;
		width:100%;
		display: flex;
		align-items: center;
		margin:0 auto;
	}
}
.banner .big-swiper .banner-content .bc-inner .text{
	width:40%;
}
.banner .big-swiper .banner-content .bc-inner .text h6{
	font-weight: 700;
	font-size:min(5vw,90px);
	color: #0B50A2;
	line-height:1;
}
.banner .big-swiper .banner-content .bc-inner .text p{
	font-weight: 600;
	font-size: 24px;
	color: #0B50A2;
	margin:30px 0 50px;
}
.banner .big-swiper .banner-content .bc-inner .text a{
	width: 266px;
	height: 62px;
	background: #0B50A2;
	font-weight: 500;
	font-size: 24px;
	color: #FFFFFF;
	line-height: 62px;
	text-align: center;
	display: block;
}
.banner .big-swiper .banner-content .bc-inner .pic{
	width:60%;
}
.banner .big-swiper .banner-content .bc-inner .pic img{
	max-width:100%;
	height:auto;
}
.big-swiper .swiper-slide .banner-content .pic{
	transform: translateX(200px);
	opacity: 0;
	transition: all 1.6s;
}
.big-swiper .swiper-slide .banner-content .text{
	transform: translateX(-200px);
	opacity: 0;
	transition: all 1.6s;
}
.big-swiper .ani-slide .banner-content .pic{
	transform: translateX(0);
	opacity: 1;
}
.big-swiper .ani-slide .banner-content .text{
	transform: translateX(0);
	opacity: 1;
}
/*轮播图end*/
.bt{
	transform: translateY(0);
	transition:all 0.6s;
}
.bt:hover{
	transform: translateY(-10px);
}
.inner-banner{
	position: relative;
}
.inner-banner .pic{
	position: relative;
}
.inner-banner .pic img{
	width:100%;
	height:auto;
}
.inner-banner  .text{
	position: absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	z-index:3;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}
.inner-banner .text .t h6{
	font-weight: 700;
	font-size: 4.6875vw;
	text-transform: uppercase;
	line-height:1;
	color: #FFFFFF;
}
.inner-banner .text .cr{
	font-weight: 400;
	font-size: 24px;
	color: #FFFFFF;
}
.inner-banner .text .cr a{
	color: #FFFFFF;
}
.inner-banner .text .cr a:hover{
	color:#0B50A2;
}

/*公共样式定义 start*/
/*例如,统一间距,统一字体,统一大小写,统一最大距离*/
.ipd-20 {
	padding: 0 20px;
}

/* 内容区域宽度+40px */
.m-width-content {
	max-width: 1480px;
	margin: 0 auto;
}
@media screen and (max-width: 1919px) {
	.m-width-content {
		max-width: 75vw;
		margin: 0 auto;
	}
}
/*置顶按钮 start*/
.right-slider{
	position: fixed;
	right:5px;
	bottom:30%;
	z-index:9999;
}
.right-slider a{
	display: block;
	position: relative;
	margin-bottom:5px;
}
.right-slider a .icon{
	color:#0B50A2;
	width: 53px;
	height: 51px;
	display: flex;
	justify-content: center;
	align-items: center;
	background: #FFFFFF;
	box-shadow: 0px 0px 7px 1px rgba(0,0,0,0.07);
	border-radius: 4px 4px 4px 4px;
}
.right-slider a .icon i{
	font-size:21px;
	font-weight:700;
}
.right-slider a .text{
	transition: all 0.2s;
	opacity:0;
	visibility: hidden;
	transform: translateX(-20px);
	font-weight: 400;
	font-size: 13px;
	color: #333333;
	right:100%;
	top:0;
	position: absolute;
	width:150px;
	margin-right:8px;
	height: 51px;
	padding:0 10px;
	line-height:51px;
	background: #ECF7FF;
	box-shadow: 0px 0px 7px 1px rgba(0,0,0,0.07);
	border-radius: 4px 4px 4px 4px;
}
.right-slider a:hover .text{
	opacity:1;
	visibility:visible;
	transform: translateX(0);
}
/*置顶按钮 end*/

/*分页 start*/
.page-box {
	padding: 50px 0;
	text-align: center;
}

.page-box .page-inner {
	display: flex;
	justify-content: center;
}

.page-box .page-inner a,
.page-box .page-inner span{
	display: inline-flex;
	font-size: 18px;
	color: #7A7A7A;
	margin: 0 5px;
	width: 40px;
	height: 40px;
	line-height: 40px;
	justify-content: center;
	background: transparent;
	border-radius:50%;
}
.page-box .page-inner .current {
	font-weight: bold;
	color: #fff;
	background:#0B50A2;
}
.page-box .previouspostslink,
.page-box .nextpostslink{
	color:#7A7A7A;
	font-weight:700;
	font-size:24px;
	cursor: pointer;
}
.page-box .iconfont{
	font-size:24px;
}
/*分页 end*/

/*公共样式定义 end*/
.index-t,
.index-t h6{
	font-weight: 700;
	font-size: 2.6041667vw;
	color: #1A1A1A;
	line-height:1;
}
.index-about{
	padding:100px 0;
}
.index-about .fixed{
	display: flex;
	flex-wrap: wrap;
	flex-direction: row-reverse;
}
.index-about .fixed .pic{
	width:46%;
}
.index-about .fixed .pic a{
	display: block;
	overflow: hidden;
}
.index-about .fixed .pic img{
	width:100%;
	height:auto;
	transition:all 0.6s;
	transform: scale(1);
}
.index-about .fixed .pic:hover img{
	transform: scale(1.1);
}
.index-about .fixed .text{
	width:54%;
	box-sizing:border-box;
	padding-right:2.5vw;
}
.index-about .fixed .text .d{
	font-size: 16px;
	color: #7A7A7A;
	line-height: 24px;
	/*height: 11em;*/
	margin:15px 0 20px;
}
.index-about .fixed .text .m a{
	width: 148px;
	height: 38px;
	background: #0B50A2;
	border-radius: 4px 4px 4px 4px;
	text-align: center;
	line-height:38px;
	color:#fff;
	font-size:16px;
	font-weight:500;
	display: block;
}
.index-product{
	background:url('../images/hot-pro.jpg') no-repeat center;
	background-size:cover;
	padding:100px 0;
}
.index-product .index-t{
	text-align: center;
	margin-bottom:40px;
}
.index-product .index-pro-list ul{
	display: flex;
	flex-wrap: wrap;
}
.index-product .index-pro-list ul li{
	width:calc((100% / 4) - 46.5px);
	margin-left:62px;
	background: #FFFFFF;
	box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.07);
	border-radius: 4px 4px 4px 4px;
	box-sizing:border-box;
	padding:20px;
}
.index-product .index-pro-list ul li .pic .pic-cover{
	display: block;
	padding-bottom:82.14285%;
	overflow: hidden;
	position: relative;
}
.index-product .index-pro-list ul li .pic .pic-cover img{
	position: absolute;
	left:0;
	top:0;
	height:100%;
	width:100%;
	object-fit:cover;
	transition: all 0.6s;
	transform: scale(1);
}
.index-product .index-pro-list ul li:hover .pic .pic-cover img{
	transform: scale(1.1);
}
.index-product .index-pro-list ul li .text{
	margin-top:10px;
}
.index-product .index-pro-list ul li .text .name{
	display: block;
	overflow:hidden;line-height:1.5;height:4.5em;text-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;
	text-align: center;
	font-weight: 700;
	font-size: 18px;
	color: #1A1A1A;
}
.index-product .index-pro-list ul li .text .bt{
	width: 168px;
	height: 38px;
	background: #0B50A2;
	border-radius: 4px 4px 4px 4px;
	text-align: center;
	line-height:38px;
	margin:15px auto 0;
	display: block;
	font-weight: 500;
	font-size: 16px;
	color: #FFFFFF;
}
.index-product .index-pro-list ul li:nth-child(4n+1){
	margin-left:0;
}
.index-why{
	padding:100px 0;
}
.index-why .index-t{
	text-align: center;
	margin-bottom:40px;
}
.index-why .index-why-list ul{
	display: flex;
	flex-wrap: wrap;
}
.index-why .index-why-list ul li{
	width:calc((100% / 4) - 46.5px);
	margin-left:62px;
}
.index-why .index-why-list ul li:nth-child(4n+1){
	margin-left:0;
}
.index-why .index-why-list ul li .icon{
	width:75px;
	height:75px;
	margin:0 auto;
	display: flex;
	align-items: center;
	justify-content: center;
}
.index-why .index-why-list ul li .icon:hover{
	-webkit-animation-name: shake;
	animation-name: shake;
	-webkit-animation-duration: 1.75s;
	animation-duration: 1.75s;
	-webkit-animation-timing-function: ease-out;
	animation-timing-function: ease-out;
}
.index-why .index-why-list ul li .icon img{
	max-width:100%;
	height:auto;
	vertical-align: middle;
}
.index-why .index-why-list ul li .text{
	margin-top:20px;
}
.index-why .index-why-list ul li .text .t{
	text-align: center;
	font-weight: 700;
	font-size: 24px;
	color: #1A1A1A;
}
.index-why .index-why-list ul li .text .tips{
	font-weight: 400;
	font-size: 16px;
	color: #7A7A7A;
	line-height: 24px;
	margin-top:15px;
}
.index-number{
	background: #0B50A2;
	padding:25px 0;
}
.index-number .index-number-list ul{
	display: flex;
	flex-wrap: wrap;
}
.index-number .index-number-list ul li{
	width:25%;
	text-align: center;
}
.index-number .index-number-list ul li .num{
	font-weight: 700;
	font-size: 3.125vw;
	color: #FFFFFF;
	line-height:1;
	display: flex;
	align-items: center;
	justify-content: center;
}
.index-number .index-number-list ul li .text{
	margin-top:10px;
	font-weight: 500;
	font-size: 18px;
	color: #FFFFFF;
	text-transform: uppercase;
}
.index-blog{
	background:url('../images/blog-bg.jpg') no-repeat center;
	background-size:cover;
	padding:100px 0;
}
.index-blog .m .bt{
    width: 229px;
    display: block;
    text-align: center;
    height: 43px;
    line-height:43px;
    font-weight: 500;
    font-size: 16px;
    color: #FFFFFF;
    background: #0B50A2;
    border-radius: 4px 4px 4px 4px;
    margin:36px auto 0;
}
.index-blog .index-t{
	text-align: center;
}
.ib-swiper{
	position: relative;
	margin-top:40px;
	padding-bottom:50px;
}
.ib-swiper .swiper{
	padding:10px;
}
.ib-swiper .swiper .pic .pic-cover{
	display: block;
	padding-bottom:65.75342%;
	position: relative;
	overflow: hidden;
}
.ib-swiper .swiper .pic .pic-cover img{
	position: absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	object-fit:cover;
	transition: all 0.6s;
	transform: scale(1);
}
.ib-swiper .swiper .swiper-slide:hover .pic .pic-cover img{
	transform: scale(1.1);
}
.ib-swiper .swiper-slide{
	background: #FFFFFF;
	box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.1);
	border-radius: 4px 4px 4px 4px;
}
.ib-swiper .swiper .text{
	padding:20px 30px;
}
.ib-swiper .swiper .text .time{
	font-weight: 400;
	font-size: 16px;
	color: #7A7A7A;
	margin-bottom:10px;
}
.ib-swiper .swiper .text .tit{
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-weight: 500;
	font-size: 24px;
	color: #1A1A1A;
}
.ib-swiper .swiper .text .tit:hover{
	color:#0B50A2;
}
.ib-swiper .swiper .text .more{
	display: flex;
	justify-content: flex-end;
}
.ib-swiper .swiper .text .more .bt{
	width: 34px;
	height: 34px;
	border: 1px solid #0B50A2;
	display: flex;
	justify-content: center;
	align-items: center;
	color:#0b50a2;
	border-radius:50%;
	font-weight:700;
	line-height:34px;
}
.ib-swiper .swiper .text .more .bt:hover{
	background:#0b50a2;
	color:#fff;
	transform: translateY(0);
}
.ib-swiper .swiper-pagination{
	bottom:0;
	top:auto;
	background:#C2C2C2;
	height:2px;
}
.ib-swiper .swiper-pagination .swiper-pagination-progressbar-fill{
	height:4px;
	background:#0b50a2;
	border-radius:2.5px;
	top:-1px;
}
.product-list-page{
	padding:70px 0 100px;
}
.product-list-page .prolist-box ul{
	display: flex;
	flex-wrap: wrap;
}
.product-list-page .prolist-box ul li{
	width:calc((100% / 4) - 48px);
	margin-left:64px;
	background: #FFFFFF;
	box-shadow: 0px 1px 10px 1px rgba(0,0,0,0.05);
	border-radius: 4px 4px 4px 4px;
	margin-top:30px;
	padding:10px 15px;
	display: flex;
	flex-wrap: wrap;
	flex-direction: row-reverse;
	box-sizing:border-box;
	align-items: center;
}
.product-list-page .prolist-box ul li:nth-child(4n+1){
	margin-left:0;
}
.product-list-page .prolist-box .pic{
	width:45%;
}
.product-list-page .prolist-box .pic .pic-cover{
	padding-bottom:100%;
	display: block;
	overflow: hidden;
	position: relative;
}
.product-list-page .prolist-box .pic .pic-cover img{
	position: absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	object-fit:cover;
	transition: all 0.6s;
	transform: scale(1);
}
.product-list-page .prolist-box .pic:hover .pic-cover img{
    transform: scale(1.1);
}
.product-list-page .prolist-box .text{
	width:45%;
	margin-right:10%;
}
.product-list-page .prolist-box .text .t{
	font-weight: 500;
	font-size: 20px;
	color: #000000;
}
.product-list-page .prolist-box .text .t:hover{
    color:#0B50A2;
}
.product-list-page .prolist-box .text .m{
	width: 87px;
	height: 25px;
	background: #FFFFFF;
	border-radius: 4px 4px 4px 4px;
	border: 1px solid #0B50A2;
	font-weight: 400;
	font-size: 14px;
	color: #0B50A2;
	line-height: 25px;
	transition:all 0.6s;
	text-align: center;	
	display: block;
	margin-top:10px;
}
.product-list-page .prolist-box .text .m:hover{
	background:#0b50a2;
	color:#fff;
}
.msg-page.pb-100{
	padding-bottom:100px;
}
.msg-page .msg-inner{
	background: #FFFFFF;
	box-shadow: 0px 0px 6px 1px rgba(0,0,0,0.16);
	border-radius: 4px 4px 4px 4px;
	padding:50px;
	display: flex;
	flex-wrap: wrap;
}
.msg-page .msg-inner .pic{
	width:47%;
}
.msg-page .msg-inner .pic .pic-cover{
	position: relative;
	height:100%;
	overflow: hidden;
}
.msg-page .msg-inner .pic .pic-cover img{
	position: absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	object-fit:cover;
}
.msg-page .msg-inner .msg-box{
	width:53%;
	box-sizing:border-box;
	padding-left:50px;
}
.msg-page .msg-inner .msg-box .msg-tit h6{
	font-weight: 700;
	font-size:min(2.6vw,50px);
	color: #1A1A1A;
}
.msg-page .msg-inner .msg-box .msg-tit p{
	font-weight: 400;
	font-size: 16px;
	color: #7A7A7A;
	margin-top:5px;
}
.msg-page .msg-inner .msg-box .form-box{
	margin-top:10px;
}
.msg-page #xhlFormSubmit{
	width: 217px;
	height: 38px;
	background: #0B50A2;
	border-radius: 4px 4px 4px 4px;
	text-align: center;
	line-height:38px;
	transition: all 0.6s;
}
.msg-page #xhlFormSubmit:hover{
	transform: translateY(-10px);
}
.product-if-list{
	padding:100px 0;
}
.product-if-list .pro-menu{
	width:358px;
	float:left;
	position: sticky;
	left:0;
	top:40px;
}
.product-if-list .pro-menu .search{
	position: relative;
}
.product-if-list .pro-menu .search input{
	width: 100%;
	box-sizing:border-box;
	padding:0 58px 0 10px;
	height: 44px;
	background: #F6F6F6;
	border-radius: 50px 50px 50px 50px;
	border:none;
}
.product-if-list .pro-menu .search button{
	width: 48px;
	height: 44px;
	background: #0B50A2;
	position: absolute;
	right:0;
	top:0;
	z-index:3;
	border-radius: 0 50px 50px 0;
	border:none;
	transition: all 0.6s;
}
.product-if-list .pro-menu .search button:hover{
	opacity:0.7;
}
.product-if-list .pro-menu .search button img{
	width:17px;
	height:auto;
}
.product-if-list .pro-menu .menu{
	margin-top:30px;
	max-height:calc(100vh - 114px);
	overflow-y: auto;
}
.product-if-list .pro-menu .menu .m-item{
	
}
.pro-menu .menu .m-item .m-i-a{
	padding:20px 0 10px;
	border-bottom:1px solid #DFDFDF;
	display: flex;
	justify-content:space-between;
	align-items: center;
	cursor: pointer;
}
.pro-menu .menu .m-item .m-i-a:hover,
.pro-menu .menu .m-item.act .m-i-a{
	border-bottom-color:#0B50A2;
}
.pro-menu .menu .m-item .m-i-a a{
	font-family: Inter, Inter;
	font-weight: 500;
	font-size: 20px;
	color: #1A1A1A;
	line-height: 24px;
}
.pro-menu .menu .m-item.act .m-i-a i,
.pro-menu .menu .m-item .m-i-a:hover i{
	color:#0B50A2;
}
.pro-menu .menu .m-item .m-i-a i{
	color:#1a1a1a;
	font-weight:700;
}
.pro-menu .menu .m-item .m-i-b a{
	border-bottom:1px solid #F6F6F6;
	font-weight: 400;
	font-size: 16px;
	color: #7A7A7A;
	padding:10px 0;
	margin-top:10px;
	display: flex;
	align-items: center;
}
.pro-menu .menu .m-item .m-i-b{
	display: none;
	margin-bottom:20px;
}
.pro-menu .menu .m-item.act .m-i-b{
	display: block;
}
.pro-menu .menu .m-item .m-i-b a i{
	width: 28px;
	height: 3px;
	background:#EEEEEE;
	display: block;
	margin-right:20px;
	position: relative;
	border-radius:1.5px;
}
.pro-menu .menu .m-item .m-i-b a:hover,
.pro-menu .menu .m-item .m-i-b a.act{
	color:#0B50A2;
}
.pro-menu .menu .m-item .m-i-b a i::after{
	content: '';
	width:0;
	height:100%;
	position: absolute;
	left:0;
	top:0;
	background:#0b50a2;
	transition: all 0.6s;
	border-radius:1.5px;
}
.pro-menu .menu .m-item .m-i-b a:hover i::after,
.pro-menu .menu .m-item .m-i-b a.act i::after{
	width:100%;
}
.product-if-list .pro-content{
	width:calc(100% - 358px);
	float:right;
	box-sizing: border-box;
	padding-left:100px;
}
.pro-content .pc-tips h6{
	font-weight: 500;
	font-size: 20px;
	color: #1A1A1A;
}
.pro-content .pc-tips p{
	font-weight: 400;
	font-size: 16px;
	line-height:1.5;
	color: #7A7A7A;
	margin-top:15px;
}
.pro-content .pc-filter{
	margin:20px 0;
	display: flex;
}
.pro-content .pc-filter .pf-item{
	margin-right:20px;
	display: flex;
	align-items: center;
}
.pro-content .pc-filter .pf-item label{
	font-weight: 500;
	font-size: 16px;
	color: #1A1A1A;
}
.pro-content .pc-filter .pf-item a{
	display: inline-block;
	margin-left:15px;	
	padding:0 10px;
	font-weight: 400;
	font-size: 14px;
	height:24px;
	line-height:24px;
	color: #0B50A2;
	border-radius: 15px 15px 15px 15px;
	border: 1px solid #0B50A2;
	position: relative;
	box-sizing:border-box;
}
.pro-content .pc-filter .pf-item a::after{
	content: 'x';
	width: 12px;
	height: 12px;
	font-size:10px;
	text-align: center;
	line-height:12px;
	background: #0B50A2;
	font-weight:300;
	color:#fff;
	position: absolute;
	right:2px;
	top:-6px;
	border-radius:50%;
}
.pro-content .layui-form-select dl dd.layui-this{
	color:#0B50A2;
}
.pro-content .layui-input:focus, 
.pro-content .layui-textarea:focus{
	border-color:#DCDCDC !important;
}
.pro-content .pc-tool{
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
}
.pro-content .pc-tool .pt-a{
	display:flex;
}
.pro-content .pc-tool .pt-a a{
	width: 34px;
	height: 35px;
	background: #FFFFFF;
	border-radius: 4px 4px 4px 4px;
	border: 1px solid #DCDCDC;
	display:flex;
	justify-content: center;
	align-items: center;
	color:#1A1A1A;
	margin-left:2px;
}
.pro-content .pc-tool .pt-a a.act{
	color:#0B50A2;
}
.pro-content .pc-tool .pt-b{
	margin-left:10px;
}
.pro-content .pc-tool .pt-c{
	margin-left:30px;
}
.pro-content .pc-tool .layui-form-select .layui-input{
	border-radius: 4px 4px 4px 4px;
	border: 1px solid #DCDCDC;
}
.pro-content .pc-tool .layui-form-select .layui-input:focus{
    box-shadow:none;
    background: #F5FBFF;
    
}
.pro-content .pc-tool .layui-select-title{position: relative;}
.pro-content .layui-form-select .layui-edge{
	width:38px;
	height:100%;
	background:#fff;
	border:none;
	right:0;
	top:0;
	margin-top:0;
	display: flex;
	justify-content: center;
	align-items: center;
	border: 1px solid #DCDCDC;
	box-sizing:border-box;
}
.pro-content .layui-form-selected .layui-edge{
	transform: rotate(0);
	-webkit-transform: rotate(0);
}
.pro-content .layui-form-select.layui-form-selected .layui-edge::after{
    color:#0B50A2;
}
.pro-content .layui-form-select .layui-edge::after{
	content: "\e841";
	font-family: "iconfont" !important;
	font-size: 16px;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	color:#000;
	font-weight:700;
}
.pro-content .pc-list{
	margin-top:22px;
}
.pro-content .pc-list ul{
	display: flex;
	flex-wrap: wrap;
}
.pro-content .pc-list ul.x4 li{
	width:calc((100% / 4) - 12px);
	margin-left:16px;
}
.pro-content .pc-list ul.x3 li{
	width:calc((100% / 3) - 32px);
	margin-left:48px;
}
.pro-content .pc-list ul.x2 li{
	width:calc((100% / 2) - 24px);
	margin-left:48px;
}
.pro-content .pc-list ul.xl li{
	width:100%;
	margin-left:0;
	display: flex;
	box-shadow: none;
}
.pro-content .pc-list ul.xl li .li-inner{
	width:228px;
}
.pro-content .pc-list ul.xl li .li-inner .bt{
	margin-top:15px;
}
.pro-content .pc-list ul.xl li .pic:hover .ltable{
	display: none;
}
.pro-content .pc-list ul.xl li .pic{
	background: #FFFFFF;
	border-radius: 4px 4px 4px 4px;
	border: 1px solid #EEEEEE;
}
.pro-content .pc-list ul.xl li .li-pop{
	display: block;
	width:calc(100% - 240px);
	margin-left:12px;
}
.pro-content .pc-list ul.xl li .name{
	display:none;
}
.pro-content .pc-list ul.x4 li:nth-child(4n+1){
	margin-left:0;
}
.pro-content .pc-list ul.x3 li:nth-child(3n+1){
	margin-left:0;
}
.pro-content .pc-list ul.x2 li:nth-child(2n+1){
	margin-left:0;
}
.pro-content .pc-list ul li{
	box-sizing:border-box;
	background: #FFFFFF;
	box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.1);
	border-radius: 4px 4px 4px 4px;
	padding:20px;
	margin-bottom:50px;
	position: relative;
}
.pro-content .pc-list ul li .pic .ltable{
	border-radius:4px;
	background:#fff;
	font-weight: 400;
	font-size: 11px;
	color: #1A1A1A;
	position: absolute;
	left:50%;
	top:30%;
	z-index:9999;
	display:none;
	width: 352px;
}
.pro-content .pc-list ul li .poptable{
    border-radius:4px;
	background:#fff;
	font-weight: 400;
	font-size: 11px;
	color: #1A1A1A;
	position: fixed;
	left:50%;
	top:30%;
	z-index:9999;
	display:none;
	width: 352px;
}
.pro-content .pc-list ul li .poptable table{
    width:100% !important;
}
.pro-content .pc-list ul li .poptable table tr,
.pro-content .pc-list ul li .poptable table td{
    height:auto !important;
}
/*.pro-content .pc-list ul.x4 li:nth-child(4n) .pic .ltable{*/
/*	left:auto;*/
/*	right:50%;*/
/*}*/
/*.pro-content .pc-list ul.x3 li:nth-child(3n) .pic .ltable{*/
/*	left:auto;*/
/*	right:50%;*/
/*}*/
/*.pro-content .pc-list ul.x2 li:nth-child(2n) .pic .ltable{*/
/*	left:auto;*/
/*	right:50%;*/
/*}*/
.pro-content .pc-list ul li .pic:hover .ltable{
	/*display: block;*/
}
.pro-content .pc-list ul li .pic .ltable table{width:100%;}
.pro-content .pc-list ul li .pic .ltable table tr:nth-child(even){
	background:#ECF7FF;
}
.pro-content .pc-list ul li .pic .ltable table tr td{
	width:50%;
	padding:5px 25px;
	box-sizing:border-box;
}

.pro-content .pc-list ul li .poptable table{width:100%;}
.pro-content .pc-list ul li .poptable table tr:nth-child(even){
	background:#ECF7FF;
}
.pro-content .pc-list ul li .poptable table tr td{
	width:50%;
	padding:5px 25px;
	box-sizing:border-box;
}

.pro-content .pc-list ul li .pic .pic-cover{
	display: block;
	position: relative;
	overflow: hidden;
	padding-bottom:82.14285%;
}
.pro-content .pc-list ul li .pic .pic-cover img{
	position: absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	object-fit:cover;
	transition:all 0.6s;
	transform: scale(1);
}
.pro-content .pc-list ul li .pic:hover .pic-cover img{
	transform: scale(1.1);
}
.pro-content .pc-list ul li .name{
	display: block;
	font-weight: 600;
	font-size: 16px;
	color: #1A1A1A;
}
.pro-content .pc-list ul.x3 li .name{
    text-align: center;
}
.pro-content .pc-list ul li .bt{
	max-width: 147px;
	height: 38px;
	background: #0B50A2;
	border-radius: 4px 4px 4px 4px;
	text-align: center;
	line-height:38px;
	font-weight: 500;
	font-size: 16px;
	color: #FFFFFF;
	display: block;
	margin:10px auto 0;
}
.pro-content .pc-list ul li .li-pop{
	border-radius:4px;
	background:#fff;
	font-weight: 400;
	font-size: 11px;
	color: #1A1A1A;
	display:none;
}
.pro-content .pc-list ul li .li-pop .lname{
	font-weight: 700;
	font-size: 18px;
	color: #1A1A1A;
	margin-bottom:10px;
}
.pro-content .pc-list ul li .li-pop .lname a{
	width:100%;
	display: block;
}
.pro-content .pc-list ul li .li-pop .ltable{
	background: #FFFFFF;
	box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.07);
	border-radius: 4px 4px 4px 4px;
}
.pro-content .pc-list ul li .li-pop .lname a:hover{
	color: #0B50A2;
}
.pro-content .pc-list ul li .li-pop table{width:100% !important;}
.pro-content .pc-list ul li .li-pop table tr:nth-child(even){
	background:#ECF7FF;
}
.pro-content .pc-list ul li .li-pop table tr td{
	width:50%;
	padding:5px 25px;
	box-sizing:border-box;
}
.pro-content .page-box{
	padding:0 0;
}
.photo-text{
	padding:100px 0;
}
.photo-text .pic{
	width:48%;
	float:left;
	position: sticky;
	top:40px;
	right:0;
}
.photo-text .pic .mySwiper2{
	background: #FFFFFF;
	border-radius: 4px 4px 4px 4px;
	border: 1px solid #EEEEEE;
}
.photo-text .pic .swiper-slide .pic-cover{
	display: block;
	position: relative;
	overflow: hidden;
	padding-bottom: 82.14285%;
}
.photo-text .pic .swiper-slide .pic-cover img{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.photo-text .pic .sbt{
	padding:20px 8px 0;
}
.photo-text .pic .mySwiper .swiper-slide{
	background: rgba(0,0,0,0.08);
	border-radius: 4px 4px 4px 4px;
	border: 1px solid rgba(0,0,0,0.08);
	transition:all 0.6s;
	box-sizing:border-box;
}
.photo-text .pic .mySwiper .swiper-slide.swiper-slide-thumb-active{
	border-color:#0B50A2;
	background-color:#fff;
}
.photo-text .pic .swiper-button-next{
	right:40px;
}
.photo-text .pic .swiper-button-prev{
	left:40px;
}
.photo-text .pic .swiper-button-next::after,
.photo-text .pic .swiper-button-prev::after{
	color:#0B50A2;
	font-size:30px;
	font-weight:700;
}
.photo-text .text{
	width:45%;
	float:right;
	position: sticky;
	top:40px;
	right:0;
}
.photo-text .text .t{
	font-weight: 700;
	font-size: 30px;
	color: #1A1A1A;
}
.photo-text .text .share{
	margin:20px 0;
	display: flex;
}
.photo-text .text .share a{
	display: block;
	width:25px;
	margin-right:8px;
}
.photo-text .text .share a img{
	width:100%;
	height:auto;
}
.photo-text .text .table{
    max-width:70%;
    min-width:300px;
	background: #FFFFFF;
	box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.07);
	border-radius: 4px 4px 4px 4px;
}
.photo-text .text .lname a:hover{
	color: #0B50A2;
}
.photo-text .text .table table{width:100% !important;}
.photo-text .text .table table tr:nth-child(even){
	background:#ECF7FF;
}
.photo-text .text .table table tr td{
	width:50%;
	padding:10px 15px;
	box-sizing:border-box;
}
.photo-text .text .table table tr td:nth-child(1){
    width:40% !important;
}
.photo-text .text .down{
	margin:40px 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	width:100%;
}
.photo-text .text .down a{
	height: 33px;
	background: #FFFFFF;
	border-radius: 4px 4px 4px 4px;
	border: 1px solid #0B50A2;
	display: block;
	text-align: center;
	line-height:33px;
	font-weight: 400;
	font-size: 18px;
	color: #0B50A2;
	padding:0 20px;
	transition: all 0.6s;
}
.photo-text .text .down a:hover{
	background:#0b50a2;
	color:#fff;
}
.photo-text .text .link a{
	width: 147px;
	height: 38px;
	background: #0B50A2;
	border-radius: 4px 4px 4px 4px;
	text-align: center;
	line-height:38px;
	color:#fff;
	font-size:16px;
	display: block;
}
.prodis-tab{
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom:40px;
}
.prodis-tab ul{
	display: flex;
	flex-wrap: wrap;
	background: #F6F6F6;
	border-radius: 27px 27px 27px 27px;
}
.prodis-tab ul li a{
	width: 234px;
	height: 53px;
	display: block;
	text-align: center;
	line-height:53px;
	font-size:20px;
	color:#7A7A7A;
	transition:all 0.6s;
	border-radius: 27px 27px 27px 27px;
}
.prodis-tab ul li.act a{
	background:#0B50A2;
	color:#fff;
}
.prodis-con{
	margin-bottom:100px;
}
.prodis-con .con{
	display: none;
}
.prodis-con .con.act{
	display: block;
}
.description{
	background:#F6F6F6;
	padding:0 40px;
}
.description .dci-list > ul > li{
	padding:30px 0;
	display: flex;
	flex-wrap: wrap;
	flex-direction: row-reverse;
	align-items: center;
}
.description .dci-list > ul > li.noimg{
    display:block;
}
.description .dci-list > ul > li.noimg .pic{
    display:none;
}
.description .dci-list > ul > li.noimg .text{
    width:100%;
    margin:0;
}
.description .dci-list > ul > li.noimg:nth-child(even) .text{
    margin:0;
}
.description .dci-list > ul > li:nth-child(even){
	flex-direction:row;
}
.description .dci-list > ul > li:nth-child(even) .text{
	margin-right:0;
	margin-left:6%;
}
.description .dci-list > ul > li .text{
	width:47%;
	margin-right:6%;
}
.description .dci-list > ul > li .text .t{
	font-weight: 700;
	font-size: 30px;
	color: #1A1A1A;
}
.description .dci-list > ul > li .text .d{
	font-weight: 400;
	font-size: 16px;
	color: #7A7A7A;
	line-height: 24px;
	margin-top:15px;
}
.description .dci-list > ul > li .text .d ul.ls{
    padding-top:20px;
}
.description .dci-list > ul > li .text .d .ls li{
    position: relative;
    padding-left:20px;
    margin-bottom:10px;
    font-weight:bold;
    color:#333;
}
.description .dci-list > ul > li .text .d li::before{
    content: '';
    width:5px;
    height:5px;
    background:#000;
    position: absolute;
    left:0;
    top:10px;
    border-radius:50%;
}
.description .dci-list > ul > li .pic{
	width:47%;
}
.description .dci-list > ul > li .pic .pic-cover{
	display: block;
	position: relative;
	overflow: hidden;
	padding-bottom: 82.14285%;
}
.description .dci-list > ul > li .pic .pic-cover img{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.inofrmation{
	background: #FFFFFF;
	box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.07);
	border-radius: 4px 4px 4px 4px;
	max-width:70%;
	margin:0 auto;
}
.inofrmation table{width:100% !important;}
.inofrmation table tr td{
	padding:10px 15px;
}
.inofrmation table tr td:nth-child(1){
    width:40% !important;
}
.inofrmation table tr:nth-child(even){
	background:#ECF7FF;
}
.prodis-related{
	padding-bottom:100px;
}
.prodis-related .pr-tit h6{
	font-weight: 700;
	font-size: 30px;
	color: #1A1A1A;
}

.prodis-related .pr-swiper .swiper{
	padding:10px;
}
.prodis-related .pr-swiper .swiper-slide{
	background: #FFFFFF;
	box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.1);
	border-radius: 4px 4px 4px 4px;
	padding:20px;
	box-sizing:border-box;
}
.prodis-related .pr-swiper .swiper-slide .pic-cover{
	display: block;
	position: relative;
	overflow: hidden;
	padding-bottom: 82.14285%;
}
.prodis-related .pr-swiper .swiper-slide .pic-cover img{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: all 0.6s;
	transform: scale(1);
}
.prodis-related .pr-swiper .swiper-slide:hover .pic-cover img{
	transform: scale(1.1);
}
.prodis-related .pr-swiper .swiper-slide .name{
	font-weight: 600;
	font-size: 18px;
	color: #000000;
	transition:all 0.6s;
}
.prodis-related .pr-swiper .swiper-slide .text{
	padding-top:10px;
	text-align: center;
}
.prodis-related .pr-swiper .swiper-slide .name:hover{
	color:#0B50A2;
}
.prodis-related .pr-swiper{
	margin:30px -10px 0;
	padding-bottom:50px;
	position: relative;
}
.prodis-related .swiper-pagination{
	bottom:0;
	top:auto;
	background:#C2C2C2;
	height:2px;
	width:calc(100% - 20px);
	left:10px;
}
.prodis-related .swiper-pagination .swiper-pagination-progressbar-fill{
	height:4px;
	background:#0b50a2;
	border-radius:2.5px;
	top:-1px;
}
.about-video{
	position: relative;
}
.about-video video{
	width:100%;
	height:auto;
	object-fit:cover;
}
.about-video .play{
	position: absolute;
	left:50%;
	top:50%;
	width: 9.2vw;
	height: 9.2vw;
	margin:-4.6vw 0 0 -4.6vw;
	cursor: pointer;
}
.about-video .play img{
	width:100%;
	height:auto;
}
.about-tit{
	text-align: center;
}
.about-tit h6{
	font-weight: 700;
	font-size: 2.6041667vw;
	color: #1A1A1A;
	line-height: 1;
}
.fac-tour{
	padding:100px 0;
	background:url('../images/fac-tour.jpg') no-repeat center;
	background-size:cover;
}
.fac-tour .fac-swiper{
	margin:40px 0 0;
	padding-bottom:50px;
	position: relative;
}
.fac-tour .swiper-pagination{
	bottom:0;
	top:auto;
	background:#C2C2C2;
	height:2px;
	width:100%;
}
.fac-tour .swiper-pagination .swiper-pagination-progressbar-fill{
	height:4px;
	background:#0b50a2;
	border-radius:2.5px;
	top:-1px;
}
.fac-tour .fac-swiper .pic-cover{
	padding-bottom:76.315789%;
	position: relative;
	overflow: hidden;
}
.fac-tour .fac-swiper .pic-cover img{
	position: absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	transform: scale(1);
	transition:all 0.6s;
}
.fac-tour .fac-swiper .pic-cover:hover img{
	transform: scale(1.1);
}
.certifications{
	padding:100px 0;
}
.certifications .about-tit{
	margin-bottom:40px;
}
.certifications .cer-swiper{
	position: relative;
}
.certifications .cer-swiper .pic-cover{
	padding-bottom:128.95522%;
	overflow: hidden;
	position: relative;
}
.certifications .cer-swiper .pic-cover img{
	position: absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	object-fit:cover;
	transition: all 0.6s;
	transform: scale(1);
}
.certifications .cer-swiper .pic-cover:hover img{
	transform: scale(1.1);
}
.certifications .swiper-button-next, .certifications .swiper-button-prev{
	width: 34px;
	height: 34px;
	border: 1px solid #0B50A2;
	border-radius:50%;
}
.certifications .swiper-button-next{
	right:-55px;
}
.certifications .swiper-button-prev{
	left:-55px;
}
.certifications .swiper-button-next::after,
.certifications .swiper-button-prev::after{
	font-size:12px;
	font-weight:700;
	color:#0b50a2;
}
.contact-page{
	padding:100px 0;
}
.contact-page .cform{
	width:57%;
	float:left;
}
.contact-tit h6{
	font-weight: 700;
	font-size: 2.6041667vw;
	color: #1A1A1A;
	line-height: 1;
}
.contact-tips{
	margin-top:10px;
}
.contact-tips b{
	font-weight: 500;
	font-size: 20px;
	color: #333333;
	line-height: 24px;
	display: block;
	padding:10px 0;
}
.contact-tips p{
	font-weight: 400;
	font-size: 16px;
	color: #7A7A7A;
	line-height: 24px;
}
.contact-form{
	margin-top:30px;
}
.contact-form #xhlFormSubmit{
	margin:0 0 0;
	width: 147px;
	height: 38px;
	line-height:38px;
	background: #0B50A2;
	border-radius: 4px 4px 4px 4px;
}
.contact-page .cmap{
	width:38%;
	float:right;
}
.contact-page .cmap .map iframe{
	width:100%;
}
.contact-page .cmap .cshare ul li{
	padding-left:30px;
	margin-top:40px;
	position: relative;
}
.contact-page .cmap .cshare ul li .icon{
	position: absolute;
	left:0;
	top:4px;
}
.contact-page .cmap .cshare ul li .t{
	font-weight: 500;
	font-size: 20px;
	color: #333333;
	margin-bottom:5px;
}
.contact-page .cmap .cshare ul li .d{
	display: flex;
}
.contact-page .cmap .cshare ul li .d,
.contact-page .cmap .cshare ul li .d a{
	font-weight: 400;
	font-size: 16px;
	color: #7A7A7A;
	transition: all 0.6s;
}
.contact-page .cmap .cshare ul li .d a:hover{
	color:#0B50A2;
}
.contact-page .cmap .cshare ul li .d .s{
	width:25px;
	display:block;
	margin-right:8px;
}
.contact-page .cmap .cshare ul li .d .s img{
	width:100%;
	height:auto;
	transition: all 0.6s;
}
.contact-page .cmap .cshare ul li .d .s:hover img{
	opacity:0.7;
}
.blog-page-box{
	padding:100px 0;
}
.blog-page-box .blog-left{
	width: calc(100% - 358px);
	float: left;
	box-sizing: border-box;
	padding-right:100px;
}
.blog-left .bl-tit{
	margin-bottom:40px;
	display: flex;
	justify-content: center;
}
.blog-left .bl-tit ul{
	display: flex;
	flex-wrap: wrap;
	background: #F6F6F6;
	border-radius:27px;
}
.blog-left .bl-tit ul li a{
	width: 263px;
	height: 55px;
	background: #F6F6F6;
	text-align: center;
	line-height:55px;
	border-radius:27px;
	display: block;
	font-weight: 500;
	font-size: 20px;
	color: #7A7A7A;
	transition:all 0.6s;
	text-transform: capitalize;
}
.blog-left .bl-tit ul li a:hover,
.blog-left .bl-tit ul li.act a{
	color:#fff;
	background:#0B50A2;
}
.blog-left .bl-list ul li{
	width:calc((100% / 3) - 30px);
	margin-left:45px;
	margin-bottom:40px;
	float:left;
	background: #FFFFFF;
	border-radius: 4px 4px 4px 4px;
	border: 1px solid #E5E5E5;
	box-sizing:border-box;
}
.blog-left .bl-list ul li:hover{
    border-color:#0B50A2;
}
.blog-left .bl-list ul li:nth-child(3n+1){
	margin-left:0;
}
.blog-left .bl-list ul li .pic .pic-cover{
	display: block;
	padding-bottom:65.75342%;
	position: relative;
	overflow: hidden;
}
.blog-left .bl-list ul li .pic .pic-cover img{
	position: absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	object-fit:cover;
	transition: all 0.6s;
	transform: scale(1);
}
.blog-left .bl-list ul li:hover .pic .pic-cover img{
	transform: scale(1.1);
}
.blog-left .bl-list ul li .text{
	padding:10px;
}
.blog-left .bl-list ul li .text .time{
	font-weight: 400;
	font-size: 16px;
	color: #7A7A7A;
	margin-bottom:10px;
}
.blog-left .bl-list ul li .text .tit{
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-weight: 500;
	font-size: 20px;
	color: #1A1A1A;
}
.blog-left .bl-list ul li .text .tit:hover{
	color:#0B50A2;
}
.blog-left .bl-list ul li .text .more{
	display: flex;
	justify-content: flex-end;
}
.blog-left .bl-list ul li .text .more .bt{
	width: 34px;
	height: 34px;
	border: 1px solid #0B50A2;
	display: flex;
	justify-content: center;
	align-items: center;
	color:#0b50a2;
	border-radius:50%;
	font-weight:700;
	line-height:34px;
}
.blog-left .bl-list ul li:hover .text .more .bt{
	background:#0b50a2;
	color:#fff;
	transform: translateY(0);
}
.blog-left .page-box{
	padding-top:10px;
}
.blog-page-box .blog-right{
	width:358px;
	float:right;
	position: sticky;
	left:0;
	top:40px;
}
.blog-page-box .blog-right .search{
	position: relative;
}
.blog-page-box .blog-right .search input{
	width: 100%;
	box-sizing:border-box;
	padding:0 58px 0 10px;
	height: 44px;
	background: #F6F6F6;
	border-radius: 50px 50px 50px 50px;
	border:none;
}
.blog-page-box .blog-right .search button{
	width: 48px;
	height: 44px;
	background: #0B50A2;
	position: absolute;
	right:0;
	top:0;
	z-index:3;
	border-radius: 0 50px 50px 0;
	border:none;
	transition: all 0.6s;
}
.blog-page-box .blog-right .search button img{
	width:20px;
	height:auto;
}
.blog-page-box .blog-right .search button:hover{
	opacity:0.7;
}
.blog-page-box .blog-right .bcu-box{
	margin-top:43px;
	position: relative;
}
.blog-page-box .blog-right .bcu-box .pic{
	position: relative;
}
.blog-page-box .blog-right .bcu-box .pic img{
	width:100%;
	height:auto;
}
.blog-page-box .blog-right .bcu-box .link{
	position: absolute;
	left:0;
	top:0;
	z-index:3;
	width:100%;
	height:100%;
	display: flex;
	align-items: center;
	justify-content: center;
}
.blog-page-box .blog-right .bcu-box .link a{
	width: 178px;
	height: 45px;
	background: rgba(255,255,255,0.35);
	border-radius: 4px 4px 4px 4px;
	display: block;
	text-align: center;
	line-height:45px;
	font-weight: 500;
	font-size: 20px;
	color: #FFFFFF;
	transition: all 0.6s;
}
.blog-page-box .blog-right .bcu-box .link a:hover{
	background:rgba(255,255,255,1);
	color:#0B50A2;
}
.blog-page-box .blog-right .bcu-item{
	padding-top:40px;
}
.blog-page-box .blog-right .bcu-item .bcu-tit h6{
	font-weight: 500;
	font-size: 20px;
	color: #333333;
}
.blog-page-box .blog-right .bcu-item .bcu-text-list ul li{
	margin-top:10px;
	border-bottom:1px solid #F6F6F6;
	padding:10px 0;
}
.blog-page-box .blog-right .bcu-item .bcu-text-list ul li a{
	display: flex;
	align-items: center;
	font-size: 16px;
	color: #7A7A7A;
	transition: all 0.6s;
}
.blog-page-box .blog-right .bcu-item .bcu-text-list ul li a:hover{
	color:#0B50A2;
}
.blog-page-box .blog-right .bcu-item .bcu-text-list ul li a i{
	width: 28px;
    height: 3px;
    background: #EEEEEE;
    display: block;
    margin-right: 20px;
    position: relative;
    border-radius: 1.5px;
}
.blog-page-box .blog-right .bcu-item .bcu-text-list ul li a i::after{
	content: '';
	width:0;
	height:100%;
	position: absolute;
	left:0;
	top:0;
	background:#0b50a2;
	transition: all 0.6s;
	border-radius:1.5px;
}
.blog-page-box .blog-right .bcu-item .bcu-text-list ul li a:hover i::after,
.blog-page-box .blog-right .bcu-item .bcu-text-list ul li a.act i::after{
	width:100%;
}
.blog-page-box .blog-right .bcu-item .bcu-text-list ul li a span{
	font-weight: 400;
}
.blog-page-box .blog-right .bcu-item .bcu-pic-list ul li{
	background: #FFFFFF;
	box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.07);
	border-radius: 4px 4px 4px 4px;
	margin-top:20px;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}
.bcu-item .bcu-pic-list ul li .pic{
	width:127px;
	float:left;
}
.bcu-item .bcu-pic-list ul li .pic .pic-cover{
	display: block;
	padding-bottom:65.75342%;
	position: relative;
	overflow: hidden;
}
.bcu-item .bcu-pic-list ul li .pic .pic-cover img{
	position: absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	object-fit:cover;
	transition: all 0.6s;
	transform: scale(1);
}
.bcu-item .bcu-pic-list ul li:hover .pic .pic-cover img{
	transform: scale(1.1);
}
.bcu-item .bcu-pic-list ul li .text{
	width:calc(100% - 127px);
	box-sizing:border-box;
	padding-left:18px;
	padding-right:10px;
}
.bcu-item .bcu-pic-list ul li .text .t{
	display: block;
	font-weight: 400;
	font-size: 16px;
	color: #7A7A7A;
	margin-bottom:10px;
	transition:all 0.6s;
}
.bcu-item .bcu-pic-list ul li .text .time{
	font-weight: 400;
	font-size: 14px;
	color: #858585;
}
.bcu-item .bcu-pic-list ul li:hover .text .t{
	color:#0B50A2;
}
.blog-dis-box .t{
	font-weight: 700;
	font-size: 24px;
	color: #1A1A1A;
}
.blog-dis-box .tb{
	display: flex;
	align-items: center;
	margin:25px 0;
}
.blog-dis-box .tb span{
	display: block;
	margin-right:30px;
	font-weight: 400;
	font-size: 20px;
	color: #707070;
}
.blog-dis-box .tb span i{
	font-size:21px;
	color:#0B50A2;
	
}
.blog-dis-box .tb span:nth-child(2) i{font-weight:700;}
.blog-dis-box .edit-box img{
	max-width:100%;
	height:auto;
}
#st-1{
	text-align: right !important;
}
.blog-dis-box .share{
	padding:40px 0;
}
.blog-dis-box .bdpage{
	display: flex;
	align-items:center;
	justify-content:space-between;
	position: relative;
}
.blog-dis-box .bdpage:after{
    content: '';
    width: 2px;
    height: 44px;
    background:#DFDFDF;
    position: absolute;
    left:50%;
    top:50%;
    margin-top:-22px;
    margin-left: -1px;
}
.blog-dis-box .bdpage a b{
	display: block;
	font-weight: 500;
	font-size: 16px;
	color: #1A1A1A;
	line-height: 24px;
}
.blog-dis-box .bdpage a span{
	font-weight: 400;
	font-size: 14px;
	color: #7A7A7A;
	line-height: 24px;
}
.blog-dis-box .bdpage .prev{
	padding-left:30px;
	position: relative;
}
.blog-dis-box .bdpage .prev .iconfont{
	position: absolute;
	left:0;
	top:0;
	height:100%;
	font-weight:700;
	display: flex;
	align-items: center;
	font-size:20px;
}
.blog-dis-box .bdpage .next{
	padding-right:30px;
	position: relative;
}
.blog-dis-box .bdpage .next .iconfont{
	position: absolute;
	right:0;
	top:0;
	height:100%;
	font-weight:700;
	display: flex;
	align-items: center;
	font-size:20px;
}
.blog-dis-box .d-msg{
	margin-top:100px;
}
.blog-dis-box .d-msg .dm-tit{
	margin-bottom:20px;
	font-weight: 700;
	font-size: 30px;
	color: #1A1A1A;
}
.blog-dis-box .d-msg .dm-form{
	background:url('../images/blog-dis-pic-02.png') no-repeat center;
	background-size:cover;
	padding:30px;
}
.dm-form #xhlFormSubmit{
	margin:0;
	width: 217px;
	height: 38px;
	background: #0B50A2;
	border-radius: 4px 4px 4px 4px;
	text-align: center;
	line-height:38px;
}
.error-text .error-big{
	color:#0b50a2;
}
.error-text .error-bt{
	background:#0b50a2;
	color:#fff;
}


@media screen and (max-width: 1600px) {
    .footer-top .f-nav .fn-item .l a{
        font-size:14px;
    }
	.blog-page-box .blog-right{
		width:260px;
	}
	.blog-page-box .blog-left{
		width:calc(100% - 260px);
		padding-right:40px;
	}
	.blog-left .bl-tit ul li a{
		width:200px;
		font-size:16px;
	}
	.blog-left .bl-list ul li{
		margin-left:20px;
		width:calc((100% / 3) - (40px / 3));
		margin-bottom:20px;
	}
	.product-list-page .prolist-box ul li{
		margin-left:30px;
		width:calc((100% / 4) - 22.5px);
	}
	.product-list-page .prolist-box .text .t{
		font-size:14px;
	}
	.product-if-list .pro-menu{
		width:260px;
	}
	.product-if-list .pro-content{
		width:calc(100% - 260px);
		padding-left:40px;
	}
	.pro-content .pc-list ul li .name{
		font-size:12px;
	}
	.pro-content .pc-list ul.x3 li{
		width:calc((100% / 3) - (40px / 3));
		margin-left:20px;
	}
	.pro-content .pc-list ul.x2 li{
		width:calc(50% - 10px);
		margin-left:20px;
		margin-bottom:20px;
	}
	.photo-text .text .down a{
	    padding:0 15px;
	    font-size:14px;
	}
	.banner .big-swiper .banner-content .bc-inner .text h6{
        font-size: 50px;
    }
    .banner .big-swiper .banner-content .bc-inner .text p{
        font-size: 20px;
    }
    .banner .big-swiper .banner-content .bc-inner .text a{
        font-size: 20px;
    }
    .index-product .index-pro-list ul li .text .name{
        font-size: 14px;
    }
}

@media screen and (max-width: 1400px) {
    .photo-text .text .down a{
        padding:0 10px;
    }
	#menuPc > ul > li > a{
		font-size:16px;
	}
	.banner .banner-content .bc-inner .text h6{
		font-size: min(4vw,80px);
	}
	.banner .banner-content .bc-inner .text p{
		font-size:20px;
	}
	.banner .banner-content .bc-inner .text a{
		width:200px;
		height:44px;
		line-height:44px;
		font-size:18px;
	}
	.index-product .index-pro-list ul li{
		width:calc((100% / 4) - 22.5px);
		margin-left:30px;
	}
	.index-why .index-why-list ul li{
		width:calc((100% / 4) - 22.5px);
		margin-left:30px;
	}
	.index-why .index-why-list ul li .text .tips{
		font-size:14px;
	}
	.index-number .index-number-list ul li .text{
		font-size:14px;
	}
	.footer-top .logo-share{
		float:none;
		display: flex;
		justify-content: center;
		flex-direction: column;
		align-items: center;
	}
	.footer-top .f-nav{
		float:none;
		width:100%;
		padding-left:0;
		margin-top:20px;
		display: none;
	}
	.footer-top{
		padding:40px 0;
	}
	.footer-top .f-nav .fn-item .l a{
		font-size:14px;
	}
	.footer-top .f-nav .fn-item.contact .l-item{
		font-size:14px;
	}
	.footer-top .f-nav .fn-item{
		padding-left:4%;
	}
	.footer-top .f-nav .fn-item:nth-child(1){
		width:20%;
	}
	.product-list-page .prolist-box ul li{
		display: block;
	}
	.product-list-page .prolist-box .pic{
		width:100%;
	}
	.product-list-page .prolist-box .text{
		width:100%;
		margin-right:0;
	}
}
@media screen and (max-width: 1340px) {
    .blog-left .bl-list ul li .text .tit{
        font-size: 18px;
    }
    .blog-page-box .blog-right .bcu-item .bcu-tit h6{
        font-size: 18px;
    }
    .blog-page-box .blog-right .bcu-item .bcu-text-list ul li a{
        font-size: 12px;
    }
    .bcu-item .bcu-pic-list ul li .pic{
        width: 80px;
    }
    .bcu-item .bcu-pic-list ul li .text .t,.bcu-item .bcu-pic-list ul li .text .time{
        font-size: 12px;
    }
    .blog-page-box .blog-right{
        width: 210px;
    }
    .blog-page-box .blog-left{
         width: calc(100% - 210px);
    }
    .pro-content .pc-list ul li .poptable table tr td{
        padding: 5px;
    }
    .pro-content .pc-list ul li .poptable{
        width: 200px;
    }
    .pro-content .pc-list ul li .bt{
        font-size: 12px;
        height: 30px;
        line-height: 30px;
    }
    .product-if-list .pro-menu{
        width: 210px;
    }
    .product-if-list .pro-content{
        width: calc(100% - 210px);
    }
    .ib-swiper .swiper .text .tit{
        font-size: 18px;
    }
    .index-product .index-pro-list ul li .text .name{
        
    }
    	#dibunav{
	    display: block;
	}
    .nav-search .search-box .input-box input,.nav-search .search-box .input-box button{
        height: 30px;
    }
    .h-content .logo{
        width: 55px;
    }
    .h-content .nav-search .search-box{
        margin-left: 10px;
    }
    .nav-search .search-box .input-box input{
        width: 150px;
    }
    .h-top .share,.h-top .tel-mail{
        padding: 5px 0;
    }
    
	#menuPc > ul > li{
		margin:0;
	}
	#menuPc > ul > li > a{
		font-size:12px;
	}
	#menuPc > ul > li dl{
		width:200px;
		margin-left:-100px;
	}
	#menuPc > ul > li dl dd a{
		padding:10px 15px;
	}
	.index-about .fixed .text .d{
		height:9em;
		overflow: hidden;
	}
	.index-about{
		padding:50px 0;
	}
	.index-product{
		padding:50px 0;
	}
	.index-why{
		padding:50px 0;
	}
	.index-blog{
		padding:50px 0;
	}
	.index-why .index-why-list ul li .text .t{
		font-size:18px;
	}
	.index-why .index-why-list ul li .text .tips{
		height:9em;
		overflow: hidden;
	}
	.footer-top .f-nav .fn-item .t a{
		font-size:18px;
	}
	.footer-top .f-nav .fn-item:nth-child(1){
		width:26%;
	}
	.footer-top .f-nav .fn-item:nth-child(2){
		width:70%;
	}
	.footer-top .f-nav .fn-item:nth-child(3){
		width:100%;
		padding-left:0;
		margin-top:20px;
	}
	.index-product .index-pro-list ul li .text .bt{
		width:100%;
		font-size: 12px;
	}
	.blog-left .bl-list ul li{
		width:calc(50% - 10px);
		margin-left:0;
	}
	.blog-left .bl-list ul li:nth-child(even){
		float:right;
	}
	.blog-left .bl-list ul li:nth-child(4n+1){
		margin-left:0;
	}
	.blog-left .bl-tit ul li a{
		width:120px;
		font-size:12px;
		height:40px;
		line-height:40px;
	}
	.blog-page-box{
		padding:50px 0;
	}
	.contact-page .cmap .map iframe{
		height:300px;
	}
	.contact-page{
		padding:50px 0;
	}
	.contact-page .cform{
		width:100%;
	}
	.contact-page .cmap{
		width:100%;
		margin-top:20px;
	}
	 .contact-page .cmap .cshare ul {
         display: flex;
         flex-wrap: wrap;
     }
    .contact-page .cmap .cshare ul li{
        width: 50%;
        box-sizing: border-box;
    }
	.contact-tit h6{
		font-size:22px;
	}
	.product-list-page{
		padding:20px 0 50px
	}
	.msg-page.pb-100{
		padding-bottom:50px;
	}
	.pro-content .pc-tool .pt-c{
		margin-top:20px;
	}
	.photo-text{
		padding:50px 0;
	}
	.photo-text .text .t{
		font-size:22px;
	}
	.photo-text .text .down a{
		font-size:12px;
		padding:0 5px;
	}
	.prodis-tab ul li a{
		font-size:16px;
	}
	.description .dci-list ul li .text .t{
		font-size:22px;
	}
	.prodis-related .pr-tit h6{
		font-size:22px;
	}
	
}


















@media screen and (max-width: 1023px) {
	html.mm-blocking body{overflow: initial;}
	.header{
		position:sticky;
		top:0;
		left:0;
		width:100%;
		z-index:999;
	}
	#menuPc {
		display: none;
	}
	
	#menuWap {
		display: block;
	}
	
	#page {
		background: #FFFFFF;
	}

	.btn-nav {
		position: absolute;
		right:20px;
		bottom:0;
		background: transparent;
		border: none;
		padding: 15px 0;
		-webkit-transition: all .5s ease;
		-moz-transition: all .5s ease;
		-ms-transition: all .5s ease;
		-o-transition: all .5s ease;
		transition: all .5s ease;
		z-index: 99999;
		display: block;
		width: 30px;
		float: right;
	}

	.icon-bar {
		display: block;
		margin: 6px 0;
		width: 30px;
		height: 3px;
		background-color: #0B50A2;
		box-shadow: 0 1px 1px #000000;
		-webkit-transition: all .7s ease;
		-moz-transition: all .7s ease;
		-ms-transition: all .7s ease;
		-o-transition: all .7s ease;
		transition: all .7s ease;
		z-index: 999999;
	}

	.mm-opening .top {
		-webkit-transform: translateY(8px) rotateZ(45deg);
		-moz-transform: translateY(8px) rotateZ(45deg);
		-ms-transform: translateY(8px) rotateZ(45deg);
		-o-transform: translateY(8px) rotateZ(45deg);
		transform: translateY(8px) rotateZ(45deg);
	}

	.mm-opening .bottom {
		-webkit-transform: translateY(-10px) rotateZ(-45deg);
		-moz-transform: translateY(-10px) rotateZ(-45deg);
		-ms-transform: translateY(-10px) rotateZ(-45deg);
		-o-transform: translateY(-10px) rotateZ(-45deg);
		transform: translateY(-10px) rotateZ(-45deg);
	}

	.mm-opening .middle {
		width: 0;
	}

	.banner .big-swiper .bg-box {
		display: none;
	}

	.banner .big-swiper .banner-content {
		display: none;
	}
	.banner .big-swiper .wap-box{
		display: block;
	}
	.banner .small-swiper{
	    display:none;
	}
	.banner .big-swiper .swiper-slide .video-box{
		display:none;
	}
	.m-width-content{
		width:100%;
		max-width:100%;
	}
	.h-top .share{display:none;}
	.h-content .nav-search .search-box{display:none;}
	.h-content .nav-search{
	    margin: 21px 50px 0 0;
	}
	.h-top .tel-mail{padding:5px 0;}
	.h-content .logo{
		width:50px;
	}
	.index-about .fixed{
		display: block;
	}
	.index-about .fixed .pic{
		width:100%;
	}
	.index-about .fixed .text{
		width:100%;
		padding-right:0;
		margin-top:20px;
	}
	.index-t, .index-t h6{
		font-size:22px;
	}
	.index-about .fixed .text .d{
		height:auto;
		overflow: auto;
	}
	.index-product .index-pro-list ul li{
		width:calc((100%/2) - 5px);
		margin-left:5px;
		margin-bottom:20px;
	}
	.index-why .index-why-list ul li{
		width:100%;
		margin-left:0;
		margin-bottom:20px;
	}
	.index-why .index-why-list ul li .text .tips{
		height:auto;
		overflow: auto;
		text-align: center;
	}
	.index-number .index-number-list ul li{
		margin-bottom:20px;
		width:50%;
	}
	.index-number .index-number-list ul li .num{
		font-size:22px;
	}
	.index-number{
		padding:25px 0 5px;
	}
	.footer-top .f-nav .fn-item:nth-child(1),
	.footer-top .f-nav .fn-item:nth-child(2){
		display:none;
	}
	.about-tit h6{
		font-size:22px;
	}
	.fac-tour{
		padding:50px 0;
	}
	.certifications{
		padding:50px 0;
	}
	.certifications .swiper-button-next{
		right:10px;
	}
	.certifications .swiper-button-prev{
		left:10px;
	}
	.blog-page-box .blog-right{
		display:none;
	}
	.blog-page-box .blog-left{
		width:100%;
		padding-right:0;
	}
	.blog-left .bl-list ul li{
		/*width:100%;*/
		/*margin-left:0;*/
	}
	.product-list-page .prolist-box ul li{
		width:calc(50% - 10px);
		margin-left:0;
		float:left;
	}
	.product-list-page .prolist-box ul li:nth-child(even){
		float:right;
	}
	.product-list-page .prolist-box ul{
		display: block;
	}
	.msg-page .msg-inner{
		padding:20px;
	}
	.msg-page .msg-inner .pic{
		width:100%;
		height:50vh;
	}
	.msg-page .msg-inner .msg-box{
		width:100%;
		padding-left:0;
		margin-top:20px;
	}
	.msg-page .msg-inner .msg-box .msg-tit h6{
		font-size:22px;
	}
	.product-if-list .pro-menu{
		display:none;
	}
	.product-if-list .pro-content{
		width:100%;
		padding-left:0;
	}
	.product-if-list{
		padding:50px 0;
	}
	.pro-content .pc-tool{
		display:none;
	}
	.pro-content .pc-list ul.x4 li{
		width:100%;
		margin-left:0;
	}
	.pro-content .pc-list ul li .pic .ltable{
		display: block;
		position: relative;
		left:0;
		top:0;
		z-index:2;
		width:100%;
		display: none;
	}
	.pro-content .pc-list ul li .pic .ltable table{
        float:none !important;
        margin:0 !important;
        width:100% !important;
    }
	.pro-content .pc-list ul li .name{
		font-size:18px;
		margin-top:20px;
	}
	.pro-content .pc-list ul.x4 li:nth-child(4n) .pic .ltable{
		right:0;
	}
	.photo-text .pic{
		width:100%;
	}
	.photo-text .text{
		width:100%;
		margin-top:20px;
	}
	.prodis-tab ul li a{
		width:160px;
		font-size:12px;
	}
	.description{
		padding:0 20px;
	}
	.description .dci-list ul li{
		display: block;
	}
	.description .dci-list ul li .pic{
		width:100%;
	}
	.description .dci-list ul li .text{
		width:100%;
		margin-right:0;
	}
	.search-list ul li .li-inner .img-box{
		width:100%;
		float:none;
	}
	.search-list ul li .li-inner .img-text{
		width:100%;
		float:none;
		margin-top:20px;
	}
	.h-top .tel-mail a{
	    margin-right: 0;
	    font-size: 12px;
	}
	.h-top .tel-mail{
	    width: 100%;
	    justify-content: space-between;
	}
	.h-top .tel-mail a i{
	    font-size: 12px;
	}
	.banner .big-swiper .swiper-button-next, .banner .big-swiper .swiper-button-prev{
	    width: 32px;
	    height: 32px;
	    line-height: 32px;
	}
	.banner .big-swiper .swiper-button-next{
	    right:10px;
	}
	.banner .big-swiper .swiper-button-prev{
	    left:10px;
	}
	.index-about .fixed .text .d{
	    font-size: 14px;
	}
	.index-product .index-pro-list ul li .text .name{
	    font-size: 14px;
	}
	.index-product .index-pro-list ul li:nth-child(3){
	    margin-left: 0;
	}
	.index-why .index-why-list ul li .icon{
	    width: 46px;
	    height: 46px;
	}
	.ib-swiper .swiper .text .time{
	    font-size: 12px;
	}
	.ib-swiper .swiper .text .tit{
	    font-size: 14px;
	}
	.ib-swiper .swiper .text{
	    padding: 12px;
	}

	.right-slider a{
	    display: none;
	}
		.right-slider a#toTop{
		    display: inline-block;
		}
	.right-slider{
	    bottom: 100px;
	}
	.right-slider a .icon{
	    width: 32px;
	    height: 32px;
	}
	.right-slider a .icon .iconfont{
	    font-size: 18px;
	}
	.inner-banner .text .cr{
	    font-size: 14px;
	}
	.contact-tips p,.contact-tips p b{
	    font-size: 14px;
	}
	.pro-content .pc-list ul.x4 li{
    	width:calc((100% / 2) - 12px);
    	margin-left:12px;
    }
    .pro-content .pc-list ul.x4 li:nth-child(odd){
        margin-left: 0;
    }
    .pro-content .pc-list ul li{
        padding: 12px;
        margin-bottom: 12px;
    }
    
    .pro-content .pc-list ul li .name{
        font-size: 14px;
    }
    .pro-content .pc-list ul li .bt{
        font-size: 14px;
    }
    .photo-text .pic{
        position: relative;
    }
    .prodis-related .pr-swiper .swiper-slide .name{
        font-size: 14px;
    }
    .prodis-related,.prodis-con{
        padding-bottom: 32px;
    }
    .blog-left .bl-list ul li .text .tit{
        font-size: 14px;
    }
    .blog-left .bl-list ul li .text .time{
        font-size: 12px;
    }
    .dm-form .usedComp{
        margin-bottom: 0;
    }
    .blog-dis-box .d-msg .dm-form{
        padding: 12px;
    }
}