#banner{
	position: relative;
	margin: 0;
}
body{
	background-color: #F6F6F6
}
#header{
	position: relative!important;
	z-index: 80;
}
.img_bgmask{
	z-index: 99;
}
#banner .btn{
	left: 2.66rem;
	top:4.25rem;
}
.h6{
	display: none;
}
.solutionNav1{
	display: block;
}
.solutionNav2{
	display: none;
}
.productCenterBanner{
	background: url(../img/priductBanner.jpg) no-repeat center;
	background-size: 100% auto;
	height: 6.2rem;
	width: 100%;
}
.counselbanner{
		background: url(../img/newsBanner.jpg) no-repeat center;
		background-size: 100% auto;
		height: 7rem;
		width: 100%;
	}
.technologyCenterBanner{
	background: url(../img/techBanner.jpg) no-repeat center;
	background-size: 100% auto;
	height: 6.2rem;
	width: 100%;
}
.contractUs{
	background: url(../img/contractUs.jpg) no-repeat center;
	background-size: 100% auto;
	height: 6.2rem;
	width: 100%;
}
.techBanner{
	background: url(../img/techBanner.jpg) no-repeat center;
	background-size: 100% auto;
	height: 6.2rem;
	width: 100%;
}
.aboutUsBanner{
	background: url(../img/aboutUsBanner.jpg) no-repeat center;
	background-size: 100% auto;
	height: 6.2rem;
	width: 100%;
}
.counselbanner{
	background: url(../img/counselbanner.jpg) no-repeat center;
	background-size: 100% auto;
	height:  6.2rem;
	width: 100%;
}
.solutionBanner{
	background: url(../img/solutionBanner.png) no-repeat center;
	background-size: 100% auto;
	height:  6.2rem;
	width: 100%;
}
.solutionBanner_new{
	background: url(../img/solutionBanner.jpg) no-repeat center;
	background-size: 100% auto;
	height:  6.2rem;
	width: 100%;
}
.goods{
	background-color: #F6F6F6;
}
.goodsNav{
	width: 12.3rem;
	margin: 0 auto;
	height: 0.7rem;
}
.IntelProduct .btn{
	margin: 0 auto 0.5rem;
	display: block;
	position:inherit ;
	left: inherit;
	top: inherit;
}
#wrap{
	display: block;
	height: auto;
	overflow: hidden;
}
.amap-copyright,.amap-logo{
	display: none !important;
}
.goodsNav  li{
	float: left;
	width: 2rem;
	height: 0.7rem;
	float: left;
	text-align: center;
	line-height: 0.7rem;
	font-size:0.18rem;
	font-weight: 300;
	color: #525252;
	background: #F2F2F2;
	transition: background 0.3s;
	cursor: pointer;
	margin-right: 2px;
}
.goodsNav  li.active{
	background: #009393;
	color: #fff;
}

.goodsNav  li:hover{
	background: #009393;
	color: #fff;
}
.goodsList{
	width: 16rem;
	margin: 0.8rem 1.6rem;
	clear: both;
}
.goodsList li{
	position: relative;
	width: 3.8rem;
	height: 6.2rem;
	margin-right: 0.26rem;
	/* background: #FFFFFF; */
	margin-bottom: 0.27rem;
	overflow: hidden;
	cursor: pointer;
	float: left;
}
.goodsList li:nth-child(4n){
	margin-right: 0;
}
.goodsTitle{
	/* position: absolute;
	left: 0;
	top: 0; */
	font-size: 0.24rem;
	font-weight: 600;
	color: #474747;
	line-height:0.24rem;
	margin: 5.6rem 0 0 ;
	z-index:99
}
.goodsTitle span{
	display: block;
	height:  0.12rem;
	font-size: 0.12rem;
	
	font-weight: 500;
	color: #868686;
	line-height:  0.14rem;
	margin-top: 0.11rem;
}
.goodsImg{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 5.4rem;
	overflow: hidden;
}
.goodsImg img{
	width: 100%;
	transition: all 0.4s;
	transform-origin: center;
	margin: 0 auto 0;
	opacity: 1;
}
.goodsImg img:last-child{
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0;
}
.goodsList li:hover{
	box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.14);
}

.goodsList li .goodsImg:hover img{
	opacity: 0;
}
.goodsList li .goodsImg:hover img:last-child{
	opacity: 1;
	
}

.goodsList li.zh .goodsImg>img{
	transform:rotateY(90deg)
}
/* @keyframes zh{
	0{transform:rotateY(0) ;}
	to{transform:rotateY(90deg) ;}
} */
.goodsList li:hover .goodsFooter,.goodsList li:hover .goodsTitle{
	color:  #009394;
}
.goodsFooter{
	position: absolute;
	bottom: 0;
	/* left: 50%;
	transform: translateX(-50%); */
	width: 100%;
	height: 2rem;
	text-align: center;
	color:#868686;
	line-height: 2rem;
	font-size: 0.14rem;
	color: #868686;
	overflow: hidden;
	clear: both;
}
.goodsFooter p {float: left;}
.goodsFooter p img{
	width:0.19rem;
	height:auto;
	display: inline-block;
	margin-left: 0.1rem;
	
}
.color{
	margin: 0 auto;
}
.color1{
	margin-right: 0.2rem;
}
.color span{
	width: 0.15rem;
	height: 0.15rem;
	border: 1px solid #797979;
	border-radius: 50%;
	margin: 0 0.05rem;
	display: inline-block;
	-webkit-box-shadow: inset 0 1px 1px 0 rgb(0 0 0 / 20%);
	box-shadow: inset 0 1px 1px 0 rgb(0 0 0 / 20%);
}
.color1 span{
	display: inline-block;
	width: 0.1rem;
	height: 0.1rem;
	border: 1px solid #797979;
	border-radius: 50%;
	margin-left: 0.1rem;
}
.color span:hover{
	transform: scale(1.6);
}

