*{
	margin: 0;
	padding: 0;
	border: none;
}
body{
overflow:scroll;
overflow-x:hidden;

}
.header{
	width: 100%;
    height: 100%;
    background-image: url(../image/1/banner.png);
    background-size: 100% 100%;
    padding-bottom: 10%;
}
.nav{
    width: 100%;
    height: auto;
    padding: 2rem 0;
    border-bottom: 2px solid rgba(255,225,255,0.2);
}
.a{
	border-bottom: 2px solid #fff;
}
.nav-center{
	width: 70%;
	margin: auto;
	display: flex;
	justify-content: space-between;
}
.nav-center img{
	width: 7rem;
	height: auto;
}
.nav-center ul{
	width: 50rem;
    /* float: right; */
    margin-right: 0;
    padding: 1% 0;
	display: flex;
	
}
.nav-center ul li{
    padding-left: 3.5rem;
    /* float: right; */
    list-style: none;
}
.nav-center ul li a{
	text-decoration: none;
    padding-bottom: 2.8rem;
    font-size: 1rem;
    font-family: 'Source Han Sans CN';
    font-weight: 400;
    color: #FFFFFF;
}
.jieshao-center{
    width: 70%;
    left: 15%;
    height: auto;
    text-align: center;
    margin: 3% auto;
    color: #fff;
}
.product{
	width: 18%;
    padding: 1rem;
    background: #FB9E60;
    border-radius: 1.5rem;
    margin: auto;
    margin-top: 4%;
    cursor: pointer;
}
.product:hover{
	 background: #e77b34;
}
.jieshao-center h1{
	margin-bottom: 3%;
    font-size: 3rem;
    font-family: 'Source Han Sans CN';
font-weight: bold;
color: #FFFFFF;
}
.jieshao-center p{
	font-size: 1.2rem;
font-family: 'Source Han Sans CN';
font-weight: 300;
color: #FFFFFF;
opacity: 0.8;
}
.fangan{
	width: 70%;
	margin: auto;
	text-align: center;
	padding: 5%;
}
.fangan p{
	
    font-size: 2.1rem;
font-family: 'Source Han Sans CN';
font-weight: bold;
color: #333333;
}
.fangan ul{
	list-style: none;
	margin-top: 5%;
	display: flex;
	 justify-content: space-between;
}
.fangan ul li{
	display: inline-block;
	align-items: center;
	display: flex;
	
}
.fangan ul li span{
	font-size: 1.7rem;
font-family: 'Source Han Sans CN';
font-weight: 400;
color: #333333;
}
.fangan ul li img{
	align-items: center;
	margin-right: 16px;
}

/*Tab切换*/
.tb{
	position: relative;
	width: 100%;
	height:100%;
}
.container{
	position: absolute;
	width: 70%;
	height: auto;
	top: 7%;
	left: 15%;
	/*border: 1px solid red;*/
}
.container ul{
	list-style: none;
	border-bottom: 1px solid  #DBDBDB;;
	/*padding: 0px 20px 20px 0px;*/
	width: 33%;
	/*border:1px solid blue;*/
}
.act{
	position: absolute;
    top: 13%;
    /*width: 100%;*/
    height: auto;
    /*border-bottom: 1px solid #fff;*/
}
.act .active{
	color: #306AF6;
	border-bottom: 2px solid  #306AF6;
}
.container ul li{
	display:inline-block;
	/* margin-left: 6%; */
	width: 40%;
	text-align: center;
	padding: 5% 0;
    font-size: 1.2rem;
font-family: Source Han Sans CN;
font-weight: 400;
color: #666666;
cursor: pointer;
white-space: nowrap;

}
.container ul li:nth-child(1){
	margin-right: 6%;
}
.container ul li:nth-child(2){
	margin-left: 6%;
}
.container ul li:hover{
	color:  #306AF6;
}

