@media screen and (min-width:320px) and (max-width:1100px) {
	.videolist a.more{
		display: none;
	}
	#tab{
		    padding-top: 1.2rem;
		    margin-top: -1.2rem;
	}
	.aibox .pho1 .swiper-slide.active{
		display:block;
	}
	
	
	
	.phoneheader .searchbox .hot{
		display: block;
	}
	.aibox .swiper-button-prev,.aibox .swiper-button-next{
		display: none;
	}
	.aboutbox2 .swiper-slide .layers .fonts p, .aboutbox2 .swiper-slide .layers .fonts span{
		font-size: .28rem;
	}
	.productdetail .center li{
		background: url(/images/dot.jpg) no-repeat left top 10px;
	}
	.wap_foot_side{
		display:block;
		position: fixed;
		bottom:0;
		width:100%;
		background:rgba(0,159,185,1);
		box-shadow:0px 1px 5px 0px rgba(20,14,18,0.3);
		z-index:9999;
	}

	.wap_foot_side li{
		float: left;
		width:25%;
		box-sizing: border-box;
		padding:10px 0;
	}
	.question .ans img{
		margin-top:.2rem;
	}
	.aibox2 .commontab{
		margin-top:.5rem;
	}
	
	.contact .box1 .lybox .con .list textarea{
		height:1.2rem;
	}
	.zopim {
		    bottom: 82px !important;
		}
		#top{
			bottom:120px;
		}
	.wap_foot_side li p{
		text-align: center;
		font-size:13px;
		font-family:Arial;
		font-weight:400;
		color:rgba(255,255,255,1);
		margin-top:5px;
		font-weight:bold;
	}
	.wap_foot_side li i{
		border-right:1px solid rgba(201,201,201,0.6);
	}
	.wap_foot_side li i{
		display:block;
		margin:0 auto;
		height:35px;
		width:100%;
	}
	.wap_foot_side li img{
		display:block;
		margin:0 auto;
		height:30px;
	}
	.titles a img{
		margin-left: .1rem;
	}
	.aboutbox4 .swiper1 .swiper-slide{
		width:100% !important;
		margin:0%;
		box-sizing: border-box;
	}
	.productbox2 li .pro img{
		max-width: 95%;
		max-height:95%;
	}
	.aboutbox3 li:nth-of-type(1) .layers p span{
		margin:0 .2rem 0 0;
	}
	body{
		background:#fff;
	}
	.indexproduct .titles a,
	
	.indexabout .titles a,
	.indexnews .titles a,
	.indexai .titles a{
		position: relative;
		width: 1rem;
		box-sizing: border-box;
		display: block;
		height:.5rem;
		margin:0 auto;
		line-height: .5rem;
		text-align: left;
		
	}
	.indexproduct .titles a i,
	.indexhy .titles a i,
	.indexabout .titles a i,
	.indexnews .titles a i,
	.indexai .titles a i{
		margin-top:0;
		position: absolute;
		right:-.08rem;
		top:0;
		font-size: .22rem;
		margin-top:-.015rem;
	}
	.header,.pc
		{
			display: none;
		}
	.wap{
		display: block;
	}
		.productdetail{
			padding-bottom:.5rem;
		}
	
	.aibox .photos.active, .aibox .swiper-slide.photos{
		display: block;
	}
	.banner{
		margin-top:1.2rem;
	}
	.phonebanner .swiper-pagination-bullet{
		width: 10px;
		height: 10px;
		background: #F5F5F5;
		opacity: 0.5;
		border-radius: 50%;
		margin:0 5px !important
	}
	.phonebanner .swiper-pagination-bullet-active{
		width: 38px;
		height: 10px;
		background: #FFFFFF;
		opacity: 1;
		border-radius:10px;
	}
	.phonebanner .swiper-pagination{
		bottom:10px !important
	}
	
		.phoneheader {
			padding: 0 .3rem;
			height: 1.2rem;
			line-height: 1.2rem;
			display: block;
			position: fixed;
			top: 0;
			width: 100%;
			z-index: 9999;
			background: #fff;
			 box-shadow: 0 0 4px #a1a0a0;
			display: flex;
			justify-content: space-between;
			align-items: center;
			
		}
	
		.wrap {
			width: 90%;
			margin: 0 auto;
		}
		
		.banner .swiper-slide p,.banner p.fonts{
			font-size: .48rem;
			top:30%;
			width: 80%;  
			text-align:center;
		}
		.banner .swiper-slide> p.font{
			font-size: .36rem;
			top:60%;
		}
		.banner .swiper-pagination,
		.indexproduct .swiper-pagination, .indexai .swiper-pagination{
			bottom:.3rem;
		}
		.target:target {
		   padding-top: 0;
		   margin-top: 0;
		 }
		.titles{
			padding:.5rem 0;
		}
		.titles h2,.productdetail .top .fr .font1{
			font-size: .36rem;
			height: auto;
		}
		.titles a{
			font-size: .2rem;
		}
		.banner .swiper-pagination-bullet,
		.indexproduct .swiper-pagination-bullet,
		.indexhy .swiper-pagination-bullet,
		.indexabout .swiper-pagination-bullet,
		.videobox2 .swiper-pagination-bullet,
		.aboutbox1 .swiper-pagination-bullet,
		.aboutbox2 .swiper-pagination-bullet,
		.aboutbox3 .swiper-pagination-bullet{
			width: 7px;
			height:7px;
			margin:0 5px !important;
			
			
		}
		.aboutbox1 .swiper-pagination-bullet-active,
		.aboutbox3 .swiper-pagination-bullet-active{
			background:#fff;
		}
		.aboutbox3 .swiper-pagination{
			width: 100%;
			text-align: center;
			bottom:.2rem;
		}
		
		.indexproduct .swiper-slide{
			width:100% !important;
			height:4.25rem;
			
		}
		.indexabout .con .fr .video img{
			height:4.25rem;
		}
		.indexabout .con{
			padding:0 0 1.5rem; 
		}
		.indexabout .con .wrap{
			width: 100%;
			position: relative;
		}
		.productbox1 .swiper-slide i img{
			   width: 100%;
			   height:100%;
		}
		.indexabout .con .wrap .fr{
			position: absolute;
			top:0;
			width: 100%;
			left: 0;
			margin:0;
		}
		 .indexhy .swiper-slide{
			 width:100% !important;
			 height:4.25rem;
		 }
		.indexproduct .swiper-slide img.play,
		.indexabout .con .fr .video img:last-of-type{
			width: .6rem;
			height: .6rem;
		}
		.indexproduct .swiper-slide p,
		.indexai .swiper-slide p{
			font-size: .24rem;
			top:.3rem;
			text-align: center;
			width:100%;
		}
		
		.aboutbox2 .swiper-slide .layers .lg li{
			margin-bottom: .2rem;
		}
		.titles a i, .titles a img,.indexnews li .more i
		,.aibox .photos .txt a i,.recommend .contab .tabs .lists .txt a i{
		    margin-left: 0rem;
		    color: #0099b3;
		   font-size: .25rem;
		  
		   padding-left:0;
		}
		.aibox .photos .txt a{
			    position: relative;
			    width: 1.2rem;
			    box-sizing: border-box;
			    display: block;
			    height: 0.5rem;
			   
			    line-height: .5rem;
			    text-align: left;
			
		}
		.aibox .photos .txt a i{
			margin-top: 0;
			    position: absolute;
			    right: -0.08rem;
			    top: 0rem;
			    font-size: .22rem;
		}
		.newdetail .fl .chapter a{
			height:.4rem;
			overflow: hidden;
			text-overflow: ellipsis;white-space: nowrap;
		}
		.recommend .contab .tabs .lists .txt a i{
			margin-top:0;
		}
		.aibox .list:first-of-type .iconav ul{
			width: 100%;
			justify-content: space-between;
		}
		
		
	.indexnews li .more i,.aibox .photos .txt a i {
		margin-top:0;
	}
	
	.newdetail .fl .con img{
		margin:0 auto .3rem;
	}
		.phoneheader .fr {
			position: absolute;
			right: .3rem;
		}
	
		.phoneheader .fl img {
			height: .42rem;
			display: inline-block;
		}
		.phoneheader .fr img{
			
			display: inline-block;
		}
		.contact .box1 li:nth-of-type(3) .lists .list:last-of-type{
			width: 100%;
		}
	
		.phoneheader .fr span {
			font-size: .5rem;
			margin: 0 .1rem;
			color:rgba(0, 136, 162, 1);
			vertical-align: middle;
		}
	
		.phoneheader .fr img {
			width: .5rem;
			margin-left: .2rem;
		}
	
		.mobile-container {
			position: fixed;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			background: rgba(0, 0, 0, 0.5);
			display: none;
			z-index: 99999;
		}
	
		.mobile_nav {
			position: fixed;
			top: 0;
			right: 0;
			left: auto;
			width: 70%;
			height: 100%;
			background: #fff;
			padding: 0 0.12rem;
			overflow-y: scroll;
		}
	
		.mobile_nav .top {
	
	
			padding: 20px 0 35px;
	
		}
	
		.mobile_nav form {
	
			width: 200px;
			height: 30px;
			line-height: 30px;
			border: 1px solid #eee;
			margin-right: 30px;
			display: flex;
			margin: 20px auto;
		}
	
		.mobile_nav form button {
			height: 30px;
			line-height: 30px;
			width: 30px;
			background: url(/images/search.png) no-repeat center center;
		}
	
		.mobile_nav form input {
			width: 160px;
			padding-left: 10px;
		}
	
		.mobile_nav .top img {
	
			width: 130px;
			display: block;
			margin: 0 auto;
		}
	
		.mobile-container li {
	
			line-height: .8rem;
			text-align: left;
			padding-left: .3rem;
		}
		
		.mobile-container .sub li{
			padding-left: .1rem;
			line-height: .6rem;
		}
	
		.mobile-container li .sub,
		.mobile-container li .three {
			display: none;
		}
		.mobile-container li .sub dt{
			font-size: .3rem;
			line-height: .6rem;
			
		}
		.mobile-container li .sub dt img{
			width: .5rem;
			margin-right: .2rem;
			display: none;
		}
		.mobile-container li .sub dd{
			display: none;
		}
		
		.mobile-container li .sub dd a{
			font-size: .28rem;
			line-height: .45rem;
			padding-right:0;
			padding-left:.4rem;
		}
	
		/* .mobile-container li a {
			font-size: .32rem;
			padding-right: 1rem;
			display: block;
		} */
			
		.mobile_nav >ul>li>a{
			font-size: .32rem;
		}
		.mobile-container li .sub dt{
			padding-left: .1rem;
		}
	
		.mobile_nav>ul>li {
			border-bottom: 1px solid rgba(238, 238, 238, 1);
	  position: relative;
		}
	
		
		.mobile_nav>ul>li i,
		.mobile_nav>ul>li i{
			background: url(/images/xl.png) no-repeat  center;
			width: 50px;
			height:.8rem;
			display: block;position: absolute;
			right:10px;
			top:0;
		}
		.submenus a,.submenus span{
			font-size: .16rem;
		}
		.footersides {
		    width: 90%;
		    position: fixed;
		    top: 15%;
		    left: 5%;
		    right: 0;
		    z-index: 9999;
		    height: 0;
		}
		.footersides .contents {
		    width: 100%;
		}
		.footersides .contents .item{
			height:38px;
			line-height: 38px;
			font-size:19px;
			font-family:Arial;
			font-weight:bold;
			color:rgba(255,153,0,1);
			background:none;
			border-bottom:1px solid rgba(229,229,229,1);
		}
		.footersides .contents .tabs{
			padding:0;
		}
		.indexabout .con .fr .swiper-container li img{
			height:2rem;
		}
		.footersides .contents .tabs input{
			width:80%;
			height:20px;
			line-height: 20px;
			border:1px solid #fff !important;
			outline: none;
		}
		.footersides .contents .tabs textarea{
			width:80%;
			height:58px;
			border:none;
		}
		.footersides .contents .tabs span{
			width:5%;
			text-align: center;
		}
		.footersides .contents .tabs button{
			width:100%;
			height:45px;
			line-height: 45px;
			 border-radius:0;
			 font-size: 19px;
		}
		.footersides .contents .item img.del2 {
		    display: block;
		    width: 20px;
		    top: 10px;
		}
		.footersides .contents .item img.del1 {
		    display: none;
		}
		.footersides a.inqu{
			display:none;
		}
		
		.footersides .contents .info{
			
			line-height: 30px;
			border-bottom:1px solid rgba(229,229,229,1);
		}
			
		
		.banner{
			position: relative;
		}
		.mobile_nav>ul>li:nth-of-type(3) a,
		.mobile_nav>ul>li:nth-of-type(7) a{
			width: 70%;
			display: inline;
		}
	
		.mobile-container li .sub li a,.mobile-container dt a {
			font-size: .3rem;
			line-height: .6rem;
			padding-right: 0rem;
		}
		.mobile-container li .sub .wrap{
			width:100%;
		}
	
		.mobile-container li ul.three li a {
			font-size: .24rem;
			padding-right: 0;
		}
		.mobile-container li ul.three li{
			line-height: .35rem;
		}
	
		.mobile-container .lang {
			padding: .5rem 0 .2rem;
			text-align: center;
		}
	
		.mobile-container .lang a {
			margin: 0 0.2rem;
			font-size: .24rem;
		}
	
		.mobile-container .lang a.active {
			color: #0088A2;
		}
	
		.phonebanner {
			display: block;
			margin-top: 1.5rem;
			position: relative;
		}
	
		.phonebanner img {
			width: 100%;
		}
		
		
		.indexproduct .swiper-button-prev,
		.indexai .swiper-button-prev{
			width:.2rem;
			height:.5rem;
			background:url(/images/more5.png) no-repeat center center/100%;
			left:1%;
			transform:rotate(180deg);
			
		}
		
		.indexproduct .swiper-button-next,
		.indexai .swiper-button-next{
			width:.2rem;
			height:.5rem;
			background:url(/images/more5.png) no-repeat center center/100%;
			right:1%;
			transform: rotate(0deg);
			
		}
		
		.indexai{
			background:none;
		}
		.indexai .con,
		.aibox .photos.active{
			display: block;
		}
		.indexai .con>img, .indexai .con>.text,
		.indexabout .con .fl{
			width: 100%;
		}
		.indexai .con>.text{
			background:none;
			padding:.3rem;
			width:90%;
			margin:0 auto;
			box-sizing: border-box;
			box-shadow: 0 0 5px #a1a0a0;
		}
		.indexai .con>.text .font{
			font-size: .36rem;
		}
		.indexai .con>.text .line,
		.indexabout .con .fl h2,.indexnews li,.footer .fr{
			display: none;
		}
		.indexabout .con .fl .link{
			margin-top:.3rem;
			padding:0 5%;
		  display: flex;
		  justify-content: space-between;
		}
		.indexabout .con .fl .link a{
			width: 1.5rem;
			height:.4rem;
			line-height: .4rem;
			font-size: .24rem;
			padding-left: .15rem;
			margin-right: 0;
			/* background: url(/images/more2.png) no-repeat right .1rem center; */
			position: relative;
		}
		.indexabout .con .fl .link a i{
			font-size: .2rem;
			margin:0;
			position: absolute;
			right:.1rem;
			top:0;
		}
		.submenus{
		  height: auto;
		  line-height: .5rem;
			margin-bottom: .4rem;
		}
		.chapter{
			margin-top:.4rem;
		}
		.submenus.active{
			margin-top:.4rem;
		}
		.indexnews li .more{
			padding-right:.2rem;
			font-size: .24rem;
			margin-top:.2rem;
		}
		.indexai .con>.text .cons,.indexnews li,
		.footer dl, .footer .fl>div,
		.aibox .photos>img,.aibox .photos .txt{
			width: 100%;
		}
		.footer .fl{
			width: 100%;
		}
		.indexai .con>.text p{
			font-size: .28rem;
			line-height: .45rem;
			
			margin:.2rem 0 0;
		}
		.indexabout .con .fl{
			margin-top:7.5rem;
		}
		.indexabout .con .fl p{
			width:90%;
			margin:0 auto .2rem;
			font-size: .28rem;
			line-height:.45rem;
			text-align: justify;
		}
		.indexabout .con .fl p span,.indexabout .con .fl p{
			font-size: .28rem !important;
			line-height:.45rem !important;
		}
		.indexabout .con .fl .link a:last-child{
			margin-right: 0;
		}
		.indexabout .nums{
			width: 90%;
			margin-left: -45%;
			height:2.7rem;
			margin:0 0 0 -45%;
			padding:0;
			bottom:-3rem;
		}
		.indexabout .nums ul{
			flex-wrap: wrap;
			margin:0;
			padding:0;
		}
		.indexabout .nums li{
			width: 33%;
			flex:auto;
			margin-top:.2rem;
		}
			
		
		.indexnews{
			padding:1.5rem 0;
		}
		.indexnews li .txt{
			padding:.3rem .3rem .5rem;
		}
		
		/* 42px */
		.indexabout .nums li span, .indexabout .nums li i{
			font-size: .42rem;
		}
		
		/* 32px */
		.indexnews li .time,.newdetail .fl h2{
			font-size: .36rem;
		}
		/* 45px */
		.indexnews li .font{
			font-size: .32rem;
			line-height: .45rem;
			height: auto;
		}
		.indexnews li a >i{
			height:3.8rem;
		}
		/* 24px */
		.indexnews li .font2,
		.productdetail .top .fr .font2,
		.productdetail .top .fr .font3,
		.productdetail .center li,
		.productdetail .centers h2,.productdetail .bottom h2,.productdetail .bottom p,.newdetail .fl .con p,
		.newdetail .fl .chapter a span,.newdetail .fl .chapter a,.videolist .videobox1 .fr p,.oem .con p{
			font-size: .24rem;
			line-height: .4rem;
			height: auto;
			
		}
		.productdetail .top .fr .font3,
		.productdetail .center .fl span,.productdetail .bottom span,
		.productdetail .bottom p,.productdetail .center .fl p{
			font-size: .28rem !important;
			line-height: .45rem !important;
			font-weight: normal !important;
			
		}
		.productdetail .center{
			display: block;
		}
		.productdetail .center .fr{
			position: relative;
			right:auto;
			
		}
		.oem .lc{
			margin-top:.5rem;
		}
		.newdetail .fl p.time{
			font-size: .14rem;
		}
		.newdetail .fl .con{
			margin-top:.3rem;
		}
		.productdetail .bottom img{
			margin:.3rem auto;
		}
		.productdetail .top .fl .videophoto li{
			height:5rem;
			border:none;
			margin:0;
		}
		.productdetail .top .fl .play{
			position: absolute;
			width:.7rem;
			height:.7rem;
			top:50%;
			left:50%;
			z-index: 99;
			transform: translate(-50%,-50%);
			display: none;
		}
		.productdetail .top .fl li:nth-of-type(1).cur .play{
			display: block;
		}
		.productdetail .center{
			position: relative;
		}
		.aboutbox1 .swiper-father .wow{
			padding-top:0px;
		}
		 .productdetail .center .fl>h2{
			 position: absolute;
			 top:0;
			 left:0;
			 
		 }
		  .productdetail .center .fr{
			  margin-top:.2rem;
		  }
		#spec-list{
			margin:0;
		}
		
		/* /12px */
		.footer .copy p{
			font-size: .16rem;
		}
		.productdetail .top .fr .font2,.productdetail .center h2,.productdetail .bottom h2,.newdetail .fl .con p{
			margin:0 0 .3rem;
		}
		.productdetail .top .fr a{
			width: 1.35rem;
			height:.6rem;
			line-height: .6rem;
			margin:.35rem 0 0 5.4rem;
			font-size: .26rem;
			
		}
		.productdetail .centers h2{
			margin-bottom: .2rem;
		}
		.newdetail .fl .con .photo img{
			width: 48%;
			margin:0 0 .3rem 0;
		}
		.lybox{
			margin:0;
		}
		.productdetail .centers{
			margin-top:1rem;
		}
		
		.footer .copy{
			padding-bottom: .3rem;
		}
		
		.indexabout .nums li p{
			font-size: .24rem;
			margin-top:0rem;
		}
		
		.indexnews li .font{
			margin:.2rem 0 .3rem;
		}
		.indexnews li:nth-of-type(1){
			display: block;
			margin:0;
		}
		.footer .wrap.fn-clear{
			padding:0;
		}
		.footer dt{
			font-size: .32rem;
			margin:0;
			height:.7rem;
			line-height: .7rem;
			background:url(/images/jia.png) no-repeat right .3rem/.2rem;
			border-bottom:1px solid #606161
		}
		.footer dt.active{
			background:url(/images/jian.png) no-repeat right .3rem/.2rem;
		}
		.footer .fl>div dl,.footer .icos a{
			margin:0;
		}
		.footer dd{
			font-size: .24rem;
			display: none;
			line-height: .8rem;
		}
		.footer dd a{
			font-size: .24rem;
			line-height: .8rem;
		}
		.footer .copy .logo{
			display: block;
			padding:.4rem 0 .9rem;
			position: relative;
			 border-bottom:1px solid #606161
		}
		.footer .copy .logo>img{
			position: absolute;
			bottom:0.2rem;
			width:3rem;
		}
		.footer .icos{
			margin-bottom:.4rem;
		}
		.footer .icos a{
			border:1px solid #009fb9;
			width: .4rem;
			height: .4rem;
			margin-right: .2rem;
			border-radius: 50%;
			display: inline-flex;
			vertical-align: middle;
			align-items: center;
			justify-content: center;
		}
		.footer .icos i,.icon-23, .icon-facebook1{
			font-size: .22rem !important;
		}
		
		.searchbox{
			position: absolute;
			top:1.2rem;
			left:0;
			display: none;
			width:100%;
			border:1px solid #eee;
		}
		.searchbox form{
			width:100%;
			height:40px;
			background:#fff;
			line-height: 40px;
			display: flex;
			justify-content: space-between;
			align-items: center;
		}
		.searchbox .hot{
			background:#fff;
			z-index: 99;
			padding:.3rem;
			line-height: .5rem;
		}
		.searchbox .hot span{
			font-size: .12rem;
			line-height: .3rem;
			margin-bottom: .2rem;
			display: inline-block;
			
		}.searchbox .hot li{
			font-size: .16rem;
		
			color:#333;
			line-height: .5rem;
			height: .5rem;
		}
		.searchbox button{
			height:40px;
			line-height: 40px;
			width:50px;
			background:url(/images/se.png) no-repeat center center/25px;
		}
		.searchbox input{
			width:80%;
			height:40px;
			line-height: 40px;
			font-size: 16px;
		}
		.searchbox img{
			width: 20px;
			padding-right:10px;
		}
		
		.banner .scroll1{
			top:4rem;
			    left: 1.4rem;
		}
		.banner .scroll2{
			
			top:2.8rem;
			    left: 3.4rem;
		}
		.banner .scroll3{
			position: absolute;
			
			top:2.4rem;
			    left: 4rem;
		}
		.banner .scroll1 img{
			width: 1rem;
		}
		.banner .scroll2 img{
			width: .6rem;
		}
		.banner .scroll3 img{
			width: 3rem;
		}
		.aibox{
			padding:0.4rem 0  .6rem;
		}
		.aibox .tabtitle,.newslist .tabtitle,
		.aboutbox5 .titles{
			width:5rem;
			margin:0 auto .5rem;
			height:.65rem;
			box-sizing: border-box;
			background:none;
			padding:0;
		}
		.aibox .tabtitle{
			width:6rem;
		}
		.aibox .swiper-pagination-bullet{
			width: 7px;
			height: 7px;
			border-radius: 50%;
			background: #eff0f0;
			opacity: 1;
			margin: 0 5px !important;
		} 
		  .aibox .swiper-pagination-bullet-active{
			  background: #009fb9;
		  }
		.aboutbox5 .titles{
			    background: none;
				border-bottom:1px solid #ededed;
				width:6.5rem;
		}
		/* 97/5 = 0.6/0.03 */
		.contact .box1 li.active >span{
			background:none;
		}
		.contact .box1 li.active >span.line{
			       background: #009FB9;
				   padding:0;
				   margin:-0.05rem 0 0 0;
				   display:block;
		}
		.aibox .tabtitle ul, .newslist .tabtitle>ul{
			/* border-bottom:1px solid #e0e1e1; */
			box-sizing:border-box;
			height:.64rem;
			background: url(/images/line3.png) no-repeat center bottom/100%;
			box-sizing:border-box;
		}
		.newslist .tabtitle>ul{
			background:none;
			border-bottom: 1px solid #ededed;
		}
		.aibox .tabtitle li{
			position: relative;
		}
		.aibox .tabtitle li .line,.aboutbox5 .titles span i.line,
		.productbox1 .titlemav a .line,.newslist .tabtitle>ul>li .line{
			width:.97rem;
			height:.05rem;
			background:#009FB9;
			
			position:absolute;
			left:50%;
			top:.61rem;
			transform: translate(-50%,0);
			display: none;
		}
		.productbox1 .titlemav a{
			display: inline-block;
			width: auto;
		}
		.aboutbox5 .titles span i.line{
			top:.62rem;
		}
		.productbox1 .titlemav a .line{
			top:.515rem;
		}
		.aibox .tabtitle li .line{
				top:.605rem;
		}
		.contact .box1 li .line{
			width:.97rem;
			height:.05rem;
			background:#009FB9;
			padding:0;
			display: none;
		}
		.contact .box1 li{
			position: relative;
		}
		.aibox .tabtitle li.active .line,
		.aboutbox5 .titles span.active .line,.productbox1 .titlemav a.active .line,.newslist .tabtitle>ul>li.active .line{
			display: block;
		}
		.productbox1 .titlemav a.active{
			/* background: url(/images/border.png) no-repeat center bottom/.8rem, url(/images/border2.png) no-repeat right center; */
			    background: none;
				color: #009FB9;
		}
		.productbox1 .titlemav>div{
			justify-content: flex-start;
		}
		.aibox .tabtitle  li,.newslist .tabtitle >ul>li,
		.newslist .tabtitle >ul>li>a,.aboutbox5 .titles span{
			font-size: .36rem;
			line-height:.54rem;
			padding:0;
			box-sizing:border-box;
			height:.54rem;
			
		}
		.aibox .tabtitle li, .newslist .tabtitle>ul>li, .aboutbox5 .titles span{
			background:none;
		}
		.aboutbox5 .titles span i.line2,.newslist .tabtitle>ul>li .line2{
			position: absolute;
			right:0;
			top:0.1rem;
			background:#ededed;
			width:1px;
			height:.35rem;
			
		}
		.aibox .tabtitle li{
			background:url(/images/border2.png) no-repeat right center /.02rem;
		}
	.aibox .tabtitle  li.active,
	.newslist .tabtitle >ul>li.active,
	
	.aboutbox5 .titles span.active{
		background:none;
		/* background:url(/images/border2.png) no-repeat right center /.02rem; */
	}
	.aibox .tabtitle li.active{
		background:url(/images/border2.png) no-repeat right center /.02rem;
	}
	.aibox .tabtitle li:last-of-type.active,
	.newslist .tabtitle >ul>li:last-of-type.active,
	.aboutbox5 .titles span:last-of-type.active{
		background:none;
		
	}
	.productbox1 .titlemav a i.line2{
		    position: absolute;
		    right: 0;
		    top: 0.1rem;
		    background: #ededed;
		    width: 1px;
		    height: 0.35rem;
	}
	.aboutbox5 .titles span:last-of-type i.line2,
	.productbox1 .titlemav a:last-of-type i.line2,
	.newslist .tabtitle>ul>li:last-of-type .line2{
		display: none;
	}
	
	.submenus span,.submenus a{
		line-height: .3rem;
		height: .3rem;
		vertical-align: middle;
		display: inline-block;
	}
	.aibox .photos .txt .font{
		font-size: .32rem;
		text-align: left;
		margin-bottom: .3rem;
	}
	.aibox .photos .txt .font2{
		font-size: .28rem;
		line-height: .45rem;
	}
	.aibox .photos .txt a{
		font-size: .24rem;
		margin-top:.3rem;
	}
	.aibox .iconav{
		overflow: scroll;
	}
	.aibox .iconav ul, .successcase ul{
		padding:.3rem 0 0;
	/* 	width: 180%;
		justify-content:flex-start; */
		flex-wrap: nowrap;
		align-items: auto;
		justify-content: auto;
	}
	.successcase ul{
		display:flex;
		flex-wrap:wrap;
	}
	.aibox .iconav li{
		 flex:inherit;
		text-align: left;
		width: auto;
		margin-right: .5rem !important; 
	}
	.aibox .iconav li i, .successcase ul li i,
	.productbox1 .swiper-slide i{
		width: 1rem;
		height: 1rem;
	}
	.aibox .iconav li span, .successcase ul li span
	{
		font-size: .24rem;
		height: auto;
		width: 1.6rem;
		margin-top:.2rem;
		
	}