/* news */
.newsInfo{
	
	width: 12rem;
	margin:  0 auto;
	overflow: auto;
}
.newsInfo_title{
	height: auto;
	overflow: hidden;
	border-bottom: 1px solid #A0A0A0;
	text-align: center;
}
.newsInfo_title p{
	height: 0.36rem;
	font-size: 0.36rem;

	font-weight: 600;
	color: #474747;
	line-height: 0.36rem;
	margin: 1.2rem 0 0.3rem;
}
.newsInfo_title span{
	display: block;
	height: 0.16rem;
	font-size: 0.16rem;
	margin-bottom: 0.3rem;
	font-weight: 400;
	color: #474747;
	line-height: 0.16rem;
}
.newsInfo .main{
	margin:0.6rem 0;
	height: auto;
	font-size: 0.18rem;
	
	font-weight: 400;
	color: #474747;
	line-height:0.35rem;
	text-align: left;
}
.newsInfo .main span{
	text-align: center;
	width: 100%;
	overflow: hidden;
	margin-bottom: 30px;
	display: block;
}
.newsInfo .main p{
	text-indent: 2em;
	margin-bottom: 0.15rem;
}
.newsInfo .main img{
	width: 8rem ;
	margin:0.5rem auto;
}
.returnBtn{
	margin: 0.6rem auto;
	width: 2rem;
	height: 0.65rem;
	background: #009394;
	border-radius: 2px;
	line-height: 0.65rem;
	text-align: center;
	font-size: 0.24rem;
	display: block;

	font-weight: 400;
	color: #FFFFFF;
	cursor: pointer;
	
}
.technology{
	width: 16rem;
	margin: 0.9rem auto;
	overflow: hidden;
	position: relative;
}

.technologyImg{
	position: absolute;left: 0;
	top: 0.75rem;
	width: 8rem;
	height: auto;
	z-index: 100;
}
.technologyr{
	float: right;
	width:14.9rem ;
	
	height: 8.21rem;
	background:#F6F6F6 url(../img/bj1.png) no-repeat center bottom  ;
	background-size: 14.9rem auto;
}
.technologyr .title{
	width: 4.2rem;
	height: auto;
	margin-top: 1.9rem ;
	margin-left: 9.4rem;
	float:left ;
	font-weight: 600;
	font-size: 0.22rem;
	line-height: 0.38rem;
}
.titleinfo{
	font-size: 0.22rem;
}
.technologyr .title span{
	width: 0.4rem;margin-top: 0.4rem;
	height: 2px;background: #009394;
	margin-bottom: 0.8rem;
	display: block;
}
.technologyInfo{
	width: 4.2rem;
	height: auto;
	margin-left: 9.4rem;
	float:left ;
	font-size: 0.18rem;

	font-weight: 400;
	color: #474747;
	line-height: 0.32rem;
}

.technologyL{
	width: 100%;
	overflow: hidden;
	margin-bottom: 0.65rem;
	height: auto;
}
.technologyL li{
	width: 6.28rem;
	float: left;
	height: 3.96rem;
	position: relative;
	margin-right: 0.15rem;
	margin-bottom: 0.15rem;
	overflow: hidden;
	cursor: pointer;
}
.technologyL li a{
	display: block;
	width: 100%;
	height:100%
}
.technologyL li img{
	width: 100%;
}
.technologyL li:nth-child(3n){
	margin-right: 0;
	
}
.technologyL li .layer{
	opacity: 0;
	transition: all 0.3s;
	position: absolute;
	top: 0;
	left:0;
	width: 100%;
	height: 100%;
	background: #009394;
}

.technologyL li:hover .layer{
	opacity: 1;
	display: block;
}

.technologyL li .layer .tit{
	width:100%;
	height:0.3rem;
	font-size:0.3rem;
	
	font-weight: 500;
	color: #FFFFFF;
	line-height:0.3rem;
	text-align: center;
	margin: 1rem 0 0.4rem;
}
.technologyL li .layer p{
	 text-align: center;
	 width:4.2rem;
	 height: 0.5rem;
	 font-size:0.18rem;
	 font-family: Source Han Sans CN;
	 font-weight: 400;
	 color: #FFFFFF;
	 line-height: 0.32rem;
	 margin: 0 auto 0.5rem;
}
.technologyL li .layer  img{
	width: 0.59rem;
	margin: 0 auto;
}
.technologyL li .techFooter{
	position: absolute;
	bottom: 0;
	left: 0.5rem;
	height: 1.55rem;
	width: 5.2rem;
}
.technologyL li .techFooter p{
	height: 0.3rem;
	font-size:0.3rem;
	
	font-weight: 500;
	color: #000000;
	line-height: 0.3rem;
	margin-bottom: 0.13rem;
}
.technologyL li .techFooter p.zlCode{
	font-size: 0.26rem;
}
.technologyL li .techFooter span{
	height: 0.2rem;
	font-size: 0.18rem;
	display: block;
	font-weight: 500;
	color: #000000;
	line-height: 0.2rem;
}
.technologyL li:hover .layer{
	opacity: 1;
}
.techList {
	width: 100%;
	height: auto;
	overflow: hidden;
	background: url(../img/bj4.jpg) no-repeat fixed;
	padding-bottom: 2rem;
	margin-bottom: 0.4rem;
	background-size: 19.2rem auto;
}

.techList1{
	float: right;
	width: 13.60rem;
	height:auto;
	background: rgba(255,255,255,0.7);

	margin-top: 1.9rem;
	position: relative;
}
.techList1>span{
	height:  2rem;
	font-size: 2rem;
	font-family: Impact;
	font-weight: 400;
	color: #515151;
	line-height: 2rem;
	position: absolute;
	left: -1rem;
	top: 0;
}
.techList1 .title{
	font-size: 0.4rem;
	
	font-weight: bold;
	color: #474747;
	line-height: 0.4rem;
	margin: 1.25rem 0 0 3rem;
	overflow: hidden;
	
}
.soluLi6{
	width: 5.37rem;
	height: auto;
	margin-top: 0.2rem;
}
.techList1 .title span{
	width: 0.6rem;
	height: 2px;background: #009394;
	margin-bottom: 0.5rem;
	display: block;
	margin-top: 0.46rem;
}
.techList1 p{
	margin-left: 3rem;
	font-size:0.18rem;
width: 7.90rem;
	font-weight: 500;
	color: #474747;
	line-height: 0.32rem;
	margin-bottom: 0.4rem;
}
.techList1 img{
	width: 7.9rem;
	background: #B9B9B9;
	height: auto;
	margin-bottom: 0.75rem;
	margin-left: 3rem;
}
#swiper-container2{
	width: 7.9rem;
}
#swiper-container2 img{
	margin-left: 0;
}