.content1{
	position: absolute;
    margin-top: 5%;
    width: 100%;
    height: auto;
    padding: 6% 0;
}
.container .content1 .content-left{
	width: 50%;

}
.content-left h2{
	font-size: 2.22rem;
font-family: Source Han Sans CN;
font-weight: bold;
color: #333333;
}
.content-left p{
	margin-top: 7%;
    

    font-size: 16px;
font-family: Source Han Sans CN;
font-weight: 400;
color: #666666;
line-height: 2rem;

}
.content-left .btn{
	width: 35%;
    text-align: center;
    padding: 2%;
    background: #FB9E60;
    border-radius: 28px;
    font-size: 1rem;
    font-family: 'Source Han Sans CN';
    font-weight: 400;
    color: #FFFFFF;
    line-height: 2rem;
    margin: 4% 0;
    cursor: pointer;

}
.content-left .btn:hover{
	background: #e77b34;
}
.content1 img{
    width: 47%;
    position: absolute;
    right: 0;
    top: 0;
}

 .tb .container .content1{
 	display: none;
 }
 .tb .container div.current{
 	display: block;
 }

/*分类*/

.classify{
	position: relative;
	width: 100%;
	height:100%;
	
	/*display: flex;*/
	margin-top: 0;
	text-align: center;

}
.classify h3{
	font-size: 2.12rem;
font-family: Source Han Sans CN;
font-weight: bold;
color: #FFFFFF;
position: absolute;
top: 23%;
left: 38%;

}
.classify .classify-img{
	width: 100%;
	height: auto;
}
.classify ul{
	/*position: absolute;*/
	margin: 0 15%;
	width: 70%;
	height: auto;
	list-style: none;
/*	top: 40%;*/
display: flex;
justify-content: space-around;
margin-top: -10%;
    align-items: flex-end;	
}
.classify ul li{
	display: flex;
	color: #fff;
	flex-direction: column;
}
.classify ul li img{
    /* float: left; */
    margin-bottom: 30%;
    margin-left: 17%;
    width: 60%;
}
.img1{
	width: 50%;
}
.classify ul li span{
	float: left;
}

