@media(max-width: 1440px){
	.desc-box .left{
		width:46%;
	}
	.desc-box .right{
		width:50%;
		right: -4%;
	}
}









@media(max-width: 1024px){
	.desc-box .left{
		width:41%;
	}
	.desc-box .right{
		width:58%;
		right: -4%;
	}
	.s-tit{
		font-size: 1.2rem;
		line-height: 1.2rem;
	}
}
@media(max-width: 992px){
	
}
@media(max-width: 767px){
	/* .m-block{
    display:block;
	}
	.pc-block{
	    display:none;
	}
	header{
		height: 1rem;
    left: 0;
    transform: none;
	}
	header .left-nav{
		display: none;
	}
	.header-right{
		display:none;
	}
	header .logo {
	       float: left;
    		width: 1.9rem;
    	margin-top: .1rem;
	}
	.blog-btn{
		width:1rem;
		height:1rem;

	}
	.blog-btn .con-box .txt {
	    font-size: .24rem;
    	line-height: 0;
    	margin-top: 0;
	}
	.blog-btn .icon{
		width:0.5rem;
	}
	.blog-btn .ul .colose{
		height: .8rem;
	}
	.blog-btn .ul {
		position: absolute;
		left: -5.1rem;
		width: 5rem;
		height: 3.325rem;
		top: 0;
	}
	.blog-btn .con-box{
		top:40%;
	}
	.ban-load-box .text-box .bottom-txt .icon {
	    width: 1rem;
	    height: 1rem;
	    margin-left: 10%;
	}
	.ban-load-box .text-box .bottom-txt .load-icon {
	    position: absolute;
	    width: 1rem;
	    height: 1rem;
	}
	.ban-load-box .text-box .bottom-txt .bottom-txt-svg {
	    margin-left: .2rem;
	} */
	.banner .text-box .sub-tit{
		font-size: .3rem;
		line-height:.2rem;
	}
	.banner .text-box .tit {
	    font-size: .62rem;
	    line-height: .62rem;
	    color: #fff;
	    font-family: "SourceSansPro-Bold";
	    margin-top: .4rem;
	}
	.banner .text-box .index-more {
	    margin-top: 0.56rem;
	}
	.index-more a span {
	       display: inline-block;
    display: inline;
    /* height: .6rem; */
    /* height: .6rem; */
    line-height: 1.6;
    font-size: 1rem;
    color: #50b0c5;
    padding-right: .6rem;
	}
	.index-more a{
		padding: 0 1rem;
	}
	.index-product-box {
	    padding: .8rem 0;
	}
	.security-btns .item{
		margin: .1rem .5rem;
	}
	.pub-tit {
	    font-size: .5rem;
	    line-height: .56rem;
	    font-family: "SourceSansPro-Bold";
	}
	.section.detect-box .text-box{
		top:15%;
	}
	.index-con {
	    font-size: .26rem;
	    line-height: .4rem;
	    text-align: center;
	    margin-top: .3rem;
	}
	.index-con br{
		display:none;
	}
	.index-product-box .pro-btns{
		margin-top: .4rem;
	}
	.index-product-box .pro-btns a{
		padding: 0 .3rem;
	}
	 .index-product-box .pro-btns a span {
	    display: inline-block;
	 
	    display: inline;
	    height: .6rem;
	    height: .6rem;
	    line-height: .6rem;
	    font-size: .16rem;
	    color: #50b0c5;
	    padding-right: .6rem;
	}
	.index-product-box .tab-btns {
	    margin-top: .6rem;
	}
	.index-product-box .tab-btns .swiper-slide{
		margin: 0;
	}
	.index-product-box .tab-btns .icon{
		width:.5rem;
	}
	.index-product-box .tab-btns .txt{
		font-size: .24rem;
	}
	.index-product-box .tab-btns .con-box:before{
		display:none;
	}
	.index-product-box .tab-box .prev, .index-product-box .tab-box .next{
		display:none;
	}
	.index-product-box .img-list .item{
		position: relative;
	}
	.index-product-box .img-list .item{
		left:auto !important;
	}
	.index-product-box .img-list .img {
	    position: relative;
	    left: 0;
	    top: 0;
	    background-repeat: no-repeat;
	    background-position: center;
	    background-size: cover;
	    height: 100%;
	    transform: translateX(0) skewX(0);
	    width: 100%;
	    height: 100%;
	    transition: all .3s;
	}
	.index-product-box .img-wrap {
	    height: 6.4rem;
	    position: relative;
	    transform: skewX(0);
	}
	.index-product-box .tab-box{
		margin-top:.8rem;
	}
	.swiper-container-fade .swiper-slide-active{
		z-index: 22;
	}
	.index-product-box .img-list {
	    overflow: hidden;
	    background-color: transparent;
	}
	.mindexp-pagination {
	    display: block;
	    text-align: center;
	    margin-top:.6rem;
	}
	.mindexp-pagination .swiper-pagination-bullet {
	    display: inline-block;
	    width: 12px;
	    height: 12px;
	    margin-right: 17px;
	    border: 1px solid #9c9c9c;
	    border-radius: 50%;
	    position: relative;
	}
	.mindexp-pagination .swiper-pagination-bullet:after{
		content: "";
	    position: absolute;
	    width: 8px;
	    height: 8px;
	    left: 50%;
	    top: 50%;
	    margin-top: -4px;
	    background: #fff;
	    margin-left: -4px;
	    border-radius: 50%;
	    opacity: 0;
	}
	.mindexp-pagination .swiper-pagination-bullet-active{
		background:transparent;
		border: 1px solid #fff;
	}
	.mindexp-pagination .swiper-pagination-bullet-active:after{
		opacity: 1;
	}
	.banner-box.show.on .banner{
		height:11rem;
		    margin: 0;
    left: 0;
	}
	.banner-box .swiper-slide{
		width:100% !important
	}
	.banner-box{
		height:11rem;
	}
	.aim-box{
		display:none;
	}
	.aim-tit {
	    padding-top: .6rem;
	    text-align: center;
	}
	.mcreate-box{
		display: block;
	    width: 100%;
	    position: relative;
	    padding: .6rem 0;
	}
	.mcreate-container{
		width:100%;
		overflow: hidden;
		position: relative;
	}
	.provide-box .provide-btns a.play-btn span{
		background-image:none;
		padding:0;
	}
	.mcreate-container .swiper-slide .top{
		padding:.7rem .54rem;
		background-color:#f5f5f5;
		height:2.5rem;
	}
	.provide-box .text-box .pub-tit br{
		display:none;
	}
	.mcreate-container .swiper-slide .top .tit{
		font-size: .42rem;
		text-align: center;
		line-height: 1.3;
		font-family: "SourceSansPro-Bold";
	}
	.mcreate-container .swiper-slide .top .con{
		font-size: .26rem;
	    font-family: "SourceSansPro-Regular";
	    line-height: 1.6;
	    margin-top: .4rem;
	    margin-bottom: .4rem;
	        text-align: justify;
	}
	.mcreate-container .swiper-slide .top .index-more{
		text-align: center;
	}
	.mcreate-container .swiper-slide .bot{
		width:100%;
	}
	.mcreate-container .swiper-slide .bot img{
		width:100%;
	}
	.mcreate-pagination{
		width:100%;
		margin-top:.4rem;
		text-align: center;
	}
	.mcreate-pagination .swiper-pagination-bullet {
	    display: inline-block;
	    width: 12px;
	    height: 12px;
	    margin-right: 17px;
	    border: 1px solid #9c9c9c;
	    border-radius: 50%;
	    position: relative;
	}
	.mcreate-pagination .swiper-pagination-bullet:after{
		content: "";
	    position: absolute;
	    width: 8px;
	    height: 8px;
	    left: 50%;
	    top: 50%;
	    margin-top: -4px;
	    background: #50b0c5;
	    margin-left: -4px;
	    border-radius: 50%;
	    opacity: 0;
	}
	.mcreate-pagination .swiper-pagination-bullet-active{
		background:transparent;
		border: 1px solid #50b0c5;
	}
	.mcreate-pagination .swiper-pagination-bullet-active:after{
		opacity: 1;
	}
	.provide-box{
		height:9.3rem;
		background-position: 77%;
	}
	.security-box{
		height:9rem;
		padding-top:1rem;
	}
	.security-box .m-bg{
	    display:block;
	    background-attachment: initial;
	}
	.security-box .pc-bg{
	    display:none;
	}
	.security-btns .item img {
	    max-height: 0.5rem;
	}
	.index-coo-box .coo-tab .tit{
		font-size:.38rem;
	}
	.security-box .view{
		position: relative;
	}
	.security-btns .item span {
    	display: inline-block;

	    zoom: 1;
	    background-color: #fff;
	    height: .8rem;
	    line-height: .8rem;
	    padding: 0 .4rem;
	    position: relative;
	    z-index: 3;
	    min-width: 1.5rem;
	}
	.index-blog-box{
		padding:.6rem 0;
	}
	.index-tit{
		 font-size: .6rem;
    	line-height: .6rem;
	}
	.index-blog-box .blog-tab .swiper-slide{
		width:100%;
		margin:0;
	}
	.index-blog-box .blog-tab {
	    margin-top: .6rem;
	    overflow: hidden;
	}
	.index-blog-box .blog-tab .text .tit {
	    font-size: .48rem;
	    line-height: .4rem;
	    color: #444;
	    font-family: "SourceSansPro-Semibold";
	}
	.index-blog-box .blog-tab .text {
	    padding: .3rem 0 .6rem;
	    text-align: center;
	}
	.index-blog-box .blog-tab .text .more-btn span{
		font-size: .28rem;
		line-height:.28rem;
	}
	.index-coo-box{
		padding:.6rem 0;
		padding-top: 0;
	}
	.index-coo-box .coo-tab .swiper-slide{
		width:80%;
		margin:0;
	}
	.index-coo-box .coo-tab .con {
	    font-size: .24rem;
	    line-height: .36rem;
	    color: #666;
	    margin-top: .2rem;
	}
	.index-coo-box .coo-tab{
		margin-top: .6rem;
	}
	.subscribe-box{
		display:none;
	}
	/* .f-nav{
		display:none;
	}
	.footer-top .follow-box .tit {
	    font-size: .4rem;
	    line-height: .3rem;
	    color: #fff;
	    font-family: "SourceSansPro-Semibold";
	    float: left;
	        margin-top: .1rem;
	}
	.footer-top .right{
		width:100%;
	}
	.footer-top .follow-box{
		padding-left: 0;
	}
	.footer-top .follow-box .lists{
		margin-top:0;
		justify-content: space-around;
		    padding-top: .1rem;
	}
	.footer-top .follow-box .lists .item{
		width:0.4rem;
	}
	.footer-top{
		padding:.6rem 0 ;
	}
	.footer-top .subscribe{
		
		    width: 60%;
	    text-align: center;
	    margin: auto;
	    margin-top:.6rem;
	}
	.footer-top .subscribe input[type=text]{
		height:.4rem;
		line-height:.4rem;
	}
	.footer-bottom .copy{
		font-size: .26rem;
	} */
	/* .m-nav{
    position: fixed;
    top: 1rem;
    width: 100%;
    z-index: 50;
    overflow: auto;
    box-sizing: border-box;
    padding: 0 .3rem;
    height: calc(100% - 1rem);
    background-color: rgba(255,255,255,.95);
    display: none;
  }
  .m-nav li{
    border-bottom: 1px solid #dcdcdc;
  }
  .m-nav li:last-child{
    border-bottom: none;
  }
  .m-nav li .tit{
    display: block;
    font-size: .3rem;
     padding: .3rem 0 .3rem .3rem;
    color: #333;
    position: relative;
    font-family: "SourceSansPro-Regular";
  }

  .m-nav li .tit:before{
    content: "";
    position: absolute;
    right: 0;
    width: .2rem;
    height: .2rem;
    margin-top: -.2rem;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-image: url();
    top: 50%;
    transition: all .2s;
    border-bottom:1px solid #333;
    border-right: 1px solid #333;
    transform: rotate(45deg);
  }
  .m-nav li:nth-child(1) .tit:before,
  .m-nav li:nth-child(5) .tit:before,
   .m-nav li:nth-child(6) .tit:before,
    .m-nav li:nth-child(7) .tit:before{
    display: none;
  }
  .m-nav li.on .tit:before{
    transform: rotate(-135deg);
  }
  .m-nav li .navson{
    padding-bottom: .3rem;
    display: none;
  }
  .m-nav li .navson a{
    display: block;
    font-size: .28rem;
    line-height: 1rem;
    padding: 0 .5rem;
    color: #333;
    border-bottom: 1px solid #eee;
  }
  .m-nav li .navson a.sub_tit{
  	display: block;
    font-size: .28rem;
    line-height: 1rem;
    padding: 0 .5rem;
    color: #333;
    border-bottom: 1px solid #eee;
    position: relative;
  }
  .m-nav li .navson a.sub_tit:before{
    content: "";
    position: absolute;
    right: 0;
    width: .2rem;
    height: .2rem;
    margin-top: -.2rem;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-image: url();
    top: 50%;
    transition: all .2s;
    border-bottom:1px solid #333;
    border-right: 1px solid #333;
    transform: rotate(45deg);
  }
  .m-nav li  .sub_navson{
  	padding-bottom: .3rem;
    display: none;
  }
   .m-nav li .sub_navson a{
    display: block;
    font-size: .24rem;
    line-height: .8rem;
    padding: 0 .8rem;
    color: #333;
    border-bottom: 1px solid #eee;
  } */
  /* .m-nav .li.on .sub_tit:before {
	    transform: rotate(
	-135deg
	);
	} */
	.checkbox2label{
		float: right;
		margin-top: .25rem;
		width: 1rem;
		height: 100%;
		margin-right: -.4rem;
	}

	.hamburger {
		width: .5rem;
		height: .5rem;
		position: relative;
		margin-left: .2rem;
	}

	.hamburger .bar {
		padding: 0;
		width: .5rem;
		height: 3px;
		background-color: #4db1c8;
		display: block;
		border-radius: 4px;
		transition: all 0.4s ease-in-out;
		position: absolute;
	}

	.bar1 {
		top: 2px;
	}

	.bar2,
	.bar3 {
		top: 10px;
	}

	.bar3 {
		right: 0;
	}

	.bar4 {
		bottom: 4px;
	}
	.nav-btncur .bar1{
		transform: translateX(40px);
		background-color: transparent;
	}

	.nav-btncur .bar2{
		transform: rotate(45deg);
	}

	.nav-btncur .bar3{
		transform: rotate(-45deg);
	}

	.nav-btncur .bar4{
		transform: translateX(-40px);
		background-color: transparent;
	}
.emal-dia .em-dialog .left {
    width: 100%;
    height: 5rem;
    float: left;
}
.emal-dia .em-dialog .right {
    width: 100%;
    height: auto;
    float: left;
    box-sizing: border-box;
    padding: .7rem;
    position: relative;
}
.emal-dia .em-dialog .right .tit-48 {
    font-size: .48rem;
    color: #222222;
}
.emal-dia .em-dialog .right .tit-24 {
    font-size: .24rem;
    color: #222222;
    line-height: 1.5;
    margin-bottom: .6rem;
}
.emal-dia .em-dialog{
	height:auto;
}
.emal-dia .em-dialog .right .item {
    height: .6rem;
    width: 100%;
    border-bottom: 1px solid #eee;
    line-height: .6rem;
    margin-top: 0.2rem;
    font-size: 0;
}
.emal-dia .em-dialog .right .item .lab{
	font-size: .24rem;
}
.emal-dia .em-dialog .right .item2 .icon {
    width: 0.3rem;
    display: inline-block;
    height: 0.3rem;
    vertical-align: top;
    margin: 0;
    font-size: 0.24rem;
    padding-left: 0;
    border: 1px solid #eee;
    box-sizing: border-box;
    cursor: pointer;
}
.emal-dia .em-dialog .right .item2 .lab {
    font-size: 0.22rem;
    color: #666666;
    display: inline-block;
    margin: 0;
    vertical-align: top;
    line-height: 1.2;
    width: 80%;
    margin-left: .2rem;
}
.emal-dia .em-dialog input[type=submit] {
    width: 1.6rem;
    height: .6rem;
    color: #fff;
    background-color: #50b0c5;
    font-size: .24rem;
    font-family: arial;
    margin-top: .6rem;
    margin-left: 1.5rem;
}
.finder-dia .f-dialog{
	height:auto;
	padding:0.42rem;
}
.finder-dia .tit{
	font-size: .32rem;
}
.finder-container{
	margin-top:.6rem;
}
.finder-container .swiper-slide{
	width:100%;
	margin:0;
	    padding:0.4rem;
	    height:auto;
}
.finder-container .swiper-slide .f-tit {
    font-size: 0.4rem;
    font-family: "SourceSansPro-Regular";
    margin-left: .4rem;
    line-height: 1.5;
    position: relative;
}
.finder-container .swiper-slide .f-tit:after {
    content: "";
    position: absolute;
    width: 12px;
    height: 12px;
    top: 50%;
    left: -27px;
    border-radius: 50%;
    border: 1px solid #333;
    margin-top: -10px;
}
.finder-dia .colose {

    right: 0.2rem;
    top: 0.2rem;

}
.finder-container .swiper-slide .f-tit:before {
    content: "";
    position: absolute;
    width: 8px;
    height: 8px;
    top: 50%;
    left: -24px;
    border-radius: 50%;
    background-color: #49afc6;
    margin-top: -7px;

}
.finder-container .swiper-slide .f-txt {
    font-size: 0.26rem;
    font-family: "SourceSansPro-Regular";
    color: #808080;
    line-height: 1.2;
    margin-left: .4rem;
}
.finder-container .swiper-slide .img img {
    display: inline-block;
    max-width: 70%;
}
.finder-container .swiper-slide .img {
    width: 100%;
    margin-top: .3rem;
    margin-bottom: .3rem;
    text-align: center;
}
.finder-container .swiper-slide .list{
	padding-top: .3rem;
}
.finder-container .swiper-slide .list .li{
	font-size: 0.24rem;
	padding-left: 0rem;
	margin-bottom: .1rem;
}
.finder-container .swiper-slide .list .li img{
	width:17px;
	margin-right:.2rem;
}


.finder-dia2 .f-dialog{
	height:auto;
	padding:0.42rem;
}
.finder-dia2 .tit{
	font-size: .32rem;
}
.finder2-container{
	margin-top:.6rem;
}
.finder2-container .swiper-slide{
	width:100%;
	margin:0;
	    padding:0.4rem;
	    display:block;
	    height:auto;
}
.finder2-container .swiper-slide .f-tit {
    font-size: 0.4rem;
    font-family: "SourceSansPro-Regular";
    margin-left: .4rem;
    line-height: 1.5;
    position: relative;
}
.finder2-container .swiper-slide .f-tit:after {
    content: "";
    position: absolute;
    width: 12px;
    height: 12px;
    top: 50%;
    left: -27px;
    border-radius: 50%;
    border: 1px solid #333;
    margin-top: -10px;
}
.finder-dia2 .colose {

    right: 0.2rem;
    top: 0.2rem;

}
.finder2-container .swiper-slide .f-tit:before {
    content: "";
    position: absolute;
    width: 8px;
    height: 8px;
    top: 50%;
    left: -24px;
    border-radius: 50%;
    background-color: #49afc6;
    margin-top: -7px;

}
.finder2-container .swiper-slide .f-txt {
    font-size: 0.26rem;
    font-family: "SourceSansPro-Regular";
    color: #808080;
    line-height: 1.2;
    margin-left: .4rem;
}
.finder2-container .swiper-slide .img img {
    display: inline-block;
    max-width: 70%;
}
.finder2-container .swiper-slide .img {
    width: 100%;
    margin-top: .3rem;
    margin-bottom: .3rem;
    text-align: center;
}
.finder2-container .swiper-slide .list{
	padding-top: .3rem;
}
.finder2-container .swiper-slide .list .li{
	font-size: 0.24rem;
	padding-left: 0rem;
	margin-bottom: .1rem;
}
.finder2-container .swiper-slide .list .li img{
	width:17px;
	margin-right:.2rem;
}
.finder2-container .swiper-wrapper {
    text-align: initial;
    width: auto;
   display: -webkit-box;
}
.about-banner{
	height:8rem;
}
/* .clearfixed {
    height: 1rem;
} */
.about-banner .cont{
	font-size: .48rem;
}
.about-banner .cont .txt {
    font-size: .8rem;
    margin-bottom: .32rem;
}
.about-a {
    height: auto;
}
.about-a .left {
    margin-top: .6rem;
    width: 100%;
}
.about-a .left .tit{
	font-size: .5rem;
	line-height:1.5;
}
.about-a .left .txt {
    font-size: 0.24rem;
}
.about-a .img .tran-middle img {
    width: 1.2rem;
    display: inline-block;
}
.about-a .img {
        height: 12em;
    width: 90%;
    position: relative;
    padding: .2rem;
    top: -1rem;
    padding:0;
}
.about-a .img .tran-middle .txt{
	font-size: .26rem;
}
.about-a .img {
    width: 100%;
    height: 5rem;
    position: relative;
    right: 0;
    top: 0;
    margin-top: .4rem;
}
.blogOverviewFilter__Button{
	display:none;
}
.about-b {
    padding: .6rem 0;
}
.about-b .tit {
    font-size: .5rem;
    line-height: 1;
}
.about-b .list {

    margin-top: 0rem;
}
.about-b .list .left {
    width: 100%;
    float: left;
    margin-right: 0;
}
.about-b .list .left .sub-tit {
    font-size: 0.36rem;
}
.about-b .list .left .txt {
    font-size: 0.26rem;
}
.about-b .list .left .img {
    height: 4rem;
    margin-top: .6rem;
}
.about-c{
	padding: .6rem 0;
}
.about-c .tit{
	font-size: .5rem;
    line-height: 1;
}
.about-c .sub-tit{
	font-size: .26rem;
	width: 90%;
	text-align: justify;
	margin-top:0.2rem;
}
.aboutc-container{
	height:auto;
}
.aboutc-container .swiper-slide .left {
    width: 100%;
    float: left;
    height: 5rem;
}
.aboutc-container .swiper-slide .right{
	    width: 100%;
    height: auto;
    padding: 5%;
}
.aboutc-container .swiper-slide .right .r-tit {
    font-size: .48rem;
}
.aboutc-container .swiper-slide .right .txt {
    font-size: 0.26rem;
    color: #666666;
    line-height: 1.5;
    margin-top: .4rem;
}
.ab-pagination {
    position: relative;
    left: 0;
    bottom: 0;
    z-index: 22;
    width: 100%;
    text-align: center;

}
.ab-pagination .swiper-pagination-bullet {
    width: .7rem;
    height: 3px;
    font-size: .26rem;
}
.ab-pagination .swiper-pagination-bullet i{
	top:-17px;
}
.about-e{
	padding: .6rem 0;
}
.about-e .tit{
	font-size: .5rem;
    line-height: 1;
}
.about-e .lsit{
	margin-top:0.6rem;
}
.about-e .lsit li {
    width: 100%;
    margin-right: 0;
    height: 5rem;
    margin-bottom:.4rem;
}
.about-e .lsit li .cont2 .tit-36{
	font-size: .36rem;
}
.about-e .lsit li .cont2 .tit-20 {
    font-size: .26rem;
    width: 80%;
    margin: auto;
    margin-top: 0.2rem;
}
.about-f{
	height:10rem;
}
.about-f .cont {
    position: absolute;
    width: 90%;
    top: .6rem;
    right: 5%;
}
.about-f .cont .tit{
	font-size: .5rem;
    line-height: 1;
}
.about-f .cont .txt{
	font-size: .26rem;
	margin-top:.2rem;
}
.about-g {
    width: 100%;
    position: relative;
    height: 17.6rem;
}
.about-g .tit{
	font-size: .5rem;
}
.about-g .sub-tit {
    width: 90%;
    left: 5%;
    top: 14%;
    font-size: .26rem;
    text-align: justify;
}
.about-g .list {
    width: 90%;
    position: relative;
    left: 5%;
    bottom: auto;
    top: 0;
}
.about-g .list .li {
    width: 100%;
    font-size: 0.28rem;
    color: #171717;
    line-height: .8rem;
    border-bottom: 1px solid #ccc;
}
.about-g .item{
	display:none;
}
.about-g .mapbox{
	display:block;
	width:100%;
	overflow: auto;
	height:8rem;
	position: relative;
}
.about-g .mapbox img{
	height:100%;
}
.about-g .mapbox .item{
	display:block;
}
.about-g .item .bot2{
	width:.6rem;
	height:.6rem;
	left: -0.22rem;
    top: -0.22rem;
}
.about-g .item .bot3{
	display:none;
}
.about-g .item .txt{
	font-size:.22rem;
	width:2rem;
}
.about-g .item .h-txt {
    width: 3.5rem;
    height: 2rem;
    border-radius: 5px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    z-index: 88;
    top: .5rem;
    color: #fff;
    font-size: 0.24rem;

}
.about-g .item .h-txt img {
    height: auto;
    margin-top: 0.5rem;
    width: 0.5rem;
}
.about-g .item1 {
    top: 36%;
    left: 57%;
}
.about-g .item2 {
    top: 49%;
    left: 62%;
}
.about-g .item3 {
    top: 48%;
    left: 74%;
}
.about-g .item4 {
    top: 69%;
    left: 77%;
}
.about-g .item5 {
    top: 78%;
    left: 83%;
}
.about-g .item6 {
    top: 63%;
    left: 113%;
}
.about-g .item7 {
    top: 52%;
    left: 123%;
}
.about-g .item8 {
    top: 49%;
    left: 153%;
}
.about-g .item9 {
    top: 39%;
    left: 114%;
}
.about-g .item10 {
    top: 32%;
    left: 111%;
}
.toslide{
	font-size: .2rem;
	display:block;
	margin-left: 5%;
}
.sub-text .tit {
    font-size: .6rem;
    line-height: .5rem;
}
.sub-banner {
    position: relative;
    height: 8rem;
}
	.pro-sub-banner {
		background-color: #fff;
		height: auto;
	}
.sub-text .desc {
    font-size: .28rem;
    line-height: .28rem;
    color: #fff;
    
    width: 70%;
    margin: auto;
    margin-top: .4rem;
}
.sup-video-box{
	padding:0.6rem 0;
}
.sup-video-box .right{
	display:none;
}
.sup-video-box .video-list {
    float: left;
    width: 100%;
}
.sup-video-box .video-list .icon {
    width: 1rem;
    margin: 0 auto;
}
.sup-video-box .video-list .txt {
    font-size: .28rem;
    line-height: .35rem;
    color: #fff;
    font-family: "SourceSansPro-Bold";
    margin: .2rem auto 0;
    width: 60.3448%;
}
.sup-video-box .video-list .item{
	margin-bottom: .3rem;
}
.resource-box{
	padding:0.6rem 0;
}
.resource-box h3 {
    font-size: .48rem;
    line-height: 1;
    color: #000;
    font-family: "SourceSansPro-Bold";
    margin-bottom: .32rem;
    text-align: center;
}
.resource-box .con-box{
	padding:0.4rem;
}
.resource-box .con-box .text {
    margin-top: .3rem;
    padding-top: .24rem;

}
.resource-box .con-box .tit{
	font-size: .3rem;

    line-height: 0.5rem;
}
.resource-box .con-box .img{
	width:50%;
}
.resource-box .con-box .download-btn {
    float: right;
    width: 0.48rem;
    height: 0.48rem;
}
.resource-box .item {

    margin-bottom: .28rem;
}
.resource-box .page {
    margin-top: 0.52rem;
}
.page a {
  
    width: .5rem;
    height: .5rem;
   
    line-height: .5rem;
    font-size: .28rem;
 
}
.page a[rel=prev]{
	margin-right: .4rem;
}
.page a[rel=next]{
	margin-left:.4rem;
}
.resource-box .type-item{
	margin-bottom: 1rem;
}
.support-top .ban-support {
    position: relative;
    left: 0;
    top: 0;
    width: 100%;
    height: 8rem;
}
.support-top .top-list {
    float: right;
    width: 100%;

    padding: 5%;

}
.ban-text .tit{
	font-size: .6rem;
    line-height: .5rem;
}
.ban-text  .desc {
    font-size: .28rem;
    line-height: .28rem;
    color: #fff;
    
    width: 70%;
    margin: auto;
    margin-top: .4rem;
}
.support-top .top-list b{
	display:none;
}
.support-top .top-list i{
	display:none;
}
.support-top .top-list .row {
    margin: 0;
}
.support-top .top-list .item {
    padding: 0;
    margin-bottom: 0.4rem;
    border-bottom: 1px solid #ccc;
    padding-bottom: 0.4rem;
}
.support-top .top-list .tit{
	font-size: 0.48rem;
	line-height: 1;
}
.support-top .top-list .con {
    font-size: .28rem;
    line-height: .36rem;
    color: #000;
    opacity: .7;
    margin-top: .36rem;
    height: auto;
    overflow: hidden;
}
.support-top .top-list .more-btn {
    margin-top: .6rem;
    width: .6rem;
    height: .6rem;
}
.support-top .top-list .item:nth-child(3), .support-top .top-list .item:nth-child(4){
	margin-bottom: 0.4rem;
}
.sup-contact-box{
	padding:.6rem 0;
}
.sup-contact-box .tit{
	font-size: .6rem;
	line-height:1rem;
}
.sup-contact-box .con {
    font-size: .26rem;
    line-height: .36rem;
    color: #666;
    opacity: .7;
    width: 100%;
    margin: .4rem auto 0;

    text-align: justify;
}
.sup-contact-box .more-box a span {
   
    font-size: .28rem;

    line-height: 0.6rem;
    height: 0.6rem;
    padding-right: .75rem;

}
.sup-contact-box .more-box a{
	padding:0 0.4rem;
}
.sotf-container .swiper-slide{
	height:auto;
}
.sotf-container .swiper-slide .left{
	height:5rem;
	width:100%;
}
.sotf-container .swiper-slide .right{
	width:100%;
	height:auto;
}
.sotf-container .swiper-slide .right .tit {
    margin: 0;
    font-size: .5rem;
    line-height: .56rem;
    text-align: center;
    margin-top: .4rem;
}
.sotf-container .ab-pagination {
    bottom: auto;
    margin-top:0;
}
.sotf .table {
   
    margin-top: .6rem;

}
.sotf .table a {
    font-size: 0.24rem;

    width: 1.5rem;
    height: .8rem;
    line-height: .8rem;
    
}
.sotf{
	padding:0.6rem 0;
}
.sotf .cont {
    width: 100%;
    position: relative;
    margin-top: .4rem;
}
	.sotf .cont .item{
		overflow: auto;
	}
.sotf .cont .item .list1{
	margin-left:.4rem;
}
.sotf .cont .item .list1 li {
    font-size: 0.24rem;
    color: #666666;
    line-height: 1.5;
    margin-bottom: 0.2rem;
}
.sotf .cont .item .list2{
	width:100%;
	overflow: auto;
}
.sotf .cont .item .list2 table th {
    line-height: .6rem;
    font-size: 0.24rem;
    color: #666666;
    padding-left: 0.3rem;
    background-color: #f2f2f2;
    border-bottom: 1px solid #ccc;
    font-weight: normal;
    padding-right: 1rem;
}
.sotf .cont .item .list2 table td {
    line-height: 1.5;
    font-size: 0.24rem;
    color: #666666;
    background-color: #fff;
    border-bottom: 1px solid #ccc;
    font-weight: normal;
    padding: 0.2rem;
}
.specifications-box .specifications table th {
    line-height: .6rem;
    font-size: 0.24rem;
    color: #666666;
    padding-left: 0.3rem;
    background-color: #f2f2f2;
    border-bottom: 1px solid #ccc;
    font-weight: normal;
    padding-right: 1rem;
}
.specifications-box .specifications table td {
    line-height: 1.5;
    font-size: 0.24rem;
    color: #666666;
    background-color: #fff;
    border-bottom: 1px solid #ccc;
    font-weight: normal;
    padding: 0.2rem;
}
.sotf .cont .item .list3 a {
    display: block;
    width: 100%;
    margin-right: 2%;
    height: .8rem;
    line-height: .8rem;
    float: left;
    background-color: #f2f2f2;
    margin-bottom: 0.4rem;
    font-size: 0.24rem;
    color: #666666;
    transition: all 0.3s;
}
.sotf .cont .item .list3 a .icon svg {
    width: 0.3rem;
    height: 0.3rem;
}
.top-nav .tit {
    float: left;
    font-size: .16rem;
    line-height: .6rem;
	display: none;
}
.top-nav .type-btns .swiper-slide:before{
	right:.6rem;
	display: none;

}
.top-nav .type-btns .swiper-slide a{
	line-height: .6rem;
}
.top-nav .type-btns .swiper-slide {
    padding-right: 1.3rem;
    width: auto;
}
.sup-search .tit{
	font-size: .6rem;
	line-height:1;
}
.top-nav .type-btns .swiper-slide .icon {
    width: .3rem;
    height: .3rem;
    font-size: 0;
    position: relative;
	margin-right: 0.15rem;
}
.top-nav .type-btns .swiper-slide .txt {
    font-size: .20rem;
    line-height: .6rem;
    color: #fff;
    margin-left: 0rem;
    transition: all .3s;
}
.bread-box{
	display:none;
}
.sup-search .sup-inp-box {

    
    width: 90%;
    margin: auto;
    margin-top: .6rem;
    
}
.sup-search .sup-inp{
	padding-left:.6rem;
}
.sup-search .sup-inp input[type=text] {
    float: left;
    width: 70%;
    height: .6rem;
    line-height: .6rem;
    background-color: transparent;
    color: #fff;
    font-size: .28rem;
    font-family: "SourceSansPro-Semibold";
}
.sup-search .sup-inp input[type=submit] {
    float: right;
    width: .6rem;
    height: .6rem;
}
.sup-search .hot-word {
    margin-top: .4rem;
    padding-left: 5%;
    font-size: 0;
    text-align: left;
}
.sup-search .hot-word .hot-tit {
    font-size: .28rem;
    line-height: .2rem;
    color: #fff;
    margin-right: .15rem;
}
.sup-search .hot-word .hot-list a{
	font-size: 0.24rem;
    line-height: .3rem;
}
.faq-box{
	padding: 0;
}
.faq-list .con-box{
	padding:0.4rem;
}
.faq-list .con-box .tit {
    font-size: .32rem;
    line-height: .4rem;
    color: #51b3c9;
    padding-left: .5rem;
    padding-bottom: .4rem;

    position: relative;
}
.faq-list .con-box .tit:before{
	width: .3rem;
    height: .3rem;
}
.faq-list .con-box .con {
    font-size: .24rem;
    line-height: .36rem;
    color: rgba(102,102,102,.7);
    padding-left: .5rem;
    position: relative;
    margin-top: .3rem;
    max-height: none;
    overflow: hidden;
}
.faq-list .con-box .con:before{
	width: .3rem;
    height: .3rem;
    top:.1rem;
}
.faq-list .item{
	margin-bottom:.4rem;
}
.faq-list .con-box .more-btn {
    display: block;
    width: 3rem;
    height: .6rem;
    line-height: .6rem;
    border-radius: .625rem;
    border: 1px solid #50b0c5;
    text-align: center;
    margin-left: 1.2rem;
    margin-top: .6rem;
    transition: all .3s;
}
.faq-list .con-box .more-btn span{
	font-size: .24rem;
	 line-height: .6rem;
}
.faqinfo-box .left{
	display:none;
}
.faqinfo-box .right {
    float: right;
    width: 100%;
    padding-left: 0;
    padding-bottom: .6rem;
    border-left: 0;
    box-sizing: border-box;
}
.faqinfo-box{
	padding:.6rem 0;
}
.faqinfo-box .right .title {
    font-size: .48rem;
    line-height: 1.3;
}
.faqinfo-box .right .con {
    font-size: .24rem;
    line-height: .36rem;
    color: #666;
    margin-top: .4rem;
}
	.faqinfo-box .right .con p{
		word-break: break-all;
	}
.faqinfo-box .right h3{
	font-size: .48rem;
    line-height: 1.3;
}
.faqinfo-box .right table td{
	padding:.2rem;
}
.sub-nav .swiper-slide a {
    display: block;
    font-size: .32rem;
    line-height: .8rem;
    height: .8rem;
    color: #808080;
    position: relative;
    transition: all .3s;
}
.sub-nav .swiper-slide .divide{
	height:.8rem;
}
.sub-nav .swiper-slide {
    width: auto;
    padding: 0 .2rem;
}
.download-box{
	padding:.6rem 0;
}
.download-list .con-box {
    background-color: #f5f5f5;
    padding: .4rem;
}
.download-list .con-box .img-box {
    float: left;
    width: 100%;
}
.download-list .con-box .img-box .img {
	width:50%;
	margin:auto;
}
.download-list .con-box .img-box .txt{
	font-size: .36rem;
	height: auto;
}
.download-list .con-box .right{
	width:100%;
	height: auto;
}
.download-list .con-box .right-item{
	padding:0.4rem;
}
.download-list .con-box .text .tit {
    font-size: .32rem;
    line-height: .28rem;
}
.download-list .right-item .time {
    color: #fff;
    font-size: .24rem;
    line-height: .2rem;
    margin-top: .2rem;
}
.download-list .right-item .icon {
    position: absolute;
    right: .5rem;
    top: 50%;
    width: .5rem;
    height: .5rem;
    border-radius: 100%;
    margin-top: -0.25rem;
}
.download-list .item{
	margin-bottom:.4rem;
}
.news-a{
	padding:0.6rem 0;
	padding-bottom: 0;
}
.s-tit{
	font-size: .6rem;
	line-height:1;
}
.s-txt{
	font-size: .26rem;
	width:90%;
	margin:auto;
	margin-top: .4rem;
}
.news-list {
    height:auto;
    margin-top:.6rem;
}
.news-list .img{
	height: 4rem;
	display: none;
}
.news-list .img .bg{
	height: 4rem;
}
.news-list .list{
	position: relative;
	width: 90%;
    margin: auto;
    margin-top: .4rem;
        height: auto;
}
.news-list .list a {
    display: block;
    height: auto;
    width: 100%;
    margin-bottom: 0;
    float: right;
    position: relative;
}
.news-list .list .right {
    width: 100%;
    height: 4rem;
    right: 0;
    position: relative;
}
.news-list .list .left {
    width: 100%;
    height: auto;
    right: 0;
    position: relative;
    background-color: #fff;
    transition: all 0.3s;
    padding: 0.4rem;
}
.news-list .list .left .txt{
	    position: relative;
    transform: translateX(0);
    left: 0;

}
.news-b{
	padding:0;
}
.news-b .list{
	width:90%;
	margin:auto;
	margin-top:0.6rem;
}
.news-b .list .li {
    width: 100%;
    height: auto;
    float: left;
    overflow: hidden;
}
.news-b .list .li .box1 {
    width: 100%;
    height: 4rem;
}
.news-b .list .li .tit-36{
	font-size: 0.36rem;
}
.news-b .list .li .box2 {
    width: 100%;
    height: 4rem;
}
.news-b .list .li .tit-20{
	font-size: 0.36rem;
	    margin-top: 0.4rem;
    margin-bottom: 0;
}
.news-c{
	padding-top: 0.6rem;
	padding-bottom: 0;
}
.news-c .list{
	padding: 0.6rem 0;
	margin-bottom: 0;
}
.news-c .list a {
    width: 100%;
    display: block;
    margin-bottom: 0.4rem;
    height: auto;
     padding: 0.4rem;
    box-sizing: border-box;

}
.news-c .list a .time{
	width:100%;
	border-right:0;
	    display: block;
}
.news-c .list a .time div{
	display:inline-block;
}
.news-c .list a .tit-13{
	font-size: 0.24rem;
}
.news-c .list a .tit-30{
	font-size: .4rem;
}
.news-c .list a .txt{
    width: 100%;
    margin-left: 0;
    margin-top: .4rem;
   
}
.news-c .list a .tit-20{
	font-size: 0.26rem;
	margin-top: 0.2rem;
}
.news-c .list a .img {
    float: right;
    height: 100%;
    width: 40px;
    height: 40px;
    background-color: #51b2c9;
    border-radius: 50%;
    position: relative;
    margin-right: 0;
    text-align: center;
    line-height: 40px;
    margin-top: 1rem;
}
.nes-box .left{
	width:100%;
	padding:0.4rem;
}
.crumbs{
	display:none;
}
.nes-box .left .tit-36{
	font-size: 0.36rem;
}
.nes-box .left .time{
	font-size: 0.24rem;
	padding-bottom: .3rem;
}
.nes-box .left .con {
    width: 100%;
    font-size: 0.26rem;
    line-height: 1.3;
    color: #666666;
    margin-top: .4rem;
	overflow: auto;
}
.ret {
    display: block;
    width: 1rem;
    position: relative;
    margin-top: .4rem;
    left: 76%;
    transition: all 0.3s;
}
.ban-productinfo{
	height:8rem;
}
.ban-productinfo .text{
	width:90%;
}
.ban-productinfo .text .tit {
    font-size: .5rem;
    line-height: .5rem;
}
.ban-productinfo .text .sub-tit {
    font-size: .36rem;
    line-height: 1.5;
    color: #fff;
    opacity: .5;

    margin-top: .28rem;
}
.desc-box{
	padding:0;
	padding-top: 0.6rem;
}
.desc-box .left {

    width: 100%;
    position: relative;
}
.desc-box .left .img-tab .pc-box {
    height: 5rem;
}
.desc-box .right {
    width: 100%;
    position: relative;
    float: right;
	right: 0;
}
.desc-box .right .icon-list {
    position: relative;
    left: 0;
    top: 0;
    width: 100%;
    transform: translateY(0);
}
.desc-box .m-list {
 
    margin-bottom: .2rem;
}
.desc-box .type-list .item {
    font-size: .24rem;
    line-height: .5rem;
    color: #7b7b7b;
    display: inline-block;
   
    display: inline;
    zoom: 1;
    padding-left: .23rem;
    position: relative;
    margin-right: 0.5rem;
}
.desc-box .pc-list{
	display:none;
}
.desc-box .right .icon-list .icon {
    width: .6rem;
}
.desc-box .right .icon-list .txt {
    font-size: .24rem;
    line-height: .28rem;
    color: #51b3c9;
    margin-left: 0;
    margin-top: .2rem;
    height:.56rem
}
.capture-wrap .text-box .pub-tit br{
	display:none;
}
.xvr-c .xvr-container .ab-pagination {
    position: absolute;
    left: 50%;
    bottom: 2.2rem;
    z-index: 22;
    transform: translateX(-50%);
}
.desc-box .right .icon-list .item {
    box-sizing: border-box;
    padding: 0 .35rem;
    margin:0;
    margin-bottom: .28rem;
    width: 49%;
    float: left;
    display: flex;
    margin-right: 2%;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-color:#f5f5f5;
    padding: .4rem;
        white-space: normal;
    text-align: center;
    height:2.5rem;

}
.desc-box .right .icon-list .row {
    margin: 0;
    margin-top: .4rem;
}
.desc-box .right .icon-list .item:nth-child(2n){
	margin-right: 0;
}
.aside-box{
	display: none !important;
}
.capture-wrap .text-box .text {
    width: 100%;
    padding:0;
}
.capture-wrap .text-box .con {
    font-size: .30rem;
    line-height: .35rem;
    color: #fff;
    opacity: 1;
    margin-top: .28rem;
}
.capture-wrap .icon-list {
    margin-top: .6rem;
    font-size: 0;
}
.capture-wrap .icon-list .item{
	margin-right:0.4rem;
}
.capture-wrap .icon-list .item .icon {
    width: 1rem;
}
.capture-wrap .icon-list .item .txt {
    font-size: .28rem;
    line-height: .6rem;
    color: #fff;
    text-transform: uppercase;
    font-family: "SourceSansPro-Bold";
    text-align: center;
    margin-top: .2rem;
    transition: all .3s;
}
.section .text-box{
	top:33%;
}
.play-box .img-box {
    position: absolute;
    right: 0;
    top: 100%;
    width: 100%;
}
.play-box .text-box{
	top:20%;
}
.control-box{
	padding: 0.6rem 0;
}
.control-box .img {
    float: right;
    width: 100%;
    margin:0;
    height:4.5rem;
}
.nvr-b .img1{
	height:4rem;
}
.nvr-b .time{
	display:none;
}
.s-tit{
	font-size: .5rem;
}
.s-txt br{
	display:none
}
.control-box .text-box {
    float: left;
    width: 100%;
}
.control-box .text-box .con {
    font-size: .26rem;
    line-height: .36rem;
    color: #333;
    margin-top: .4rem;
}
.control-box .text-box .tab-list {
    padding-left: 0;
    margin-top: .6rem;
}
.control-box .text-box .tab-list .item {
    margin-bottom: .4rem;
}
.control-box .text-box .tab-list .icon{
	width:.5rem;
}
.control-box .text-box .tab-list .text{
	margin-left: .2rem;
}
.control-box .text-box .tab-list .text .tit {
    font-size: .30rem;
    line-height: .5rem;
}
.control-box .text-box .tab-list .text .txt {
    font-size: .26rem;
    line-height: .36rem;

}
.unbox-wrap{
	padding: 0.6rem 0;
	display:none;
}
.unbox-list {
    margin-top: .6rem;
}
.unbox-list .swiper-slide {
    width: 49%;
    margin-right: 1%;
}
.unbox-list .con-box{
	padding:0.5rem;
}
.unbox-list .con-box .tit {
    font-size: .24rem;
    line-height: .5rem;
    color: #666;
    text-align: center;
    margin-top: .25rem;
}
.unbox-list .con-box .num{
	font-size: .24rem;
}

.unbox-list .scroll-bar {
    margin-top: 1rem;
}
.recommend-box .scroll-bar {
    margin-top: 1rem;
}
.recommend-box{
	padding: 0.6rem 0;
}
.recommend-box .lists{
	margin-top: .6rem;
}
.recommend-box .lists .img {
    width: 2rem;
    margin: 0 auto;
}
.recommend-box .lists .row{
	margin:0;
}
.recommend-box .lists .item {
    box-sizing: border-box;
    padding: 0;
    width: 50%;
    float: left;
}
.recommend-box .lists .txt {
    font-size: .26rem;
    line-height: .4rem;
    color: #666;
    margin-top: 0;
    margin-bottom: 0;
    text-align: center;
}
.recommend-box .lists .txt2 {
    font-size: .20rem;
    line-height: .3rem;
    margin-top: 0;
    margin-bottom: .2rem;
    text-align: center;
}
.save-box{
	padding: 0.6rem 0;
}
.save-list{
	display:block;
}
.save-list .item {
    margin-top: .5rem;
    width: 50%;
    float: left;
}
.save-list .icon {
    width: 1rem;
    margin: 0 auto;
}
.save-list .txt {
    font-size: .26rem;
    line-height: .3rem;
    color: #666;
    margin-top: .2rem;
    text-align: center;
    height: .6rem;
}
.desc-box .view.fix {
	width:88%;
    left: 50%;
    transform: translateX(-50%);
    top: 1rem;
}
.nvr-a {
    width: 100%;
    height: 11.175rem;
    padding-top: 0rem;
}
.xvr-a .cpn {
    position: relative;
    top: 0;
    line-height: 1.2;
    width: 100%;
        padding: .6rem 0;
}
.xvr-a .cpn div{
	color: #333 !important;
}
.xvr-a .viode {
	width: 31.285%;
	height: 31%;
	background-color: #fff;
	position: absolute;
	top: 40.1%;
	left: 34.2%;
}
.xvr-a .s-tit br{
	display:block;
}
.s-tit br{
	display:block;
}
.nvr-b .cpn{
	 position: relative;
    top: 0;
    line-height: 1.2;
    width: 100%;
        padding: .6rem 0;
}
.nvr-b .cpn div{
	color: #333 !important;
}
.nvr-b .img2 {
    width: 56.4%;
    position: absolute;
    top: 7%;
    left: 43%;
    transform: translateX(-50%);
}
.nvr-b .img3 {
    width: 15.6%;
    position: absolute;
    top: 7.6%;
    left: 44%;
}
.nvr-b .img4 .txt{
	font-size: .2rem;
	margin-top:0;
}
.nvr-b .img4 svg {
    width: 16px;
    height: auto;
    margin-bottom: 0;
}
.nvr-b .img4 {
    position: absolute;
    top: 53%;
    left: 17%;
}
.nvr-b .time{
	 top: 0;
    left: 0;
    font-size: 0.24rem;
}
.nvr-c{
	padding-top:0.6rem;
}
.nvr-container{
	margin-top: 0.6rem;
}
.nvr-container .swiper-slide .txt {

       left: 0;
    transform: translateX(0);
    width: 80%;
	margin-left: 10%;
    top: 0;
    font-size: 0.3rem;
        margin-top: .4rem;
    color: #808080;
    line-height: 1.3;
    text-align: center;
    position: relative;
}
.nvr-container .swiper-slide img{
	width:100%;
}
.nvr-container .swiper-slide{
	height:auto;
	background-image: none !important
}
.nvr-container .ab-pagination {
    position: relative;
    left: 0;
    bottom: 0;
    z-index: 22;
    margin-top: .4rem;
}
.nvr-d{
	padding: 0;
}
.nvr-d .list{
	margin-top: 0.4rem;
}
.nvr-d .list .li {
        width: 100%;
    float: left;
    height: 4.5rem;
    margin-bottom: .4rem;
    padding: 0.4rem;
}
.nvr-d .list .li .txt{
	font-size: .28rem;
}
.nvr-e .right {
    width: 90%;
    position: relative;
    right:0;
    top: 0;
        margin: auto;
    transform: translateY(0);
    color: #fff;
}
.nvr-e .bg{
	position: absolute;
	top:0;
	left:0;
}
.desc-box .right .icon-list .txt br{
	display:none;
}
.nvr-e .right .tit-48{
	font-size: .48rem;
}
.nvr-e .right .tit-24{
	font-size: 0.26rem;
	    margin-top: 0.4rem;
}
.nvr-e .right .tit-24 p:last-child {
    font-size: 0.24rem;
}
.nvr-e{
	padding-top: 0.6rem;
    height: 10.5rem;
    background-position: 47%;
}
.xvr-b{
	padding:.6rem 0;
}
.xvr-b .left{
	width:100%;
	height:auto;
}
.xvr-b .left .tit{
	font-size: .5rem;
	line-height: .56rem;
}
.xvr-b .left .con {
    width: 90%;
    position: relative;
    top: 0;
    left: 0;
    transform: translateX(0);
    margin: auto;
}
.xvr-b .left .txt{

    font-size: 0.26rem;
    margin-top: 0.4rem;
text-align: justify;
}
.xvr-b .right {
    width: 100%;
    float: right;
    height: 4.7rem;
    margin-top: 0.4rem;
    overflow: hidden;
}
.xvr-c{
	padding-top: 0.6rem;
}
.aboutc-container{
	margin-top:.6rem;
}
.xvr-c .xvr-container .right .txt{
	color:#fff;
	margin-top:0;
	height:1.5rem;
}
.xvr-d{
	padding:.6rem 0;
}
.xvr-d .list {
    width: 100%;
    height: 5rem;
    margin-top: .6rem;
}
.xvr-b .sub-tit{
	font-size: .36rem;
	margin-top: .6rem;
    text-align: left;
}
.xvr-b .left .tit br{
	display:none;
}
.display-desc-box{
	padding:0.6rem 0;
}
.display-desc {
    width: 100%;
    margin: 0 auto;
    position: relative;
}
.display-desc .img-box{
	width:100%;
}
.display-desc .img-box .txt span{
	font-size: .36rem;
}
.display-desc .right {
    position: relative;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.display-desc .desc-list {
    position: relative;
    left: 0;
    top: 0;
    transform: translateY(0);
    width: 100%;
}
.display-desc .desc-list li {
        display: flex;
    margin-bottom: .4rem;
    position: relative;
    width: 100%;
    justify-content: space-around;
    align-items: center;
}
.display-desc .desc-list .icon {
    width: 0.8rem;
    font-size: 0;
    position: relative;
    left: 0;
    top: 0;
    transform: translateY(0);
    display:inline-block;
    vertical-align: top;
    margin-right:0.4rem;
}
.display-desc .desc-list .txt {
    float: right;
    font-size: .24rem;
    line-height: .28rem;
    color: #51b3c9;
    font-family: "SourceSansPro-Semibold";
    width: 82.2%;
}
.life-box{
	padding:.6rem 0;
}
.life-box .pro-con {
    width: 100%;
    font-size: 0.26rem;
    line-height: 0.4rem;
    margin-top: 0.36rem;
}
.life-box .img {
    margin: .6rem auto 0;
    width: 100%;
    box-sizing: border-box;
    padding: .3rem;
    background-color: #000;
    border-radius: .4rem;
}
.angle-box{
	padding:.6rem 0;
}
 .pro-con {
    width: 100%;
    font-size: 0.26rem;
    line-height: 0.4rem;
    margin-top: 0.36rem;
}
.visual-box {
    position: relative;
    margin-top: 0;
    padding:0.6rem 0 0;
}
.angle-box .angle-img {
    width: 91%;
    margin: 0 auto;
    position: relative;
}
.visual-box .text-box {
    position: relative;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 3;
    text-align: center;
}
.visual-box .text-box .pub-tit{
	color:#333;
}
.visual-box .text-box .pro-con{
	color:#333;
	margin-bottom: .4rem;
}
.control-box .img  {
    width: 90%;
    margin: auto;
    display: block;
	float: inherit;
}
.handle .con-box {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 1rem;
    height: 1rem;
    background-color: #52b3c9;
    margin: -.5rem 0 0 -.5rem;
    border-radius: 100%;
}
.handle .con-box .divide {
    width: 1px;
   height: .4rem;
    margin: 0rem;
}
.handle .con-box .prev, .handle .con-box .next {
    width: 8px;
    height: 13px;
}
.needs-box{
	padding:0.6rem 0 ;
}
.needs-box .pro-con{
	width:100%;
}
.needs-box .lists{
	margin-top: .6rem;
}
.needs-box .lists .circle-text{
	width:1rem;
	height: 1rem;
}
.needs-box .lists .circle-text .txt{
	font-size: 0.24rem;
	line-height: 0.24rem;
}
.operation-box .text-box{
	position: relative;
	    padding: .6rem 0;
}
.operation-box .text-box .pro-con{
	width:100%;
	color:#333;
}
.operation-box .text-box .pub-tit{
	color:#333;
}
.swich-a{
	padding:0.6rem 0;
}
.nvr-c .s-tit {
    color: #000;
    width: 80%;
    margin: auto;
}
.swich-a .list {
    margin-top: .6rem;
}
.swich-a .list li{
	width:100%;
}
.swich-a .list li .img {
    width: 100%;
    height: 5rem;
}
.swich-a .list li .img img {
    max-width: 60%;
}
.swich-a .list li .txt{
	margin:.2rem 0;
}
.swich-a .list li .txt .tit-36{
	font-size: .36rem;
}
.swich-a .list li .txt .tit-20 {
    font-size: 0.24rem;
    line-height: 1;
    margin-top: 0.1rem;
}
.swich-b {

    padding-top: .6rem;
    padding-bottom: .6rem;
}
.swichb-container{
	margin-top:0.8rem;
}
.swichb-container .swiper-slide .bot1 {
    height: 0.2rem;
    width: 0.2rem;
}
.swichb-container .swiper-slide .bot2 {
    width: .8rem;
    height: .8rem;
    position: absolute;
    background-color: #4cb1c7;
    border-radius: 50%;
    z-index: 2;
    left: -0.3rem;
    top: -0.3rem;
}
.swichb-container .swiper-slide .img {
    width: 2.25rem;
    margin-left: -1.3rem;
}
.swichb-pagination .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    margin-right: 10px;
}
.swichb-container .swiper-slide .imgbox .items {
    width: 10px;
    height: 10px;
    border: 1px solid #000;
}
.swichb-container .swiper-slide .imgbox .items .bto {
    width: 4px;
    height: 4px;
    background-color: #42c3e2;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -2px;
    margin-left: -2px;
    border-radius: 50%;
}
.swichb-container .swiper-slide .imgbox .prot {
    width: 1rem;
    height: 1rem;
    background-color: #fff;
    border-radius: 50%;
    position: absolute;
    top: 0;
    left: 50%;
    margin-top: -1.2rem;
    margin-left: -0.5rem;
    z-index: 3;
    transition: all 0.5s;
    box-shadow: 0 0 1rem rgb(57 61 62 / 49%);
}
.swichb-container .swiper-slide .imgbox .items1{
	top: 59.5%;
}
.swichb-container .swiper-slide .imgbox .items2{
	top: 49%;
}
.swichb-container .swiper-slide .imgbox .items3{
	
    top: 66%;

}
.swichb-container .swiper-slide .imgbox .items4{
	top: 66%;
}
.swichb-container .swiper-slide .imgbox .items5{
	    top: 68.5%;
}
.swich-e .left {
	margin-top:0.6rem;
    height: auto;
    padding-left: 5%;
    padding-right: 5%;
    width: 100%;
}
.swich-e .left .txt {
    font-size: 0.24rem;
    color: #fff;
    line-height: 1.5;
    margin-top: 0.4rem;
}
.swich-e .left .time {
    margin-top: .6rem;
    font-size: 0.3rem;
}
.swich-e .left .time span:first-child{
	font-size: 0.8rem;
}
.swich-e .left .tit{
	font-size: 0.48rem;
	margin-top:0;
}
.swich-e .left .txt2{
	font-size: 0.24rem;
}
.swich-e .right {
    width: 100%;
    float: right;
    height: 5.5rem;
    margin-top: 0.4rem;
}
.swich-f{
	padding:0.6rem 0;
}
.swich-f .left .tit {
    font-size: 0.48rem;
    margin-top: 0rem;
}
.swich-f .left {
    height: auto;
    padding-left: 5%;
    width: 100%;
    padding-right: 5%;
}
.swich-f .left .txt{
	font-size: 0.26rem;
}
.swich-f .left .time{
	margin-top: .6rem;
    font-size: 0.3rem;
}
.swich-f .left .time span:first-child{
	font-size: 0.8rem;
}
.swich-f {
    height: 6rem;
}
.swich-g .right{
	height:8rem;
}
.swich-g .right .img1 {
    position: absolute;
    top: 1rem;
    left: 50%;
    transform: translateX(-50%);
    width: 63%;

}
.swich-g .right .img2 {
    position: absolute;
    top: 28%;
    left: 46%;
    transform: translateX(-50%);
    width: 1rem;

}
.swich-g .right .img3 {
    position: absolute;
    top: 41%;
    left: 38%;
    transform: translateX(-50%);
    width: 2.625rem;
    height: 2.625rem;
    border-radius: 50%;
    border: 4px solid #fff;

}
.swich-g .right .txt {
    color: #fff;
    position: absolute;
    top: 55%;
    left: 60%;
    line-height: 1.5;
    width: 35%;
}
.swich-g .right .txt .tit-20 {
    font-size: 0.24rem;
}
.swich-g .right .txt .tit-24 {
    font-size: 0.26rem;
}
.index-product-box .tab-box .txt{
	display:none;
}
.presentation-top{
	margin-top:.6rem;
}
.presentation-top .left{
	width:100%;
	padding: 1rem 0;
}
.presentation-top .left .lists {
    margin: .2rem auto 0;
    width: 90%;
}
.presentation-top .left .lists .item {
    box-sizing: border-box;
    padding: 0 .35rem;
    margin-bottom: .6rem;
    width: 25%;
    float: left;
}
.presentation-top .right {
    float: right;
    width: 100%;
    padding-top: .7rem;
}
.presentation-top .feature-list li {
    margin-bottom: .2rem;
}
.presentation-top .feature-list .icon img {
    width: 100%;
}
.presentation-top .feature-list .text {
    float: right;
    width: 82%;
	margin-left: 0;
}
.presentation-top .feature-list .tit {
    font-size: .36rem;
        line-height: .8rem;

}
.presentation-top .feature-list .con {
    font-size: .26rem;
    line-height: .36rem;
    color: #000;
    opacity: .7;
    margin-top: .1rem;
    margin-left: 0rem;
}
.presentation-top .feature-list .icon{
	width:14%;
}
.specifications-box{
	padding:0.6rem 0;
}
.specifications-box .pub-tit {
    text-align: left;
}
.down_list .right-item {
    display: inline-block;
    padding: .2rem;
    text-align: left;
    border-radius: 4px;
    position: relative;
    margin-bottom: 0.5rem;
    background-color: #52b3c9;
    width: 100%;
    box-sizing: border-box;
    margin: 0;
    margin-bottom: .2rem;
}
.down_list .text .tit {
    font-size: .32rem;
    line-height: .6rem;
}
.down_list .right-item .icon {
    position: absolute;
    right: .5rem;
    top: 50%;
    width: .5rem;
    height: .5rem;
    border-radius: 100%;
    margin-top: -0.25rem;
}
.specifications-box .specifications {
    margin-top: .4rem;
    overflow: auto;
}
	.security-btns .item:before{
		top:-40%;
	}
	.security-btns .item:nth-child(1):before{
		left: -40%;
	}
	.security-btns .item:nth-child(2):before{
		left: -31%;
	}
	.emal-dia .em-dialog .right .item input{
		font-size: 0.24rem;
	}
	.pro-sub-banner .top-nav .tit{
		display: none;
	}
	.pro-sub-banner .top-nav-box .view{
		width: 100%;
	}
	.top-nav .type-btns{
		float: left;
		width: 100%;
	}
	.top-nav .type-btns .swiper-wrapper{
		display: flex;
		align-items: center;
		justify-content: space-around;
	}
	.specifications-box .specifications table{
		width: 100% !important;
	}
	.top-nav .type-btns .swiper-slide{
		padding: 0;
	}
	.faq-list .row{
		margin: 0;
	}
	.pagingUl li {
		float: left;
		width: .5rem;
		height: .5rem;
		line-height: .5rem;
		font-size: .28rem;
		color: #343434;
		margin: 0 2px;
	}
	.pagingUl{
		height: .5rem;
	}
	.pagingUl li a{
		width: .5rem;
		height: .5rem;
		line-height: .5rem;
		font-size: .28rem;
		color: #343434;
		margin: 0 2px;
	}
	.prv, .next{
		width: .5rem;
		height: .5rem;
		line-height: .5rem;
		font-size: .28rem;
		color: #343434;
		margin: 0 2px;
	}
	.cookies .view{
		display: block;
	}
	.cookies .agree {
		display: inline-block;
		vertical-align: top;
		margin-left: 0;
		margin-right: 2rem;
		margin-top: 10px;
	}
	.cookies .p{
		width: 100%;
		line-height: 1.5;
		font-size: 14px;
	}
	body.acth .cookies {
		height: 8.5rem;
		padding-top: 0.5rem;
	}
	body.acth header{
		top: 8.5rem;
	}
	body.acth{
		padding-top: 8.5rem;
	}
	body.on{
		padding-top: 0rem;
	}
	body.on header{
		top: 0;
	}
}