.techList2{
	float: left;
	width: 13.60rem;

	margin-top: 1.26rem;

}
.techList2>span{
	right: -1rem;
	top: 0;
	left: inherit;
}
/* solution */
.solutionMain{
	width: 100%;
	height: auto;
	overflow: hidden;
	clear: both;
}
.solutionNav{
	margin:0 auto;
	width: 4rem;
	height: 0.7rem;
	overflow: hidden;
}
.solutionNav li{
	width: 2rem;
	height: 0.7rem;
	line-height: 0.7rem;
	text-align: center;
	background: #F2F2F2;
	font-size: 0.18rem;
	font-weight: 300;
	color: #525252;
	float: left;
	cursor: pointer;
	
}

.solutionNav li.active{
	background: #009394;
	color: #FFFFFF;
}
.solutionNav li:hover{
	background: #009394;
	color: #FFFFFF;
}
.solutionMainInfo{
	height: 0.5rem;
	font-size:0.18rem;
	font-weight: 400;
	color: #474747;
	line-height: 0.32rem;
	margin: 0 auto 0;
	width: 100%;
	text-align: center;
}
.solutionMainIns{
	width: 100%;
	overflow: hidden;
	clear: both;
}
.solutionMainInstitle{
	height:0.38rem;
	font-size: 0.36rem;
	font-weight: 600;
	color: #474747;
	line-height:0.38rem;
	margin-bottom:0.32rem ;
	text-align: center;
}
.solutionMainInstitleLine{
	width: 0.4rem;
	height: 2px;
	background: #009393;
	margin: 0 auto 1rem;
	display: block;
}
.solutionMainInsPub{
	width: 100%;
	position: relative;
	overflow: hidden;
	margin-bottom: 0.4rem;
}
.solutionMainInsPub img{
	width: 8rem;
	height: 4rem;
	overflow: hidden;
	position: absolute;
	top: 0.5rem;
	left: 1.6rem;
	z-index: 200;
}
.solutionMainInsPubInfo{
	width: 10.75rem;
	height: 5rem;
	background: #F8F8F8;
	float: right;
}
.solutionMainInsPubInfoTit{
	margin: 1.13rem 0 0 1.6rem;
	height:  0.28rem;
	font-size: 0.28rem;
	font-weight: 600;
	color: #000000;
	line-height:  0.28rem;
}

.solutionMainInsPubInfoTitLine{
	margin:0.38rem 0 0 1.6rem;
	width: 8.71rem;
	height: 1px;
	background: #AAAAAA;
	position: relative;
}
.solutionMainInsPubInfoTitLine span{
	display: block;
	width: 0.76rem;
	height: 2px;
	background: #009F7C;
	bottom: 0;
	left: 0;
	position: absolute;
}
.solutionMainInsPubInfo p{
	margin:0.5rem 0 0 1.6rem;
	width: 7.06rem;
	height: auto;
	font-size:0.16rem;
	font-weight: 500;
	color: #474747;
	line-height: 0.32rem
}
.solutionMainInsPubL .solutionMainInsPubInfo{
	float: left;
}
.solutionMainInsPubL img{
	left:9.59rem;
	z-index: 200;
}
.serve .solutionMainInstitle{
	margin-top: 0.6rem;
}
.serve .solutionMainInstitleLine{
	margin-bottom: 0.5rem;
}
.serveNav{
	width: 8.92rem;
	display: flex;
	margin:0 auto ;
	justify-content: space-between;
}

.serveNavPub{
	width: 2.32rem;
	height: 4.95rem;
	position: relative;
	transition: background 0.3s;
}
.serveNavPub1{
	width: 12.3rem;
}
.serveNavPubImg{
	width: 2.32rem;
	height: 2.32rem;
	border:0.02rem solid #D2D2D2;
	border-radius: 50%;
	position: absolute;
	top: 0;
	left: 0;
	background: #fff;
}
.serveNavPubImg img{
	width: 0.99rem;
	height: auto;
	margin: 50%;
	transform: translate(-50%,-50%);
}

.serveNavPubImg .serveIcon2{
	width: 0.92rem;
}
.serveNavPubImg .serveIcon3{
	width: 1.11rem;
}
.serveNavPubImg .serveIcon4{
	width: 0.96rem;
}
.serveNavPubImg .serveIcon5{
	width: 0.95rem;
}
.serveNavPubImg .serveIcon6{
	width:1.04rem;
}
.serveNavPubImg .serveIcon7{
	width: 1.14rem;
}
.serveIcon1L{
	display: none;
}

.serveNavPubInfo{
	width: 100%;
	height: 2.22rem;
	background: #F8F8F8;
	border-radius: 0px 0px 0.2rem 0.2rem;
	margin: 1.3rem auto 0;
	
	font-size: 0.22rem;
	font-weight: 500;
	color: #474747;
	line-height: 3rem;
	text-align: center;
}
.serveNavPub:hover .serveNavPubImg{
	border-color:#009394 ;
}
.serveNavPub:hover .serveIcon1L{
	display: block;
}
.serveNavPub:hover .serveIcon1{
	display: none;
}
.serveNavPub:hover .serveNavPubInfo{
	background: #009394;
}
.serveNavPub:hover .serveNavPubInfo{
	color: #fff;
}
.serveNavPub:hover .serveNavPubS{
	width: 0px;                 /*  宽高设置为0，很重要，否则达不到效果 */
	height: 0px;
	border: 0.17rem solid #009394 ;
	border-bottom-color: transparent;    /* 设置透明背景色 */
	border-left-color: transparent;
	border-right-color: transparent;
	margin: 0 auto;
}
.serveNavPub:hover .serveNavPubFooter{
	color: #009394;
}


