.wap {
	display:none;
}
.clearfix:after {      
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;    
    height: 0;
    font-size:0;
}
span{outline: none;}
li{list-style: none;}
*{margin:0;padding:0;}
html{font-size:10px;height:100%;}
body{background:#000; font-family:"PingFang Medium";overflow-x: hidden;    position: relative;height:100%;}
img{max-width:100%;height:auto;}

@font-face {	
	font-family: 'PingFang Bold';
	src: url('PingFang Bold.ttf')  format('truetype');
}
@font-face {	
	font-family: 'PingFang Medium';
	src: url('PingFang Medium.ttf')  format('truetype');
}

/* ***************pc***************** */
.side-content{height:100%;overflow: hidden;}
.header {
	width:100%;
	height:5rem;
	left:0;
	right:0;
	position:fixed;
	top: 0;
	z-index:2;
	background:#000;
	border-bottom: 1px rgba(255, 255, 255, 0.25) solid;
}
.header .header-logo {
	width:17rem;	
	margin: 0 auto;
	margin-top: 1.5rem;
}
.block-first{padding-top: 5rem;}
.block-first .swiper-container {
	width:100%;
	/* height:400rem; */
	margin:0 auto;
}
.block-first .swiper-container .swiper-wrapper {
	height:100%;
	margin:0 auto;
}
.block-first .swiper-container .swiper-wrapper .swiper-slide{
	width:100%;
	height:100%;
	cursor: pointer;
	overflow: hidden;
}
.block-first .swiper-container .swiper-wrapper .swiper-slide .text-con{
	
	width:100%;
	cursor: pointer;
	overflow-y: auto;
	padding: 0 100rem;
}
.swiper-container-horizontal>.swiper-pagination-bullets{bottom:1rem;}
.block-first .swiper-container .swiper-pagination .swiper-pagination-bullet{
	width:1rem;
	height:1rem;
	opacity:1;
	background: rgba(255, 255, 255, 0.4);
	
}
.block-first .swiper-container .swiper-pagination .swiper-pagination-bullet:not(:first-child) {
	margin-left:1rem;
}
.block-first .swiper-container .swiper-pagination .swiper-pagination-bullet-active{
	background:rgb(0, 135, 212);
	
}

.title-block{text-align: center;color:#e3ceb1;font-size: 1.6rem;padding-top:2rem;margin-bottom:2rem;font-family: 'PingFang Bold';}
.title-block img{width:1.5rem;margin-right:1rem;vertical-align: middle;}
.title-block .title2{font-size: 1.2rem;color:#fff;margin-top:1rem;font-family: 'PingFang Medium';}
/* 产品优势 */
.block-second {
	width:100%;
	margin-bottom:12rem;
}
/**p1*/
.advantage-p1-content{text-align: center;}
.advantage-p1-content .left-img{width:70%;max-width: 82rem;}
.advantage-p1-right{}
.advantage-p1-right .advantage-p1-right-list{width:50%;float:left;color:#fff;margin-top: 2rem;}
.advantage-p1-right .advantage-p1-right-list .title1{color:#e3ceb1;font-size: 1.4rem;display: flex; align-items: center;  justify-content: center;}
.advantage-p1-right .advantage-p1-right-list .title1 img{width:1.8rem;margin-right:5px;}
.advantage-p1-right .advantage-p1-right-list .title2{color:#fff;font-size: 1.2rem;margin-top:1rem;}
/* p2 */
.advantage-p2{margin-top:2rem}
.advantage-p2-content{background: url("../images/p3/bg.png") no-repeat;background-size: cover;}
.advantage-p2-content li{width:43%;float:left;background:#1C1C1C;margin-top:2rem;margin-left:2rem;margin-bottom: 2rem;list-style: none;} 
.advantage-p2-content li img{float:left;margin-top:1rem; margin-left: -0.7rem;margin-bottom:1rem;}
.advantage-p2-content li .content2 div:first-child{font-size:1.4rem;color:#e3ceb1;font-weight: bold;text-align: center;}
.advantage-p2-content li .content2 div:first-child span{font-size:1.1rem;color:#fff;margin-left:1.0rem;}
.advantage-p2-content li .content2 div:first-child span span{font-size:1.4rem;margin-left:0;}
.advantage-p2-content li .content2 div:nth-child(2){font-size:1.2rem;color:#fff;/*margin-left:13%;*/margin-top:1rem;    line-height: 2.4rem;text-align: center;    margin-bottom: 1.5rem;}
/* p3 */
.advantage-p3{margin-top:2rem}
.advantage-p3-content{clear: both;}
.advantage-p3-left{width:19.0rem;float:left;}
.advantage-p3-left li{width:100%;font-size:3.0rem;color:#fff;cursor: pointer;padding:1.0rem;text-align: center;margin-bottom:3.0rem;}
.advantage-p3-left li:hover,.advantage-p3-left li.active{background-color:#734c24;border-top-right-radius: 3.0rem;border-bottom-right-radius: 30rem;border-top-left-radius: 3.0rem;border-bottom-left-radius: 3.0rem;}
.advantage-p3-right >div{    margin: 1rem; padding: 1rem;background: url("../images/p4/bg.png") no-repeat bottom center;background-size: cover;}
.advantage-p3-right .title1{font-size: 1.4rem;color:#BDAC94;}
.advantage-p3-right .title1 div{width:1rem;height:1rem;background:#754C24;border-radius: 50%;display: inline-block;    margin-right: 1rem;}
.advantage-p3-right .title2{font-size: 1.2rem;color:#fff;margin:1.0rem 0;}
/**功能一览*/
.function{width:100%;}
.function-p1 .title-block{padding-top:2rem;}
.function-p1-content{height:61rem;margin: 0 auto;;background: url("../images/p5/bg.png") no-repeat bottom center;background-size: cover;position: relative;}
.function-p1-bg{position: absolute;    left: 1rem; top: 1rem;z-index: 1;
}
.function-p1-content img{position: absolute;display: none;}

.function-p2-content{text-align: center;}
.function-p2-content li{width: 20%;display: inline-block;text-align: center;padding:1rem 2.0rem;position: relative;}
.function-p2-content li .content1 p{font-size:1.4rem;color:#fff;margin-top:0.5rem;white-space: nowrap;}
.function-p2-content li .content2{display: none;}
.function-p2-content li .content2 p{font-size:1.2rem;color:#e3ceb1;margin-top:2.0rem;white-space: nowrap;}

/**功能特色*/
.characteristic-content{text-align: center;}
.characteristic-content li{width:45%;display: inline-block;}

/**适用范围*/
.range .title-block{margin-top:1.0rem;}
.range-content{text-align: center;}
.range-content li{width: 42%;display: inline-block;text-align: center;position: relative;margin:1rem 0.5rem;}
.range-content li div{position: absolute;bottom:0;color:#fff;width:100%;line-height: 3rem;background: rgba(0,0,9,0.6)}


/**合作案例*/
.example-content{     margin: 1.5rem;background: url("../images/p9/bg.png") no-repeat bottom center;background-size: cover;}
.example-content-left{color:#fff;}
.example-content-left .left-blok{display: flex; justify-content: space-between;   align-items: center;border: 2px rgba(255,255,255,0.6) solid;padding:1.5rem;border-radius:5px;font-size:1.4rem;       float: left;margin:0.5rem  0.8rem;white-space: nowrap;}
.example-content-left .left-blok img{width:2.5rem; margin-right: 1rem;}
.example-content-left .left-blok .number{font-size:2.2rem;color:#e3ceb1;margin-left:0.5rem; font-weight: bold;}
/***
.example-content-left{color:#fff;text-align: center;}
.example-content-left *{vertical-align: middle;}
.example-content-left .left-blok{width:31%; border: 2px rgba(255,255,255,0.6) solid;padding:1.5rem;border-radius:5px;font-size:1.4rem;       margin:0.5rem  0.8rem;white-space: nowrap;display: inline-block;}
.example-content-left .left-blok img{width:2.5rem;float:left;}
.example-content-left .left-blok >div{display: inline-block;float: right; vertical-align: middle; text-align: left;}
.example-content-left .left-blok .number{font-size:2.2rem;color:#e3ceb1;margin-left:0.5rem; font-weight: bold;}
**/

.example-content-right{position: relative;}
.example-achievement{margin-top:1.0rem;}
.example-achievement .example-blok{display: flex;justify-content: space-around;align-items: center;background:#2A1442;color:#fff;margin-bottom:1.5rem;border-radius: 1.0rem;    padding: 0.7rem 2.0rem;color:#a79ab4;font-size:1.2rem;}
.example-achievement .example-blok img{width:3.4rem;}
.example-achievement .example-blok span:nth-child(2){font-size:1.4rem;white-space: nowrap;margin-right:2.0rem;margin-left:1.0rem;font-weight: bold;color:#fff;}


/**联系我们**/
.footer {
	width:100%;color:#fff;padding-bottom:3.0rem;font-size: 1.4rem;
}
.footer .title-block{margin-bottom:5.0rem;}
.footer-container {
	display: flex;justify-content: center;
}

.footer .company_info {
	width: 80%;
	line-height: 1.5;
	font-weight: 600;
  }
  
  .footer .company_info .tel {
   font-size:3rem;
   margin-bottom: 1rem;
  }


.footer .company_info div span{color:#e8e8e8;font-weight: 100;}

.footer .wechat {
	padding-top:5.2rem;
	display: flex;justify-content: space-around;    text-align: center;

}
.footer .wechat img{width:16rem;}
.footer .wechat footer {
	text-align: center;margin-top:1rem;
}
.copy-right{text-align: center;font-size: 1.4rem;color: #999;margin-top: 8rem;}

/**sideMenu*/
.toggle-button{position: absolute;right:1.5rem;top:1.5rem;color:#fff;font-size:1.8rem;font-weight: bolder;}
.b_block {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    z-index: 100;
}
.slideout-menu {    width: 22rem;    height: 100%;    position: fixed;    top: 0;    right: -25.6rem;    z-index: 20;    background-color: #000016;    /*-webkit-transform: translate3d(-25.6rem,0,0);*/    /*-webkit-transition: -webkit-transform 1s ease-in-out .1s;*/padding:2rem;}
.slideout-menu  .menu_ul li{
	font-size:1.8rem;color:#fff;line-height: 4.8rem;    border-bottom: 1px rgba(255, 255, 255, 0.3) solid;
	display: flex;
    align-items: center;}
.slideout-menu  .menu_ul a{text-decoration: none;color:#fff;}
.slideout-menu  .menu_ul li img{    width: 1.3rem;margin-right: 1rem;}

/**serve**/
.serve-content{text-align: center;padding-top: 6rem;color:#fff;height: 90%;background:url("../images//sideBar/bg.png") no-repeat; background-size: cover;}
.serve-content .serve-code{padding-top:5.2rem; text-align: center;}
	.serve-content .serve-code img{width:16rem;}
	.serve-content .serve-code p{text-align: center;margin-top:1rem;font-size:1.4rem;}