/*图片的自适应*/

img {
    max-width: 100%;
}

img {
    -ms-interpolation-mode: bicubic;
}


/*重置 HTML 的字体大小：*/

html {
    font-size: 100%;
}

.allmyAtion {
    width: 1200px;
    overflow: hidden;
    position: relative;
    margin-top:30px;
}

.myimg {
    width: 1200px;
    height:370px;
}


    .myimg img {
        width:100%;
        height:100%;
    }

.myAtion {
    width: 210px;
    height: 87px;
    background: rgba(1, 115, 211, 0.6);
    position: absolute;
    overflow: hidden;
    top: 155px;
    left: 0px;
}

@keyframes font1 {
    0% {
        opacity: 0;
        transform: scale(0.5);
    }

    50% {
        opacity: 1;
        transform: scale(1.05);
    }

    70% {
        transform: scale(0.8);
    }

    100% {
        transform: scale(1);
    }
}


.myimg .plan {
    font-family: "微软雅黑";
    color: #FFFFFF;
    font-size: 1.4rem;
    position: absolute;
    left: 19px;
    top: 9px;
    animation: font1 5s ease infinite both;
    -webkit-animation: font1 5s ease infinite both;
}
.myimg .myAtion span {
    font-family: "arial narrow";
    color: darkgray;
    font-size: 1.2rem;
    position: absolute;
    top: 48px;
    left: 15px;
    animation: font1 5s ease infinite both;
}

.mynav {
    height: 30px;
    line-height: 30px;
    padding-top: 17px;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 99%;
    white-space: nowrap;
}

    .mynav ul {
        width: 1200px;
        height: 32px;
    }

        .mynav ul li {
            text-align: center;
            font-size: 0.16rem;
            float: left;
            list-style: none;
            padding-left: 10px;
        }

            .mynav ul li a {
                text-decoration: none;
                color: #000;
                font-size: 0.99rem;
            }

                .mynav ul li a:hover {
                    text-decoration: none;
                    color: dodgerblue;
                }
                .content{
                    width:1200px;
                    margin:0px auto;
                }

/*新生入学须知*/

.mytext {
    text-align: center;
    margin-top: 30px;
    border-bottom: 3px solid #02913f;
    padding-bottom: 15px;
    width: 1200px;
    font-size:1.5rem;
}

.mytime {
    width: 1200px;
    text-align: center;
    padding-top: 15px;
}

    .mytime span {
        font-size: 0.8rem;
        color: grey;
        padding-left: 72px;
    }
.Secondary{
    margin-left:-5%;
}
.notContent {
    width: 1200px;
    margin-top: 57px;
}

    .notContent p {
        font-size: 0.9rem;
    }

.content {
    margin-bottom: 50px;
    padding: 10px 10px 0px 10px;
}



@media screen and (max-width:1366px) {
    .allmyAtion {
        width: 1200px;
        overflow: hidden;
        position: relative;
    }

    .myimg img {
        width: 1200px;
        margin-left: 0px;
        padding-top: 0px;
    }

    .myAtion {
        width: 190px;
        height: 67px;
        background: rgba(1, 115, 211, 0.6);
        position: absolute;
        overflow: hidden;
        top: 144px;
        left: 0px;
    }

    .myimg .plan {
        font-family: "微软雅黑";
        color: #FFFFFF;
        font-size: 1.3rem;
        position: absolute;
        left: 19px;
        top: 9px;
        animation: font1 5s ease infinite both;
        -webkit-animation: font1 5s ease infinite both;
    }

    .myimg .myAtion span {
        font-family: "arial narrow";
        color: darkgray;
        font-size: 1rem;
        position: absolute;
        top: 36px;
        left: 15px;
        animation: font1 5s ease infinite both;
        -webkit-animation: font1 5s ease infinite both;
    }

    .mynav {
        height: 30px;
        line-height: 30px;
        padding-left: 5%;
        padding-top: 17px;
    }
}

