@font-face {
  font-family: "OpenSansRegular";
  src: url(../font/OpenSans-Regular.ttf);
}
html {
	height: 100%;
	overflow-y: visible;
}
body, ul, li, p, h1, h2, h3, h4, h5, h6, form {
	margin: 0;
	padding: 0;
	line-height: inherit
}
header, footer {
	display: block;
}
body {
	min-width: 320px;
	font-family: "微软雅黑";
	height: 100%;
	color: #333;
	overflow-x: hidden;
	font-size: clamp(12px,1vw,14px);
	word-wrap: break-word;
	word-break: break-word;
	line-height: 1.5;
	background: #ffffff;
	-webkit-text-size-adjust: 100%;
}
li {
	list-style: none;
}
a {
	text-decoration: none;
	color: #1a1a1a
}
a:hover, a:active, a:focus, a:visited {
	color: #1a1a1a;
	text-decoration: none;
}
img {
	max-width: 100%;
	vertical-align: middle;
}
input[type="button"],input[type="submit"],input[type="reset"],input[type="text"],input[type="tel"],button,textarea{-webkit-appearance:none;}
.opacity{
	opacity: 0
}
.flex {
	display: flex;
	display: -webkit-flex;
	align-items: center;
	-webkit-align-items: center;
}
.between {
	justify-content: space-between;
	-webkit-justify-content: space-between;
}
.txr{
	text-align: right;
}
.txc{
	text-align: center;
}
.mt30{
	margin-top: 30px;
}
.pbox{
	overflow: hidden;
}
.bgw{
	background: #fff;
	position: relative;
	z-index: 1;
}
.bgc{
	background: #f9f9f9;
	position: relative;
	z-index: 1;
}
.poster{
	position: relative;
	overflow: hidden;
}
.poster img{
	width: 100%;
	height: 100%;
	object-fit: cover
}
.container {
	width: 1420px;
	box-sizing: border-box;
	margin: 0 auto;
	position: relative;
	z-index: 10;
	padding: 0;
}
.header-container{
	height: 87px;
}
.nav-header{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	box-sizing: border-box;
	z-index: 101;

	transition: all 0.15s ease-out;
	background: rgba(0,0,0,0.4);
}
.brand-logo {
	display: block;
	background: url(../image/brand_logo4.png) no-repeat;
	background-size: contain;
	width: 80px;
	height: 42px;
	transition: all 0.2s ease-out;
}
.mob-navbtn{
	display: none;
}
.mob-lang{
	position: absolute;
	top: 0;
	right: 46px;
	z-index: 1;
	display: block;
	font-size: 18px;
	padding: 0 8px;
	line-height: 1.4;
	font-family: " sans-serif"
}
.nav-box{
	flex: 1;
	box-sizing: border-box;
	display: flex;
	align-items: center;

}
#navMenu{
	flex: 1;
	padding: 0 clamp(8px,5vw,98px);
}
.navMenu{
	justify-content: space-between;
}
.navMenu li{
	position: relative;
}
.navMenu li a{
	display: flex;
	align-items: center;
	font-size: 18px;
	padding: 30px 0;
	color: #121212;
	position: relative;
	transition: all 0.2s ease-out;
	white-space: nowrap;
}
.navMenu li a:hover{
	text-decoration: none;
}
.navMenu li.active>a{
	color: #DB0212;
}
.navMenu li a::after{
	content: '';
	position: absolute;
	width: 100%;
	height: 4px;
	bottom: 0px;
	left: 0;
	background: #DB0212;
	border-radius: 1px;
	transform: scale(0,1);
	transition: all 0.2s ease-out;
}
.navMenu li.active a::after,.navMenu li a:hover::after{
	transform: scale(1,1);
}
.nav-tools{
	display: flex;
	align-items: center;
	justify-content: flex-end;
	transition: all 0.3s ease-out;
	height: auto;

}
.nav-tools li{
	position: relative;
	padding-left: clamp(10px,1.8vw,30px);;
}
.nav-tools li:first-child::before{
	display: none;
}
.nav-tools a{
	color: #0A0909;
	font-size: 17px;
}
.ilang{
	display: block;
	background: url(../image/ilang2.png) no-repeat left;
	background-size: 20px 20px;
	height: 20px;
	padding-left: 30px;
	transition: all 0.15s ease-out;
	line-height: 20px;
}
.ilang:hover{
	transform: translateX(-4px);
	color: #DB0212
}
.top-search{
	width: 140px;
	height: 42px;
	position: relative;
}
.ssbar{
	position: absolute;
	top: 0;
	right: 0;
	background: #F7F7F7;
	height: 22px;
	line-height: 22px;
	padding: 10px 20px;
	border-radius: 22px;
	width: 100px;
	box-sizing: content-box;
	transition: all 0.3s ease-out;
}
.ssbar input{
	width: 100%;
	border: none;
	background: none;
	height: 22px;
	line-height: 22px;
	box-sizing: border-box;
	padding-left: 20px;
	outline: none
}
.iss{
	position: absolute;
	top: 50%;
	left: 14px;
	display: block;
	background: url(../image/iss2.png) no-repeat center;
	background-size: 20px 20px;
	width: 20px;
	height: 20px;
	transform: translateY(-50%)
}
.top-search.active .ssbar{
	width: 300px;
}
.nav-hbg .nav-header{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	background: #ffffff;
	z-index: 1002;
	box-shadow: 0 0 6px rgba(0,0,0,0.15)
}
.subox {
	position: fixed;
	top: 80px;
	left: 0;
	width: 100%;
	z-index: 1001;
	display: none;
	background: #fff;
	padding: 50px 0;
	box-shadow: 0 3px 4px rgba(0,0,0,0.1);
	height: auto !important;

}
.subnav li {
	width: 20%;
	box-sizing: border-box;
}
.subnav li a {
	font-size: 20px;
	color: #121212;
	display: inline-block;
	position: relative;
	padding-bottom: 12px;
	padding-top: 12px;
	padding-right: 60px;
	border-bottom: 1px solid #EDEDED;
	cursor: pointer;
}
.subnav li a::after{
	content: '';
	border-top: 1px solid #BABABA;
	border-right: 1px solid #BABABA;
	width: 10px;
	height: 10px;
	transform: rotate(45deg);
	position: absolute;
	top: 50%;
	right: 0;
	margin-top: -6px;
}
.subnav li a:hover, .subnav .active a {
	color: #DB0212;
}
.subnav .active a::after{
	border-top: 1px solid #DB0212;
	border-right: 1px solid #DB0212;
}
.sub-product{
	align-items: flex-start;
}
.sub-product .subnav{
	width: 218px;
	padding-top: 10px;
}
.sub-product .subnav li{
	width: 100%;
	padding-top: 20px;
}
.sub-product .subnav li a{
	width: 100%;
}
.sub-section{
	padding-left: clamp(30px,7.1vw,100px);
	padding-right: clamp(15px,4.2vw,60px);
	box-sizing: border-box;
	flex: 1;
}
.sub-show{
	display: none;
	min-height: 240px;
	transition: min-height 0.3s ease-out;
	height: auto !important;
}
.ab-box{
	align-items: flex-start !important;
}
.sub-other{
	border-top: 1px solid #EDEDED;
	padding: 36px 0 20px 0;
	display: flex;
	align-items: stretch;
	width: 100%;
}
.sub-item{
	width: 308px;
	background: linear-gradient(1deg, #FCFDFE, #FAFAFA, #FFFFFF);
	border-image: linear-gradient(182deg, rgba(234,234,234,0.59), rgba(255,255,255,0.59));
	box-shadow: 0px 2px 6px 0px rgba(131,177,212,0.3);
	border-radius: 10px;
	padding: 20px;
	font-size: 14px;
	position: relative;
	margin-right: clamp(10px,1.6vw,24px);
	border: 1px solid #fff;
	transition: all 0.15s ease-out;
}
.sub-item h3{
	font-size: clamp(14px,1.2vw,18px);
	padding: 6px 80px 6px 0;
}
.sub-item .bar{
	display: inline-block;
	position: absolute;
	top: 20px;
	right: 20px;
	padding: 2px 15px;
	background: #DB0212;
	border-radius: 14px;
	text-align: center;
	color: #fff;
	font-size: 14px;
	transition: all 0.2s ease-out;
}
.sub-item .bar:hover{
	background: #000;
}
.sub-item:hover{
	border: 1px solid #DB0212;
	box-shadow: 0px 2px 6px 0px rgba(131,177,212,0.5);
}
.sub-list{
	display: flex;
	align-items: stretch;
	flex-wrap: wrap;
	padding: clamp(10px,3vw,35px) 0;
	margin-left: -1.8vw;
	margin-right: -1.8vw;
}
.sub-list li{
	width: 20%;
	box-sizing: border-box;
	padding: 8px 1.8vw;
	text-align: center;
	font-size: clamp(12px,1vw,16px);
}
.sub-list li a{
	color: #121212;
}
.sub-list li a:hover{
	color: #DB0212;
	text-decoration: underline;
}
.sub-list li .poster{
	width: 100%;
	height: clamp(20px,5.9vw,84px);
	margin-bottom: 12px;
	overflow: hidden;
	font-size: 0;
	line-height: 0;
	border-radius: 4px;
}
.sub-list li .poster img{
	display: block;
	transition: all 0.3s ease-out;
}
.sub-list li .poster:hover img{
	transform: scale(1.05)
}
.mob-navbar-nav{
	display: none;
}
.banner-swiper{
	height: clamp(240px,37.5vw,720px);
	overflow: hidden;
	position: relative;
}
.banner-swiper .swiper-slide{
	position: relative;
	height: 100%;
	overflow: hidden;
}
.banner-swiper .swiper-slide::before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 60%;
	height: 100%;
	z-index: 1;
	background-image: linear-gradient(to right,rgba(0,0,0,0.6),rgba(0,0,0,0))
}
.banner-tips{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 10;
	display: flex;
	flex-direction: column;
	justify-content: center;
	color: #ffffff;
	font-size: clamp(20px,2.5vw,42px);
}
.banner-tips p{
	padding-bottom:clamp(14px,1vw,18px) 0;
	line-height: 1.6;
	width: clamp(300px,43vw,840px);
	letter-spacing: 1px;
	opacity: 0;
	transition: all 0.15s ease-out;
}
.banner-swiper .swiper-slide-active .banner-tips p{
	-webkit-animation: fadeInUp 1s ease-out forwards;
    animation: fadeInUp 1s ease-out forwards;
}
.banner-swiper .swiper-slide-active .banner-tips p:nth-child(2n){
	-webkit-animation: fadeInUp 1s ease-out forwards 0.2s;
    animation: fadeInUp 1s ease-out forwards 0.2s;
}
.banner-swiper .swiper-slide-active .banner-tips p:nth-child(3n){
	-webkit-animation: fadeInUp 1s ease-out forwards 0.3s;
    animation: fadeInUp 1s ease-out forwards 0.3s;
}
.banner-swiper .swiper-slide-active .banner-tips p:nth-child(4n){
	-webkit-animation: fadeInUp 1s ease-out forwards 0.4s;
    animation: fadeInUp 1s ease-out forwards 0.4s;
}
.banner-swiper .swiper-slide-active .banner-tips p:nth-child(5n){
	-webkit-animation: fadeInUp 1s ease-out forwards 0.5s;
    animation: fadeInUp 1s ease-out forwards 0.5s;
}
.banner-swiper .swiper-container .swiper-slide img{
	transform: scale(1);
	transition: all 1.5s ease-out;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.banner-swiper .swiper-container .swiper-slide-active img{
	transform: scale(1.15);
	-webkit-animation: banScale 2.5s ease-out forwards;
    animation: banScale 2.5s ease-out forwards;
}
.effectScale{
	-webkit-animation: banScale 2.5s ease-out forwards;
    animation: banScale 2.5s ease-out forwards;
}
.banner-swiper .swiper-slide-active .banner-tips h4{
	-webkit-animation: fadeInUp 1s ease-out forwards;
    animation: fadeInUp 1s ease-out forwards;
}
.banner-swiper .swiper-slide-active .banner-tips h3{
	-webkit-animation: fadeInUp 1.2s ease-out forwards 0.5s;
    animation: fadeInUp 1.2s ease-out forwards 0.5s;
}
.banner-swiper .swiper-container,.banner-swiper .swiper-container .swiper-slide img{
	height: 100%;
	width: 100%;
	object-fit: cover;
	cursor: default !important;
}
.banner-swiper .swiper-pagination{

}
.banner-swiper .swiper-pagination-bullet{
	background: #fff;
	width: 10px;
	height: 10px;
	margin: 0 20px !important;
	opacity: 0.5;
	position: relative;
	transition: all 0.3s ease-out;
}
.banner-swiper .swiper-pagination-bullet::after{
	content: '';
	border: 1px solid #ffffff;
	width: 20px;
	height: 20px;
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 0;
	border-radius: 50%;
	transform: translate(-50%,-50%);
	opacity: 0
}
.banner-swiper .swiper-pagination-bullet-active{
	background: #fff;
	opacity: 1;
}
.banner-swiper .swiper-pagination .swiper-pagination-bullet svg{
	transform: translate(-7px,-7px);
}
.banner-swiper .swiper-pagination .swiper-pagination-bullet-active circle{
	animation: clock-animation 11s linear;
	opacity: 1
}
.banner-num{
	color: #ffffff;
	font-size: 20px !important;
	text-shadow: 2px 3px 3px rgba(0,0,0,0.8);
}
.banner-num span{
	transition: all 0.15s ease-out;
}
.banner-num strong{
	font-size: 32px !important;
	transition: all 0.15s ease-out;
}
.banner-swiper .morebar{
	display: flex;
	align-items: center;
	background: #DB0212;
	color: #fff;
	width: 146px;
	white-space: nowrap;
	padding: 15px 20px;
	font-size: clamp(14px,1.1vw,16px);
	margin-top: 20px;
	transition: all 0.2s ease-out;
	border-radius: 4px;
	position: relative;
}
.icon{
	display: block;
	position: relative;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	border: 1px solid #fff;
	margin-left: 20px;
}
.icon::after{
	content: '';
	background: #fff;
	width: 5px;
	height: 5px;
	border-radius: 50%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%)
}
.icon::before{
	content: '';
	background: #fff;
	width: 26px;
	height: 1px;
	position: absolute;
	top: 50%;
	right: 50%;
	opacity: 0.5;
	transition: all 0.3s ease-out;
	transform: translateY(-50%)
}
.banner-swiper .morebar:hover .icon::before{
	width: 0px;
}
circle {
  fill: transparent;
  stroke: white;
  stroke-width: 1px;
  stroke-dasharray: 200;
  stroke-dashoffset: 200;
  transform: rotate(-90deg);
  transform-origin: center;
}