.serveNavPubS {
	width: 0px;                 /*  宽高设置为0，很重要，否则达不到效果 */
	height: 0px;
	border: 0.17rem solid #F8F8F8;
	border-bottom-color: transparent;    /* 设置透明背景色 */
	border-left-color: transparent;
	border-right-color: transparent;
	margin: 0 auto;
}
.serveNavPubFooter{
	height: 0.26rem;
	font-size: 0.26rem;
	font-weight: bold;
	color: #474747;
	line-height:0.26rem;
	text-align: center;
}

#aboutNav{
	width: 10.2rem;
	margin: 0 auto;
	height: 0.7rem;
}

#aboutNav li{
	float: left;
	width: 2rem;
	height: 0.7rem;
	float: left;
	text-align: center;
	line-height: 0.7rem;
	font-size:0.18rem;
	font-weight: 500;
	color: #525252;
	background: #F2F2F2;
	transition: background 0.3s;
	cursor: pointer;
	margin-right: 2px;
}
#aboutNav li a{
	color: #525252;
}
#aboutNav  li.active{
	background: #009393;
	color: #fff;
}
#aboutNav  li.active a{
	color: #fff;
}
#aboutNav  li:hover{
	background: #009393;
	color: #fff;
}
#aboutNav  li:hover a{
	color: #fff;
}
.aboutUsIns{
	width: 100%;
	text-align: center;
	height: 0.26rem;
	font-size: 0.26rem;

	font-weight: 400;
	color: #000000;
	line-height: 0.26rem;
}
#aboutUsNav{
	width: 16rem;
	margin: 0 1.6rem;
	display: flex;
	justify-content: space-between;
}
#aboutUsNav li{
	width: 3.90rem;
	height: 6.29rem;
	border: 1px solid #A3A3A3;
	color: #474747;
	transition: all 0.3s;
	margin-bottom: 1.15rem;
}
#aboutUsNav li img{
	width: 1.22rem;
	height: 1.22rem;
	border-radius: 50%;
	margin: 0.9rem auto 0.79rem;
	
}
#aboutUsNav li span{
	display: block;
	width: 100%;
	text-align: center;
	height:0.36rem;
	font-size: 0.36rem;
	font-weight: 500;
	
	line-height:0.36rem;
	margin-bottom: 0.47rem;
}
#aboutUsNav li p{
	width: 90%;
	margin: 0 auto;
	text-align: center;
	font-size: 0.16rem;
	font-weight: 300;
	
	line-height:0.28rem;
}
#aboutUsNav li:hover p{
	display: block
}
#aboutUs .solutionMainInstitleLine{
	margin-bottom: 0.6rem;
}
#aboutUs .aboutUsIns{
	margin-bottom: 0.6rem;
}

.aboutUsNavIconL{
	display: none;
}
#aboutUsNav li:hover .aboutUsNavIconL{
	display: block;
}
#aboutUsNav li:hover .aboutUsNavIcon{
	display: none;
}
#aboutUsNav li:hover{
	color: #fff;
	background-color: #009394;
	border-color: #009394;
}
#aboutUsNav li:hover img{
	margin-bottom: 0.44rem;
}
#aboutUsNav li .aboutUsNavIconW{
	display: none;
}

#corporateCulture{
	width: 16rem;
	margin: 0 1.6rem 1.6rem;
	display: flex;
	justify-content: space-between;
}
#corporateCulture li{
	width: 3.90rem;
	height: 3.90rem;
	background: #FFFFFF;
	color: #000;
	transition: all 0.3s;
	line-height: 3.9rem;
	overflow: hidden;
	position: relative;
	text-align: center;
	font-size:0.32rem;
	color: #000000;
	font-weight: 600;
}
#corporateCulture li:nth-child(1){
	background: url(../img/corporateCulture1.jpg) no-repeat center;
	background-size: 100% auto;
}
#corporateCulture li:nth-child(2){
	background: url(../img/corporateCulture2.jpg) no-repeat center;
	background-size: 100% auto;
}
#corporateCulture li:nth-child(3){
	background: url(../img/corporateCulture3.jpg) no-repeat center;
	background-size: 100% auto;
}
#corporateCulture li:nth-child(4){
	background: url(../img/corporateCulture4.jpg) no-repeat center;
	background-size: 100% auto;
}
#corporateCulture .corporateCultureLayer{
	position: absolute;top: 0;
	opacity:0;
	left: 0;width: 100%;
	height: 100%;background:rgba(0,148,148,0.7) ;
	transition: all 0.3s;
}



#corporateCulture .corporateCultureLayer img{
	width: 1rem;
	height: 1rem;
	border-radius: 50%;
	margin: 0.66rem auto 0.4rem;
	
}
#corporateCulture .corporateCultureLayer span{
	display: block;
	width: 100%;
	text-align: center;
	height:0.22rem;
	font-size: 0.22rem;
	font-weight: 500;
	color: #fff;
	line-height:0.22rem;
	margin-bottom: 0.44rem;
	color: #fff;
}
#corporateCulture .corporateCultureLayer p{
	display: block;
	width: 90%;
	text-align: center;
	font-size: 0.16rem;
	font-weight: 300;
	color: #fff;
	line-height:0.28rem;
	margin: 0 auto;
}
#corporateCulture li:hover .corporateCultureLayer{
	opacity: 1;
}
#corporateCulture li:hover>p{
	display: none;
}
.history{
	width: 19.2rem;
	height: 5.9rem;
	overflow: hidden;
	position: relative;
	background: url(../img/bj1996.jpg) no-repeat center;
	background-size: 100% auto;
	margin-bottom: 1rem;
}
.historyPub{
	position: absolute;
	height: 4rem;
	width: auto;
	
}
.historyPub .circle{
	display: block;
	width: 0.32rem;
	height: 0.32rem;
	background: #fff;
	border-radius: 50%;
	left: .26rem;
	top: 0.6rem;
	position: absolute;
}
.historyPub2017{
	top: 1.5rem;
	left: 9.54rem;
}
.historyPub2017 img{
	width: 0.77rem;
}
.historyPub2019{
	top: 1.5rem;
	left:11.88rem;
}
.historyPub2019 img{
	width: 0.65rem;
}
.historyPub2020{
	top: 1.5rem;
	left: 14.62rem;
}
.historyPub2020 img{
	width: 0.66rem;
}
.historyPub2021{
	top: 1.5rem;
	left: 17.24rem;
}
.historyPub2021 img{
	width: 0.76rem;
	margin-left: 0.15rem;
}
.circleTit{
	height:0.4rem;
	font-size:0.4rem;
	font-family: Impact;
	font-weight: 400;
	color: #FFFFFF;
	line-height:0.4rem;
}
.historyPub img,.historyfooter{
	opacity: 0;
	display: none;
	transition: all 0.3s; 
}