/* Panda 系列产品新设计页面 2024-09-19  */


@media (max-width: 768px) {
  .uh-pd-wrap .uh-pd-banner {
    height: 500px;
    background: url("../img/uh-pd-banner01-mb.png") no-repeat;
    background-size: cover;
  }
  .uh-pd-wrap .uh-pd-banner .uh-pd-banner-cont {
    padding-top: 120px;
    max-width: 100%;
    text-align: center;
    font-size: 28px;
  }
  .uh-pd-wrap .uh-pd-cont {
    padding-top: 50px;
    padding-bottom: 50px;
    padding-left: 15px;
    padding-right: 15px;
  }
  .uh-pd-wrap .uh-pd-cont .uh-pd-Coverage-cont .uh-pd-Coverage-icon-list .icon-list-box {
    text-align: center;
    width: 45%;
  }
  .uh-pd-wrap .uh-pd-cont .uh-pd-Coverage-cont .uh-pd-Coverage-icon-list {
    justify-content: space-between;
  }
  .uh-pd-wrap .uh-pd-mid-banner .mid-banner-cont h4,
  .uh-pd-wrap .uh-pd-mid-banner-02 .mid-banner-cont h4 {
    font-size: 20px;
    line-height: 1.4;
    margin-bottom: 20px;
  }
  .uh-pd-wrap .uh-pd-mid-banner .mid-banner-cont,
  .uh-pd-wrap .uh-pd-mid-banner-02 .mid-banner-cont {
    text-align: center;
  }
  .uh-pd-wrap .uh-pd-cont .uh-pd-Unimind-cont .Unimind-title {
    flex-wrap: wrap;
  }
  .uh-pd-wrap .uh-pd-cont .uh-pd-Unimind-cont .Unimind-title span {
    font-size: 20px;
  }
  .uh-pd-wrap .uh-pd-cont .uh-pd-Unimind-cont .Unimind-mode-cont .mode-cont-box {
    width: 100%;
    margin-bottom: 20px;
  }
  .uh-pd-wrap .uh-pd-cont .uh-pd-four-cont .four-cont-box {
    width: 100%;
    position: relative;
    height: 530px;
    margin-bottom: 30px;
  }
  .uh-pd-wrap .uh-pd-cont h2 {
    font-size: 25px;
  }
}

/* Panda 系列产品新设计页面 end  */