@keyframes clock-animation {
  0% {
    stroke-dashoffset: 200;
  }
  100% {
    stroke-dashoffset: 0;
  }
}


.fadeInUp {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-name: fadeInUp;
	animation-name: fadeInUp
}
@-webkit-keyframes banScale {
	0% {
		transform: scale(1.1)
	}
	100% {
		transform: scale(1)
	}
}
@keyframes banScale {
	0% {
		transform: scale(1.1)
	}
	100% {
		transform: scale(1)
	}
}
@-webkit-keyframes fadeInUp {
	0% {
		opacity:0;
		-webkit-transform:translate3d(0, 100px, 0);
		transform:translate3d(0, 100px, 0)
	}
	100% {
		opacity:1;
		-webkit-transform:none;
		transform:none
	}
}
@keyframes fadeInUp {
	0% {
		opacity:0;
		-webkit-transform:translate3d(0, 100px, 0);
		-ms-transform:translate3d(0, 100px, 0);
		transform:translate3d(0, 100px, 0)
	}
	100% {
		opacity:1;
		-webkit-transform:none;
		-ms-transform:none;
		transform:none
	}
}
@-webkit-keyframes fadeInLeft {
	0% {
		opacity:0;
		-webkit-transform:translate3d(-100px, 0, 0);
		transform:translate3d(-100px, 0, 0)
	}
	100% {
		opacity:1;
		-webkit-transform:none;
		transform:none
	}
}
@keyframes fadeInLeft {
	0% {
		opacity:0;
		-webkit-transform:translate3d(-100px, 0, 0);
		-ms-transform:translate3d(-100px, 0, 0);
		transform:translate3d(-100px, 0, 0)
	}
	100% {
		opacity:1;
		-webkit-transform:none;
		-ms-transform:none;
		transform:none
	}
}