/* .historyPub:hover .circle,.historyPub:hover .circleTit{
	display: none;
	
}

.historyPub:hover img,.historyPub:hover  .historyfooter{
	display: block;
	opacity: 1;
} */

.historyPub.active .circle,.historyPub.active .circleTit{
	display: none;
	
}

.historyPub.active img,.historyPub.active  .historyfooter{
	display: block;
	opacity: 1;
}

.historyfooter{
	position: absolute;
	top: 1.5rem;
	left: 0;
}
.historyfootertit{
	height: 0.7rem;
	font-size: 0.7rem;
	font-family: Impact;
	font-weight: 400;
	color: #FFFFFF;
	line-height: 0.7rem;
	margin-bottom: 0.15rem;
	display: block;
}

.historyfooter p{
	height:0.4rem;
	font-size:0.3rem;
	font-weight: 400;
	color: #FFFFFF;
	line-height: 0.4rem;
	width: 8rem;
}
.historyfooter p{
	transform: translateX(-10%);
}
#container{
	width: 16rem;
	height: 5.3rem;
	overflow: hidden;
	margin: 1.13rem auto 0.5rem;
}

.contractUsNav{
	width: 16rem;
	margin: 0 auto;
	height:  3.5rem;
	overflow: hidden;
	justify-content: space-between;
	display: flex;
	border-bottom: 1px solid #AFAFAF;
	
}
.contractUsNav li{
}
.contractUsNav li img{
	width: 0.9rem;
	height: 0.9rem;
	float: left;
}
.contractUsNavR{
	float: left;
	margin-left: 0.18rem;
	width: 3.2rem;
}

.contractUsNavR .EN{
	height: 0.9rem;
	font-size: 0.36rem;
	font-weight: 500;
	color: #474747;
	line-height:  0.9rem;
	display: block;
}

.contractUsNavR .CN{
	height: 0.36rem;
	font-size: 0.36rem;
	font-weight: 300;
	color: #474747;
	line-height:0.36rem;
	margin-bottom: 0.42rem;
	display: block;
}
.contractUsNavR p{
	width: 3.7rem;
	font-size: 0.24rem;
	font-weight: 300;
	color: #474747;
	line-height: 0.39rem
}
#message{
	width: 16rem;
	margin:0.88rem auto 1.2rem;
	overflow: hidden;
}
.userInfo{
	float: left;
	width: 10rem;
	overflow: hidden;
}
.userInfo h6{
	width: 100%;
	height:0.36rem;
	font-size: 0.36rem;
	font-weight: 600;
	color: #474747;
	line-height:0.36rem;
	margin-bottom: 1rem;
}
.userInfoPub{
	float: left;
	width: 4.9rem;
	margin-bottom: 0.22rem;
}
.userInfoPubT{
	height: 0.54rem;
	line-height: 0.54rem;
	width: 100%;
	font-size: 0.2rem;
	font-weight: 500;
	color: #474747;
}
.userInfoPubT span{
	width: 0.07rem;
	height:  0.07rem;
	font-size: 0.16rem;
	font-weight: 400;
	color: #D62A33;
	margin-right: 0.06rem;
}

.userInfoPub input{
	width: 100%;
	height: 0.55rem;
	background: #F8F8F8;
	border: 1px solid #D2D2D2;
	display: block;
	padding-left: 0.2rem;
}
.userInfoPub24{
	width: 100%;
}
.userInfoPub textarea{
	width: 100%;
	height: 2.8rem;
	background: #F8F8F8;
	border: 1px solid #D2D2D2;
	display: block;
	padding: 0.5rem;
	resize: none;
}
#qyry{
	width: 100%;
	height: 10.18rem;
	background: #fff;
	overflow: hidden;
	/* background: url(../img/qyry.jpg) no-repeat top center;
	background-size: 100% auto; */
}
#qyry .solutionMainInstitle{
	margin-top: 0.74rem;
}
.qyryList {
	width: 14.6rem;
	height: auto;
	margin: 0 auto;
}
.qyryList li{
	float: left;
	width: 4.7rem;
	text-align: center;
	margin-right: 0.18rem;
	font-size: 0.18rem;
	height: 3.8rem;
	
}
.qyryList li p{
	height: 0.48rem;
	line-height: 0.48rem;
	color: #7C7C7C;
}
.qyryList li:nth-child(3n){
	margin-right: 0;
}
.qyryList li .qyryimg{
	width: 4.66rem;
	height: 3.12rem;
	border: 1px solid #C7C7C7;
	position: relative;
}
.qyryList li .qyryimg img{
	width: 3.47rem;
	height: auto;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
}
/* .qyryList li:nth-child(4) .qyryimg img{
	width: 1.94rem;
	height: auto;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
} */
.qyryList li:nth-child(5) .qyryimg img{
	width: 1.94rem;
	height: auto;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
}
.subbtn{
	width: 1.90rem;
	height:0.5rem;
	background: #009394;
	float: left;
	text-align: center;
	line-height: 0.5rem;
	font-size: 0.2rem;
	font-weight: 300;
	color: #FFFFFF;
	border: none;
	cursor: pointer;
}
.result{
	width: 1.90rem;
	height:0.5rem;
	background: #fff;
	float: left;
	border: 1px solid #AFAFAF;
	font-size: 0.2rem;
	font-weight: 300;
	color: #848484;
	margin-left: 0.1rem;
	cursor: pointer;
}
.telUsImg{
	width: 4.80rem;
	height: 7.40rem;
	background: #DDDDDD;
	float: right;
}
.amap-marker-label{
		border: none;
		background: none;
		left: 50%;
		transform: translateX(-5%);
	}
