@charset "utf-8";
/* CSS Document */

@media screen and (max-width: 414px) {
html{ font-size: 16px; }
.wrap{
	width: 100%;
	box-shadow: 0 0 0 #000;
}
.footer{
	width: 100%;
	height: auto;
	padding-top: 0.5rem;
}
.footer .info{
    display: block;
    font-size: 14px;
    padding-left: 0;
    text-align: center;
    line-height: 3rem;
}
.footer .img{
    width: 100%;
    height: auto;
    float: none;
    margin-right: 0;
    margin-top: 0px;
    padding-bottom: 1rem;
    text-align: center;
}
.wraper{
    width: 100%;
}
.head{
    width: 100%;
    height: 56px;
    float: none;
    margin-right: 0px;
    margin-top: 0px;
}
.bar{
    width: 100%;
    height: auto;
    overflow: hidden;
    top: -56px;
}
.bar img{
    height: auto;
}
.bar p{
    font-size: 3rem;
    position: relative;
    top: 5rem;
    height: 15rem;
	text-shadow:2px 2px 0px #fff;
}
.bar2{
    width: 100%;
    height: auto;
    overflow: hidden;
    top: -56px;
}
.bar2 img{
    height: auto;
}
.bar2 p{
    font-size: 3rem;
    position: relative;
    top: 5rem;
    height: 15rem;
	text-shadow:2px 2px 0px #fff;
}
.bar_info{
    font-size: 2rem;
    line-height: 3rem;
    height: auto;
    padding: 1rem 2rem;
    margin-top: -56px;
    box-sizing: border-box;
    border-top: 10px #e8dfc6 solid;
}
.cont{
    height: auto;
    padding: 0.4rem;

}
.cont .side{
    width: 100%;
    float: none;
    margin-bottom: 1rem;
}
.cont .side p{
    width: 100%;
    height: auto;
    border: none;
    margin-bottom: 0.5rem;
}
.slidepic{
    width: 100%;
    height: auto;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -o-border-radius: 15px;
    border-radius: 15px;
    padding: 1.5rem 0;
    float: none;
}
.slideBox{
    width: 20rem;
    height: 13.5rem;
    margin: 0 auto;
    border: 10px #ffffff solid;
    margin-bottom: 2rem;
}
.slideBox .prev,.slideBox .next{
    line-height: 42px;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    left: -32px;
    display: block;
    width: 22px;
    height: 42px;
    text-align: center;
    cursor: pointer;
    background: url(../images/wsb-slideshow-arrows.png) no-repeat;
}
.slideBox .next{
    right: -32px;
    left: auto;
    background: url(../images/wsb-slideshow-arrows.png) -22px 0 no-repeat;
}
.slideBox .bd{
    width: 20rem;
    height: 13.5rem;
}
.slideBox .bd li img{
    width: 20rem;
    height: 13.5rem;
}
.slideBox .bd li .tit{
    line-height: 40px;
    position: absolute;
    bottom: 0;
    display: block;
    width: 100%;
    height: 40px;
    text-indent: 10px;
    color: #fff;
    background-color: rgba(0,0,0,.7); ;
}
.slide_text{
    width: 100%;
    font-size: 1.1rem;
    line-height: 1.6rem;
    margin-bottom: 1rem;
    padding-top: 0;
    margin-top: -1rem;
}


/*+++++++++++++*/
/**/




}
@media screen and (max-width: 375px) {html{ font-size: 16px; }}
@media screen and (max-width: 360px) {html{ font-size: 14px; }}
@media screen and (max-width: 320px) {html{ font-size: 10px; }}