@-webkit-keyframes fadeInRight {
	0% {
		opacity:0;
		-webkit-transform:translate3d(100px, 0, 0);
		transform:translate3d(100px, 0, 0)
	}
	100% {
		opacity:1;
		-webkit-transform:none;
		transform:none
	}
}
@keyframes fadeInRight {
	0% {
		opacity:0;
		-webkit-transform:translate3d(100px, 0, 0);
		-ms-transform:translate3d(100px, 0, 0);
		transform:translate3d(100px, 0, 0)
	}
	100% {
		opacity:1;
		-webkit-transform:none;
		-ms-transform:none;
		transform:none
	}
}
.title-group{
	padding-top: clamp(20px,6.3vw,90px);
	padding-bottom: clamp(10px,4.2vw,60px);
	text-align: center
}
.title-group h3{
	font-size: clamp(20px,2.5vw,36px);
	color: #000000;
	font-weight: 500;
}
.title-group h4{
	font-size: clamp(14px,1.2vw,18px);
	color: #DB0212;
	text-transform: uppercase;
	font-family: "OpenSansRegular";
}
.product-swiper{
	padding-bottom: clamp(60px,12.6vw,180px);
	position: relative;
}
.pro-info{
	background: url(../image/prob.jpg) no-repeat center top;
	background-size: cover;
	padding: clamp(10px,2.1vw,30px);
}
.pro-height{
	min-height: clamp(160px,18.3vw,260px);
	overflow: hidden;
}
.pro-info .pro-tit{
	display: flex;
	align-items: flex-end;
	border-bottom: 1px solid rgba(122,122,122,0.1);
	padding-bottom: 12px;
	margin-bottom: clamp(10px,1.4vw,20px);
}
.pro-info .pro-tit h3{
	font-size: clamp(16px,1.4vw,20px);
	color: #252525;
	white-space: nowrap
}
.pro-info .pro-tit p{
	font-size: clamp(12px,1vw,14px);
	color: #8a8a8a;
	margin-left: 10px;
	font-family: "OpenSansRegular";
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}
.pro-info .desc{
	font-size: clamp(12px,1.1vw,16px);
	color: #666666;
	line-height: 1.7;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4;
	overflow: hidden;
}
.pro-info .goo{
	display: none;
	height: 180px;
	overflow: hidden
}
.pro-info .goo ul li{
	position: relative;
	padding-left: 16px;
	color: #fff;
	padding-top: 8px;
	padding-bottom: 8px;
}
.pro-info .goo ul li::before{
	content: '';
	width: 4px;
	height: 4px;
	background: #FFFFFF;
	border: 2px solid rgba(255,255,255,0.5);
	border-radius: 50%;
	position: absolute;
	top: 16px;
	left: 2px;
}
.pro-info .goo ul li::after{
	content: '';
	width: 8px;
	height: 8px;
	background: #FFFFFF;
	border-radius: 50%;
	position: absolute;
	top: 14px;
	left: 0px;
	opacity: 0.5
}
.btm-bar{
	background: #fff;
	padding: 20px 30px;
	height: clamp(24px,3.9vw,56px);
	box-sizing: content-box;
}
.btm-bar .def{
	display: none;
	height: clamp(24px,3.9vw,56px);
}
.btm-bar .gray{
	display: block;
	height: clamp(24px,3.9vw,56px);
}
.product{
	background: #FFFFFF;
	box-shadow: 0px 3px 29px 3px rgba(127,127,127,0.06);
	border-radius: 10px;
	overflow: hidden;
	display: block;
	transition: all 0.5s ease-out 0.15s;
	position: relative;
}
.product-swiper .swiper-pagination-progressbar{
	bottom: clamp(30px,6.3vw,90px);
	top: auto;
	right: clamp(50px,8.4vw,120px);
	left: clamp(50px,8.4vw,120px);
	width: auto;
	height: 3px;
	border-radius: 2px;
	overflow: hidden;
}
.product-swiper .swiper-button-prev{
	top: auto;
	bottom: clamp(30px,6.3vw,90px);
	width: clamp(30px,4vw,58px);
	height: clamp(30px,4vw,58px);
	border-radius: 50%;
	background: #000000;
	transform: translateY(50%);
	text-indent: -9999px;
	overflow: hidden;
}
.product-swiper .swiper-button-prev:after{
	background: url(../image/arrow3.png) no-repeat;
	width: 21px;
	height: 17px;
}
.product-swiper .swiper-button-next{
	content: '';
	top: auto;
	bottom: clamp(30px,6.3vw,90px);
	width: clamp(30px,4vw,58px);
	height: clamp(30px,4vw,58px);
	border-radius: 50%;
	background: #000000;
	transform: translateY(50%);
	text-indent: -9999px;
	overflow: hidden;
}
.product-swiper .swiper-button-next:after{
	content: '';
	background: url(../image/arrow3.png) no-repeat;
	width: 21px;
	height: 17px;
	transform: rotate(180deg);
}
.product-swiper .swiper-button-next:hover,.product-swiper .swiper-button-prev:hover{
	background: #DB0212;
}
.product-swiper .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{
	background: #DB0212;
}
.pro-logo{
	position: absolute;
	bottom: clamp(15px,2.1vw,30px);
	right: clamp(10px,1.4vw,20px);
	max-width: clamp(30px,14vw,280px);
	max-height: clamp(30px,14vw,280px);
	transform-origin: right bottom;
	transition: all 0.3s ease-out;
}
.product-list li .dz-logo{
	width: 100% !important;
	height: clamp(40px,10vw,140px) !important;
	text-align: center;
	right: 0;
	bottom: 0;
}
.pro-logo img,.dz-logo img{
	max-width: 100%;
	max-height: 100%;
}
.product-swiper .product:hover{
	background: #E40013;
}
.product-swiper .product:hover .pro-info,.product-swiper .product:hover .btm-bar{
	background: none;
}
.product-swiper .product:hover .pro-info .pro-tit h3{
	color: #fff;
}
.product-swiper .product:hover .pro-info .pro-tit p{
	color: #fff;
}
.product-swiper .product:hover .pro-info .desc{
	display: none;
}
.product-swiper .product:hover .pro-info .goo{
	display: block;
}
.product-swiper .product:hover .pro-info .goo a{
	color: #fff !important;
}
.product-swiper .product:hover .btm-bar .def{
	display: block;
}
.product-swiper .product:hover .btm-bar .gray{
	display: none;
}
.product-swiper .product:hover .pro-logo{
	transform: scale(1.2)
}
.product-swiper .product:hover .pro-logo img{
	opacity: 0.3
}
.product-flex{
	display: flex;
	margin-left: -1.25vw;
	margin-right: -1.25vw;
}
.product-flex .products{
	width: 30%;
	box-sizing: border-box;
	padding: 0 1.25vw;
	transition: all 0.35s ease-in-out;
}
.product-flex .products.active{
	width: 40%;
}
.product-flex .products.active .pro-logo{
	transform: scale(1.2)
}
.appbox{
	padding-bottom: clamp(20px,7vw,100px)
}
.appbox .title-group h3{
	color: #fff;
}
.app-item{
	display: flex;
	align-items: stretch;
	border-radius: 10px;
	overflow: hidden
}
.app-show{
	display: none;
	height: 100%;
}
.app-side{
	width: 34%;
	background: url(../image/appsbg.jpg) no-repeat center bottom;
	background-size: cover;
	box-sizing: border-box;
	padding: clamp(15px,5.6vw,80px);
	position: relative;
	z-index: 10;
}
.app-side li{
	padding-left: 30px;
}
.app-side a{
	color: #fff;
	cursor: pointer;
	display: flex;
	align-items: flex-end;
	position: relative;
	padding: clamp(5px,1.1vw,16px) 0;
	font-size: clamp(16px,1.5vw,22px);
}
.app-side a::before{
	content: '';
	background: #fff;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	position: absolute;
	top: 50%;
	left: -24px;
	margin-top: -3px;
	transition: all 0.3s ease-out;
}
.app-side a::after{
	content: '';
	width: 20px;
	height: 20px;
	box-sizing: border-box;
	border: 1px dotted #DB0212;
	border-radius: 50%;
	position: absolute;
	top: 50%;
	left: -31px;
	margin-top: -10px;
	transform: scale(0.3);
	transition: all 0.3s ease-out;
}
.app-side a p{
	font-size: clamp(12px,1vw,14px);
	margin-left: 6px;
  font-family: "OpenSansRegular";
}
.app-side li{
	position: relative;
}
.app-side li::after{
	content: '';
	height: 1px;
	background: #DB0212;
	position: absolute;
	top: 50%;
	margin-top: 0.6em;
	left: 65%;
	margin-left: 8px;
	right: 35%;
	transition: all 0.3s ease-out;
}
.app-side .active a{
	color: #DB0212;
}
.app-side .active a::before{
	background: #DB0212;
}
.app-side .active::after{
	right: -5.6vw;
}
.app-side .active a::after{
	transform: scale(1);
}
.app-section{
	flex: 1;
	position: relative;
	z-index: 1;
}
.app-show-info{
	height: 100%;
	position: relative;
}
.app-img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	z-index: 1;
	display: block;
	background: #000;
	overflow: hidden;
}
.app-img img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.app-tips{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	box-sizing: border-box;
	z-index: 10;
	color: #fff;
	padding: clamp(10px,4vw,60px) clamp(15px,5.6vw,80px);
	font-size: clamp(14px,1.2vw,16px);
	line-height: 2;
	background:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.6),rgba(0,0,0,0.6))
}
.app-tips h3{
	font-size: clamp(16px,1.4vw,20px);
	padding: 6px 0;
}
.app-icon{
	display: inline-block;
	position: relative;
	z-index: 10;
}
.app-icon::after{
	content: '';
	width: clamp(8px,0.9vw,14px);
	height: clamp(8px,0.9vw,14px);
	background: rgba(219,2,18,0.8);
	border-radius: 50%;
	position: absolute;
	top: -0.1vw;
	right: -0.1vw;
	z-index: -1;
	transition: all 0.15s ease-out;
}
.app-tips .mbar{
	position: absolute;
	bottom:  clamp(10px,4vw,60px);
	right: clamp(15px,5.6vw,80px);
	color: #fff;
	transition: all 0.15s ease-out;
  font-family: "OpenSansRegular";
}
.app-tips .mbar span{
	color: red;
	margin-left: 6px;
	transition: all 0.15s ease-out;
	display: inline-block;
}
.app-tips .mbar:hover{
	color:red;
}
.app-tips .mbar:hover span{
	transform: translateX(6px)
}
.app-tips .desc{
	padding-right: 9em;
}
.app-tips:hover .app-icon::after{
	transform: translateX(10px)
}
.supplier{
	height: clamp(120px,22vw,320px);
	display: flex;
	align-items: center;
	width: 100%;
	justify-content: center;
}
.supplier .title{
	font-size: clamp(20px,2.9vw,42px);
	color: #000;
	position: relative;
}
.supplier .title::before{
	content: '';
	width: 68px;
	height: 6px;
	background: #DB0012;
	border-radius: 3px;
	position: absolute;
	top: -2vw;
	left: 50%;
	margin-left: -34px;
}
.home-contact-box{
	max-width: 1700px;
	margin: 0 auto;
	position: relative;
	height: 119px;
}
.home-contact{
	border-radius: 18px;
}
.contact-box{
	padding: clamp(10px,4vw,60px) 0;
}
.contact-box .title{
	font-size: 16px;
	color: #fff;
	text-transform: uppercase;
}
.contact-box .title p{
  font-family: "OpenSansRegular";
}
.contact-box .title h3{
	font-size: clamp(20px,2.5vw,36px)
}
.contact-form .form-control{
	background: none;
	color: #fff;
	outline: none;
}
.contact-form .form-control::-webkit-input-placeholder {
	color: #fff;
}
.contact-form .btn{
	background: #000;
	color: #fff;
	width: clamp(80px,8vw,120px);
}
.contact-form .btn:focus{
	border-color:#000
}
.contact-form .form-control:focus{
	box-shadow: 0 0 0 rgba(0,0,0,0);
	border-color: #fff
}
.bbg{
	background: #000;
	padding-top: clamp(10px,4vw,60px)
}
.f-box{
	padding: clamp(10px,4vw,60px) 0;
	align-items: flex-start
}
.f-subnav a{
	display: block;
}
.f-subnav{
	justify-content: space-between
}
.f-left{
	flex: 1;
	box-sizing: border-box;
	padding-right: clamp(30px,8vw,120px);
}
.f-nav{
	width: 100%;
	justify-content: space-between;
	align-items: flex-start
}
.f-nav li a{
	color: rgba(255,255,255,0.8);
	padding: 5px 0;
	transition: all 0.15s ease-out;
}
.f-nav li h3{
	padding-bottom: 15px;
}
.f-nav li h3 a{
	font-size: clamp(16px,1.4vw,20px);
	color: rgba(255,255,255,1);
}
.f-nav li a:hover{
	color: rgba(255,255,255,1);
	text-decoration: underline;
}
.copyright{
	border-top: 1px solid rgba(255,255,255,0.2);
	padding: 10px 0;
	color: rgba(255,255,255,0.7)
}
.copyright a{
	color: rgba(255,255,255,0.7)
}
.copyright a:hover{
	color: rgba(255,255,255,1);
	text-decoration: underline;
}
.f-right{
	padding-left: clamp(30px,8vw,120px);
	color: #fff;
	font-size: clamp(14px,1.3vw,18px);
	display: flex;
	flex-direction: column;
	align-items: flex-end;
}
.f-right .tel{
	background: url(../image/tel.png) no-repeat left;
	padding-left: 34px;
	height: 24px;
	line-height: 24px;
	font-size: clamp(16px,1.4vw,20px);
	margin: clamp(20px,2.4vw,50px) 0 clamp(10px,1vw,16px) 0;
}
.cban{
	height: clamp(176px,21vw,420px);
	position: relative;
}
.cban .container{
	height: 100%;
	display: flex;
	align-items: center;
}
.cban-tips{
	color: #fff;
	font-size: clamp(12px,1.2vw,18px);
	max-width: clamp(300px,46vw,660px);
	line-height: 1.6
}
.cban-tips h3{
	font-size: clamp(18px,2vw,32px);
	margin-bottom: 10px;
}
.black {
	color: #666;
}
.black h3{
	color: #252525
}
.product-list{
	display: flex;
	align-items: flex-start;
	flex-wrap: wrap;
	margin-left: -1vw;
	margin-right: -1vw;
	padding-bottom: 2vw;
}
.product-list li{
	width: 25%;
	box-sizing: border-box;
	padding: 2vw 1vw;
}
.product-list li:hover .product{
	background: #E40013;
}
.product-list li:hover .product .pro-info,.product-list li:hover .product .btm-bar{
	background: none;
}
.product-list li:hover .product .pro-info .pro-tit h3{
	color: #fff;
}
.product-list li:hover .product .pro-info .pro-tit p{
	color: #fff;
}
.product-list li:hover .product .pro-info .desc{
	display: none;
}
.product-list li:hover .product .pro-info .goo{
	display: block;
}
.product-list li:hover .product .pro-info .goo a{
	color: #fff !important;
}
.product-list li:hover .btm-bar .def{
	display: block;
}
.product-list li:hover .btm-bar .gray{
	display: none;
}
.product-list li .goo{
	position: relative;
	z-index: 100;
	height: 180px;
	overflow: hidden;
}
.product-list li .goo li{
	width: 100%;
	padding: 0;
}
.product-list li .pro-logo{
	width: clamp(80px,8vw,150px)
}
.product-list li:hover .pro-logo{
	opacity: 0.3
}
.product-list li .goo{
	display: none;
}
.product-list li .goo ul li{
	position: relative;
	padding-left: 16px;
	color: #fff;
	padding-top: 8px;
	padding-bottom: 8px;
}
.product-list li .goo ul li::before{
	content: '';
	width: 4px;
	height: 4px;
	background: #FFFFFF;
	border: 2px solid rgba(255,255,255,0.5);
	border-radius: 50%;
	position: absolute;
	top: 16px;
	left: 2px;
}
.product-list li .goo ul li::after{
	content: '';
	width: 8px;
	height: 8px;
	background: #FFFFFF;
	border-radius: 50%;
	position: absolute;
	top: 14px;
	left: 0px;
	opacity: 0.5
}