#imgList{display: block;}
	#imgListmobile{display: none;}
#goodsInfo{
	width: 100%;
	margin: 0 auto;
}
.navigation{
	position: fixed;
	left: 1.83rem;
	top: 50%;
	transform: translateY(-50%);
}
.navigation li{
	width: 12px;
	height: 12px;
	border: 1px solid #797979;
	border-radius: 50%;
	margin-bottom: 28px;
}
.navigation li.active{
	width: 12px;
	height: 12px;
	background: #009394;
	border: 1px solid #009394;
	border-radius: 50%;
	
}
.imgList{
	width: 6.1rem;
	height: auto;
	margin: 0 0 0 3.4rem;
}
.imgList .imgList_img{
	width:  6.1rem;
	height:calc(100vh);
	overflow: hidden;
	position: relative
}
.imgList .imgList_img img{
	display: block;
	width:  6.1rem;
	height: 7.5rem;
	transform: translateY(-50%);
	position: absolute;
	top: 50%;
}
.imgList .imgList_img:first-child img{
	display: block;
	width:  6.1rem;
	height: 7.5rem;
	transform: translateY(-40%);
	position: absolute;
	top: 50%;
}

.goodsInfo{
	position: fixed;	
	width: 5.05rem;
	top: 50%;
	transform: translateY(-50%);
	right: 2.7rem;
	height: auto;
}
.goodsInfo_tit {
	border-bottom: 1px solid #ACACAC;
	overflow: hidden;
}
.goodsInfo_tit h6{
	height: 0.3rem;
	font-size: 0.3rem;
	font-weight: 600;
	color: #000000;
	line-height: 0.3rem;
	margin: 0.47rem 0 0.38rem;
}
.goodsInfo_tit p{
	font-size: 0.18rem;
	font-weight: 400;
	color: #000000;
	line-height: 0.18rem;
	margin-bottom: 0.22rem;
}
.character{
	border-bottom: 1px solid #ACACAC;
	
}
.remarks{
	font-size:0.18rem;
	margin-bottom: 0.2rem;
	text-align: justify;
}
.character h6{
	margin:  0.39rem 0 0.26rem;
	height:0.18rem;
	font-size:0.18rem;
	font-weight: 400;
	color: #000000;
	line-height: 0.18rem;
}
.character ul{
	overflow: hidden;
	margin-bottom: 0.2rem;
	
	width: 100%;
}
.character li{
	width: 2.5rem;
	float: left;
	height: 0.35rem;
	line-height: 0.35rem;
	
	font-size:0.18rem;
	font-weight: 400;
	color: #474747;
	margin-bottom: 0.2rem;
	
}
.character li img{
	width: 0.35rem;
	float: left;
	height: 0.35rem;
	overflow: hidden;
	margin-right: 0.12rem;
}
.colorList{
	margin: 0.36rem 0 0 ;
	overflow: hidden;
}
.colorList h6{
	overflow: hidden;
	margin: 0 ;
	float: left;
	width: 0.86rem;
	font-size:0.18rem;
	font-weight: 400;
	
}
.close_bgmask{
	background: url(../img/close.png) no-repeat center!important;
	background-size: 100%;
	cursor: pointer;
	z-index: 1100;
}
.colorList{
	
	font-size:0.18rem;
	font-weight: 400;
	color: #000000;
	line-height: 0.3rem;
	
}
.colorList li{
	float: left;
	width: 0.63rem;
	height: 0.76rem;
	background: #FFFFFF;
	margin-right: 0.1rem;
	margin-bottom: 0.1rem;
}
.seaSize{
	width: 5.05rem;
	height: 0.50rem;
	background: #F9F9F9;
	border: 1px solid #C7C7C7;
	text-align: center;
	line-height:0.5rem;
	padding-left: 0.3rem;
	font-size:0.16rem;
	font-weight: 400;
	color: #000000;
	margin: 0.28rem 0 0.1rem;
	cursor: pointer;
}
.seaSize img{
	display: block;
	width:0.09rem;
	float: right;
	margin-right: 0.3rem;
	margin-top: 0.15rem ;
}

.techBtn{
	width: 5.05rem;
	height: 0.50rem;
	background: #009394;
	text-align: center;
	line-height: 0.5rem;
	font-size: 0.18rem;
	font-weight: 400;
	color: #FFFFFF;
	cursor: pointer;
}
.techBtn img{
	display: inline-block;
	width:0.26rem;
	margin-right: 0.16rem;
	vertical-align: middle;
}

.more{
	background: #fff;
	overflow: hidden;
	padding-bottom: 0.73rem;
	
}
.more li{
	background: #F9F9F9;
	
}
.more li:hover{
	background: #fff;
}
.moreTitle{
	height: 0.4rem;
	font-size: 0.4rem;
	font-weight: 500;
	color: #000000;
	line-height:0.4rem;
	margin: 0.8rem auto 0.35rem;
	width: 100%;
	text-align: center;
}
.moreTitleLine{
	width: 0.4rem;
	height: 2px;
	background: #000000;
	margin: 0 auto;
	display: block;
}
.layer{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.7);
	display: none;
	z-index: 1000;
}

.layerImg{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.7);
	display: none;
}
.layerImgT{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.7);
	z-index: 999;
	display: none;
}
.commonImg{
	width: 6.9rem;
	margin: 2rem auto;
	height: auto;
}
div.pinch-zoom,
        div.pinch-zoom img{
            width: 98%;
            -webkit-user-drag: none;
        }
