@media screen and (min-width:0) and (max-width:998px){
	.productCenterBanner{
		background: url(../img/webApp/productCenterBanner.png) no-repeat center;
		background-size: 100% auto;
		height: 9rem;
		width: 100%;
	}
	.counselbanner{
		background: url(../img/webApp/newsBanner.png) no-repeat center;
		background-size: 100% auto;
		height: 9rem;
		width: 100%;
	}
	
	.solutionBanner{
		background: url(../img/webApp/solutionBanner.jpg) no-repeat center;
		background-size: 100% auto;
		height:  9rem;
		width: 100%;
	}
	.solutionBanner_new{
		background: url(../img/solutionBanner_new_m.jpg) no-repeat center;
		background-size: 100% auto;
		height: 6.2rem;
		width: 100%;
	}
	.contractUs{
		background: url(../img/webApp/contractUs.jpg) no-repeat center;
		background-size: 100% auto;
		height: 9rem;
		width: 100%;
	}
	#banner.productCenterBanner .btn{
		left: 0.72rem;
		top: 4.5rem;
	}
	.goodsNavwrap{
		width: 7.5rem;
		margin: 0 auto;
		overflow-x: scroll;
		height: 1rem;
		overflow-y: hidden;
		padding: 0 0.5rem;
	}
	
	.goodsNav  li{
		float: left;
		width: auto;
		height: 0.9rem;
		float: left;
		text-align: center;
		line-height: 0.9rem;
		font-size:0.3rem;
		font-weight: 300;
		color: #000;
		background: none;
		transition: background 0.3s;
		cursor: pointer;
		margin-right: 2px;margin: 0 0.4rem;
	}
	.goodsNav  li.active{
		border-bottom:2px solid #009393;
		color: #000;
		background: none;
	}
	.goodsNav li:hover {
	    color: #000;
	    background: none;
	}
	.goodsNav{
		width: 11.8rem;
	}
	.goodsList{
		width: 6.9rem;
		margin: 0.4rem auto;
		clear: both;
	}
	.goodsList li{
		position: relative;
		width: 3.4rem;
		float: left;
		height: 5.5rem;
		margin-right: 0.1rem;
		/* background: #FFFFFF; */
		margin-bottom: 0.1rem;
		overflow: hidden;
		cursor: pointer;
		float: left;
	}
	.goodsList li:nth-child(2n){
		margin-right: 0;
	}
	.goodsTitle{
		position: absolute;
		left: 0;
		top: 0;
		font-size: 0.24rem;
		font-weight: 600;
		color: #474747;
		line-height:0.24rem;
		margin: 4.9rem 0 0 ;
		z-index:99
	}
	.goodsTitle span{
		display: block;
		height: 0.20rem;
		font-size: 0.20rem;
		
		font-weight: 500;
		color: #868686;
		line-height:  0.20rem;
		margin-top: 0.11rem;
	}
	.goodsImg{
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 4.7rem;
		overflow: hidden;
	}
	.goodsImg img{
		width: 100%;
		transition: all 0.4s;
		transform-origin: center;
		margin: 0 auto 0;
		opacity: 1;
	}
	.goodsList li:hover{
		box-shadow: none;
	}
	
	.goodsList li .goodsImg:hover img{
		transform: scale(1.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{
		height: 2rem;
		color:#868686 ;
		line-height: 2rem;
		font-size: 0.14rem;
		color: #868686;
		overflow: hidden;
		clear: both;
		text-align: center;
	}
	.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.2rem;
		height: 0.2rem;
		border: 1px solid #797979;
		border-radius: 50%;
		margin-left: 0.15rem;
		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);
	}
	#swiper-container4>.swiper-pagination-bullets,#swiper-container .swiper-pagination-custom,#swiper-container .swiper-pagination-fraction{
		left: 0;
		bottom: 0;
	}
	#swiper-container4 .swiper-pagination{
		text-align: center;
	}
	#swiper-container4 .swiper-pagination-bullet{
		width: 0.6rem;
		height: 0.04rem;
		background:#D0D0D0;
		opacity: 1;
	}
	#swiper-container4 .swiper-pagination-bullet-active{
		height: 0.04rem;
		background:#009393;
	}
	#swiper-container4 .swiper-pagination-bullet{
		border-radius:0;
		margin: 0;
	}
	/* 详情 */
	#goodsInfo{
		width: 100%;
		margin: 0 auto;
	}
	#imgList{display: none;}
	#imgListmobile{display: block;}
	.navigation{
		position: fixed;
		left: 1.83rem;
		top: 50%;
		transform: translateY(-50%);
		display:none;
	}
	.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%;
		
	}
	#swiper-container4{
		width: 6.9rem;
		height: auto;
	}
	#imgListmobile{
		width: 6.9rem;
		height: auto;
		margin: 1.4rem 0.3rem 0;
		position: relative;
	}
	.return{
		display: none;
	}
	.imgList .imgList_img{
		width:  6.9rem;
		height:100%;
		position: absolute;
		overflow: hidden;
		position: relative
	}
	.imgList .imgList_img img{
		display: block;
		width:  6.1rem;
		height: auto;
		transform: translateY(-50%);
		position: absolute;
		top: 50%;
	}
	.goodsInfo{
		position: initial;	
		width: 5.7rem;
		top: 0;
		transform: translateY(0);
		right: 0;
		height: auto;
		margin: 0 auto;
	}
	.goodsInfo_tit {
		border-bottom: 1px solid #ACACAC;
		overflow: hidden;
		text-align: center;
		height: 3rem;
		
	}

	.goodsInfo_tit h6{
		height: 0.3rem;
		font-size: 0.28rem;
		font-weight: 500;
		color: #000000;
		line-height:  0.3rem;
		margin: 0.82rem 0 0.55rem;
		position: relative;
		font-weight: 600;
	}
	.goodsInfo_tit p{
		font-size: 0.24rem;
		font-weight: 500;
		color: #000000;
		line-height: 0.24rem;
		margin-bottom: 0.22rem;
		/* padding-left: 28%; */
		text-align: center;
	}
	.character{
		border-bottom: 1px solid #ACACAC;
	}
	.character h6{
		margin: 0.82rem 0 0.26rem;
		height:0.32rem;
		font-size:0.28rem;
		font-weight:500;
		color: #000000;
		line-height: 0.32rem;
		text-align: center;
		font-weight: 600;
	}
	.character ul{
		overflow: hidden;
		margin-bottom: 0.4rem;
		
		width: 5.7rem;
		margin: 0 auto;
		padding-bottom: 0.2rem;
	}
	.character li{
		width: 2.85rem;
		float: left;
		height: 0.65rem;
		line-height: 0.65rem;
		
		font-size:0.24rem;
		font-weight:500;
		color: #474747;
		margin-bottom: 0.2rem;
		
	}
	.character li img{
		width: 0.65rem;
		float: left;
		height: 0.65rem;
		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:500;
		
	}
	.close_bgmask{
		background: url(../img/close.png) no-repeat center;
		background-size: 100%;
	}
	.colorList{
		font-size:0.18rem;
		font-weight:500;
		color: #000000;
		line-height: 0.3rem;
		display: none;
	}
	.img_bgmask{
		z-index: 2000;
	}
	.colorList li{
		float: left;
		width: 0.63rem;
		height: 0.76rem;
		background: #FFFFFF;
		margin-right: 0.1rem;
	}
	#colorList{
		
		overflow-y: auto;
		width: 100%;
		position: absolute;top:-2.5rem;
		left: 0;
		background: rgba(255,255,255,0.9);
		z-index: 59;
		display: none;
	}
	#colorList ul{
		margin: 0 auto;
	}
	.h6jrbr{
		display: inline-block;
		width: 0.9rem;
		padding: 0.3rem;
		height: auto;
		position: absolute;
		right: 0.5rem;
		top: 0.1rem;
		transform: rotateZ(90deg);
		background: #F1F2F0;
		transition: all 0.3s; 
	}
	.colorListH6{
		width: 4rem;
		overflow: hidden;
		height: 1.13rem;
		margin: 0 auto;
		
		text-align: center;
		
	}
	.colorListH6 ul {
		display: inline-block;
	}
	.colorListH6 li{
		width: 0.7rem;
		height: 0.7rem;
		border-radius: 50%;
		float: left;
		margin-right:0.3rem ;
		margin-top: 0.2rem;
		
	}
	.h6Click #colorList{
		display: block;
	}
	.h6Click .h6jrbr{
		transform: rotateZ(-90deg);
	}
	#colorList li{
		width: auto;
		margin: 0;
		height:  2.5rem;
		float: left;
	}
	#colorList li img{
		height: 2.5rem;
		width: auto;
	}
	.seaSize{
		width: 5.05rem;
		height: 0.70rem;
		background: #F9F9F9;
		border: 1px solid #C7C7C7;
		text-align: center;
		line-height:0.7rem;
		padding-left: 0;
		font-size:0.24rem;
		font-weight:500;
		color: #000000;
		margin:0.82rem auto 0.2rem;
		cursor: pointer;
	}
	.seaSize img{
		display: block;
		width:0.12rem;
		float: right;
		margin-right: 0.3rem;
		margin-top: 0.23rem ;
	}
	.h6{
		height:1.15rem;
		font-size: 0.3rem;
		font-weight:500;
		color: #000000;
		line-height: 1.05rem;
		background: #F1F1F1;
		
		position: relative;
		display: block;
		text-align: center;
		width: 6.9rem;
		margin: 0 auto;
	}
	.techBtn{
		width: 5.05rem;
		height: 0.70rem;
		background: #009394;
		text-align: center;
		line-height: 0.7rem;
		font-size: 0.24rem;
		font-weight:500;
		color: #FFFFFF;
		cursor: pointer;
		margin: 0.1rem auto 0.88rem;
		clear: both;
		overflow: hidden;
	}
	.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.36rem;
		font-weight: 500;
		color: #000000;
		line-height:0.4rem;
		margin: 0.8rem auto 0.35rem;
		width: 100%;
		text-align: center;
		font-weight: 600;
	}
	.moreTitleLine{
		width: 0.4rem;
		height: 2px;
		background: #000000;
		margin: 0 auto;
		display: block;
	}
	
	
	.layerMain{
		width: 6.9rem;
		height: auto;
		background: #FFFFFF;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%,-50%);
	}
	.layerMainImg{
		width: 5.90rem;
		height:auto;
		background: #FFFFFF;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%,-50%);
	}
	.imgC{
		width: 5.9rem;
	}
	.layerMainImg .commonImg{
		width:auto;
		height: 6.5rem;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%,-50%);
	}
	.layer .close{
		width:0.4rem;
		height: 0.4rem;
		position: absolute;
		right: 0.4rem;
		top: 0.4rem;
		cursor: pointer;
	}
	
	.technologyCenterBanner{
		background: url(../img/webApp/technologyCenterBanner.jpg) no-repeat center;
		background-size: 100% auto;
		height: 9rem;
		width: 100%;
	}
	
	
	
	.technology{
		width: 6.9rem;
		margin: 0.45rem auto;
		overflow: hidden;
		position: relative;
	}
	
	.technologyImg{
		position: inherit;left: 0;
		top: 0;
		width: 6.9rem;
		height: 3.6rem;
		overflow: hidden;
		z-index: 1;
	}
	.technologyr{
		float: none;
		width:6.9rem ;
		height: auto;
		background:#F6F6F6 url(../img/bj1.png) no-repeat center bottom  ;
		background-size: 100% auto;
		overflow: hidden;
	}
	.technologyr .title{
		width: 6.9rem;
		height: auto;
		margin-top: 0.5rem ;
		margin-left: 0;
		float:none ;
		font-size: 0.22rem;
		line-height: 0.38rem;
	}
	.technologyL li .techFooter span {
	    height: 0.22rem;
	    font-size: 0.22rem;
	    display: block;
	    font-weight: 500;
	    color: #000000;
	    line-height: 0.22rem;
	}
	.technologyr .title span{
		width: 0.4rem;margin: 0.3rem auto ;
		height: 2px;background: #009394;
		display: block;
	}
	.titleinfo{
		font-size: 0.30rem;
		line-height: 0.5rem;
		font-weight: 600;
	}
	.technologyL li .techFooter p {
	    height: 0.34rem;
	    font-size: 0.34rem;
	    
	}
	.technologyInfo{
		width: 5.7rem;
		height: auto;
		margin: 0 auto;
		float:none ;
		font-size: 0.24rem;
	
		font-weight:500;
		color: #646464;
		line-height: 0.32rem;
		margin-bottom: 0.5rem;
		text-align: justify;
	}
	
	
	.technologyL li{
		width: 6.9rem;
		float: left;
		height: 3.96rem;
		position: relative;
		margin-right: 0.3rem;
		margin-left: 0.3rem;
		margin-bottom: 0.2rem;
		overflow: hidden;
		cursor: pointer;
	}
	
	
	
	.techList {
		width: 100%;
		height: auto;
		overflow: hidden;
		background: url(../img/webApp/bj4.png) no-repeat fixed;
		padding-bottom: 0.9rem;
		margin-bottom: 0.4rem;
		background-size: 100% auto;
	}
	
	.techList1{
		float: right;
		width: 5.60rem;
		height:auto;
		background: rgba(255,255,255,0.7);
	
		margin-top: 0.6rem;
		position: relative;
	}
	.techList1>span{
		height:1.5rem;
		font-size: 1.5rem;
		font-family: Impact;
		font-weight:500;
		color: #515151;
		line-height: 1.2rem;
		position: absolute;
		left: -0.75rem;
		top: 0;
	}
	.techList1 .title{
		font-size: 0.4rem;
		
		font-weight: bold;
		color: #646464;
		line-height: 0.4rem;
		margin: 0.9rem 0 0 0.9rem;
		overflow: hidden;
		text-align: left;
		
	}
	.techList1 .title span{
		width: 0.6rem;
		height: 2px;background: #009394;
		margin-bottom: 0.5rem;
		display: block;
		margin-top: 0.46rem;
	}
	.techList1 p{
		margin-left: 0.9rem;
		font-size:0.24rem;
	width: 3.8rem;
		font-weight: 300;
		color: #646464;
		line-height: 0.32rem;
		margin-bottom: 0.4rem;
		text-align: justify;
	}
	.techList1 img{
		width:3.8rem;
		background: #B9B9B9;
		height: auto;
		margin-bottom: 0.75rem;
		margin-left: 0.9rem;
	}
	#swiper-container2{
		width: 3.8rem;
	}
	#swiper-container2 img{
		margin-left: 0;
	}
	
	
	.techList2{
		float: left;
		width: 5.60rem;
	
		margin-top: 0.8rem;
	
	}
	.techList2>span{
		right: -0.75rem;
		top: 0;
		left: inherit;
	}
	
	.aboutUsBanner{
		background: url(../img/webApp/techBanner.jpg) no-repeat center;
		background-size: 100% auto;
		height: 9rem;
		width: 100%;
	}
	/* 关于我们 */
	.aboutNavwrap{
		width: 7.5rem;
		margin: 0 auto;
		overflow-x: scroll;
		height: 1rem;
		overflow-y: hidden;
	}
	#aboutNav{
		width: 10rem;
		margin: 0 auto;
		height: 0.9rem;
		background: #fff;
		line-height: 0.9rem;
	}
	
	#aboutNav li{
		float: left;
		height: 0.9rem;
		text-align: center;
		line-height: 0.9rem;
		font-size:0.23rem;
		font-weight: 300;
		cursor: pointer;
		
		width: auto;
		color: #000;
		background: none;
		transition: background 0.3s;
		cursor: pointer;
		margin: 0 0.4rem;
	}
	#aboutNav li a{
		color: #525252;
	}
	#aboutNav  li.active{
		border-bottom:2px solid #009393;
		color: #000;
		background: none;
	}
	#aboutNav  li.active a{
		color: #000;
	}
	#aboutNav  li:hover{
		background: none;
		color: #000;
		border-bottom:none;
	}
	#aboutNav  li:hover a{
		color: #000;
	}
	
	
	.aboutUs{
		width: 7.5rem;
		height: 17rem;
		position: relative;
		margin: 0.3rem auto 0.5rem;
	}
	.aboutUsImg{
		width: 6.9rem;
		height: auto;
		background: #D5D5D5;
		position: absolute;
		bottom: 0;
		left: 0.3rem;
	}
	.aboutUsInfo{
		float: none;
		margin-left: 0;
		width:6.5rem;
		margin:0 auto;
		padding-top: 0;
		text-align: center;
		
	}
	.titleEN{
		font-size: 0.32rem;
		font-weight: 600;
		height: 0.32rem;
		line-height: 0.32rem;
	}
	.title .line{
		background: #009393;
		margin: 0.35rem auto;
		height: 0.04rem;
	}
	.aboutInfo{
		margin-top: 0;
		height: auto;
		margin-bottom: 0.28rem;
		font-size: 0.22rem;
		font-weight:500;
		color: #646464;
		line-height: 0.32rem;
	}
	.aboutInfo p{
		margin-bottom: 0.2rem;
	}
	.aboutUsIns{
		width: 90%;
		
		text-align: center;
		height: auto;
		font-size: 0.26rem;
	
		font-weight:500;
		color: #000000;
		line-height: 0.4rem;
		margin: 0 auto;
	}
	#aboutUsNav{
		width: 6.9rem;
		margin: 0 0.3rem;
		display: block;
		/* justify-content: space-between; */
		overflow: hidden;
		margin-bottom: 0.6rem;
	}
	#aboutUsNav li{
		width: 3.40rem;
		height: 5.5rem;
		border: 1px solid #A3A3A3;
		color: #474747;
		transition: all 0.3s;
		margin-bottom:0.08rem;
		float: left;
		margin-right: 0.1rem;
	}
	#aboutUsNav li:nth-child(2n){
		margin-right: 0;
	}
	#aboutUsNav li img{
		width: 0.9rem;
		height:0.9rem;
		border-radius: 50%;
		margin: 0.8rem auto 0.3rem;
		
	}
	#aboutUsNav li span{
		display: block;
		width: 100%;
		text-align: center;
		height:0.3rem;
		font-size: 0.3rem;
		font-weight: 500;
		
		line-height:0.3rem;
		margin-bottom: 0.4rem;
	}
	#aboutUsNav li p{
		width: 2.8rem;
		text-align: center;
		margin: 0 auto;
		font-size: 0.24rem;
		font-weight: 300;
		cursor: pointer;
		line-height:0.3rem;
		text-align: justify;
	}
	#aboutUsNav li p{
		display: block
	}
	#aboutUs .solutionMainInstitleLine{
		margin-bottom: 0.6rem;
	}
	#aboutUs .aboutUsIns{
		margin-bottom: 0.6rem;
	}
	.aboutUsInfoFooter{
		text-align: center;
		margin: 0.6rem auto 0;
		width: auto;
	}
	.aboutUsInfoFooter ul{
		margin: 0 auto;
		overflow: hidden;
		width: 6rem;
	}
	#aboutUsNav li:hover{
		color: #fff;
		border: 1px solid #A3A3A3;
		border-color: #009394;
	}
	#aboutUsNav li img{
		margin-bottom: 0.44rem;
	}
	#aboutUsNav li:hover .aboutUsNavIconL,#aboutUsNav li:hover .aboutUsNavIcon,#aboutUsNav li .aboutUsNavIcon,#aboutUsNav li .aboutUsNavIconL{
		display: none;
	}

	#aboutUsNav li .aboutUsNavIconW{
		display: block;
	}
	#aboutUs{
		overflow: hidden;
	}
	.history{
		width: 7.5rem;
		height: 8rem;
		overflow: hidden;
		position: relative;
		background: url(../img/webApp/bj1996.png) no-repeat center;
		background-size: 100% auto;
		margin-bottom: 0.5rem;
	}
	.historyPub{
		position: absolute;
		width: 5.1rem;
		height: auto;
		
	}
	.historyPub .circle{
		display: block;
		width: 0.32rem;
		height: 0.32rem;
		background: #fff;
		border-radius: 50%;
		left: 1.35rem;
		top: 0.1rem;
		position: absolute;
	}
	.historyPub2017{
		top: 4.06rem;
		left: 1.18rem;
	}
	.historyPub2017 img{
		width: 0.67rem;
		margin-left: 1.2rem;
		margin-top: -0.1rem;
	}
	.historyPub2019{
		top:3rem;
		left:1.75rem;
	}
	.historyPub2019 img{
		width: 0.55rem;
		margin-left: 1.3rem;
		margin-top: -0.1rem;
	}
	.historyPub2020{
		top: 1.86rem;
		left: 2.4rem;
	}
	.historyPub2020 img{
		width: 0.56rem;
		margin-left: 1.3rem;
		margin-top: -0.1rem;
	}
	.historyPub2021{
		top: 0.85rem;
		left: 3rem;
	}
	.historyPub2021 img{
		width: 0.66rem;
		margin-left: 1.2rem;
		margin-top: -0.1rem;
	}
	.circleTit{
		height:0.4rem;
		font-size:0.4rem;
		font-family: Impact;
		font-weight:500;
		color: #FFFFFF;
		line-height:0.4rem;
	}
	.historyfooter{
		position: absolute;
		top: 0;
		left: 2rem;
	}
	.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;
		left: 2.3rem;
		top: 0;
	}
	.historyfootertit{
		height: 0.36rem;
		font-size: 0.36rem;
		font-family: Impact;
		font-weight:500;
		color: #FFFFFF;
		line-height: 0.36rem;
		margin-bottom: 0.25rem;
		display: block;
	}
	
	.historyfooter p{
		height:0.3rem;
		font-size:0.2rem;
		font-weight:500;
		color: #FFFFFF;
		line-height: 0.3rem;
		width: 2.3rem;
	}
	.historyfooter p{
		transform: translateX(-10%);
	}
	
	
	
	#corporateCulture{
		overflow: hidden;
		width:6.9rem;
		margin: 0 0.3rem 0.96rem;
		display: block;
	}
	#corporateCulture li{
		width: 3.40rem;
		height: 3.40rem;
		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;
		margin-right: 0.1rem;
		float: left;
		margin-bottom: 0.15rem;
	}
	#corporateCulture li:nth-child(2n){
		margin-right: 0;
	}
	#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.6rem auto 0.15rem;
		
	}
	#corporateCulture .corporateCultureLayer span{
		display: block;
		width: 100%;
		text-align: center;
		height:0.26rem;
		font-size: 0.24rem;
		font-weight: 500;
		color: #fff;
		line-height:0.26rem;
		margin-bottom: 0.15rem;
		color: #fff;
	}
	#corporateCulture .corporateCultureLayer p{
		display: block;
		width: 2.7rem;
		text-align: center;
		font-size: 0.22rem;
		font-weight: 300;
		color: #fff;
		line-height:0.28rem;
		margin: 0 auto;
		text-align: justify;
	}
	#corporateCulture li .corporateCultureLayer{
		opacity: 1;
	}
	#corporateCulture li>p{
		display: none;
	}
	
	#qyry{
		width: 100%;
		height: 11.16rem;
		background: #fff;
		overflow: hidden;
	}
	#qyry .solutionMainInstitle{
		margin-top: 0.74rem;
	}
	.qyryList {
		width: 6.9rem;
		height: auto;
		margin: 0 auto;
	}
	.qyryList li{
		float: left;
		width: 3.4rem;
		text-align: center;
		margin-right: 0;
		font-size: 0.16rem;
		height: 2.8rem;
		
	}
	.qyryList li p{
		height: 0.35rem;
		line-height: 0.35rem;
		color: #7C7C7C;
	}
	.qyryList li:nth-child(2n){
		float: right;
	}
	.qyryList li .qyryimg{
		width: 3.38rem;
		height: 2.28rem;
		border: 1px solid #C7C7C7;
		position: relative;
	}
	.qyryList li .qyryimg img{
		width:2.5rem;
		height: auto;
		position: absolute;
		left: 50%;
		top: 50%;
		transform: translate(-50%,-50%);
	}
	/* .qyryList li:nth-child(4) .qyryimg img{
		width: 1.45rem;
		height: auto;
		position: absolute;
		left: 50%;
		top: 50%;
		transform: translate(-50%,-50%);
	} */
	.aboutUs .aboutUsInfoFooter{
		width: 6rem;
		margin: 0 auto;
	}
	.qyryList li:nth-child(5) .qyryimg img{
		width: 1.45rem;
		height: auto;
		position: absolute;
		left: 50%;
		top: 50%;
		transform: translate(-50%,-50%);
	}
	
	.newsInfo{
		
		width:6.9rem;
		margin:  0 auto;
		overflow: auto;
	}
	.newsInfo_title{
		height: auto;
		overflow: hidden;
		border-bottom: 1px solid #A0A0A0;
		text-align: center;
	}
	.newsInfo_title p{
		height: auto;
		font-size: 0.32rem;
	
		font-weight: 600;
		color: #474747;
		line-height: 0.4rem;
		overflow: hidden;
		margin: 0.5rem 0 0.3rem;
	}
	.newsInfo_title span{
		display: block;
		height: 0.16rem;
		font-size: 0.16rem;
		margin-bottom: 0.3rem;
		font-weight:500;
		color: #646464;
		line-height: 0.16rem;
	}
	.newsInfo .main{
		margin:0.6rem 0;
		height: auto;
		font-size: 0.24rem;
		
		font-weight:500;
		color: #646464;
		line-height:0.35rem;
		text-align: left;
		text-align: justify;
	}
	.newsInfo .main span{
		text-align: center;
		width: 100%;
		overflow: hidden;
		display: block;
	}
	.newsInfo .main p{
		text-indent: 2em;
		margin-bottom: 0.15rem;
	}
	.newsInfo .main img{
		width: 6.3rem ;
		margin:0.5rem auto;
	}
	#container{
		width: 6.9rem;
		height: 7rem;
		margin: 0.3rem;
	}
	
	
	
	.contractUsNav{
		width: 6.9rem;
		margin: 0 auto;
		height:  4.4rem;
		overflow: hidden;
		justify-content: space-between;
		display: block;
		border-bottom: 1px solid #AFAFAF;
		
	}
	.contractUsNav li{ 
		width: 6rem;
		padding-left: 0.9rem;
		height: 0.9rem;
		margin-bottom: 0.55rem;
	}
	.contractUsNav li img{
		width: 0.84rem;
		height: 0.84rem;
		float: left;
	}
	.contractUsNavR{
		float: left;
		margin-left: 0.3rem;
		width: 3.5rem;
	}
	
	.contractUsNavR .EN{
		height:  0.5rem;
		font-size: 0.26rem;
		font-weight: 500;
		color: #474747;
		line-height:  0.5rem;
		float: left;
	}
	
	.contractUsNavR .CN{
		height: 0.5rem;
		font-size: 0.26rem;
		font-weight: 300;
		color: #474747;
		line-height:0.5rem;
		margin-bottom: 0;
		float: left;
		width: 50%;
	}
	.contractUsNavR p{
		width: 3.5rem;
		font-size: 0.18rem;
		font-weight: 300;
		color: #474747;
		line-height: 0.3rem;
		float: left;
		
	}
	
	
	
	#message{
		width: 6.9rem;
		margin:0.8rem auto;
		overflow: hidden;
		position: relative;
		height: 11.5rem;
	}
	.userInfo{
		float: left;
		width: 6.9rem;
		overflow: hidden;
	}
	.userInfo h6{
		width: 100%;
		height:0.36rem;
		font-size: 0.36rem;
		font-weight: 500;
		color: #474747;
		line-height:0.36rem;
		margin-bottom: 0.5rem;
	}
	.userInfoPub{
		float: left;
		width: 3.4rem;
		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:500;
		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: 1.9rem;
		background: #F8F8F8;
		border: 1px solid #D2D2D2;
		display: block;
		padding: 0.2rem;
		resize: none;
	}

	.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:6.9rem;
		height: 4.20rem;
		overflow: hidden;
		background: #DDDDDD;
		float: right;
		position: absolute;
		top: 0;
		left: 0;
	}
	.userInfo{
		position: absolute;
		top: 4.7rem;
		left: 0;
	}
	.solutionMainInsPub {
	    width: 6.9rem;
		margin: 0 auto;
	    position: relative;
	    overflow: hidden;
	    margin-bottom: 0.4rem;
		
	}
	
	.solutionMainInsPub img{
		width: 6.9rem;
		height: auto;
		overflow: hidden;
		position: inherit;
		top: inherit;
		left:inherit;
		z-index: 1;
		margin: 0 auto;
	}
	.solutionMainInsPubInfo{
		width: 6.9rem;
		height: 5rem;
		background: #F8F8F8;
		float: right;
		margin: 0 auto;
	}
	.solutionMainInsPubInfoTit{
		margin: 0.6rem 0 0 0.3rem;
		height:  0.32rem;
		font-size: 0.30rem;
		font-weight: 600;
		color: #000000;
		line-height: 0.32rem
	}
	
	.solutionMainInsPubInfoTitLine{
		margin:0.38rem 0 0 0.3rem;
		width: 6.6rem;
		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 0.3rem;
		width: 6rem;
		height: auto;
		font-size:0.24rem;
		font-weight: 300;
		color: #474747;
		line-height: 0.36rem;
		text-align: justify;
	}
	.solutionMainInsPubL .solutionMainInsPubInfo{
		float: left;
	}
	.solutionMainInsPubL img{
		left:0;
		z-index: 1;
	}
	.serve .solutionMainInstitle{
		margin-top: 0.6rem;
	}
	.serve .solutionMainInstitleLine{
		margin-bottom: 0.5rem;
	}
	.serveNav{
		width: 6.9rem;
		display: flex;
		margin:0 auto ;
		justify-content: space-between;
	}
	
	.serveNavPub{
		width: 1.5rem;
		height: 3.65rem;
		position: relative;
		transition: background 0.3s;
	}
	.serveNavPub1{
		width: 6.9rem;
	}
	.serveNavPubImg{
		width: 1.5rem;
		height:1.5rem;
		border:0.02rem solid #D2D2D2;
		border-radius: 50%;
		position: absolute;
		top: 0;
		left: 0;
		background: #fff;
	}
	.serveNavPubImg img{
		width: 0.59rem;
		height: auto;
		margin: 50%;
		transform: translate(-50%,-50%);
	}
	
	
	
	.serveNavPubImg .serveIcon2{
		width: 0.42rem;
	}
	.serveNavPubImg .serveIcon3{
		width: 0.61rem;
	}
	.serveNavPubImg .serveIcon4{
		width: 0.56rem;
	}
	.serveNavPubImg .serveIcon5{
		width: 0.55rem;
	}
	.serveNavPubImg .serveIcon6{
		width:0.64rem;
	}
	.serveNavPubImg .serveIcon7{
		width: 0.74rem;
	}
	.serveIcon1L{
		display: none;
	}
	
	.serveNavPubInfo{
		width: 100%;
		height: 1.5rem;
		background: #F8F8F8;
		border-radius: 0px 0px 0.2rem 0.2rem;
		margin:0.75rem auto 0;
		
		font-size: 0.22rem;
		font-weight: 500;
		color: #474747;
		line-height: 2rem;
		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;
	}
	.layerTall .userInfo{
		width: 7.2rem;
		padding: 0.4rem 0.1rem;
		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.2rem;
		top: 0.2rem;
	}
	#his{
		height: 9.5rem;
		background: url(../img/webApp/lineL.jpg) no-repeat center center;
		background-size: 100% 9.5rem;
	}
	.hisMain{
		width: 100%;
		height: 9.5rem;
		overflow-y: auto;
		background: url(../img/lineL.png) no-repeat center center ;
		background-position:center 0.4rem ;
		background-size: auto 9.5rem;
		padding-bottom: 1rem;
		
	}
	.hisMaincenter{
		transform: translateX(0);
		top: 0.2rem;
	}
	.hisLft{
		display: none;
	}
	.hisMaincenter .line{
		display: none;
	}
	.hisMain li img{
		transform: translateX(-0.6rem);
		width: 2.5rem;
		height: 1.65rem;
	}
	.cir {
	    right: -0.15rem;
	}
	.hisMainRight{
		padding-left: 0.5rem;
	}
	.hisMainRight h2{
		font-size: 0.52rem;
		line-height: 0.52rem;
		height: 0.52rem;
	}
	.hisMainRight h4 {
	    width: 2.6rem;
	    height: auto;
	  
	    line-height: 0.4rem;
	    font-size: 0.26rem;
	    color: #000000;
		margin: 0.1rem 0;
	}
	.hisMainRight p {
	    line-height: 0.32rem;
	    font-size: 0.18rem;
	    color: #000000;
	    /* margin-bottom: 0.1rem; */
	    width: 2.6rem;
	    text-align: justify;
	}
	.solutionMainInstitleLine{
		margin-bottom: 0.5rem;
	}
	.solutionMainInsp{
		width: 5.2rem;
		margin: 0 auto;
		line-height: 0.36rem;
		font-size: 0.22rem;
	}
	.soluLi{
		width: 6.13rem;
		margin: 0.6rem auto 0.3rem;
		height: 0.84rem;
		display: flex;
		justify-content: space-between;
	}
	.soluLi li.active{
		background:#009695;
		color: #fff;
	}
	.soluLi .soluLiImg{
		display: none;
	}
	.soluLi li{
		float: inherit;
		width: 1.96rem;
		text-align: center;
		height: 0.84rem;
		line-height: 0.84rem;
		font-size: 0.2rem;
		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;
	}
	.soluInfo{
		width: 6.9rem;
		margin: 0 auto;
	}
	.soluInfo>#swiper-container{
		width: 100%;
		float: inherit;
		height: 4rem;
		
	}
	.soluInfo>#swiper-container .swiper-slide img{
		position: absolute;top: 50%;
		left: 0;
		transform: translateY(-50%);
	}
	
	
	
	.soluInfo #swiper-container>.swiper-pagination-bullets,.soluInfo #swiper-container .swiper-pagination-custom,.soluInfo #swiper-container .swiper-pagination-fraction{
		bottom: 0.1rem;
		left: 1.9rem;
	}
	.soluInfo1{
		height: 4rem;
		width:6.9rem ;
		background: url(../img/webApp/soluInfo1.png) no-repeat center;
		background-size: 6.9rem auto;
	}
	.soluInfo2{
		height: 4rem;
		width: 6.9rem ;
		background: url(../img/webApp/soluInfo2.png) no-repeat center;
		background-size:6.9rem auto;
	}
	.soluInfo3{
		height: 4rem;
		width: 6.9rem ;
		background: url(../img/webApp/soluInfo3.png) no-repeat center;
		background-size:6.9rem auto;
	}
	
	.soluInfo4{
		height: 4rem;
		width:6.9rem ;
		background: url(../img/webApp/soluInfo4.png) no-repeat center;
		background-size: 6.9rem auto;
	}
	.soluInfo5{
		height: 4rem;
		width: 6.9rem ;
		background: url(../img/webApp/soluInfo5.png) no-repeat center;
		background-size:6.9rem auto;
	}
	.soluInfo6{
		height: 4rem;
		width: 6.9rem ;
		background: url(../img/webApp/soluInfo6.png) no-repeat center;
		background-size:6.9rem auto;
	}
	.soluInfoR{
		float: inherit;
		width: 5.35rem;
		margin: 0.4rem auto;
		padding: 0;
	}
	.soluInfoRTes{
		width: 5.35rem;
	}
	.soluInfoRsoluList{
		margin-top: 0.4rem;
		width: 5.35rem;
		text-align: center;
	}
	.soluInfoRsoluList ul li{
		float: inherit;
		display: inline-block;
	}
	.advantage{
		width: 5.76rem;
		margin: 0 auto;
	}
	.advantageNav{
		width: 5.76rem;
		display: block;
		justify-content: space-between;
	}
	
	.advantageNav li{
		width: 2.5rem;
		text-align: center;
		float: left;
		margin-bottom: 0.5rem;
		
	}
	.advantageNav li:nth-child(2n){
		float: right;
	}
	.advantageNav img{
		width: 1.44rem;
		height: 1.65rem;
		margin: 0 auto 0.3rem;
	}
	.advantageNav h6{
		font-size: 0.28rem;
		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:7.5rem;
		height:6.9rem;
		overflow: hidden;
		margin: 0 auto;
		background: url(../img/caseBj.png) no-repeat center;
		background-size: auto 100%;
	}
	.case .solutionMainInstitle{
		margin-top: 0.8rem;
		color: #fff;
	}
	.case .solutionMainInstitleLine{
		background: #fff;
		margin-bottom: 0.6rem;
	}
	.caseList2 {
		width: 6.14rem;
		margin:0 auto 0.2rem;
		display: flex;
		justify-content: space-between;
	}
	.caseList2 img{
		width: 3rem;
		height: 1.1rem;
	}
	.caseList3 img{
		width: 2.25rem;
		height: 1.1rem;
	}
	.caseList3 img:last-child{
		width: 1.35rem;
		height: 1.1rem;
	}
	.caseList{
		display: none;
	}
	.caseList2{
		display: flex;
	}
	.IntelProductList{
		width: 6.9rem;
		margin: 0 auto;
		display: flex;
		justify-content: space-between;
		margin-bottom: 1rem;
	}
	.IntelProduct li{
		width:2.25rem;
		height: 2.3rem;
		font-size: 0.26rem;
		color: #474747;
	}
	.IntelProduct li .IntelImg{
		width:2.25rem;
		height: 1.6rem;
		overflow: hidden;
	}
	.soluInfoR .title {
	    margin-top: 0.4rem;
	}
	}