.customized-desc{
	font-size: clamp(12px,1.1vw,16px);
	color: #666666;
	line-height: 1.7;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4;
	overflow: hidden;
	transition: all 0.15s ease-out;
}
.product-list li:hover .customized-desc{
	color: #fff;
}
.customized-tit{
	display: flex !important;
	flex-direction: column !important;
	align-items: center !important;
	justify-content: center !important;
	border-bottom: none !important;
	padding: 20px 0;
}
.pro-info .bar{
	display: block;
	width: 119px;
	height: 38px;
	line-height: 38px;
	background: #DB0212;
	border-radius: 19px;
	text-align: center;
	color: #fff;
	margin: 0 auto;
	transition: all 0.2s ease-out;
}
.product-list li:hover .pro-info .bar{
	background: #fff;
	color: #DB0212
}
.crum{
	display: flex;
	align-items: center;
	padding: clamp(10px, 2vw,30px) 0;
}
.crum li{
	padding-right: 16px;
	margin-right: 16px;
	position: relative;
}
.crum li::after{
	content: '';
	border-top: 1px solid #313131;
	border-right: 1px solid #313131;
	width: 8px;
	height: 8px;
	transform: rotate(45deg);
	position: absolute;
	top: 50%;
	right: 0;
	margin-top: -4px;
}
.crum li:last-child::after{
	display: none;
}
.information{
	display: flex;
	align-items: flex-start;
	padding-bottom: clamp(20px,5.6vw,80px);
}
.info-picture{
	width: clamp(300px,36vw,510px);
}
.info-desc{
	flex: 1;
	box-sizing: border-box;
	padding-left: clamp(10px,4vw,60px);
}
.info-desc .name{
	font-size: clamp(18px,2vw,32px);
	color: #252525;
}
.info-desc .type{
	font-size: clamp(14px,1.4vw,20px);
	color: #666;
}
.info-desc .desc{
	font-size: clamp(12px,1.2vw,18px);
	color: #252525;
}
.info-goo{
	padding: clamp(8px,1.2vw,18px) 0;
	border-bottom: 1px solid #ECECEC;
	margin-bottom: clamp(8px,1.2vw,18px);
}
.info-goo .listy{
	position: relative;
	padding-left: 20px;
	padding-top: 4px;
	padding-bottom: 4px;
	font-size: clamp(12px,1.1vw,16px);
}
.info-goo .listy::before{
	content: '';
	width: 8px;
	height: 8px;
	background: rgba(219,2,18,0.2);
	border-radius: 50%;
	position: absolute;
	top: 12px;
	left: 0;
}
.info-goo .listy::after{
	content: '';
	width: 4px;
	height: 4px;
	background: #DB0212;
	border-radius: 50%;
	position: absolute;
	top: 14px;
	left: 2px;
	opacity: 0.5
}
.info-desc .subtit{
	font-size: clamp(14px,1.4vw,20px);
	color: #252525;
	margin-bottom: 12px;
}
.download{
	display: flex;
	align-items: center;
}
.download .bar{
	display: flex;
	align-items: center;
	padding: 6px 20px;
	background: #DB0212;
	border-radius: 19px;
	color: #fff;
	margin-right: 12px;
	cursor: pointer;
	transition: all 0.25s ease-out;
}
.download .bar img{
	height: 20px;
	margin-right: 6px;
}
.download .bar:hover{
	background: #000000;
}
.download .bar a{
	color: #fff;
}
.dash{
	width: 44px;
	height: 6px;
	background: #DB0212;
	border-radius: 3px;
	overflow: hidden;
	margin: clamp(10px,1.4vw,20px) 0;
}
.product-content{
	background: #fff;
	padding: clamp(10px,4vw,60px);
	margin-bottom: clamp(18px,2vw,32px);
}
.pb40{
	padding-bottom: clamp(15px,2.5vw,40px);
}
.pt60{
	padding-top: clamp(20px,4vw,60px);
}
.ctitle{
	text-align: center;
}
.ctitle h3{
	display: inline-block;
	position: relative;
	padding-bottom: 20px;
	margin-bottom: 20px;
	font-size: clamp(18px,2vw,32px);
	color: #252525
}
.ctitle h3::after{
	content: '';
	width: 44px;
	height: 6px;
	background: #DB0212;
	border-radius: 3px;
	overflow: hidden;
	position: absolute;
	bottom: 0;
	left: 50%;
	margin-left: -22px;
}