.layerMain{
	width: 8.80rem;
	height: auto;
	background: #FFFFFF;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}
.layerMainImg{
	width: 9.80rem;
	height: 6.70rem;
	background: #FFFFFF;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}
.layerImgT .layerMainImg{
	width: 6.80rem;
	height: auto;
	background: none;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}
.layerMainImg .commonImg{
	width:auto;
	height: 6.5rem;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}
.layer .close{
	width: 37px;
	height: 37px;
	position: absolute;
	right: 0.4rem;
	top: 0.4rem;
	cursor: pointer;
}
.layerImgT .close{
	width: 37px;
	height: 37px;
	position: absolute;
	right: 0.4rem;
	top: 0.4rem;
	cursor: pointer;
	z-index: 1005;
}
.layerMainTitle{
	height: 0.3rem;
	font-size: 0.3rem;
	font-weight: 400;
	color: #000000;
	line-height: 0.3rem;
	margin: 0.6rem auto 0.3rem;
	text-align: center;
	width: 100%;
}
.layerMainIIns{
	width: 100%;
	text-align: center;
	font-size: 0.16rem;
	font-weight: 300;
	color: #000000;
	line-height: 0.3rem;
	margin-bottom: 0.2rem;
}
.layerMainIInsline{
	width: 2.97rem;
	height: 1px;
	border: 1px solid #C7C7C7;
	margin: 0 auto 0.3rem;
}
.aboutUs .aboutUsInfoFooter{
	width: 16.4rem;
}
.imgC{
	width: 8.19rem;
	height: auto;
	margin: 0 auto ;
}
.aboutUs{
	width: 19.2rem;
	height: 11.18rem;
}
.aboutUsImg{
	width: 9.6rem;
	height: 9.18rem;
	background: #D5D5D5;
}
.aboutUsInfo{
	float: left;
	margin-left: 0.9rem;
	width: 7.1rem;
	padding-top: 0.5rem;
	
}
.titleEN{
	font-size: 0.32rem;
	font-weight: 600;
	height: 0.32rem;
	line-height: 0.32rem;
}
.title .line{
	background: #009393;
	margin: 0.35rem 0 0.6rem;
}
.aboutInfo{
	margin-top: 0;
	height: auto;
	margin-bottom: 0.7rem;
	font-size: 0.18rem;
	font-weight: 400;
	color: #000000;
	line-height: 0.35rem;
}
.aboutInfo p{
	margin-bottom: 0.2rem;
}


.return{
	width: 0.6rem;
	height: 0.6rem;
	position: fixed;
	top: 1.8rem;
	left: 1.65rem;
}



.layerTall{
	width: 100%;
	height: 100%;
	position: fixed;
	left: 0;
	top: 0;
	background: rgba(0,0,0,0.7);
	z-index: 999;
}
.layerTall .userInfo{
	width: 11.6rem;
	padding: 0.8rem;
	height: auto;
	background: #fff;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	border-radius: 0.2rem;
}
.userInfo .close{
	width: 0.5rem;
	height: 0.5rem;
	position: absolute;
	right: 0.5rem;
	top: 0.5rem;
}
#his{
	width: 100%;
	height: 9.3rem;
	overflow-y: hidden;
	position: relative;
	background: url(../img/hisbanner.jpg) no-repeat center;
	background-size: 100% auto;
	margin-bottom: 1rem;
	
}
.hisMain{
	width: 100%;
	height: 9.3rem;
	overflow-y: auto;
	background: url(../img/lineL.png) no-repeat center center ;
	background-position:center 0.4rem ;
	background-size: auto 8.53rem;
	padding-bottom: 1rem;
	
}
.hisLft{
	width: 1.8rem;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
}
.hisLft li{
	width: 100%;
	height: auto;
	color: #595959;
	font-size:0.16rem ;
	font-family: impact;
	height: 1rem;
	line-height: 1rem;
}
.hisLft li .line{
	width: 0.4rem;
	height: 0.03rem;
	background: #595959;
	float: left;
	margin-right: 0.1rem;
	margin-top: 0.48rem;
	transition: all 0.3s;
}
.hisLft li.active{
	font-size: 0.2rem;
	color: #009394;
}
.hisLft li.active .line{
	width: 0.6rem;
	height: 0.05rem;
	background:#009394 ;
	margin-top: 0.47rem;
	transition: all 0.3s;
}
.hisMain li img{
	width:3.8rem ;
	height: 2.2rem;
	position: absolute;
	top: 0;
	right: 50%;
	transform: translateX(-1.45rem);
	
}
.hisMain li{
	width: 100%;
	height: auto;
	position: relative;
	margin-top: 1.15rem;
	overflow: hidden;
}
.hisMaincenter{
	position: absolute;
	top: 0.9rem;
	left: 50%;
	transform: translateX(-1.06rem);
}
.hisMaincenter .line{
	width: 1.06rem;
	height: 1px;
	background: url(../img/lineH.png) no-repeat right center;
	background-size: 1.06rem 1px;
	display: block; 
	margin-top: 0.13rem;
	
}
.active .hisMaincenter .line{
	background: url(../img/lineHa.png) no-repeat right center;
	
}
.cir{
	background: url(../img/circle.png) no-repeat;
	background-size: 0.34rem;
	width: 0.34rem;
	height: 0.34rem;
	position: absolute;
	top: 0;
	right: -0.27rem;
}
.active .cir{
	background: url(../img/circleL.png) no-repeat;
	background-size: 0.34rem;
	width: 0.34rem;
	height: 0.34rem;
	position: absolute;
	top: 0;
}
.hisMainRight{
	width: 50%;
	float: right;
	overflow: hidden;
	height: auto;
	padding-left: 0.9rem;
}
.hisMainRight h2{
	width: 100%;
	height: 0.94rem;
	overflow: hidden;
	line-height: 0.94rem;
	font-size: 0.7rem;
	color: #474747;
}
.active .hisMainRight h2{
	color:  #009292;
}
.hisMainRight h4{
	width: 100%;
	height: 0.64rem;
	overflow: hidden;
	line-height: 0.64rem;
	font-size: 0.3rem;
	color: #000000;
}
.hisMainRight p{
	line-height: 0.28rem;
	font-size: 0.18rem;
	color: #000000;
	margin-bottom: 0.2rem;
	width: 6rem;
	text-align: justify;
}
.soluLi{
	width: 8.6rem;
	margin: 0 auto;
	height: 1rem;
	display: flex;
	justify-content: space-between;
}
.soluLi li.active{
		background:#009695;
		color: #fff;
	}
	.soluLi .soluLiImg{
		display: none;
	}
	.soluLi li{
		float: left;
		text-align: center;
		height: 0.84rem;
		line-height: 0.84rem;
		color: #000000;
		background: #F8F8F8;
		border-radius: 0.06rem;
	}
	.soluLi li p{
		display: inline-block;
		line-height: 0.25rem;padding:  0.15rem 0.3rem;
		height: auto;
	}

.soluLi li{
	width: 2.8rem;
	text-align: center;
	font-size: 0.24rem;
	color: 000000;
}
.soluLi li.active .soluLiImg{
	background:#009294 ;
}
.solutionMainInsp{
	font-size: 0.18rem;
	color: #474747;
	text-align: center;
	margin-bottom: 0.8rem;
	
}
.soluLiImg{
	width: 1.8rem;
	height: 1.8rem;
	overflow: hidden;
	border-radius: 50%;
	margin: 0 auto;
	border: 1px solid #EFEFEF;
}
.advantageNav{
	width: 14rem;
	margin: 0 auto;
	height: 6.13rem;
}
.soluInfo{
	overflow: hidden;
	width: 100%;
	background: #F8F8F8;
	display: none;
}
.soluInfo.active{
	display: block;
}
.soluInfo>#swiper-container{
	width: 50%;
	float: left;
	height: 9rem;
}
.soluInfo #swiper-container>.swiper-pagination-bullets,.soluInfo #swiper-container .swiper-pagination-custom,.soluInfo #swiper-container .swiper-pagination-fraction{
	bottom: 0.3rem;
}
.soluInfo1{
	height: 9rem;
	width:11.1rem;
	background: url(../img/soluInfo1.jpg) no-repeat center;
	background-size: 11.1rem auto;
}
.soluInfo2{
	height: 9rem;
	width: 11.1rem;
	background: url(../img/soluInfo2.jpg) no-repeat center;
	background-size: 11.1rem auto;
}
.soluInfo3{
	height: 9rem;
	width: 11.1rem;
	background: url(../img/soluInfo3.jpg) no-repeat center;
	background-size:11.1rem auto;
}