@media screen and (max-width:1280px) {
    .allmyAtion {
        width: 1200px;
        overflow: hidden;
        position: relative;
    }

    .myimg img {
        width: 1200px;
        margin-left: 0px;
        padding-top: 0px;
    }

    .myAtion {
        width: 160px;
        height: 67px;
        background: rgba(1, 115, 211, 0.6);
        position: absolute;
        overflow: hidden;
        top: 160px;
        left: 0px;
    }

    .myimg .plan {
        font-family: "微软雅黑";
        color: #FFFFFF;
        font-size: 1rem;
        position: absolute;
        left: 19px;
        top: 9px;
        animation: font1 5s ease infinite both;
        -webkit-animation: font1 5s ease infinite both;
    }

    .myimg .myAtion span {
        font-family: "arial narrow";
        color: darkgray;
        font-size: 1rem;
        position: absolute;
        top: 36px;
        left: 15px;
        animation: font1 5s ease infinite both;
        -webkit-animation: font1 5s ease infinite both;
    }

    .mynav {
        height: 30px;
        line-height: 30px;
        padding-left: 2%;
        padding-top: 17px;
    }
}
/**
	 * 当屏幕宽度在1024px时，
	* 相当于平板电脑大小的设备
	***/

@media screen and (max-width:1024px) {
    .allmyAtion {
        width: 100%;
        overflow: hidden;
        position: relative;
        margin-left: 0%;
        margin-top: 0px;
    }
    .myimg img {
        width: 100%;
        margin-left: 0px;
        padding-top: 0px;
    }

    .mynav {
        padding-left: 0;
    }

    .myimg .plan {
        font-family: "微软雅黑";
        color: #FFFFFF;
        font-size: 1rem;
        position: absolute;
        left: 19px;
        top: 9px;
        animation: font1 5s ease infinite both;
        -webkit-animation: font1 5s ease infinite both;
    }

    .myimg .myAtion span {
        font-family: "arial narrow";
        color: darkgray;
        font-size: 1rem;
        position: absolute;
        top: 36px;
        left: 15px;
        animation: font1 5s ease infinite both;
        -webkit-animation: font1 5s ease infinite both;
    }

    .myAtion {
        width: 156px;
        height: 67px;
        background: rgba(1, 115, 211, 0.6);
        position: absolute;
        overflow: hidden;
        top: 123px;
        left: 0px;
    }
    

    .mynav {
        padding-left: 0%;
        padding-top: 5px;
        border-left: 3px solid #02913f;
        color: #02913f;
        background-color: #F1F1F1;
        height: 40px;
        line-height: 37px;
    }
        .mynav ul {
            width: 100%;
            height: 0px;
        }
    .breadcrumb {
        padding: 0px 0px;
        margin-bottom: 0px;
        list-style: none;
        background-color: #F1F1F1;
        border-radius: 0px;
    }
        .mynav ul li a {
            font-size: 0.8rem;
        }
    /*入学通知*/
    .content {
        width: 98%;
        margin: 0px auto;
        padding-bottom: 10%;
    }

    .mytext {
        text-align: center;
        margin-top: 30px;
        border-bottom: 3px solid #02913f;
        padding-bottom: 15px;
        width: 100%;
        font-size: 1.5rem;
    }

    .mytime {
        width: 100%;
        text-align: center;
        padding-top: 15px;
    }

        .mytime span {
            font-size: 0.8rem;
            color: grey;
            padding-left: 12px;
            line-height: 24px;
        }

    .Secondary {
        margin-left: 0%;
    }

    .notContent {
        width: 100%;
        margin-top: 10px;
    }

        .notContent p {
            font-size: 0.8rem;
            width: 92%;
        }
  
}


