.wrapper {padding: 0 0 40px 0;}

.headerr h1 {
    background-size: 150%;
}


.wrapper h2 {
    height: auto;         margin-top: 15px;
}

.wrapper h2 img {
    width: 85%;
    height: auto;
}


.btnTab1, .btnTab2  {
    bottom: 0;
    border-radius: 0;
    width: 100%; padding: 10px 0;
}
.btnTab1 img , .btnTab2 img{height: 25px;}
.btnTab1:hover , .btnTab2:hover{background: rgba(0,0,0,1); transform: translateX(0px);}




a.strokeBtn{width: 50%;
    padding: 15px 0;     margin-top: 20px;}
a.strokeBtn img {
    height: 20px;
}



.areaAbout{    background: none;}
.wrapper.areaAbout h2{margin-top: 0px;}
.areaAbout .content{margin: -11% 0 0 -45%;}
.areaAbout .content iframe{    margin: 13% 5% 0;}





.areaReason .box {
    width: 100%;
    margin: 1.5% 0 0 0;
}
.areaReason .box .bottom .icon{display: none;}
.areaReason .box .bottom dt {
    color: #fff;
    padding: 6px 20px;
    background: #9b3e12;
}

.areaReason .box .bottom .content {
    color: #000;
    margin: 10px 0 0 0;
}
.areaReason .box:last-child .bottom .content{color: #fff;}
.areaReason .box .bottom {
    width: 100%;
    margin: 10px auto 30px;
}



.areaIntroduce{background: none;}
.areaIntroduce .mainArea .box{width: 100%; border: solid 2px #808080;     padding: 4%; top: 0;}
.areaIntroduce ul {
    width: 100%;
}
.areaIntroduce .d4 {display: none;
}
.areaIntroduce .d5 {
    width: 40px;
    left: -19px;
    top: 65px;
}
.areaIntroduce .d6{width: 50px; right: -12px;
    top: -36px;}
.areaIntroduce .d7{display: none;}




.areaRoute .map {    overflow-x: hidden;}
.areaRoute .map img{width: 170%; margin-left: -35%; }
.areaRoute .dd {
    display: none;
}



.areaInterview li > i{display: none;}
.areaInterview li {
    width: 100%;
    margin: 0 auto 40px;
}
.areaInterview li:last-child{margin: 0 auto;}
.areaInterview li b {
    display: block;
}
.areaInterview li img {
    width: 40%;
    display: inline-block;
    float: left;
}
.areaInterview li h3 {
    margin: 0 auto;
    text-align: left;
    float: left;
    width: 60%;
    padding: 0 2%;
}
.areaInterview li h5 {
    margin: 12px auto 6px auto;
    float: left;
    width: 60%;
    text-align: left;
    padding: 0 2%;
}
.areaInterview li p {
    padding: 0 2%;
    width: 60%;
    float: left;
}
.areaInterview li a {
    float: right;
    width: 60%;
    padding: 6px 2%;
    text-align: left; margin: 12px auto;
}
.areaInterview li a i {
    width: 20%;
    padding: 8px 0 0 0;
    text-align: center;
}




.areaApply{background: url(../images/bgInterview.jpg) center top repeat-y;}

.areaApply .leftBox {
    width: 100%;
    margin: 5% 0 0 0;
}
.areaApply .leftBox b img {
    width: 75%;
    margin: 5px auto;
}
.areaApply .mainArea .box {
    padding: 4%;
    border: solid 2px #808080;
    width: 100%;
    margin: 40px 0 0 0;
}
.areaApply .leftBox b.transform img {
    margin: 20px auto;
}


.mow{display: none !important;}


.areaSettour h5, .areaSettour h5:first-child {
    margin: 3% 0.5% 24%;
    width: 48%;
}
.areaSettour h5 p{padding: 10px 0;}
.areaSettour h5 i{padding: 10px 0;}



.wrapper .swiper-slide .box{
        left: 50%;
    transform: translateX(-50%);
	}
@media screen and (max-width:560px){
.wrapper .swiper-slide .box {
    width: 80%;
    height: auto;
    padding: 0 0 40px 0;
}
.wrapper .swiper-slide .box h3{
	font-size: 30px;
}
.wrapper .swiper-slide .box h3:after{
	margin: 20px auto 10px;
}
.wrapper .swiper-slide .box p{font-size: 14px;}
}/*media*/