.soluInfo4{
	height: 9rem;
	width:11.1rem;
	background: url(../img/soluInfo4.jpg) no-repeat center;
	background-size: 11.1rem auto;
}
.soluInfo5{
	height: 9rem;
	width: 11.1rem;
	background: url(../img/soluInfo5.jpg) no-repeat center;
	background-size:11.1rem auto;
}
.soluInfo6{
	height: 9rem;
	width: 11.1rem;
	background: url(../img/soluInfo6.jpg) no-repeat center;
	background-size:11.1rem auto;
}
.soluInfoR{
	float: right;
	width: 50%;
	padding-left: 1.14rem;
}
.soluInfoR .title{
	margin-top: 1.27rem;
}
.soluInfoRTes{
	font-size: 0.16rem;
	color: #474747;
	line-height: 0.32rem;
	width: 6.4rem;
	text-align: justify;
}
.advantage .solutionMainInstitle{
	margin-top: 1rem;
}
.advantageNav{
	width: 14rem;
	display: flex;
	justify-content: space-between;
}

.advantageNav li{
	width: 2.4rem;
	text-align: center;
}
.advantageNav img{
	width: 1.95rem;
	height: 2.24rem;
	margin: 0 auto 0.45rem;
}
.advantageNav h6{
	font-size: 0.3rem;
	color: #474747;
	font-weight: 600;
}
.advantageNav p{
	font-size: 0.18rem;
	color: #474747;
	font-weight: 500;
	text-align: justify;
	margin-top: 0.3rem;
	line-height: 0.33rem;
}
.case{
	width: 16rem;
	height: 7.5rem;
	overflow: hidden;
	margin: 0 auto;
	background: url(../img/caseBj.png) no-repeat center;
	background-size: 100% auto;
}
.case .solutionMainInstitle{
	margin-top: 1rem;
	color: #fff;
}
.case .solutionMainInstitleLine{
	background: #fff;
	margin-bottom: 0.9rem;
}
.caseList {
	width: 12.1rem;
	margin:0 auto 0.2rem;
	display: flex;
	justify-content: space-between;
}
.caseList img{
	width: 3.9rem;
	height: 1.45rem;
}
.caseList1 img{
	width: 3.2rem;
	height: 1.45rem;
}
.caseList1 img:last-child{
	width: 1.9rem;
	height: 1.45rem;
}
.caseList2{
	display: none;
}
.IntelProduct{
	padding-top: 1rem;
	width: 100%;
	height:auto;
	
}
.IntelProduct .solutionMainInstitle{
	width: 100%;
}
.IntelProductList{
	width: 16rem;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	margin-bottom: 1rem;
}
.IntelProduct li{
	width: 5.2rem;
	height: 5rem;
	font-size: 0.26rem;
	color: #474747;
}
.IntelProduct li .IntelImg{
	width: 5.2rem;
	height: 3.7rem;
	overflow: hidden;
}
.IntelProduct li p{
	line-height: 0.9rem;
	height: 0.9rem;
	text-align: center;
}
.soluInfoRsoluList{
	width:4.4rem;
	height: auto;
	margin-top: 0.85rem;
}
.soluInfoRsoluList ul{
	width: 100%;
	overflow: hidden;
	height: 1.6rem;
}
.soluInfoRsoluList ul li{
	width: 0.9rem;
	text-align: center;
	font-size: 0.2rem;
	float: left;
	margin-right: 0.44rem;
}
.soluInfoRsoluList ul li img{
	width: 0.8rem;
	height: 0.8rem;
}
.soluInfoRsoluList ul li p{
	height: 0.5rem;
	line-height: 0.5rem;
}
/* #swiper-container5 .swiper-button-prev{
	background: url(../img/iconL.png) no-repeat center;
	background-size:0.65rem auto ;
	width: 0.65rem;
	height: 0.65rem;
	left: inherit;
	right: 0;
	bottom: 0;
	top: inherit;
}
#swiper-container5 .swiper-button-next{
	background: url(../img/iconR.png) no-repeat center;
	background-size:0.65rem auto ;
	right: -0.65rem;
	width: 0.65rem;
	height: 0.65rem;
	left: inherit;
	bottom: 0;
	top: inherit;
} */