@media screen and (max-width:768px) {
    .allmyAtion {
        width: 100%;
        margin-top: 0px;
        overflow: hidden;
        position: relative;
    }

    .myimg {
        width: 100%;
        height: auto;
    }

        .myimg img {
            margin-left: 0px;
            padding-top: 0px;
        }
    .mynav ul {
        width: 100%;
        height: 0px;
    }
    .breadcrumb {
        padding: 0px 0px;
        margin-bottom: 0px;
        list-style: none;
        background-color: #F1F1F1;
        border-radius: 0px;
    }
    .myAtion {
        width: 139px;
        height: 50px;
        background: rgba(1, 115, 211, 0.6);
        position: absolute;
        overflow: hidden;
        top: 120px;
        left: 0px;
    }

    .myimg .plan {
        font-family: "微软雅黑";
        color: #FFFFFF;
        font-size: 1rem;
        position: absolute;
        left: 14px;
        top: 9px;
    }

    .myimg .myAtion span {
        font-family: "arial narrow";
        color: darkgray;
        font-size: 1rem;
        position: absolute;
        top: 30px;
        left: 10px;
    }

    .mynav {
        padding-left: 0%;
        padding-top: 5px;
        border-left: 3px solid #02913f;
        color: #02913f;
        background-color: #F1F1F1;
        height: 40px;
        line-height: 37px;
        margin-top: -3px;
    }

        .mynav ul li a {
            font-size: 0.8rem;
        }
    /*入学通知*/
    .content {
        width: 90%;
        margin: 0px auto;
        padding-bottom: 50%;
    }

    .mytext {
        text-align: center;
        margin-top: 30px;
        border-bottom: 3px solid #02913f;
        padding-bottom: 15px;
        width: 100%;
        font-size: 1rem;
    }

    .mytime {
        width: 100%;
        text-align: center;
        padding-top: 15px;
    }

        .mytime span {
            font-size: 0.8rem;
            color: grey;
            padding-left: 12px;
           
            line-height: 24px;
        }

    .Secondary {
        margin-left: 0%;
       
    }

    .notContent {
        width: 100%;
        margin-top: 10px;
        padding-bottom: 50%;
    }

        .notContent p {
            font-size: 0.8rem;
            width: 92%;
        }
  


}

@media screen and (max-width:414px) {
    .allmyAtion {
        width: 100%;
        margin-top: 0px;
        overflow: hidden;
        position: relative;
    }

    .myimg {
        width: 100%;
        height: auto;
    }

        .myimg img {
            height: 128px;
            margin-left: 0px;
            padding-top: 0px;
        }
    .mynav ul {
        width: 100%;
        height: 0px;
    }
    .breadcrumb {
        padding: 0px 0px;
        margin-bottom: 0px;
        list-style: none;
        background-color: #F1F1F1;
        border-radius: 0px;
    }
    .myAtion {
        width: 139px;
        height: 50px;
        background: rgba(1, 115, 211, 0.6);
        position: absolute;
        overflow: hidden;
        top: 40px;
        left: 0px;
    }

    .myimg .plan {
        font-family: "微软雅黑";
        color: #FFFFFF;
        font-size: 1rem;
        position: absolute;
        left: 14px;
        top: 9px;
    }

    .myimg .myAtion span {
        font-family: "arial narrow";
        color: darkgray;
        font-size: 1rem;
        position: absolute;
        top: 30px;
        left: 10px;
    }
    /*入学通知*/
    .content {
        width: 90%;
        margin: 0px auto;
        margin-bottom: 35px;
    }

    .mytext {
        text-align: center;
        margin-top: 30px;
        border-bottom: 3px solid #02913f;
        padding-bottom: 15px;
        width: 100%;
        font-size: 1rem;
    }

    .mytime {
        width: 100%;
        text-align: left;
        padding-top: 15px;
    }

        .mytime span {
            font-size: 0.8rem;
            color: grey;
            padding-left: 12px;
            display: block;
            line-height: 24px;
        }

    .Secondary {
        margin-left: 0%;
        display: inline !important;
    }

    .notContent {
        width: 100%;
        margin-top: 10px;
        padding-bottom: 50%;
    }

        .notContent p {
            font-size: 0.8rem;
            width: 92%;
        }
   
}
/**
* 当屏幕宽度在小于等于400px时，
* 即在移动端（手机端）
* **/

