@charset "utf-8";
h1{
background:rgba(242,239,227,0.6);
text-align:center;
width:100%;
height:110px;
position:relative;
z-index:10;
}

.page_tit{
background:url(../img/tit_bg.png);
background-size:cover;
padding:180px 0;
max-height:550px;
display:flex;
/*justify-content:center;*/
align-items:center;
margin-bottom:70px;
}
.page_tit p{
width:78%;
}
.page_tit p img{
width:100%;
}

.desc{
text-align: center;
margin-top:-140px;
}

.best_bg{
text-align:center;
position:relative;
background:#f4f1e8;
padding:180px 0;
display:inline-block;
margin-bottom:100px;
}
.best_bg:before{
content: "";
display:inline-block;
position:absolute;
top:-20px;
left:0;
height:20px;
width:100%;
background:url(../img/bg1.png) no-repeat;
background-size:100% 100%;
}
.best_bg:after{
content: "";
display:inline-block;
position:absolute;
bottom:-20px;
left:0;
height:20px;
width:100%;
background:url(../img/bg2.png) no-repeat;
background-size:100% 100%;
}

.best1{
background:#fff;
width:87%;
float:right;
padding:0 0 100px;
margin-bottom:200px;
text-align:left;
}
.best1 .inner{
margin-top:-60px;
width:87%;
margin-left:5%;
}

.best2{
background:#fff;
width:87%;
float:left;
padding:0 0 100px;
margin-bottom:200px;
text-align:right;
}
.best2 .inner{
margin-top:-60px;
width:87%;
float:right;
margin-right:5%;
}

.best3{
background:#fff;
width:87%;
float:right;
padding:0 0 100px;
margin-bottom:200px;
text-align:left;
}
.best3 .inner{
margin-top:-60px;
width:87%;
margin-left:5%;
}

.best4{
background:#fff;
width:87%;
float:left;
padding:0 0 100px;
margin-bottom:200px;
text-align:right;
}
.best4 .inner{
margin-top:-60px;
width:87%;
float:right;
margin-right:5%;
}

.best5{
background:#fff;
width:87%;
float:right;
padding:0 0 100px;
margin-bottom:200px;
text-align:left;
}
.best5 .inner{
margin-top:-60px;
width:87%;
margin-left:5%;
}

.best6{
background:#fff;
width:87%;
float:left;
padding:0 0 0;
margin-bottom:0;
text-align:right;
}
.best6 .inner{
margin-top:-60px;
width:87%;
float:right;
margin-right:5%;
}
.inner{
margin-top:-100px;
}

.other{
text-align:center;
}

@media screen and (max-width: 950px) {
h1{
text-align: center;
position:static;
transform: translateX(0);
z-index:10;
width:auto;
background:transparent;
}

.page_tit{
padding:10% 0;
max-height:300px;
margin-bottom:5%;
}
.page_tit p{
width:92%;
}
.page_tit p img{
}

.desc{
margin-top:0;
margin-bottom:10%;
}

.best_bg{
text-align:center;
position:relative;
background:#f4f1e8;
padding:10% 0;
margin-bottom:10%;
}
.best_bg:before{
top:-0.1%;
left:0;
background-size:100% auto;
}
.best_bg:after{
bottom:-20px;
left:0;
background-size:100% auto;
}

.best1{
background:transparent;
width:100%;
float:none;
padding:0 0 10%;
margin-bottom:10%;
text-align:center;
}
.best1 .inner{
margin-top:0;
width:100%;
margin-left:0;
}

.best2{
background:transparent;
width:100%;
float:none;
padding:0 0 10%;
margin-bottom:10%;
text-align:center;
}
.best2 .inner{
margin-top:0;
width:100%;
float:none;
margin-right:0;
}

.best3{
background:transparent;
width:100%;
float:none;
padding:0 0 10%;
margin-bottom:10%;
text-align:center;
}
.best3 .inner{
margin-top:0;
width:100%;
margin-left:0;
}

.best4{
background:transparent;
width:100%;
float:none;
padding:0 0 10%;
margin-bottom:10%;
text-align:center;
}
.best4 .inner{
margin-top:0;
width:100%;
float:none;
margin-right:0;
}

.best5{
background:transparent;
width:100%;
float:none;
padding:0 0 10%;
margin-bottom:10%;
text-align:center;
}
.best5 .inner{
margin-top:0;
width:100%;
margin-left:0;
}

.best6{
background:transparent;
width:100%;
float:none;
padding:0 0 10%;
margin-bottom:0;
text-align:center;
}
.best6 .inner{
margin-top:0;
width:100%;
float:none;
margin-right:0;
}
.inner{
margin-top:0;
}


}