/*优势*/
.goodness{
	position:relative;
	width: 70%;
	height: auto;
	left: 15%;
	padding-top: 7%;
	z-index: 1;
	
}
.goodness .gd-img{
	width: 100%;
	height: auto;
	position: absolute;

}
.goodness h2{
	text-align: center;
	position: absolute;
    top: 298%;
    left: 45%;
}
.gd1{
	position: relative;

}
.gd1 .gd1-img{
	position: absolute;
	top:-40% ;
	left: 28%;

}
.gd1 span{
	position: absolute;
	top: 128%;
    left: 29%;
     font-size: 1.3rem;
    width: 13%;
    /* display: inline-block; */
    color: #fff;
    /* border: 1px solid red; */
    line-height: 2rem;
}
.gd1 .detail1{
    width: 19%;
    background-color: #fff;
    /*border: 1px solid black;*/
    padding: 2%;
    position: absolute;
    box-shadow: 0px 0px 20px #888888;
    z-index: 1;
    margin-top: 8%;
    left: 8%;
    display: none;
    border-radius: 12px;
 
}
.gd1:hover .detail1{
	display: block;
}
.gd2:hover .detail2{
	display: block;
}
.gd3:hover .detail3{
	display: block;
}
.gd4:hover .detail4{
	display: block;
}
.gd5:hover .detail5{
	display: block;
}
.gd6:hover .detail6{
	display: block;
}
.detail1-item{
	position: relative;
}
.detail1 .circle{
	width: 5px;
    height: 5px;
    border-radius: 50%;
    background-color: blue;
    position: absolute;
    top: 47%;

}
.detail1 h4{
	margin-bottom: 7%;
	margin-left: 5%;
}
.detail1 p{

	line-height: 150%;
}
/*图2*/
.gd2{
	position: relative;

}
.gd2 .gd2-img{
	position: absolute;
	left: 60%;
   margin-top: 4%;

}
.gd2 span{
	position: absolute;
	top: 128%;
    left: 29%;
     font-size: 1.3rem;
    width: 13%;
    /* display: inline-block; */
    color: #fff;
    /* border: 1px solid red; */
    line-height: 2rem;
}
.gd2 .detail2{
    width: 19%;
    background-color: #fff;
    /*border: 1px solid black;*/
    padding: 2%;
    position: absolute;
    box-shadow: 0px 0px 20px #888888;
    margin-top: 10%;
    margin-left: 41%;
    display: none;
    z-index: 1;
    border-radius: 12px;
}
.detail2 .circle{
	width: 5px;
    height: 5px;
    border-radius: 50%;
    background-color: blue;
    position: absolute;
    top: 47%;

}
.detail2 h4{
	margin-bottom: 7%;
	margin-left: 5%;
}
.detail2 p{

	line-height: 150%;
}
/*图3*/
.gd3{
	position: relative;

}
.gd3 .gd3-img{
	position: absolute;
	left: 83%;
    margin-top: 12%;

}
.gd3 span{
	position: absolute;
	top: 128%;
    left: 29%;
     font-size: 1.3rem;
    width: 13%;
    /* display: inline-block; */
    color: #fff;
    /* border: 1px solid red; */
    line-height: 2rem;
}
.gd3 .detail3{
    width: 19%;
    background-color: #fff;
    /*border: 1px solid black;*/
    padding: 2%;
    position: absolute;
    box-shadow: 0px 0px 20px #888888;
    
    display: none;
    margin-top: 3%;
    margin-left: 91%;
    z-index: 1;
    border-radius: 12px;
}
.detail3 .circle{
	width: 5px;
    height: 5px;
    border-radius: 50%;
    background-color: blue;
    position: absolute;
    top: 47%;

}
.detail3 h4{
	margin-bottom: 7%;
	margin-left: 5%;
}
.detail3 p{

	line-height: 150%;
}
/*图4*/
.gd4{
	position: relative;

}
.gd4 .gd4-img{
	position: absolute;
	left: 62%;
    margin-top: 23%;

}
.gd4 span{
	position: absolute;
	top: 128%;
    left: 29%;
     font-size: 1.3rem;
    width: 13%;
    /* display: inline-block; */
    color: #fff;
    /* border: 1px solid red; */
    line-height: 2rem;
}
.gd4 .detail4{
    width: 19%;
    background-color: #fff;
    /*border: 1px solid black;*/
    padding: 2%;
    position: absolute;
    box-shadow: 0px 0px 20px #888888;
    margin-top: 32%;
    margin-left: 44%;
    display: none;
    z-index: 1;
    border-radius: 12px;
}
.detail4 .circle{
	width: 5px;
    height: 5px;
    border-radius: 50%;
    background-color: blue;
    position: absolute;
    top: 47%;

}
.detail4 h4{
	margin-bottom: 7%;
	margin-left: 5%;
}
.detail4 p{

	line-height: 150%;
}
/*图5*/
.gd5{
	position: relative;

}
.gd5 .gd5-img{
	position: absolute;
	left: 28%;
    margin-top: 26%;

}
.gd5 span{
	position: absolute;
	top: 128%;
    left: 29%;
     font-size: 1.3rem;
    width: 13%;
    /* display: inline-block; */
    color: #fff;
    /* border: 1px solid red; */
    line-height: 2rem;
}
.gd5 .detail5{
    width: 19%;
    background-color: #fff;
    /*border: 1px solid black;*/
    padding: 2%;
    position: absolute;
    box-shadow: 0px 0px 20px #888888;
    margin-top: 32%;
    margin-left: 9%;
    display: none;
    z-index: 1;
    border-radius: 12px;
}
.detail5 .circle{
	width: 5px;
    height: 5px;
    border-radius: 50%;
    background-color: blue;
    position: absolute;
    top: 47%;

}
.detail5 h4{
	margin-bottom: 7%;
	margin-left: 5%;
}
.detail5 p{

	line-height: 150%;
}
/*图6*/
.gd6{
	position: relative;

}
.gd6 .gd6-img{
	position: absolute;
	left: 8%;
    margin-top: 9%;

}
.gd6 span{
	position: absolute;
	top: 128%;
    left: 29%;
     font-size: 1.3rem;
    width: 13%;
    /* display: inline-block; */
    color: #fff;
    /* border: 1px solid red; */
    line-height: 2rem;
}
.gd6 .detail6{
    width: 19%;
    background-color: #fff;
    /*border: 1px solid black;*/
    padding: 2%;
    position: absolute;
    box-shadow: 0px 0px 20px #888888;
    margin-top: 3%;
    margin-left: -10%;
    display: none;
    z-index: 1;
    border-radius: 12px;
}
.detail6 .circle{
	width: 5px;
    height: 5px;
    border-radius: 50%;
    background-color: blue;
    position: absolute;
    top: 47%;

}
.detail6 h4{
	margin-bottom: 7%;
	margin-left: 5%;
}
.detail6 p{

	line-height: 150%;
}
.business{
	width: 100%;
	height: 100%;
	position: relative;
	margin-top: 33%;
}
.business .bs-center{
	position: absolute;
	width: 70%;
	height: auto;
	left: 15%;
	top: 0;


}
.business h2{
	text-align: center;
	margin-top: 5%;
	font-size: 2.12rem;
font-family: Source Han Sans CN;
font-weight: bold;
color: #333333;
}
.swiper-container ul{
	margin-top: 4%;
}
.swiper-container ul li{
	list-style: none;
	width: 15%;
}
.swiper-container ul li img{
	width: 100%;
	height: auto;
}
.swiper-pagination{
	/*display: block;
	margin-top: 10px;*/
	width: 30%;
	/*height: 20px;*/
	/*position: absolute;*/
	left: 50%;
	transform: translate(-50%, 0);
	/*margin-left: -5%;*/
	/*overflow: hidden;*/
	/*border: 1px solid red;*/
	/*top: 1o0%;*/
	

}
.swiper-pagination span{
	margin: 0 1%;
}

  /*.hide{
  opacity:0;
}*/
.swiper-button-next,.swiper-button-prev{
  transition:opacity 0.5s;
  top: 81%;
  /*size: 30px;*/
  color: #666666;
  opacity: 0.3;
  background-image: inherit;
}
.left-btn,.right-btn{
	outline: none;
}
.swiper-button-next{
	right: -5%;
	
}
.swiper-button-prev{

	left: -5%;
}