@media screen and (max-width:375px) {
    .allmyAtion {
        width: 100%;
        margin-top: 0px;
        overflow: hidden;
        position: relative;
    }

    .myimg {
        width: 100%;
        height: auto;
    }

        .myimg img {
            height: 128px;
            margin-left: 0px;
            padding-top: 0px;
        }
    .mynav ul {
        width: 100%;
        height: 0px;
    }
    .breadcrumb {
        padding: 0px 0px;
        margin-bottom: 0px;
        list-style: none;
        background-color: #F1F1F1;
        border-radius: 0px;
    }
    .myAtion {
        width: 139px;
        height: 50px;
        background: rgba(1, 115, 211, 0.6);
        position: absolute;
        overflow: hidden;
        top: 40px;
        left: 0px;
    }

    .myimg .plan {
        font-family: "微软雅黑";
        color: #FFFFFF;
        font-size: 1rem;
        position: absolute;
        left: 14px;
        top: 9px;
    }

    .myimg .myAtion span {
        font-family: "arial narrow";
        color: darkgray;
        font-size: 0.9rem;
        position: absolute;
        top: 30px;
        left: 10px;
    }
    /*入学通知*/
    .content {
        width: 90%;
        margin: 0px auto;
        padding-bottom: 50%;
    }

    .mytext {
        text-align: center;
        margin-top: 30px;
        border-bottom: 3px solid #02913f;
        padding-bottom: 15px;
        width: 100%;
        font-size: 1rem;
    }

    .mytime {
        width: 100%;
        text-align: left;
        padding-top: 15px;
    }

        .mytime span {
            font-size: 0.8rem;
            color: grey;
            padding-left: 12px;
            display: block;
            line-height: 24px;
        }

    .Secondary {
        margin-left: 0%;
        display: inline !important;
    }

    .notContent {
        width: 100%;
        margin-top: 10px;
        padding-bottom: 50%;
    }

        .notContent p {
            font-size: 0.8rem;
            width: 92%;
        }
}

@media screen and (max-width:320px) {
    /*banner\背景*/
    .allmyAtion {
        width: 100%;
        margin-top: 0px;
        overflow: hidden;
        position: relative;
    }

    .myimg {
        width: 100%;
        height: auto;
    }

        .myimg img {
            height: 128px;
            margin-left: 0px;
            padding-top: 0px;
        }
    .mynav ul {
        width: 100%;
        height: 0px;
    }
    .breadcrumb {
        padding: 0px 0px;
        margin-bottom: 0px;
        list-style: none;
        background-color: #F1F1F1;
        border-radius: 0px;
    }

    .myAtion {
        width: 139px;
        height: 50px;
        background: rgba(1, 115, 211, 0.6);
        position: absolute;
        overflow: hidden;
        top: 40px;
        left: 0px;
    }

    .myimg .plan {
        font-family: "微软雅黑";
        color: #FFFFFF;
        font-size: 1rem;
        position: absolute;
        left: 14px;
        top: 9px;
    }

    .myimg .myAtion span {
        font-family: "arial narrow";
        color: darkgray;
        font-size: 0.9rem;
        position: absolute;
        top: 30px;
        left: 10px;
    }
    /*入学通知*/
    .content{
        width:90%;
        margin: 0px auto;
        margin-bottom:35px;
    }
    .mytext {
        text-align: center;
        margin-top: 30px;
        border-bottom: 3px solid #02913f;
        padding-bottom: 15px;
        width: 100%;
        font-size: 1rem;
    }
    .mytime {
        width: 100%;
        text-align: left;
        padding-top: 15px;
    }
        .mytime span {
            font-size: 0.8rem;
            color: grey;
            padding-left: 12px;
            display: block;
            line-height: 24px;
        }
    .Secondary {
        margin-left: 0%;
        display: inline!important;
    }
    .notContent {
        width: 100%;
        margin-top: 10px;
        padding-bottom:50%;
    }
        .notContent p {
            font-size: 0.8rem;
            width: 92%;
        }
}




/*返回顶部按钮*/

p#back-to-top {
    position: fixed;
    bottom: 100px;
    right: 14px;
}

    p#back-to-top a {
        text-align: center;
        text-decoration: none;
        color: #d1d1d1;
        display: block;
        width: 30px;
        /*使用CSS3中的transition属性给跳转链接中的文字添加渐变效果*/
        -moz-transition: color 1s;
        -webkit-transition: color 1s;
        -o-transition: color 1s;
    }

        p#back-to-top a:hover {
            color: #979797;
        }

        p#back-to-top a span {
            background: #02913f;
            border-radius: 6px;
            display: block;
            height: 30px;
            width: 30px;
            line-height:26px;
            margin-bottom: 5px;
            /*使用CSS3中的transition属性给<span>标签背景颜色添加渐变效果*/
            -moz-transition: background 1s;
            -webkit-transition: background 1s;
            -o-transition: background 1s;
        }