@charset "utf-8";
.wrapper {
    width: 100%;
    font-size: 0;
    overflow: hidden;
    position: relative;
    font-size: 0;
    background-color: #f2f2f2;
}
/* banner */
.banner {
    width: 100%;
    height: 950px;
    background-image: url(../images/news/banner.jpg);
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    position: relative;
}
.bannerNews {
    position: relative;
    max-width: 100px;
    top: 20%;
    left: 68%;
}
/*.bannerNews img{
    width:100%;
}*/
.bannerText {
    position: relative;
    width: 670px;
    right: 465px;
    top: 20px;
    font-size: 40px;
    text-align: right;
}
.Mobile {
    display: none;
    width: 100%;
    background-color: #f2f2f2;
}
.mobile_news {
    padding: 24px 5% 5px 80px;
}
.mobile_news img {
    height: 81px;
}
.bannerMobileText {
    font-size: 18px;
    padding: 2% 0px 7% 13%;
}
.NewsArea {
    margin: 6.875% 6.875% 0px 6.875%;
    background-color: #fff;
}
.DataArea {
    width: 90%;
    left: 0px;
    right: 0px;
    margin: 0px auto;
    padding-bottom: 10%;
}
.title {
    color: #51585f;
    font-size: 48px;
    left: 0px;
    right: 0px;
    margin: 0px auto;
    padding-top: 5%;
    width: 76%;
}
.line{
    width:100%;
    border-bottom:5px solid #f00;
    text-align:right;
}
.date {
    color: #51585f;
    font-size:18px;
    padding:20px 0px;
}
.DataBlock{
    width:76%;
    left:0px;
    right:0px;
    margin:0px auto;
}
.TextArea {
    width: 100%;
    color: #51585f;
    font-size: 26px;
    padding-top: 5%;
    line-height: 160%;
}
.PicArea {
    width: auto;
    text-align: center;
    padding-top: 5%;
}
.PicArea img {
    right:0px;
    left:0px;
    margin:0px auto;
}
.vertical {
    height: 44.21875vw;
}
.horizontal {
    width: 52.70833vw;
}
.BackArea {
    text-align: center;
    background-color: #f2f2f2;
}
.BackBtn {
    margin: 6% auto;
    padding: 0.5% 1.7%;
    font-size: 24px;
    color: #fff;
    background-color: #737373;
    width: 130px;
    left: 0px;
    right: 0px;
    cursor:pointer;
}
.BackBtn:hover {
    background-color: #f00;
    color: #fff;
 }
@media screen and (max-width:1366px) {
    .bannerText {
        width: 600px;
        font-size: 30px;
    }
    .bannerNews img {
        width: 170px;
        padding: 0px 5%;
    }
}
@media screen and (max-width:1024px) {
    .bannerNews {
        top: 17%;
    }
    .bannerNews img {
        width: 140px;
    }
    .bannerText {
        right: 480px;
        top: 30px;
    }
}
@media screen and (max-width:993px){
    .title{
        font-size:40px;
    }
    .TextArea {
        font-size: 22.75px;
    }
    .BackBtn{
        font-size:25px;
    }
}
@media screen and (max-width:830px) {
    .title {
        font-size: 38px;
    }
    .TextArea {
        font-size: 20.58px;
    }
    .BackBtn {
        font-size: 24px;
    }
}
@media screen and (max-width:789px){
    .title {
        font-size: 36px;
    }
    .TextArea {
        font-size: 20px;
    }
    .BackBtn {
        font-size: 22.5px;
    }
}
@media screen and (max-width:768px){
    .banner{
        height:50vh;
        background-attachment:local;
    }
    .bannerNews {
        display:none;
    }
    .bannerText {
        display:none;
    }
    .Mobile{
        display:block;
    }
    .bannerMobileText {
        font-size: 25px;
        margin-left: -5%;
    }
    .mobile_news img {
        height: 125px;
    }
    .title{
        font-size:32px;
    }
    .TextArea {
        font-size: 17.33333px;
    }
    .vertical {
        height: 60vw;
    }
    .horizontal {
        width: 100%;
    }
    .BackBtn {
        font-size: 20px;
        height: 43px;
        padding: 1.5% 1.7%;
    }
}
@media screen and (max-width:667px){
    .title {
        font-size: 28px;
    }
    .TextArea {
        font-size: 15px;
    }
}
@media screen and (max-width:650px) {
    .bannerMobileText {
        font-size: 24.54545px;
    }
    .BackBtn {
        padding: 1.7% 1.7%;
    }
}
@media screen and (max-width:586px) {
    .bannerText {
        font-size: 24px;
    }
    .title {
        font-size: 24px;
    }
    .TextArea {
        font-size: 13px;
    }
}
@media screen and (max-width:580px) {
    .mobile_news {
        padding: 47px 5% 5px 62px;
    }
    .mobile_news img {
        height: 95px;
    }
    .bannerMobileText {
        font-size: 18px;
        margin-left: 6%;
        padding: 0% 0px 7% 13%;
    }
}
@media screen and (max-width:505px){
    .bannerNews {
        width: 70px;
    }
    .bannerText {
        font-size: 20px;
    }
    .title {
        font-size: 20px;
    }
    .TextArea {
        font-size: 12px;
    }
    .BackBtn {
        padding: 2% 1.7%;
    }
}
@media screen and (max-width:414px){
    .bannerNews{
        display:none;
    }
    .bannerText{
        display:none;
    }
    .Mobile{
        display:block;
    }
    .title{
        width:92%;
        padding-top:12%;
    }
    .DataArea{
        padding-bottom:15%;
    }
    .DataBlock{
        width:92%;
    }
    .title{
        font-size:24px;
    }
    .TextArea{
        font-size:18px;
    }
    .bannerMobileText {
        font-size: 18px;
        padding: 11px 0px 7% 4.5%;
    }
    .mobile_news {
        padding: 35px 5% 5px 46px;
    }
    .mobile_news img {
        height: 72px;
    }
    .BackBtn {
        font-size:18px;
        padding: 2.5% 1.7%;
    }
}
@media screen and (max-width:375px){
    .BackBtn {
        padding: 3.5% 1.7%;
    }
    .bannerMobileText {
        font-size: 16.5px;
    }
}
@media screen and (max-width:320px) {
    .mobile_news {
        padding: 28px 5% 5px 35px;
    }
    .bannerMobileText {
        font-size: 15px;
    }
}