
.swiper-pagination{position:relative;top:-1px;display:flex}

.swiper-pagination-bullet{cursor:pointer;width:14px;height:14px;margin-left:12px;margin-right:12px;display:block;border-radius:100%;background:rgb(221, 221, 221)}

.swiper-pagination-bullet-active{
	
	background: rgb(224, 168, 196);
	cursor:default;
}

.swb
{    align-items: center;
    justify-content: center;
	display:flex;
	position:absolute;
	left:0px;
	bottom:0px;
	right:0px;
}

.swiper_mp>div {
	position:relative;
    overflow: hidden;
	padding-bottom:133px;
}

.swiper-button-next
{
margin-left:50px;
	border-radius:100%;
	position:relative;
	z-index:1;
	
	
	bottom:0px;
	width:74px;
	height:74px;
background: rgba(224, 168, 196, 1);

cursor:pointer;
}

.swiper-button-next svg
{
	 
	position:absolute;
left:21px;
top:32px;
	content:''
	
	
}


.swiper-button-prev svg
{
	 
position:absolute;
left:21px;
top:32px;
	content:''
	
}


.swiper-button-prev
{margin-right:50px;
	border-radius:100%;
		position:relative;
	z-index:1;
	 
	
	bottom:0px;
	width:74px;
	height:74px;
background: rgba(224, 168, 196, 1);

cursor:pointer;

}

.swiper_mp>div .swiper-slide
{
	padding:22px;
	
	width:calc(100%/3);
	
}

.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-transition-property:-webkit-transform;transition-property:transform;-webkit-box-sizing:content-box;box-sizing:content-box}

.swiper-slide{-webkit-flex-shrink:0;-ms-flex:0 0 auto;flex-shrink:0;width:100%;height:100%;position:relative}

.mprdwrap
{
	padding-top:100px;
}

.mprdwrap .title2
{
	padding-bottom:55px;
	text-align:center;
}

#block3_pre
{
	height:150px;
}

#mp
{
 width:100%;

}

#ob>div
{
	text-align:center;
}

#ob1
{
	padding-top:22px;
	padding-bottom:70px;
	
	
font-size: 16px;
text-align: center;


}

#mp2
{
	 
	 min-height:500px;
	height:calc(100vh -  120px);
	
	
}


#mp2:before
{
	position:absolute;
	content:'';
	height:100%;
	min-height: 537px;
	left:0px;
	bottom:0px;
	right:0px;
	background: url("/images/photos/gir.jpg");
	background-size:cover;
	    background-position-x: 50%;
    background-position-y: 46%;
}

#mp2>img
{
	position:absolute;
	
	z-index:1;
	left:0px;
	width:100%;
	bottom:-1px;
	    height: 109px;	
}

#ob
{
	position:relative;
	width:800px;
	margin:0px auto;
}

#ob2
{
	padding-bottom:38px;
	    justify-content: space-between;
	display:flex;
}
#ob2 .i_form_wrap
{
	position:relative;
	width:47%;
}

#ob3
{
	padding-bottom:52px;
}

#ob3 textarea
{
	height:185px;
}
#ob .but
{
	margin:0px auto;
	width:300px;
}

#ob_after
{
	height:142px;
}

.m2 .but
{
	width:300px;
}

#mp2_start
{
	height:1px;
}

