.banner{
	width:100%;
	height:57vw;
	background:url("images/01.jpg")  center no-repeat;
	background-size:cover; 
}
.banner1{
	width:100%;
	height:26vw;
	background:url("images/02.jpg")  center no-repeat;
	background-size:cover; 
}
.num-frame{
    overflow: hidden;
    position: relative;
    height: 55px;
    margin: 0 auto 10px;
    border: 6px solid #D2D1D1;
    border-radius: 4px;
    width: 91%;
}
.num-frame .yuan{
    position: absolute;
    width: 16px;
    height: 16px;
    line-height: 16px;
    right: 12px;
    bottom: 6px;
}
.num-window{
    width: 90%;
    height: 85%;
    padding-right: 28px;
    padding-top: 4px;
    border-radius: 4px;
    border-top: 2px solid #3D3C30;
    border-bottom: 2px solid #6C6B60;
    border-left: 3px solid #3D3C30;
    border-right: 3px solid #3D3C30;
    background-color: #D3D3CB;
    box-shadow: 0px 1px 5px 1px #ABABA5 inset;
}
.num-window div{
    float: right;
    width: 115px;
    height: 48px;
    margin: 5px 1px 0;
}
.num-window div img{
    width: 100%;
}
.banner3_inp{
	width:94.6%;
	height: 14vw;
	background: #fff;
	margin:auto;
}
.banner3_inp input{
	width: 92%;
    height: 14vw;
    font-size: 16px;
    text-indent: 20px;
    background: #fff;
}
.banner3_inp span{
    font-size: 18px;
}
.banner3{
	background: #faf9f5;
}
.inpju{
	margin-top:3vw; 
}
.baotop1::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
  color: #000;
}
.baotopbut{
	background:url("images/05.jpg")  center no-repeat;
	background-size:cover; 
}
.banner4{
	width:100%;
	height:93vw;
	background:url("images/06.png")  center no-repeat;
	background-size:cover; 
}
.banner5{
	width:100%;
	height:26vw;
	background:url("images/07.jpg")  center no-repeat;
	background-size:cover; 
}
.banner5_bor{
	width:100%;
	background: #faf9f5;
	padding-top: 2vw;
}
.banner5_tit{
	width:94.6%;
	height:17vw;
	margin:auto;
}
.hose{
	width:14%;

}
.hoses{
	width: 100%;
    height: 8vw;
    text-align: center;
    line-height: 8vw;
    color: #48302e;
    border: 1px solid #48302e;
    border-radius: 7px;
}


.banner5_tit .on .hoses {
	background: #fddb3c;
	border: 1px solid #fddb3c;
    border-radius: 7px;
}

.banner5_tit .on .hosesbi{display: block;}
.banner5_bor .bd {width: 100%;overflow: hidden;}
.banner5_bor .bd li{float: left;width: 100%;}
.banner5_bor .bd img{width: 100%;display: block;}

.hosesbi{
	width: 40%;
    margin: auto;
    margin-top: 1.5vw;
    display: none;
}
.fu{
	float:left;
}
.ju{
	margin-left: 3%;
}
.banner5_img{
	width:94.6%;
	margin:auto;
}
.banner5_img img{
	width:100%;
}
.banner6{
	width: 55%;
    margin: auto;
    height: 19vw;
	background:url("images/12.jpg")  center no-repeat;
	background-size:cover; 
}
.banner7{
	width:100%;
	height:140vw;
	background:url("images/13.jpg")  center no-repeat;
	background-size:cover;
	position: relative;
}
.zi1{
	position: relative;
    width: 55%;
    height: 12vw;
    top: 89%;
    margin: auto;
}
.banner8{
	width:100%;
	height:26vw;
	background:url("images/14.jpg")  center no-repeat;
	background-size:cover; 
}
.banner8_lun{
	width:94.6%;
	margin:auto;
}
.swiper-slide img{
	width:100%;
}
.swiper-pagination-bullets {
    position: relative;
    top: 0vw;
}
.banner9{
	width: 100%;
    margin: auto;
    height: 10vw;
    margin-top: 2vw;
	background:url("images/17.jpg")  center no-repeat;
	background-size:cover; 
}
.banner10{
	width: 100%;
    margin: auto;
    height: 63vw;
    margin-top: 2vw;
	background:url("images/18.jpg")  center no-repeat;
	background-size:cover; 
}
.banner11{
	width: 100%;
    margin: auto;
    height: 21vw;
	background:url("images/19.jpg")  center no-repeat;
	background-size:cover;
}
.banner13{
	width: 100%;
    margin: auto;
    height: 58vw;
	background:url("images/20.jpg")  center no-repeat;
	background-size:cover;
}
.inpjus{
	margin-top: 3vw;
}
.baobottombut{
	width: 100%;
    height: 13vw;
	background:url("images/21.png")  center no-repeat;
	background-size:cover;
}
.swiper-pagination-bullet-active {
  
    background: #03ad93;
}