.table-bordered th{
	background: #000000;
	color: #fff;
	text-align: center;
	font-weight: normal;
	font-size: clamp(10px,1vw,14px);
	vertical-align: middle !important;
	padding: 5px !important;
	border-bottom-width:1px !important;
	line-height: 1.1  !important;
}
.table-bordered td{
	font-size: clamp(12px,1.1vw,16px);
	padding: 5px !important;
	text-align: center;
	vertical-align: middle !important;
}
.note-list{
	display: flex;
	align-items: stretch;
	flex-wrap: wrap;
	margin-left: -2vw;
	margin-right: -2vw;
}
.note-list li{
	width: 50%;
	box-sizing: border-box;
	padding: 1.5vw 2vw;
	display: flex;
	align-items: flex-start;
	font-size: clamp(12px,1.2vw,18px);
	color: #252525
}
.note-list li .num{
	width: 28px;
	height: 28px;
	text-align: center;
	line-height: 28px;
	background: #DB0212;
	border-radius: 50%;
	flex-shrink: 0;
	color: #fff;
	margin-right: 12px;
	font-size: clamp(12px,1.1vw,16px);
}
.pro-other{
	background: linear-gradient( #fafafa, #E4E4E4);
	padding: clamp(10px,1.4vw,20px);
	display: flex;
	align-items: flex-start;
}
.pro-other .other{
	width: 50%;
	box-sizing: border-box;
	padding: clamp(10px,1.4vw,20px);
}
.pro-other .other .name{
	font-size: clamp(18px,1.6vw,24px);
}
.environment-box{
	padding-top: clamp(10px,4vw,60px);
	padding-left: clamp(15px,8vw,120px);
	padding-right: clamp(15px,8vw,120px);
}
.environment{
	background: linear-gradient(1deg, #FCFDFE, #FAFAFA, #FFFFFF);
	border: 1px solid;
	border-image: linear-gradient(182deg, rgba(234,234,234,0.59), rgba(255,255,255,0.59)) 1 1;
	box-shadow: 0px 2px 6px 0px rgba(131,177,212,0.55);
	border-radius: 10px;
	padding: 20px;
	display: flex;
	align-items: flex-start;
	font-size: clamp(12px,1.1vw,16px);
	color: #8A8A8A;
	margin: clamp(10px,1.4vw,20px) 0;
}
.environment h3{
	font-size: clamp(12px,1.2vw,18px);
	color: #252525;
}
.envir-icon{
	width: 34px;
	height: 34px;
	background: #0A0A0A;
	border-radius: 6px;
	flex-shrink: 0;
	margin-right: 16px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.application-list{
	display: flex;
	align-items: stretch;
	flex-wrap: wrap;
	margin-left: -1vw;
	margin-right: -1vw;
	padding-top: clamp(10px,2vw,30px);;
	padding-bottom: clamp(60px,8vw,120px);
}
.application-list li{
	width: 25%;
	box-sizing: border-box;
	padding: 1vw;
}
.application-list li a{
	display: block;
	background: #fff;
	position: relative;
	padding-bottom: 30px;
	border-radius: 10px;
	overflow: hidden;
	transition: all 0.3s ease-out;
}
.application-list li .info{
	padding: clamp(12px,1.4vw,20px);
}
.application-list li .info .title{
	display: flex;
	align-items: flex-end;
	font-size: clamp(14px,1.5vw,22px);
	margin-bottom: 12px;
}
.application-list li .info .title span{
	font-size: 12px;
	color: #8A8A8A;
	margin-left: 12px;
}
.application-list li .desc{
	 overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
	margin-bottom: 12px;
	color: #666;
}
.application-list li .read-more{
	bottom:clamp(12px,1.4vw,20px);
}
.application-list li a:hover{
	box-shadow: 0px 3px 29px 3px rgba(127,127,127,0.14);
	transform: translateY(-6px)
}
.application-list li a:hover .title{
	color: #DB0212
}
.application-list li a .poster img{
	transition: all 0.2s ease-out;
}
.application-list li a:hover .poster img{
	transform: scale(1.03)
}
.recommend-list{
	display: flex;
	align-items: stretch;
	flex-wrap: wrap;
	margin-left: -1vw;
	margin-right: -1vw;
	padding-top: clamp(10px,2vw,30px);
	padding-bottom: clamp(60px,8vw,120px);
}
.recommend-list li{
	width: 25%;
	box-sizing: border-box;
	padding: 1vw;
}
.recommend-list li a{
	display: block;
	position: relative;
	background: #fff;
	min-height: clamp(100px,11vw,160px);
	border-radius: 10px;
	overflow: hidden;
	transition: all 0.15s ease-out;
}
.recommend-list li a .pro-logo{
	width: clamp(60px,8vw,100px);
	height: clamp(60px,8vw,100px);
	right: 0;
	bottom: 0;
	transition: all 0.3s ease-out;
}
.recommend-list li a:hover .pro-logo{
	transform: scale(1.03);
	right: 6px;
}
.recommend-title{
	padding: clamp(10px,1.6vw,24px);
	position: relative;
	z-index: 1;
	color: #8A8A8A
}
.recommend-title h3{
	font-size: clamp(14px,1.4vw,20px);
	color: #252525;
	transition: all 0.15s ease-out;
}
.read-more{
	position: absolute;
	display: flex;
	align-items: center;
	height: 30px;
	bottom: clamp(10px,1.6vw,24px);
	left: clamp(10px,1.6vw,24px);
	overflow: hidden;
}
.read-more p{
	display: block;
	overflow: hidden;
	width: 0;
	transition: all 0.3s ease-out;
	transform: translateX(-100%);
	white-space: nowrap;
}
.read-more span{
	display: block;
	width: 30px;
	height: 30px;
	border: 1px solid #BABABA;
	border-radius: 50%;
	text-align: center;
	line-height: 28px;
	color: #BABABA;
	transition: all 0.15s ease-out;
}
.recommend-list li:hover .read-more p,.application-list li:hover .read-more p{
	transform: translateX(0);
	width: 5.5em;
	color: #DB0212;
}
.recommend-list li:hover .read-more span,.application-list li:hover .read-more span{
	border: 1px solid #DB0212;
	color: #DB0212;
}
.recommend-list li:hover .recommend-title h3{
	color: #DB0212;
}
.recommend-list li:hover a{
	box-shadow: 0px 3px 29px 3px rgba(127,127,127,0.14);
}
.app-intro{
	font-size: clamp(12px,1.2vw,18px);
	line-height: 1.8;
	color: #666;
	text-align: center;
	padding: clamp(10px,4vw,60px);
}
.app-content{
	min-height: clamp(500px,44vw,630px);
	box-sizing: border-box;
	padding: clamp(20px,4.5vw,80px) clamp(15px,4vw,60px);
	
	font-size: clamp(12px,1.1vw,16px);
}
.app-content .goo{
	width: clamp(320px,35vw,500px)
}
.app-content .goo li{
	margin-top:  clamp(12px,1.1vw,16px);
	padding-left: 30px;
	background: url(../image/icir1.png) no-repeat 0 4px;
	line-height: 30px;
}
.pb100{
	padding-bottom: clamp(30px,7vw,100px)
}
.viewbar{
	color: #DB0212;
	text-decoration: underline;
	font-size: 12px;
	margin: 0 5px;
}
.viewbar:hover,.viewbar:visited{
	text-decoration: underline;
	color: #DB0212;
}
.app-content h3{
	font-size: clamp(16px,1.6vw,24px);
}
.download-list{
	padding-top: clamp(10px,2vw,30px);
}
.download-list li{
	background: #FFFFFF;
	border-radius: 6px;
	padding: clamp(15px,1.4vw,20px) clamp(15px,2.5vw,40px);
	margin-bottom: 20px;
	display: flex;
	align-items: center
}
.download-list li .title{
	flex: 1;
	overflow: hidden;
	color: #252525;
	font-size: clamp(16px,1.4vw,20px);
	cursor: pointer;
	display: flex;
	align-items: center;
}
.download-list li .title a:hover{
	text-decoration: underline;
	color: #DB0212;
}
.download-list li .icon{
	width: 20px;
	flex-shrink: 0;
	margin-right: 10px;
	margin-left: 0;
	font-size: 0;
	line-height: 0;
}
.download-list li:last-child{
	margin-bottom: 0;
}
.download-bar{
	display: inline-block;
	background: #EAEAEA;
	border-radius: 19px;
	padding: 6px 15px;
	cursor: pointer;
	transition: all 0.2s ease-out;
}
.download-bar span{
	background: url(../image/idnb.png) no-repeat;
	background-size: 14px 14px;
	width: 16px;
	height: 16px;
	display: inline-block;
	vertical-align: middle;
	margin-right: 5px;
	transition: all 0.2s ease-out;
}
.download-bar:hover{
	background: #DB0212;
	color: #fff;
}
.download-bar:hover span{
	background: url(../image/idn.png) no-repeat;
	background-size: 14px 14px;
}
.download-group{
	padding-top: clamp(30px,5.6vw,80px);
	padding-bottom: clamp(15px,2.6vw,40px);
	color: #666666
}
.download-group .ctitle2{
	font-size: clamp(20px,2vw,32px);
	color: #252525;
	font-weight: bold;
}
.download-group .download-bar{
	margin-left: 12px;
}
.screen-box{
	background: #fff;
	padding: clamp(15px,2.1vw,30px);
	border-bottom: 9px solid #F9F9F9
}
.screen-box h3{
	font-size: clamp(14px,1.4vw,20px);
	color: #252525;
	font-weight: normal;
}
.letter{
	display: flex;
	align-items: stretch;
	flex-wrap: wrap;
	margin-left: -8px;
	margin-right: -8px;
	padding: 12px 0;
}
.letter li{
	width: 6.25%;
	box-sizing: border-box;
	padding: 8px;
}
.letter li a{
	display: block;
	border: 1px solid #BABABA;
	border-radius: 20px;
	padding: 5px;
	text-align: center;
	cursor: pointer;
	transition: all 0.15s ease-out;
	font-family:  Arial," sans-serif"
}
.letter li a:hover,.letter .active a{
	background: #DB0212;
	border: 1px solid #DB0212;
	color: #fff;
}
.screen-result{
	padding: clamp(15px,2.1vw,30px);
	background: #fff;
}
.result-list{
	display: flex;
	align-items: stretch;
	flex-wrap: wrap;
	margin-left: -0.8vw;
	margin-right: -0.8vw
}
.result-list li{
	width: 20%;
	box-sizing: border-box;
	padding: 0.8vw;
}
.datas{
	display: flex;
	align-items: flex-start;
	background: linear-gradient(1deg, #FCFDFE, #FAFAFA, #FFFFFF);
	border: 1px solid;
	border-image: linear-gradient(182deg, rgba(234,234,234,0.59), rgba(255,255,255,0.59)) 1 1;
	box-shadow: 0px 2px 6px 0px rgba(131,177,212,0.55);
	border-radius: 10px;
	height: 100%;
	padding: clamp(8px,1vw,15px);
	color: #666
}
.data-info{
	flex: 1;
	overflow: hidden;
}
.data-other{
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
}
.data-other .type{
	white-space: nowrap;
	color: #fff;
	background: #3E3E3E;
	padding: 0 6px;
	border-radius: 12px;
	margin-left: 6px;
	flex-shrink: 0;
	font-size: 12px;
}
.data-title{
	overflow: hidden;
	display: flex;
	align-items: center;
	padding-bottom: 4px;
}
.data-title .tit{
	flex: 1;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	font-size:  clamp(14px,1.4vw,20px);
	color: #252525
}
.checked{
	width: clamp(16px,1.4vw,22px);
	height: clamp(16px,1.4vw,22px);
	background: #FFFFFF;
	border: 1px solid #BABABA;
	border-radius: 4px;
	margin-right: 6px;
	margin-top: 4px;
}
.checked.active{
	background: #DB0212;
	border: 1px solid #DB0212;
	position: relative;
}
.checked.active::after{
	content: '✔';
	position: absolute;
	top: 0;
	left: 0;
	width: clamp(16px,1.4vw,22px);
	height: clamp(16px,1.4vw,22px);
	text-align: center;
	line-height: clamp(16px,1.3vw,20px);
	color: #fff;
}
.details{
	font-size: clamp(14px,1.2vw,18px);
	color: #666666;
	line-height: 2;
	padding-bottom: clamp(50px,8vw,120px);
}
.abg{
	min-height:clamp(420px,39vw,560px);
	padding: clamp(50px,8vw,120px) 0;
}
.abtit{
	flex-shrink: 0;
	padding-right: clamp(30px,12vw,200px)
}
.abtit h4{
	font-size: clamp(14px,1.2vw,18px);
	color: #DB0212;
	text-transform: uppercase;
	font-weight: bold;
}
.abtit h3{
	font-size: clamp(20px,2.5vw,36px);
	color: #0C0C0C;
	text-transform: uppercase;
	font-weight: bold;
}
.abinfo{
	font-size: clamp(14px,1.2vw,18px);
	line-height: 2.2;
	color: #252525;
}
.about-title{
	text-align: center;
	padding-top: clamp(30px,6vw,90px);
	padding-bottom: clamp(15px,3.5vw,50px);
}
.about-title h4{
	font-size: clamp(14px,1.2vw,18px);
	color: #DB0212;
	text-transform: uppercase;
	font-weight: bold;
	font-family:Arial," sans-serif"
}
.about-title h3{
	font-size: clamp(20px,2.5vw,36px);
	color: #0C0C0C;
	text-transform: uppercase;
	font-weight: bold;
}
.certificate{
	background: #fff;
	display: flex;
	align-items: center;
	flex-direction: column;
	justify-content: center;
	box-shadow: 0px 3px 15px 3px rgba(127,127,127,0.1);
	box-sizing: border-box;
	padding: clamp(12px,2vw,30px) clamp(10px,1.1vw,16px);
	position: relative;
	border-radius: 10px;
	overflow: hidden;
}
.certificate .title{
	font-size: clamp(14px,1.4vw,18px);
	color: #252525;
	padding: clamp(14px,1.3vw,18px) 0;
}
.cover-info{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	background: rgba(219, 2, 18, 0.9);
	color: #fff;
	padding-left: clamp(12px,1.4vw,20px);
	padding-right: clamp(12px,1.4vw,20px);
	padding-top:  clamp(30px,4vw,60px);
	line-height: 2;
	opacity: 0;
	transform: scale(0.95);
	transition: all 0.3s ease-in-out;
	border-radius: 10px;
}
.certificate:hover .cover-info{
	opacity: 1;
	transform: scale(1)
}
.about-swiper{
	padding-left: clamp(36px,4.2vw,64px);
	padding-right: clamp(36px,4.2vw,64px);
	position: relative;
}
.about-swiper .swiper{
	padding: 30px 0;
}
.about-swiper .swiper-slide{
	padding: 0 clamp(8px,1vw,15px);
}
.about-swiper .swiper-button-prev{
	width: clamp(30px,4vw,58px);
	height: clamp(30px,4vw,58px);
	border-radius: 50%;
	border: 1px solid #000000;
	transform: translateY(50%);
	left: 0;
	overflow: hidden;
	text-indent: -9999px;
}
.about-swiper .swiper-button-prev:after{
	background: url(../image/arrow_b.png) no-repeat;
	width: 21px;
	height: 17px;
}
.about-swiper .swiper-button-next{
	width: clamp(30px,4vw,58px);
	height: clamp(30px,4vw,58px);
	border-radius: 50%;
	border: 1px solid #000000;
	transform: translateY(50%);
	right: 0;
	overflow: hidden;
	text-indent: -9999px;
}
.about-swiper .swiper-button-next:after{
	background: url(../image/arrow_b.png) no-repeat;
	width: 21px;
	height: 17px;
	transform: rotate(180deg)
}
.about-swiper .swiper-button-next:hover,.about-swiper .swiper-button-prev:hover{
	background: #DB0212;
	border: 1px solid #DB0212;
}
.about-swiper .swiper-button-next:hover:after{
	background: url(../image/arrow3.png) no-repeat;
	transform: rotate(180deg)
}
.about-swiper .swiper-button-prev:hover:after{
	background: url(../image/arrow3.png) no-repeat;
}
.responsibility{
	background: #fff;
	padding: clamp(10px,1.4vw,20px) clamp(20px,4.2vw,60px);
}
.responsibility li{
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: clamp(15px,1.8vw,26px) 0;
}
.responsibility li:nth-child(2n){
	flex-direction: row-reverse;
}
.abintro{
	flex: 1;
	box-sizing: border-box;
	padding-right: clamp(30px,8vw,120px);
	font-size: clamp(14px,1.4vw,18px);
	color: #666;
	line-height: 1.8;
}
.abintro h3{
	font-size: clamp(18px,2vw,32px);
	color: #252525;
	padding-bottom: clamp(10px,1.4vw,20px);
	transition: all 0.3s ease-out;
}
.abimg{
	width: 49%;
	position: relative;
	line-height: 0;
	font-size: 0;
	z-index: 10;
}
.abimg::after{
	content: '';
	border-bottom: clamp(30px,4.9vw,76px) solid rgba(255,255,255,1);
	border-left: clamp(60px,8.3vw,118px) solid rgba(255,255,255,0);
	position: absolute;
	bottom: 0;
	right: 0;
	z-index: 1;
}
.rebg{
	background: #DB0212;
	position: absolute;
	top: 0px;
	right: 0px;
	z-index: -1;
	width: 100%;
	height: 100%;
	transform: translate(0,0);
	transition: all 0.3s ease-out;
}
.responsibility li:nth-child(2n) .abimg::after{
	border-bottom: clamp(30px,4.9vw,76px) solid rgba(255,255,255,1);
	border-left:none;
	border-right: clamp(60px,8.3vw,118px) solid rgba(255,255,255,0);
	right: auto;
	bottom: 0;
	left: 0;
}

.responsibility li:nth-child(2n) .abintro{
	padding-left: clamp(30px,8vw,120px);
	padding-right: 0;
}
.responsibility li:hover .rebg{
	transform: translate(-20px,-20px)
}
.responsibility li:nth-child(2n):hover .rebg{
	transform: translate(20px,-20px)
}
.abdesc{
	line-height: 1.8em;
	margin-bottom: 1em;
}
.abico img{
	filter:grayscale(100%);
	-webkit-filter:grayscale(100%);
	transition: all 0.3s ease-out;
}
.responsibility li:hover .abico img{
	filter:grayscale(0%);
	-webkit-filter:grayscale(0%);
}
.responsibility li:hover .abintro h3{
	color: #DB0212;
	transform: translateY(-4px)
}
.map-box{
	display: flex;
	width: 100%;
	align-items: center;
	justify-content: flex-end;
	background: #F8F9FB;
	min-height: clamp(400px,32.8vw,630px);
	position: relative;
}
.map{
	width: 50vw;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 10;
	height: 100%;
}
.inbox{
	position: relative;
}
.inbox .form-control{
	padding-left: 36px;
	background: #F8F9FB;
	border-radius: 4px;
	border: none;
	min-height: 46px;
	line-height: 46px;
	border: 1px solid #fff;
	 -webkit-box-shadow: inset 0 1px 1px rgba(255,255,255,.075);
    box-shadow: inset 0 1px 1px rgba(255,255,255,.075);
}
.inbox .form-control:focus{
	border: 1px solid #DB0212
}
.in-ico{
	position: absolute;
	top: 12px;
	left: 12px;
	z-index: 1;
	color: #808080;
}
.map-info{
	width: clamp(300px,35vw,510px);
}
.map-info h3{
	font-size: clamp(20px,2vw,32px);
	position: relative;
	border-bottom: 1px solid #DEDFE1;
	box-sizing: border-box;
	padding-bottom: clamp(15px,1.4vw,20px);
	font-weight: bold;
	margin-bottom: clamp(15px,1.4vw,20px);
}
.map-info h3::after{
	content: '';
	width: 63px;
	height: 3px;
	background: #DB0212;
	border-radius: 2px;
	position: absolute;
	bottom: -1px;
	left: 0;
	z-index: 1;
}
.map-list{
	display: flex;
	align-items: stretch;
	flex-wrap: wrap;
}
.map-list li{
	width: 40%;
	padding: clamp(15px,2.1vw,30px) 0;
	display: flex;
	align-items: stretch;
	box-sizing: border-box;
	font-size: clamp(12px,1.2vw,16px);
	color: #666;
	border-bottom: 1px solid #DEDFE1;
	padding-right: 15px;
}
.map-list li .tit{
	font-size: clamp(14px,1.3vw,18px);
	color: #252525;
	white-space: nowrap;
	margin-top: 2px;
}
.map-list li:first-child{
	width: 100%;
}
.map-list li:nth-child(2n){
	width: 60%;
}
.map-icon{
	width: 48px;
	height: 48px;
	border: 1px solid #E0E1E3;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 20px;
	flex-shrink: 0;
	margin-right: 12px;
	color: #000
}
.btn-control{
	text-align: center;
	padding: clamp(20px,4.2vw,60px) 0;
}
.btn-control .btn{
	width: 119px;
	height: 38px;
	background: #DB0212;
	border-radius: 19px;
	color: #fff;
	border: none;
	transition: all 0.15s ease-out;
}
.btn-control .btn:hover{
	background: #000;
}
.agent-list{
	display: flex;
	align-items: flex-start;
	flex-wrap: wrap;
	margin-left: -2vw;
	margin-right: -2vw;
	padding-top: clamp(12px,2.8vw,40px);
}
.agent-list .agents{
	width: 25%;
	box-sizing: border-box;
	padding: 1vw 2vw;
	font-size: 14px;
	color: #000;
}
.agent-list .agents .name{
	font-size: 16px;
	padding-bottom: 8px;
	margin-bottom: 12px;
	position: relative;
	font-weight: bold;
}
.agent-list .agents .name::after{
	content: '';
	width: 20px;
	height: 2px;
	background: #DB0212;
	border-radius: 1px;
	position: absolute;
	bottom: 0;
	left: 0;
}
.tabs-box{
	display: flex;
	align-items: center;
	justify-content: center;
}
.agent-tabs{
	display: flex;
	align-items: center;
    background: #EEEEEE;
	border-radius: 20px;
}
.agent-tabs li a{
	display: block;
	padding: 8px 30px;
	cursor: pointer;
}
.agent-tabs .active a{
	background: #DB0212;
	color: #fff;
	border-radius: 20px;
}
.tabs-show{
	display: none;
	padding-bottom: clamp(60px,8.3vw,118px)
}
.ihome{
	display: block;
	background: url(../image/home.png) no-repeat;
	background-size: cover;
	width: clamp(14px,1.2vw,18px);
	height: clamp(14px,1.2vw,18px);
	flex-shrink: 0;
}
.seek-box{
	display: flex;
	align-items: stretch;
	margin-left: -1.2vw;
	margin-right: -1.2vw;
	position: relative;
	z-index: 100;
}
.seek-box li{
	width: 25%;
	padding-left: 1.2vw;
	padding-right: 1.2vw;
	padding-bottom: clamp(20px,3.5vw,50px);
	box-sizing: border-box;
}
.seek-box li .seekbar{
	display: flex;
	align-items: center;
	justify-content: center;
	background: linear-gradient(#FCFDFE, #FAFAFA, #FFFFFF);
	border: 1px solid;
	border-image: linear-gradient(182deg, rgba(234,234,234,0.59), rgba(255,255,255,0.59));
	box-shadow: 0px 2px 6px 0px rgba(127,127,127,0.2);
	border-radius: 10px;
	text-align: center;
	position: relative;
	padding: 15px;
	font-size: clamp(12px,1.2vw,18px);
	white-space: nowrap;
}
.seek-box li .seekbar .cur{
	display: block;
	width: 30px;
	height: 20px;
	position: relative;
	cursor: pointer;
}
.seek-box li .seekbar .cur::after{
	content: '';
	border-top: 8px solid #000;
	border-right: 5px solid rgba(0,0,0,0);
	border-left: 5px solid rgba(0,0,0,0);
	position: absolute;
	top: 6px;
	right:0;
}
.seek-box .active .seekbar{
	background: #DB0212;
	color: #fff;
}
.seek-box .active .seekbar .cur::after{
	border-top: 8px solid #fff;
}
.seek-cells{
	position: relative;
	cursor: pointer;
}
.seek-sub{
	position: absolute;
	top: 100%;
	left: 0;
	right: 0;
	background: #fff;
	border-radius: 10px;
	padding: 15px;
	box-shadow: 0px 2px 6px 0px rgba(131,177,212,0.55);
	display: none;
}
.sesbar{
	cursor: pointer;
	font-size: clamp(14px,1.2vw,18px);
	padding: 5px 0;
}
.sesbar:hover{
	color: #DB0212;
}
.zg-filter{
	display: flex;
	align-items: flex-start;
	padding-bottom: clamp(15px,1.4vw,30px);
}
.zg-filter h4{
	font-size: clamp(10px,1vw,14px);
	color: #252525;
	white-space: nowrap;
	margin-right: 12px;
	padding: 6px 0;
	line-height: 30px;
}
.filer-list{
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}
.filer-list li{
	padding: 6px 4px;
}
.filer-list li a{
	position: relative;
	display: block;
}
.filer-list li .filerbar{
	display: flex;
	align-items: center;
	border: 1px solid #BABABA;
	border-radius: 16px;
	padding: 0 8px;
	cursor: pointer;
	white-space: nowrap;
	color: #000;
	transition: all 0.15s ease-out;
	box-sizing: border-box;
	font-size: clamp(10px,1vw,14px);
	line-height: 30px;
}

.filer-list li a .is-plus{
	display: inline-block;
	font-size: 22px;
	line-height: 1.1;
	margin-left: 5px;
	color: #DB0212;
}
.filer-list li a .is-close{
	display: none;
	position: absolute;
	top: 1px;
    right: 5px;
	z-index: 1;
}
.filer-list li .active .filerbar{
	border: 1px solid #DB0212;
	box-shadow: 0 0 3px #DB0212;
}
.filer-list li .active .is-plus{
	opacity: 0;
}

.filer-list li .active .is-close{
	display: block;
	font-size: 26px;
	line-height: 1.1;
	margin-left: 5px;
	transform: rotate(45deg);
	color: #DB0212;
	cursor: pointer;
}
.pcover{
	position: fixed;
	top: 0;
	left: 0;
	z-index: 10009;
	background: rgba(0,0,0,0.8);
	width: 100%;
	height: 100%;
}
.pclose{
	position: absolute;
	top: 20px;
	right: 20px;
	z-index: 10;
	cursor: pointer;
	font-size: 20px;
}
.showpop{
	display: none;
}
.popbox{
	position: fixed;
	top: 50%;
	left: 50%;
	background: #fff;
	border-radius: 12px;
	padding: 20px;
	z-index: 10010;
	width: 300px;
	transform: translate(-50%,-50%);
	max-height: 60%;
	display: flex;
	flex-direction: column;
}
.popcontainer{
	flex: 1;
	overflow-y: auto;
	position: relative;
}
.popcontainer .table-bordered th{
	background: none;
	color: #252525;
}

.popcontainer::-webkit-scrollbar {
	width:6px;
}

.popcontainer::-webkit-scrollbar-track {
	border-radius:10px;
}

.popcontainer::-webkit-scrollbar-thumb {
	border-radius:10px;
	background:rgba(0,0,0,1);
}
.popcontainer::-webkit-scrollbar-thumb:window-inactive {
	background:rgba(255,0,0,0.4);
}
.ptitle{
	font-size: clamp(16px,1.4vw,20px);
	color: #000;
	font-weight: bold;
	margin-bottom: 8px;
}
.popcont .table{
	border: 1px solid #ccc;
	margin-bottom: 0;
	
}
.popcont .table th{
	vertical-align: middle;
	padding: 0.3em 1em;
	font-size: clamp(14px,1.2vw,16px)
}
.popcont .table td{
	vertical-align: middle;
	padding: 0.5em 1em;
	font-size: clamp(14px,1.2vw,16px)
}
.popcont .table tr th:last-child{
	text-align: right;
}
.popcont .table tr td:last-child{
	text-align: right;
	padding-right: 1.5em;
}
.pp-tbody td input{
	margin-right: 8px;
	color: #DB0212
}
.pop-botton{
	text-align: center;
	border-top: 1px solid #ccc;
	padding-top: 20px;
	margin-right: 6px;
}
.pop-botton .btn{
	background: #DB0212;
	color: #fff;
	padding: 6px 30px;
	border: none;
	outline: none;
}
.pop-botton .btn:hover,.pop-botton .btn:focus{
	background: #000;
}
input[type=checkbox]{
     cursor: pointer;
     position: relative;
     width: 15px;
     height: 15px;
     font-size: 14px;
}

input[type=checkbox]::after{
     position: absolute;
     top: 0;
     background-color: transparent;
     color: #000;
     width: 15px;
     height: 15px;
     display: inline-block;
     visibility: visible;
     padding-left: 0px;
     text-align: center;
     content: ' ';
     border-radius: 3px
}

input[type=checkbox]:checked::after{
     content: "✓";
     font-size: 12px;
     font-weight: bold;
     color: #fff;
     background-color: #DB0212;
}
.pophead{
	border: 1px solid #ccc;
	padding: 0.5em 1em;
	justify-content: space-between;
	position: fixed;
	background: #fff;
	left: 20px;
	right: 26px;
	box-sizing: border-box;
	z-index: 100;
	font-weight: bold;
	color: #252525;
}
.zg-tables-container{
	width: 100%;
	overflow-x: auto;
	overflow-y: hidden;
	position: relative;
	scrollbar-width:thin
}

.zg-tables-container .table{
	margin-bottom: 0;
	max-width: none;
	min-width: 100%;
	width: max-content;
}

.zg-tables-container::-webkit-scrollbar {
	height: 6px;
}

.zg-tables-container::-webkit-scrollbar-track {
	border-radius:10px;
}

.zg-tables-container::-webkit-scrollbar-thumb {
	border-radius:10px;
	background:#999;
}
.zg-tables-container::-webkit-scrollbar-thumb:window-inactive {
	background:#fff;
}
.zg-table-header{
	display: none;
	overflow-y: auto;
	overflow-x: hidden;
}

.zg-table-header::-webkit-scrollbar {
	height: 6px;
}

.zg-table-header::-webkit-scrollbar-track {
	border-radius:10px;
}

.zg-table-header::-webkit-scrollbar-thumb {
	border-radius:10px;
	background:#999;
}
.zg-table-header::-webkit-scrollbar-thumb:window-inactive {
	background:#fff;
}
.topFixed{
    position: fixed;
    top: 87px;
	z-index: 1000001;
	display: block;
	background: #fff;
}
.th-tit{
	display: flex;
	flex-direction: column;
	justify-content: center;
	line-height: 1.2em !important;
}
.th-other{
	margin-top: 4px;
	text-align: center;
}
.arrUp{
	display: inline-block;
	background: url(../image/arrow3.png) no-repeat center;
	background-size: contain;
	width: 12px;
	height: 12px;
	transform: rotate(90deg);
	border-radius: 50%;
	cursor: pointer;
}
.arrDown{
	display: inline-block;
	background: url(../image/arrow3.png) no-repeat center;
	background-size: contain;
	width: 12px;
	height: 12px;
	transform: rotate(-90deg);
	border-radius: 50%;
	cursor: pointer;
}
.zg-tables-container td a{
	text-decoration: underline;
}
.zg-ftit{
	font-size: clamp(18px,2vw,32px);
	color: #252525;
	padding-bottom: clamp(10px,1.4vw,20px);
}
.search-title{
	font-size: clamp(18px,2vw,32px);
	color: #252525;
	padding-top: clamp(30px,5.6vw,80px);
	padding-bottom: clamp(15px,3.2vw,40px);
}
.search-tips{
	border-bottom: 1px solid #DB0212;
	padding: 12px 0;
	font-size: clamp(12px,1.1vw,16px);
}
.search-list li{
	border-bottom: 1px solid #E2E2E2;
	padding: 10px 0;
}
.search-list li a{
	display: block;
	padding: 10px 0;
	font-size: clamp(13px,1.2vw,18px);
	transition: all 0.2s ease-out;
}
.search-list li a:hover{
	color: #DB0212;
	transform: translateX(4px)
}
.seek-subox{
	display: none
}
.pc-seek-box{
	display: block;
}
.mob-seek-box{
	display: none;
}


@media (max-width: 1800px) {
	.container{
		width: 100%;
		box-sizing: border-box;
		padding-left: 5%;
		padding-right: 5%;
	}
}
@media (max-width: 1700px){
	.home-contact{
		border-radius: 0
	}
}
@media (max-width: 1680px){
	.banner-info{
		width: 22vw;
	}
	.banner-inbox{
		padding-left: 5%;
	}
}
@media (max-width: 1440px) {
	.nav-tools a{
		font-size: 14px;
	}
	.banner-tit{
		width: 80%;
		max-width: 80%;
	}
}

@media (max-width: 1280px) {
	.banner-info{
		padding-top: 11vw;
		width: 23vw;
	}
	.banner-info .more{
		margin-top: 20px;
	}
	.banner-tit{
		width: 70%;
	}
	.banner-intro{
		margin-top: 20px;
		padding-top: 20px;
	}
	.letter{
		margin-left: -5px;
		margin-right: -5px;
	}
	.letter li{
		padding: 5px;
	}
}
@media (max-width: 1024px) {
	body{
		font-size: 14px;
	}
	.container{
		padding-left: 15px;
		padding-right: 15px;
	}
	.brand-logo{
		height: 32px;
		width: 100px;
	}
	.top-search{
		width: 40px;
	}
	.ssbar{
		width: 6px;
	}
}

@media (max-width: 480px) {
	.container{
		width: 100%;
		box-sizing: border-box;
		padding-left: 15px;
		padding-right: 15px;
	}
	.header-container{
		height: 56px;
	}
	.brand-logo {
		background: url(../image/brand_logo4.png) no-repeat;
		background-size: contain;
		width: 128px;
		height: 26px;
	}
	.nav-tools{
		display: none
	}
	.nav-header{
		position: fixed;
		z-index: 1000;
		padding: 15px 0;
		background: #ffffff !important;
	}
	.nav-hbg .nav-header{
		background: #ffffff !important;
	}
	.navMenu{
		display: none;
		position: fixed;
		top: 60px;
		left: 0;
		width: 100%;
		background: #fff;
		box-sizing: border-box;
		padding: 10px 15px;
	}
	.navMenu li{
		margin: 0 !important
	}
	.navMenu li a{
		color: #1a1a1a;
	}
	.mob-navbtn{
		display: block;
	}
	.navbtn {
		
		width: 24px;
		height: 24px;
		border: none;
		box-sizing: border-box;
		position: relative;
		z-index: 10000;
	}
	.navbtn i {
		position: absolute;
		top: 0;
		left: 4px;
		display: block;
		height: 2px;
		width: 24px;
		background: #1a1a1a;
		border-radius: 2px;
		margin-bottom: 5px;
		transition: all 0.3s ease-in-out;
	}
	.navbtn i:nth-child(2n) {
		top: 8px;
		width: 20px
	}
	.navbtn i:nth-child(3n) {
		top: 16px;
		width: 12px
	}
	.navbtn.cur i {
		width: 24px;
		background: #1a1a1a;
	}
	.navbtn.cur i:nth-child(1) {
		top: 8px;
		-webkit-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		-o-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		transform: rotate(45deg);
	}
	.navbtn.cur i:nth-child(2) {
		opacity: 0;
	}
	.navbtn.cur i:nth-child(3) {
		top: 8px;
		-webkit-transform: rotate(-45deg);
		-ms-transform: rotate(-45deg);
		-o-transform: rotate(-45deg);
		-moz-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}
	.mob-navbar-nav {
		position: fixed;
		top: 54px;
		left: 0;
		width: 100%;
		z-index: 1001;
		background: #fff;
		box-sizing: border-box;
		border-top: 1px solid rgba(0,0,0,0.1);
	}
	.mob-cover{
		display: none;
		background: rgba(0,0,0,0.9);
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: 999;
	}
	.mob-navbar-nav ul li {
		position: relative;
	}
	.mob-navbar-nav ul li::before{
		content: '';
		border-bottom: 1px solid rgba(0,0,0,0.1);
		position: absolute;
		bottom: 0;
		left: 15px;
		right: 15px;
	}
	.mob-navbar-nav ul li:last-child::before{
		display: none
	}
	.mob-navbar-nav ul li::after{
		content: '';
		position: absolute;
		top: 50%;
		right: 20px;
		border-top: 1px solid rgba(255,255,255,0.5);
		border-right: 1px solid rgba(255,255,255,0.5);
		width: 6px;
		height: 6px;
		transform: rotate(45deg);
		margin-top: -4px;
	}
	.mob-navbar-nav ul li h3{
		display: flex;
		align-items: center;
		justify-content: space-between;
	}
	.mob-navbar-nav ul li h3 a {
		display: block;
		flex: 1;
		padding: 12px 15px;
		color: #1a1a1a;
		font-size: 14px;
	}
	.mob-sub{
		display: none;
		padding: 0 30px;
	}
	.mob-sub a{
		font-size: 12px;
		display: block;
		padding: 5px 0;
	}
	.bat{
		width: 12px;
		height: 20px;
		position: relative;
		margin-left: 12px;
	}
	.bat::after{
		content: '';
		border-top: 6px solid #fff;
		border-left: 6px solid rgba(0,0,0,0);
		border-right: 6px solid rgba(0,0,0,0);
		position: absolute;
		top: 8px;
		right: 0px;
		z-index: 1;
		border-radius: 4px;
	}
	.bat{
		width: 50px;
		height: 36px;
		position: relative;
		display: inline-block;
		margin-left: 8px;
	}
	.bat::after{
		border-top: none;
		border-left: none;
		border-bottom: 1px solid #666;
		border-right: 1px solid #666;
		width: 9px;
		height: 9px;
		border-radius: 0;
		transform: rotate(45deg);
		position: absolute;
		top: 50%;
		right: 20px;
		margin-top: -6px;
		transition: all 0.3s ease-out;
	}
	.cur.bat::after{
		transform: rotate(-135deg);
	}
	.product-swiper .swiper-button-next:after{
		width: 16px;
		height: 12px;
		background-size: contain;
	}
	.product-swiper .swiper-button-prev:after{
		width: 16px;
		height: 12px;
		background-size: contain;
	}
	.app-item{
		flex-direction: column;
		border-radius: 0;
	}
	.app-side{
		width: 100%;
		display: flex;
		align-items: center;
		justify-content: space-between;
	}
	.app-side a p{
		display: none;
	}
	.app-side li::after{
		display: none
	}
	.contact-box{
		flex-direction: column;
		align-items: flex-start;
	}
	.contact-box .form-control{
		margin-top: 15px;
	}
	.contact-box .btn{
		margin-top: 15px;
	}
	.f-box{
		flex-direction: column-reverse;
		align-items: flex-start;
	}
	.f-right{
		padding: 0;
	}
	.f-right img{
		height: 24px;
	}
	.f-right .tel{
		background-size: auto 18px;
	}
	.f-nav{
		flex-direction: column;
	}
	.f-subnav{
		display: none;
	}
	.f-left{
		display: none;
	}
	.copyright{
		flex-direction: column;
		align-items: flex-start
	}
	.copyright .info{
		padding-bottom: 6px;
	}
	.product-list li{
		width: 100%;
	}
	.information{
		flex-direction: column;
	}
	.info-picture{
		width: 100%;
		margin-bottom: 15px;
	}
	.info-desc{
		padding-left: 0;
	}
	.pro-other{
		flex-direction: column;
	}
	.pro-other .other{
		width: 100%
	}
	.recommend-list li{
		width: 50%;
	}
	.app-content .goo li{
		line-height: 24px;
		background-size: 16px 16px;
	}
	.ctitle h3{
		padding-bottom: 10px;
		margin-bottom: 10px;
	}
	.ctitle h3::after{
		height: 4px;
		transform: scale(0.6)
	}
	.download-list li{
		flex-direction: column;
		align-items: flex-start;
	}
	.download-list li .bar{
		padding: 2px 10px;
		margin-top: 12px;
	}
	.letter li{
		width: 16.666%;
	}
	.result-list{
		margin-left: -6px;
		margin-right: -6px;
	}
	.result-list li{
		width: 50%;
		padding: 6px;
	}
	.download-group .right{
		flex-wrap: wrap;
		padding-top: 10px;
	}
	.download-group{
		flex-direction: column;
		align-items: flex-start;
	}
	.download-group .tips{
		width: 100%;
		margin-bottom: 6px;
	}
	.download-group .download-bar{
		margin-left: 0;
		margin-right: 8px;
	}
	.download-bar{
		align-self: flex-end;
		margin-top: 10px;
		padding: 2px 10px;
		font-size: 12px;
	}
	.abdesc{
		height: auto;
	}
	.responsibility li,.responsibility li:nth-child(2n){
		flex-direction: column-reverse;
	}
	.abimg{
		width: 100%;
		margin-bottom: 15px;
	}
	.abico img{
		height: 24px;
	}
	.abintro{
		padding: 0 !important
	}
	.rebg{
		display: none
	}
	.ab-box{
		flex-direction: column;
	}
	.abtit{
		padding-right: 0;
		text-align: center;
		margin-bottom: 12px;
	}
	.map-box{
		flex-direction: column;
	}
	.map{
		position: relative;
		width: 100%;
	}
	.map-info{
		padding: 15px;
		width: 100%;
	}
	.agent-list .agents{
		width: 100%;
	}
	.pro-info .pro-tit{
		flex-direction: column;
		align-items: flex-start;
		justify-content: flex-start;
	}
	.pro-info .pro-tit p{
		margin-left: 0;
	}
	.btm-bar{
		padding: 10px;
	}
	.product-flex .products{
		width: 33.333% !important;
	}
	.supplier .title{
		padding-top: 15px;
	}
	.supplier .title::before{
		height: 4px;
		width: 50px;
	}
	.topFixed{
		top: 56px;
	}
	.product-content{
		padding: 0;
	}
	.seek-box{
		padding-top:10px;
		margin: 0;
		overflow-x: auto;
	}
	.seek-box li{
		flex-shrink: 0;
		width: auto;
	}
	.seek-box li .seekbar{
		padding: 5px 10px;
		border-radius: 4px;
	}
	.seek-box li .seekbar .cur{
		width: 16px;
	}
	.application-list li{
		width: 50%;
	}
	.zg-ftit{
		padding: 0 10px;
		font-weight: bold
	}
	.zg-filter{
		flex-direction: column;
		padding: 0 10px 15px 10px;
	}
	.filer-list li a{
		font-size: 14px;
	}
	.filer-list li{
		padding: 3px;
	}
	.banner-swiper .morebar{
		transform: scale(0.6);
		transform-origin: left top;
	}
	.banner-num{
		font-size: 16px;
	}
	.banner-num strong{
		font-size: 24px;
	}
	.home-contact-box{
		height: auto;
	}
	.search-list li{
		padding: 5px 0;
	}
	.read-more{
		transform: scale(0.9)
	}
	.map-list li{
		width: 100% !important;
	}
	.pc-seek-box{
		display: none;
	}
	.mob-seek-box{
		display: block;
		position: relative;
	}
	.mob-seek-box .seek-box li{
		padding-bottom: 12px;
	}
	.seek-subox{
		position: absolute;
		top: 100%;
		left: 0;
		width: 100%;
		background: #fff;
		z-index: 1000;
		box-shadow: 0 3px 4px rgba(0,0,0,0.1);
		box-sizing: border-box;
		padding: 15px;
		border-bottom-left-radius: 8px;
		border-bottom-right-radius: 8px;

	}
}
.mob-lang{
	position: absolute;
	top: 0;
	right: 46px;
	z-index: 1;
	display: block;
	font-size: 18px;
	padding: 0 8px;
	line-height: 1.4;
	font-family: " sans-serif"
}