/* 	.aibox .list:first-of-type .iconav2 ul{
		width: 300% !important;
		    justify-content: flex-start !important;
			
	} */
	.aibox .list:first-of-type .iconav2 ul li{
		    margin-right: 0.5rem !important;
	}

	
	.productbox1 .swiper-slide span{
		font-size: .26rem;
	}
	
	.aibox .photos{
		position: relative;
	}
	.aibox .photos .txt{
		position: relative;
		top:0;
		width: 100%;
		margin:0;
		padding:0;
	}
	
	.aibox .photos>img{
		position: relative;
	}
	.banner .txt{
		top:35%;
	}
	.banner .txt .font2{
		font-size: .48rem;
		background-size: 60%;
	}
	.banner .txt .font{
		font-size: .36rem;
		margin-top:.4rem;
	}
	.aibox2 .photos .txt{
		position: relative;
	}
	.aibox2 .photos>img{
		margin-top:0.2rem;
	}
	.productbox1{
		padding-top:.5rem;
	}
	.productbox1 .titlemav{
		margin:.4rem 0 0;
		width: 100%;
		
		height:auto;
		box-sizing: border-box;
		border:none;
	}
	.productbox1 .titlemav div{
		/* width: 170%; */
	  /*  margin:0 2%; */
		height:.562rem;
		box-sizing: border-box;
		/* display: flex;
		justify-content: center; */
		margin:0;
		    display: block;
		    text-align: center;
		    white-space: nowrap;
	}
	.productbox1 .titlemav .swiper-container{
		display: block;
		
	}
	
	.productbox1 .titlemav div::-webkit-scrollbar,
	.productbox1 .titlemav::-webkit-scrollbar,
	.productbox1 .titlemavs::-webkit-scrollbar{
  display: none;
}
.aibox .iconav::-webkit-scrollbar {
  display: none;
}
	.productbox1 .titlemav a{
		font-size: .24rem;
		padding:0 .25rem;
		height:.5617rem;
		position: relative;
		color:#999;
		line-height: .55rem;
		box-sizing: border-box;
		    background: none;
		/* 	border-bottom: 1px solid #ededed; */
	}
	.productbox1 .titlemav .swiper-container{
		border-bottom: 1px solid #ededed;
	}
	.titlemavs{
		overflow: scroll;
	}
	.productbox2{
		padding:.5rem 0 1rem;
		margin-top:.4rem;
	}
	.productbox2 li{
		width: 48%;
		margin:0 4% .3rem 0;
		padding-bottom:0;
	}
	.productbox2 li:nth-of-type(2n){
		margin-right: 0;
	}
	.productbox2 li:nth-of-type(3n){
		margin-right: 4%;
	}
	.productbox2 li:nth-of-type(6n){
		margin-right: 0%;
	}
	.productbox2 li .pro{
		height:3rem;
	}
	.productbox2 li .font1{
		font-size: .16rem;
		margin:0 0 .4rem;
		padding:0 .5rem 0 .3rem;
		line-height: .3rem;
		height:.6rem;
       overflow: hidden;
	  
	}
	.productbox2 li i{
		font-size: .3rem;
		    color: #0099b3;
			position: absolute;
			right:.2rem;
			bottom:.6rem;
	}
	.productbox2 ul{
		margin-bottom: .3rem;
	}
	.productbox2 li .font2{
		font-size: .24rem;
		padding:0  .2rem 0rem;
		line-height: .4rem;
		height: .8rem;
		margin-bottom: .1rem
	}
	.productbox2 a.more{
		height:1.2rem;
		line-height: 1.2rem;
		margin:.5rem auto 0;
		font-size: .48rem;
		padding-left: 24%;
		   
			    background-color: #009fb9;
	}
	.productbox2 a.more span{
		height:1.2rem;
		line-height: 1.2rem;
		font-size: .48rem;
	 }
	.productbox2 a.more i{
		font-size: .5rem;
		margin-left: .2rem;
		margin-top:2px;
	}
	.productdetail{
		margin-top:1.2rem;
		padding:.3rem 0 0.5rem;
	}
	.lybox.active{
		margin-top:.3rem;
	}
	.lybox h2{
		padding:.2rem 1.1rem;
		line-height: .3rem;
		font-size: .24rem;
		height: auto;
	}
	.lybox .con{
		padding:.3rem 0 1.5rem;
	}
	.lybox .con .list{
		width: 100%;
		
	}
	.productdetail .bottom iframe,.productdetail .bottom video{
		width:100% !important;
		height:4rem !important
;
	}
	.contact .box1 .lybox .con{
		width: 100%;
		padding-bottom:.8rem;
	}
	.lybox .con .list input{
		width: 70%;
		font-size: .2rem;
		color:#999;	
	}
	.lybox .con .list input::-webkit-input-placeholder{
			color:#999;	
	}
	.solution .con .photo{
		display: block;
	}
	.solution .con .photo img{
		width: 100%;
		margin:0 auto .2rem;
	}
	.lybox.wap{
		max-height: auto;
	}
	.lybox .con button{
		width: 1.35rem;
		bottom:0.4rem;
		right:.3rem;
					height:.6rem;
					line-height: .6rem;
				
					font-size: .26rem;
	}
	.lybox .con .list span{
		font-size: .2rem;
	}
	.productdetail .top,.productdetail .bottom{
		margin-top:.4rem;
	}
	.productdetail .top .fl,.productdetail .top .fr,
	.productdetail .center .fl,
	.productdetail .center .fr{
		width: 100%;
	}
	
	.productdetail .top .fl .video{
		display: none;
	}
	
	.productdetail .swiper-pagination{
		text-align: right;
	}
	.productbox1 .text{
		margin-top:1.2rem;
	}
	.productbox1 .text h2, .successcase h2
	,.solution h2{
		font-size: .36rem;
		margin-bottom: .4rem;
	}
	.oem .lc dt,.oem .lc h2{
		font-size: .3rem;
		margin-bottom: .4rem;
	}
	.oem .lc dl{
		margin-bottom: .5rem;
		
	}
	.oem{
		padding:0;
	}
	.oem .lc div{
		flex-wrap: wrap;
	}
	.oem  .lc div dd{
		background:url(/images/c9.png) no-repeat right center/.4rem;
		padding-right:.5rem;
		margin-bottom: .3rem;
	}
	.oem .lc dd span{
		font-size: .24rem;
	}
	.oem .lc dd i{
		height: 1rem;
	}
	.productbox1 .text p{
		width: 100%;
		background:#eff0f0;
		padding:.3rem .3rem .5rem;
		font-size: .24rem;
		text-align: left;
		left:.3rem;
		line-height: .5rem;
	}
	.productbox1 .wrap,.solution .wrap{
		max-width: 100%;
		width: 100%;
	}
	.solution{
		background:none;
		padding:0;
		margin:0;
	}
	
	.solution .con{
		padding:.5rem 5%;
		background:url(/images/bg6.png) no-repeat top center/cover;
		margin-bottom:.6rem;
	}
	.solution .con p{
		width: 100%;
		font-size: .24rem;
		margin:0 auto .3rem;
		line-height:.4rem;
	}
	.solution h2.wap{
		color:#fff;
	}
	.recommend .title{
		position: relative;
		top:0;
		/* background:#eff0f0; */
		padding:0 5% .4rem;
		
	}
	.recommend .title span{
		display: inline-block;
		border-radius: 0;
		height:.5rem;
		
		line-height: .5rem;
		width: auto;
		padding:0 .15rem;
		border:none;
		/* border-bottom:1px solid #c1c2c2; */
		text-align: center;
		/* padding-left: .3rem; */
		background:none;
		font-size: .24rem;
		color:#333;
		background:#eff0f0;
		margin:0 .14rem .2rem 0;
	}
	.recommend .title span:nth-of-type(4n){
		margin-right:0;
	}
	.indexai .con>.text .cons span{
		font-size: .28rem;
		line-height: .45rem;
		text-align: justify;
	}
	.recommend .title span.active{
		background:#009DB7;
		border:none;
		/* border-bottom:1px solid #c4c5c5; */
		color: #fff;
	}
	.recommend .contab{
		border:none;
		margin:.3rem 0;
	}
	.recommend .contab .tabs .lists .txt{
		position: relative;
		left:0;
		top:0;
		width: 90%;
		margin:0 auto ;
		background:none;
		padding:0;
	}
	.recommend .contab .tabs{
		padding:0;
	}
	.recommend .contab .tabs img{
		width: 90%;
		margin:0 auto .6rem;
	}
	.recommend .contab .tabs .lists{
		padding:0;
		margin-bottom: .6rem;
	}
	.recommend .contab .tabs .lists .txt h2{
		font-size: .3rem;
		margin-bottom: .3rem;
	}
	.recommend .contab .tabs .lists .txt p{
		font-size: .24rem;
		line-height: .45rem;
		
	}
	.recommend .contab .tabs .lists .txt a{
		font-size: .2rem;
		margin-top:.3rem;
		padding-right:.2rem;
	}
	.successcase{
		
		padding:.4rem 0;
	}
	.successcase ul li{
		margin:0 0% .6rem 0;
		width:25%;
	}
	 .successcase ul{
		 width: 100%;
	 }
	 .successcase ul li:nth-of-type(4n){
		 margin-right: 0;
	 }
	 /* .successcase ul li:nth-of-type(4n){
	 		 margin-right: 14%;
	 } */
	 .successcase ul li:nth-of-type(12n){
	 		 margin-right: 0%;
	 }
	 .plan{
		 margin-top:1.2rem;
		 padding:1rem 0;
	 }
	 .plan .text{
		 width: 100%;
	 }
	 .plan .text h2{
		 font-size: .42rem;
		 margin-bottom:.4rem;
	 }
	 .plan .text p{
		 font-size: .24rem;
		 line-height: .35rem;
		 
	 }
	 .plan .text .btn{
		 margin-top:.3rem;
		 text-align: center;
	 }
	 .plan .text .btn a{
		 width: 1.3rem;
		 height:.6rem;
		 line-height: .6rem;
		 font-size: .24rem;
		 margin:0 .2rem;
	 }
	 .newslist{
		 padding:.4rem 0 .7rem;
	 }
	 
	 .aboutbox1 .swiper-pagination{
		 position: absolute;
		 top:3rem;
		 width:100%;
		 text-align: center;
	 }
	 .newslist .relate{
		 display: none;
		 margin:0;
	 }
	 .newslist .indexnews{
		 background:#fff;
		 padding:.4rem 0 0;
	 }
	 .newslist .indexnews li{
		 display: block;
		 margin-bottom: .4rem;
	 }
	 .oem .con p{
		 text-align: left;
	 }
	 .newslist .tabtitle >ul>li .sub{
		 top:.6rem;
	 }
	 .footerside{
		 position: fixed;
		 bottom:0;
		 width:100%;
		 height:1rem;
		 line-height: 1rem;
		 
		 z-index: 99;
	 }
	 .footerside li:nth-of-type(1){
		
		 background:url(/images/sjzx.png) no-repeat left 15% center/25px;
		 background-color:#fab100 ;
	 }
	 .footerside li:nth-of-type(2){
	 	 background:url(/images/teldb.png) no-repeat left 15% center/25px;	 
		
		 background-color:  rgba(0, 0, 0, 0.6);
				 
	 }
	 .footerside ul{
		 display: flex;
		 
	 }
	 .footer{
		 padding-bottom:1.6rem;
	 }
	 .telpop{
		 width:5rem;
		 position: fixed;
		background:#fff;
		z-index: 99;
		top:50%;
		left:50%;
		z-index: 99;
		border-radius: .2rem;
		text-align: center;
		padding:.4rem 0 0;
		transform: translate(-50%,-50%);
	 }
	 .telpop h2{
		 font-size: .3rem;
	 }
	 .telpop p{
		 font-size: .26rem;
		 margin-top:.2rem;
	 }
	 #top img{
	 	width:.8rem;
	 }
	 .telpop .btn{
		 border-top:1px solid #eee;
		 display: flex;
		 justify-content: space-between;
		 align-items: center;
		 line-height: 1rem;
		 margin-top:.2rem;
	 }
	 .telpop .btn a{
		 flex:1;
		 text-align: center;
	 }
	  .telpop .btn a:last-child{
		      color: #009FB9;
			  border-left: 1px solid #eee;
	  }
	 .footerside li{
		 flex:1;
		 
	 }
	 .footerside li a{
		 font-size: .28rem;
		 color:#fff;
		 padding-left:1.4rem;
	 }
	 .newslist .tabtitle >ul>li .sub a{
		 font-size: .22rem;
	 }
	 .newdetail{
		 padding:.6rem 0;
	 }
	 .newdetail .fr{
		 display: none;
	 }
	 .newdetail .fl,.videolist .videobox1 .fl,
	 .videolist .videobox1 .fr{
		 width: 100%;
	 }
	 .videolist .videobox1{
		 margin-bottom:.5rem;
	 }
	 .videolist{
		 padding:.6rem 0;
	 }
	 .videolist .videobox2 h2,.videolist .videobox1 .fr h2{
		 font-size: .32rem;
		 margin-bottom: .3rem;
	 }
	 .videolist .videobox1 .fr{
		 padding:.4rem .3rem;
		 height: auto;
	 }
	 .videolist .videobox2{
		  margin-bottom: .5rem;
	 }
	 .videolist .videobox2 li{
		 width:48%;
		 margin:0 4% 0rem 0;
	 }
	 .videolist .videobox2 li:nth-of-type(2n){
		 margin-right: 0;
	 }
	 .videolist .videobox1 .fl img,
	 .videolist .videobox1 .fl{
		 height: 4rem;
	 }
	 .videolist .videobox2 li p{
		 font-size: .2rem;
		 margin-top:.2rem;
		 line-height: .35rem;
		 height: .7rem;
		 overflow: hidden;
	 }
	 .videolist .videobox2 li img{
		 height: 2rem;
	 }
	 .videolist .videobox1 .fl .play,
	 .videolist .videobox2 li .play{
		 width: .7rem;
		 height:.7rem;
	 }
	 .videobox2 .swiper-container{
		 padding-bottom:.5rem;
		 width:100%;
		 margin:0 auto;
	 }
	 .videobox2 .swiper-pagination{
		 bottom:0 !important
	 }
	 .videolist a.more i{
	 	font-size: .2rem;
	 }
	 .videolist a.more{
		 width: 1.5rem;
		 font-size: .22rem;
		 height:.6rem;
		 line-height: .6rem;
		
		margin:.6rem auto 0;
	    background-color:#009fb9;
		padding-left: 10px;
	 }
	 .map img,.map{
	 	width: 100%;
		height: 5rem;
	 }
	 .contact .box1{
		 padding:1rem 0 9rem;
	 }
	 #allmap{
		 height:4rem !important
	 }
	 .contact .box1 li >i{
		 height:.7rem;
		 display:flex;
		 align-items: center;
		 justify-content: center;
	 }
	 .contact .box1 ul{
		 position: relative;
		 padding:0 .2rem;
		 height:1.4rem;
	 }
	 .contact .box1 li{
		 position: static;
		 width: .97rem;
		 margin-right: .1rem;
		 flex:inherit;
	 }
	  .contact .box1 li:nth-of-type(1),
	  .contact .box1 li:last-child{
		  margin-right: 0rem;
	  }
	 .aboutbox4 .swiper1 .swiper-slide .txt{
		     box-shadow: none;
	 }
	 .aboutbox3 li:hover .layers{
	 	background: rgba(0, 0, 0, 0.15);
	 }
	 .contact .box1 li>span{
		 display: block;
		 text-align: center;
		 height:.39552rem;
	 }
	 .aboutbox4 .swiper1{
		 padding:0;
	 }
	 .contact .box1 li >i img{
		 height: .5rem;
	 }
	 .contact .box1 li:nth-of-type(4) img{
		 height: .43rem;
	 }
	 .contact .box1 li >span,.contact .box1 li .lists p,
	 .lybox .con .list i{
		 font-size: .22rem;
	 }
	 .contact .box1 li .lists{
		 top:2rem;
		 width:100% !important;
		 left:0;
		 transform: translate(0%,0);
	 }
	
	 .contact .box1 .lybox .con .list input{
		
		  font-size: .2rem;
	 }
	
	 .question{
		 padding-bottom:.5rem;
	 }
	 
	
	 .question .qus p{
		 width: 82%;
		 font-size: .3rem;
		 height:.6rem;
		 line-height: .6rem;
		 padding-left: .3rem;
		
	 }
	 .question .ans p{
		 width: 82%;
		 font-size: .3rem;
		 padding-left: .3rem;
		  padding:.2rem 0 .2rem .3rem;
	 }
	 
	 .question img{
		 margin-right:.4rem;
		 width: .6rem;
		 vertical-align: top;
	 }
	
	 .oem .con img{
		 margin:0 auto .3rem;
	 }
	 .searchconsult{
		 margin-top:1.2rem;
		 padding:.3rem 0;
	 }
	 .searchconsult p{
		 font-size: .26rem;
		 margin-top:.2rem;
	 }
	 
	 .aboutbox1{
		 padding:.6rem 0 0;
	 }
	 .aboutbox1 h2,.aboutbox2 h2, .aboutbox3 h2{
		 font-size: .36rem;
		 margin-bottom: .5rem;
	 }
	 .aboutbox2{
		 padding-top:.5rem;
		 background:#fff;
	 }
	 .aboutbox2 .swiper-slide{
		 width: 100%;
		 height:5.4rem;
	 }
	 .aboutbox2 .swiper-slide .layers .lg li{
		 width: 25%;
	 }
	 .aboutbox2 .swiper-slide .layers .lgs li{
		 width: 33%;
	 }
	 .aboutbox5 .swiper-slide p{
		 font-size: .28rem;
		 height: auto;
	 }
	 .aboutbox2 .swiper-slide .layers h2{
		 font-size: .36rem;
		 margin-bottom: .2rem; padding-top:.2rem;
	 }
	 .aboutbox2 .swiper-slide .layers ul{
		 position: absolute;
		 bottom:.8rem;
		 width:100%;
		 z-index: 999;
		 left:3%;
		 margin:0;
	 }
	 .aboutbox5 .swiper-wrapper{
		 margin:0;
		 display: flex;
		 align-items: center;
	 }
	 .aboutbox5 .swiper-slide img{
		 width:90%;
		 margin:0 auto .1rem;
		 display: block;
	 }
	 .layer2 a.prev{
		 left:5px;
	 }
	 .layer2 a.next{
		 right:5px;
	 }
	 #dialog_large_image .photo img{
		 width: 80% !important;
	 }
	 .aboutbox2 .swiper-slide .layers .fonts{
		 height:1.8rem;
		 overflow: hidden;
		 text-overflow: ellipsis;
		
	 }
	
	 .aboutbox5 .swiper-slide-prev{
		 margin:0;
	 }
	 
	 .aboutbox2 .swiper-slide .layers .fonts p, .aboutbox2 .swiper-slide .layers .fonts span{
		 font-size: .28rem !important;
		 line-height: .45rem !important;
		 width: 85%;
	 }
	 .aboutbox2 .swiper-slide .layers ul{
		 width: 94%;
		 margin:.2rem auto 0;
		 flex-wrap: wrap;
		 justify-content: center;
	 }
	 .aboutbox2 .swiper-slide .layers ul.lg{
		 width: 90%;
	 }
	 .aboutbox2 .swiper-slide .layers ul.lgs li{
		 width:auto;
	 }
	 
	 .aboutbox2 .swiper-slide .layers .lg li img{
		    max-width: 80%;
		    height: auto;
		    max-height: 0.4rem
	 }
	 .aboutbox2 .swiper-slide .layers li{
		 flex:auto;
		 width: 30%;
		 margin:0;
	 }
	 .aboutbox2 .swiper-slide .layers li span{
		 margin:0 .1rem;
	 }
	 .aboutbox2 .swiper-slide .layers li span,
	 .aboutbox2 .swiper-slide .layers li i{
		 font-size: .42rem;
	 }
	 .aboutbox2 .swiper-slide .layers li p{
		 font-size: .22rem;
		 margin-top:0rem;
		 width:100%;
	 }
	 .productdetail .top .fl .videophoto li.cur{
	 		 border:none !important
	 ;
	 	 }
	.aibox .photo .swiper-slide img{
		display: none;
	}
	.aibox .list4 .photo .swiper-slide img{
		display:block;
	}
	.aibox .photo .swiper-slide-active img{
		display: block;
		margin-top:.2rem;
	}
	 .aboutbox3 li:nth-of-type(1) .layers p{
		 text-align: left !important;
	 }
	 
	 .aboutbox2 h2, .aboutbox3 h2{
		 margin:0 0 .5rem;
	 }
	 .aboutbox1 .swiper-father{
		 background:#fff;
		 height: auto;
	 }
	 .productdetail .bottom table{
		 max-width:100%;
	 }
	 .aboutbox1 .swiper-container{
		 position: relative;
		 top:0;
		 width: 100%;
		 left:0;
		 margin-bottom:.3rem;
		transform: translate(0%,0);
	 }
	 .aboutbox1 .swiper-father p{
		 font-size: .28rem;
		 color:#3e3a39;
		 line-height: .45rem;
		 width:90%;
		padding:0;
		 position: relative;
		 bottom:0;
		 left:0;
		 margin:0 auto;
	 }
	 .aboutbox1 .swiper-button-prev,
	 .aboutbox2 .swiper-button-prev,
	 .aboutbox3 .swiper-button-prev{
		 left:0px;
		 top:30%;
		 background:url(/images/more5.png) no-repeat center center;
		 transform: rotate(180deg);
	 }
	  .aboutbox1 .swiper-button-next,
	  .aboutbox2 .swiper-button-next,
	  .aboutbox3 .swiper-button-next{
		  background:url(/images/more5.png) no-repeat center center;
		  right:0px;
		  top:30%;
		  transform: rotate(0deg);
	  }
	  .aboutbox2 .swiper-button-prev,
	  .aboutbox2 .swiper-button-next{
		   top:50%;
		}
		.aboutbox3 .swiper-button-prev,
		.aboutbox3 .swiper-button-next{
				   top:60%;
				}
	  .aboutbox3{
		  padding-top:.6rem;
	  }
	  
	  .aboutbox3 .wrap{
		  width: 100%;
	  }
	  .aboutbox3 .swiper-wrapper{
	  	display:flex;
	  }
	  .aboutbox3 li,.aboutbox4 .swiper1 .swiper-slide>img{
		  width: 100%;
		  margin:0;
	  }
	  .aboutbox4 .swiper1 .swiper-slide>img{
	  		 display: block;
	  		  width: 100%;
	  }
	  .layers iframe{
		position: absolute;
		    top: 50%;
		    left: 50%;
		    z-index: 99;
		    width: 1024px;
		    max-width: 90%;
		    height: 4rem !important;
		    transform: translate(-50%, -50%);
	  }
	
	  .aboutbox3 li .layers .con{
		  padding:0 20%;
		}
		 .aboutbox3 li .layers .con p{
			 text-align: center;
		 }
	  .aboutbox3 li .layers> span{
		  font-size: .36rem;
		  margin-bottom: .5rem;
		  font-weight: bold;
		  padding-top:26%;
	  }
	  .aboutbox3 li.fist .layers> span{
		   padding-top:15%;
	  }
	  .aboutbox3 li  p span{
	  	margin:0 .2rem 0 0;
	  }
	  .aboutbox3 li .layers p{
		  font-size: .28rem;
		  line-height: .5rem;
		  text-align: center;
		  width: 92%;
	  }
	  .aboutbox4 h2{
		  font-size: .36rem;
		  margin:.6rem 0;
	  }
	  .aboutbox4 .swiper-father{
		  background:url(/images/pbg1.png) no-repeat top center/cover;
		  padding:.4rem 0rem .7rem;
	  }
	  .aboutbox4 .swiper1 .swiper-slide .txt{
		  width: 90%;
		      margin: 0 auto;
		      box-sizing: border-box;
		      box-shadow: 0 0 5px #a1a0a0;
		  padding:.4rem .4rem .6rem;
		  position: relative;
		  right:auto;
		  float: none;
		  background:#fff;
	  }
	  .aboutbox4 .swiper1 .swiper-slide {
		  background:none;
		  padding-bottom:5px;
	  }
	  .aboutbox4 .swiper1 .swiper-slide .txt span{
		  font-size: .36rem;
		  margin-bottom: .2rem;
	  }
	  .aboutbox4 .swiper1 .swiper-slide .txt span.line{
		  display: none;
	  }
	  .aboutbox4 .swiper1 .swiper-slide .txt p{
		  font-size: .28rem;
		/*  margin-top:.3rem;
		 display: -webkit-box;
		                -webkit-box-orient: vertical;
		                -webkit-line-clamp: 4;
		                overflow: hidden;
						height:1.6rem; */
	  }
	  .aboutbox5 .swiper-slide-prev{
	  	    margin-left: 0;
	  }
	  .aboutbox5 .swiper-slide-next{
	  	     margin-left: 0;
	  }
	  .aboutbox4 .swiper1 .swiper-slide .txt div{
		  overflow: hidden;
		  height:3rem;
	  }
	  .aboutbox4 .swiper2{
		  padding-top:.8rem;
		 /* background:url(/images/bg17.png) no-repeat top .6rem left/100%; */
	  }
	  .aboutbox4 .swiper2 .swiper-wrapper{
		  margin-left: -50%;
	  }
	  .aboutbox4 .swiper2 .swiper-slide{
		  width:31% !important;
		      background: url(/images/dotbg.png) no-repeat left top/104%;
	  }
	
	  
	  .aboutbox4 .swiper2 .swiper-slide span{
		  font-size: .24rem;
		  padding-top:.8rem;
		  background:url(/images/dot1.png) no-repeat top .25rem left 2px/.25rem;
	  }
	  .aboutbox4 .swiper2 .swiper-slide-thumb-active span{
	  	background:url(/images/dot2.png) no-repeat top .2rem left 2px/.3rem,url(/images/car.png) no-repeat top .54rem left 5px/.46rem;
	  	
	  }
	  
	  .aboutbox5{
		  padding:.7rem 0 1.4rem;
	  }
	  .aboutbox5 h2{
		  font-size: .36rem;
		  margin-bottom: .3rem;
	  }
	  .aboutbox5 .tab .swiper-container{
		  width: 95%;
		  margin:0 auto;
		  padding:0 0 .6rem;
	  }
	  .aboutbox5 .swiper-slide-active{
		  -webkit-transform: scale(1);
		  	    transform: scale(1);
				margin:0 !important;
	  }
	  .aboutbox5 .swiper-slide-prev,
	  .aboutbox5 .swiper-slide-next{
		  -webkit-transform: scale(0.7);
		  	    transform: scale(0.7);
	  }
	  .aboutbox5 .tab .swiper-pagination{
		  background-size: 60%;
		  bottom:5px;
	  }
	  .aibox .list2 .swiper-container{
		  padding-bottom:.2rem;
	  }
	  .aibox .list2 .swiper-pagination{
		  bottom:0;
	  }
	  .aibox .list2 .swiper-pagination .swiper-pagination-bullet:nth-of-type(2){
		  display: none
	  }
	  .productdetail .center .fl img{
		  max-width: 100%;
		  height:auto !important
	  }
	  .aboutbox5 .tab .swiper-pagination-bullet{
		  width:7px;
		  height: 7px;
		  border-radius: 50%;
		     background: #eff0f0;
			     opacity: 1;
				 margin:0 5px !important
	  }
	  .aboutbox5 .tab .swiper-pagination-bullet-active {
	      background: #009fb9;
	  }
	  .aboutbox3,.aboutbox2{
	  	position: relative;
	  }
	  .kf{
		  display: none;
	  }
	 
}


@media screen and (min-width:1200px) and (max-width:1400px) {
	.banner .scroll2{
		top:22%;
	}
	.banner .scroll1{
		top:35%;
	}
	.banner .scroll3{
		top: 16%;
			left: 54%;
		
	}
	.indexai .con>.text .cons{
		width: 70%;
	}
	
	
}

@media screen and (min-width:1400px) and (max-width:1700px) {
	.banner .scroll2{
		top:24%;
	}
	.banner .scroll1{
		top:40%;
	}
	.banner .scroll3{
		top: 16%;
			left: 54%;
		
	}
	.indexai .con>.text .cons{
		width: 70%;
	}
}

@media screen and (min-width:1100px){
	.titlemav .swiper-wrapper{
		display: flex;
		align-items: center;
		justify-content: center;
	}
	
}