#m0
{
    top: 0px;
bottom: 3%;
    display: flex;

    flex-direction: column;
    justify-content: center;
}
#block2_m0
{
	    padding-bottom: 9%;
	top: 0px;
    bottom: 0px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
#b0img:active
{
	margin-top:-58px;	
}
#b0 iframe
{
	border-radius: 20px;
	visibility:hidden;
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
}

#b0img
{
	z-index:1;
position:absolute;
left:50%;
top:50%;
cursor:pointer;
margin-left:-59px;
margin-top:-59px;	
}

#b0>div
{
position:relative;
height: calc(100% - 200px);
	border: 2px solid #FFFFFF;
	max-height:544px;
border-radius: 20px;
    
}

#b0img3
{
	
	  position:absolute;
	  left:-28px;
	  top:28px;
	width:100%;
	height:100%;
}

#b0img2
{

	border-radius: 20px;
	  position:absolute;
	  left:0px;
	  top:0px;
	width:100%;
	height:100%;


}

#b0
{
	
	    padding-bottom: 2%;
flex-direction: column;
    justify-content: center;
width: calc(100% - 810px);


width: calc(41/57*100vw - 450px);

max-width: 725px;
min-width:360px;

display:flex;
padding-top: 5%;
}

.m0
{
	position:absolute;
	left:calc(8/57*100vw - 139px);

}
.b0
{
	top:0px;
	bottom:0px;
		position:absolute;
	right:calc(8/57*100vw - 139px);
}
#block2_m1 div
{
	height:20px;
}
.m1 *
{
color: #4C4D58;	
}
.m1
{

padding-top:calc(5vh);

padding-bottom:calc(7vh);

font-size: 16px;
font-weight: 400;
line-height: 24px;


color: #4C4D58;

}
 
#mp2_end
{
	min-height:139px;
	height: 16%;
}
#mp1
{
	z-index:2;
	display:flex;
background: #B3866F;
box-shadow: 0px 0px 22px 4px #00000040;
height: 16%;
min-height:139px;
border-radius: 10px;
position:absolute;
left:calc(8/57*100vw - 139px);
bottom: 0px;
right:calc(8/57*100vw - 139px);
align-items: center;
justify-content: space-between;
}

#mp1 img
{
	    position: relative;
    top: 2px;
}

#mp1>div>div
{
	height:78px;
	display:flex;
	    align-items: center;
    justify-content: center;
}

#mp1>div
{
height:139px;
	position:relative;
	text-align:center;
}

#mp1_left,#mp1_right
{
	width:1%!important;
}
#mp1 span
{
position:relative;
text-align:center;
display:block;
font-size: 18px;
line-height: 22px;
color:#fff;
}

#mp2
{

	position:relative;

}

#block2
{
	  position:Relative;

	
	  min-height:593px;
	height:calc(100vw*970/1917);
	background: url("/images/photos/3.png");
	background-size:cover;
	
	
}


#block3
{
	  position:Relative;


  min-height:881px;
	height:calc(100vw*1141/1920);
	
background: url("/images/photos/4.png") top center;
    background-size: cover;
	
}

#block2_pre
{
	height:119px;
}

#block2_after
{
	height:24px;
}

#block3_after
{
	height:144px;
}

#block311
{

  
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    color: #4C4D58;

}

#block311 div {
    height: 15px;
}

#block31
{
    display: flex;
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 55%;
    right: 0px;
    flex-direction: column;
    justify-content: center;
}

#block3 .wrapper,#block3 .wrapper1
{
	
	height:100%;
}
#block311
{
	padding-top:25px;
}

@media (min-width: 1600px)
{
#mp2:before
{

    background-position-y: 50%;
}

}

@media (min-width: 1600px)
{
	#mp2_end
{
	
	height: 36%;
}
	#mp1
	{
		bottom:-10px;
	}
#mp2 {
 
    height: calc(100vh - 130px);
}

#mp2,#block3
{
	background-position-x: 50%;
    background-position-y: center;
}
.m0 {
   
    left: calc(50% - 750px);
}
.b0 {
   
    right: calc(50% - 750px - 28px);
}
#mp1{
	 left: calc(50% - 750px);
	  right: calc(50% - 750px);
}
}



@media (max-width: 1266px)
{
	.b0
	{
	right:40px;	
	}
.m0
{
left:40px;

}
#mp1
{
left:40px;
right:40px;
}
	#mp1 span
	{
		white-space:normal;
	}
	
	#mp15 span
	{
		white-space:nowrap!important;
	}
	
	#mp1>div
	{
		    margin-left: 10px;
    margin-right: 10px;
	}
}