.last{
	width: 100%;
	height: auto;
	background-color: black;
    /* position: absolute; */
    color: #fff;
    margin-top: 0%;
}
.last-center{
	/* position: absolute; */
	width: 70%;
	height: auto;
	/* left: 15%; */
	margin: 0 15%;
	padding: 1% 0;
	
}
.bt-top{
	width: 100%;
	height: auto;
	margin-top: 4%;
	position: relative;
	/*border: 1px solid red;*/
}
.address{
	width: 30%;
	display: inline-block;

}
.address .logo{
	width: 9rem;
}
/* .address img{
	position: absolute;
	top: 8%;
	margin-bottom: 10%;
} */
.address p{
	position: relative;
    /* top: 3%; */
    margin-top: 9%;
    margin-bottom: 9%;
}
.address .p1 img{
	/* margin-top: 6.5%; */
	margin-top: 0;
	position: absolute;


}
.address .p1 span{
	display: block;
	margin-left: 11%;
	/* margin-bottom: 11px; */
	font-size: 1rem;
font-family: 'Source Han Sans CN';
font-weight: 400;
color: #FFFFFF;
/* line-height: 30px; */

}
.address .p2 img{
	/* margin-top: 9.5%; */
	position: absolute;
	top: 0;

}
.address .p2 span{
	display: block;
	margin-left: 11%;
	font-size: 1rem;
font-family: 'Source Han Sans CN';
font-weight: 400;
color: #FFFFFF;
/* line-height: 30px; */
}
.introduce{
	width: 56%;
    height: auto;
    margin-right: 0;
    display: inline-block;
    padding-left: 5%;
    border-left: 1px solid rgba(255,225,255,0.2);
   /* border: 1px solid blue;*/
    /*margin-top: -8%;
    margin-left: 37%;*/

}
.introduce .nav1{
	list-style: none;
	height: 100%;

}
.nav1 .nav-li{
	float: left;
	/*margin-left: 10%;*/
	width: 20%;
}
/*.nav1 .nav-li .nav2{

}*/


.nav-li .nav2{
	list-style: none;
	margin-top: 23%;
	/*text-align: center;*/padding-left: 0;

}
.nav-li span{
	
	font-size: 1.2rem;
font-family: Source Han Sans CN;
font-weight: 400;
color: #FFFFFF;

}
.nav2 li{
	margin-top: 12%;
}
.nav2 li div{
	font-size: 1rem;
font-family: Source Han Sans CN;
font-weight: 400;
color: #FFFFFF;
text-decoration: none;
cursor: pointer;
	
}
.ewm{
	position: absolute;
	width: 8%;
}
.copy{
	width: 100%;
	/* height: 13%; */
	color: gray;
	background: #020819;
	padding-top: 1%;
	/* margin-top: 13%; */
}
.copy-center{
	width: 70%;
	margin: 0 15%;
	display: flex;
	justify-content: space-between;
}
.copy span{
	display: inline-block;
	font-size: 1rem;
font-family: 'Source Han Sans CN';
font-weight: 400;
color: #FFFFFF;
line-height: 2rem;
opacity: 0.3;

}