﻿@charset "UTF-8";
/*本页面样式*/
.none{display: none;}
.g-part1{margin: 0 auto; width: 100%; position: relative;}
.g-part1 .m-header{height: 279px;}
.g-part1 .m-header-title{position: absolute; top: 76px; left: 156px; animation:move 1s;-webkit-animation:move 1s;animation-fill-mode:backwards;-webkit-animation-fill-mode:backwards;}
.g-part1 .w1200{position: relative;}
.g-part1 .m-date a{color:#fff;}
.g-part1 .m-textWrap{background: #FFFFFF; width: 835px; height: 397px; border: 2px solid #c32c3d; border-radius: 15px; overflow: hidden;}
.g-part1 .m-textWrap .m-title{color: #c50c26; width: 740px; line-height: 32px; margin-top: 38px; font-size: 20px; text-align: center;}
.g-part1 .m-textWrap .m-title a{color: #c50c26;}
.g-part1 .m-textWrap .m-zy{font-size: 16px; color: #262423; line-height: 26px; margin-top: 15px; width: 800px;}
.g-part1 .m-textWrap .m-zy a{color: #c50c26; display: block;   text-align: right;}
.g-part1 .m-calendar{width: 351px;}

/*日历*/
.hyrl_date {
    width: 294px;
    margin: 20px auto 0 auto;
    position: relative;
}

.dateMonth {
    width: 100%;
    height: 24px;
    line-height: 24px;
    text-align: left;
    font-size: 20px;
    color: #333;
}

.dateR {
    width: 294px;
    margin: 20px auto 0 auto;
    height: 24px;
    line-height: 24px;
    color: #ffffff;
    font-size: 18px;
}

.dateR span {
    float: left;
    width: 30px;
    margin: 0 6px;
    color: #0063C0;
    text-align: center;
}

.dateT {
    width: 100%;
}

.dateT span {
    float: left;
    width: 30px;
    height: 30px;
    text-align: center;
    color: #afafaf;
    line-height: 30px;
    margin: 5px 6px;
    cursor: pointer;
}

.dateT span a {
    color: #333;
    font-size: 14px;
}
.dateT span.has{
    border-radius: 50%;
    background: #0063C0;
}
.dateT span.has a{
    color: #fff;
    font-weight: bold;
}

.dateT span.on {
    border-radius: 50%;
    background: #0063C0;
    color: #FFFFFF;
}

.dateT span.on a {
    color: #FFFFFF;
}

p.left {
    position: absolute;
    right: 50px;
    top: 0;
    cursor: pointer;
}

p.right {
    position: absolute;
    right: 0;
    top: 0;
    cursor: pointer;
}

.dateBox {
    width: 100%;
}

@keyframes move {
    from {
        transform: translateY(-30%);
        opacity: 0.2;
    }
    to {
        transform: translateY(0);
        opacity: 1;
    }
}

@-moz-keyframes move {
    from {
        -moz-transform: translateY(-30%);
        opacity: 0.2;
    }
    to {
        -moz-transform: translateY(0);
        opacity: 1;
    }
}

@-webkit-keyframes move {
    from {
        -webkit-transform: translateY(-30%);
        opacity: 0.2;
    }
    to {
        -webkit-transform: translateY(0);
        opacity: 1;
    }
}

@-o-keyframes move {
    from {
        -o-transform: translateY(-30%);
        opacity: 0.2;
    }
    to {
        -o-transform: translateY(0);
        opacity: 1;
    }
}
/*手机端样式*/
@media only screen and (max-width: 414px) {
    .w1200{width: 100%;}
    .m-l-main,.m-r-main{float: none;}
    .m-banner{width: 100%; background-size: 100%;}
    .g-main{background: none}
    .g-part1 .m-header-title{display: none;}
    .g-part1 .m-date{width: 100%; height: auto; position: relative; top: 0; left: 0; font-size: 1rem; background: none;}
    .g-part1 .m-textWrap{width: 96%; height: auto; margin-left: auto; margin-right: auto; padding-bottom: 1rem;}
    .g-part1 .m-textWrap .m-title{width: 100%; margin-top: 1.5rem;}
    .g-part1 .m-textWrap .m-zy{width: 96%; margin-top: 1rem;}
    .g-part1 .m-calendar{width: 100%; margin-top: 1rem;}
    .g-part1 .m-calendarWrap .m-con{margin-left: auto; margin-right: auto;}
    .g-part2 .m-con{background-size: cover; height: auto; padding: 5rem 0;}
    .g-part2 .m-wrap img{width: 100%; display: block; margin-bottom: 1rem;}
    .g-part2 .m-pc{display: none;}
    .g-part2 .m-web{display: block;}
    .g-part2 .m-web .m-btn{background: #FFFFFF; margin-top: 57px; border-radius: 40px; margin-top: 0 !important; line-height: 30px; margin-left: auto; margin-right: auto; font-size: 1.2rem; color: #ab152f; text-align: center; border: 2px solid #fee28f; width: 90%; height: 79px;}
    .g-part2 .m-web .m-btn div{width: 90%; margin-left: auto; cursor: pointer; margin-right: auto;}
    .g-part2 .m-web .m-btn div a{color: #ab152f; }
    .g-part2 .m-web .m-layer{display: block; width: 90%; height: auto; margin-left: auto; margin-right: auto; margin-bottom: 5rem;}
    .g-part2 .m-web .m-layer img{width: 100%; height: auto;}
    /*.g-part2 .m-web .m-layer .u-more{bottom: -25px;}*/
    .g-part2 .m-layer .u-more{margin:20px;}
    .g-part3 .m-history{width: 100%; background: none;}
    .g-part3 .m-history li{width: 50%; margin: 0 auto 1rem auto; background-size: 50%; font-size: 1.4rem;}
    .g-part3 .m-history li a{width: 60%; margin: 0 auto; height: 100%;}
    .g-part3 .m-history li:hover{width: 50%; margin: 0 auto 1rem auto; background-size: 50%; font-size: 1.4rem;}
}