html, body{
    margin:0px;
    padding:0px;
    width:100%;
    height:100%;
    font-family: 宋体;
}
*{
    margin:0px;
    padding:0px;

}
.container {
    max-width: 1024px;
    margin:0 auto;
    width:100%;
    background-color: #D4EDEC;
}
.container p img{
    width:100%;
}
.box {
    height: 100%;
    width: 100%;
    background-color: #D4EDEC;
    padding-top:1px;
}
.box-usernum {
    background-image: url(../../img/dyx/index/usernum.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    font-size: 1rem;
    height:2rem;
    width:6.2rem;
    position: fixed;
    top:1rem;
    right:4rem;
}
.box-num {
    color: #ffffff;
    height:2rem;
    width:4.4rem;
    float: right;
    border: 1px;
    line-height: 1.8rem;
    font-size: 0.8rem;
    text-align: center;
}
#audio_btn {
    width: 2.2rem;
    height: 2.2rem;
    background-image: url(../../img/dyx/music.png);
    background-size: contain;
    position: fixed;
    top:1rem;
    right:1rem;
    z-index: 9;
}
.rotate {
    -webkit-animation: rotating 2.2s linear infinite;
    -moz-animation: rotating 2.2s linear infinite;
    -o-animation: rotating 2.2s linear infinite;
    animation: rotating 2.2s linear infinite
}

@-webkit-keyframes rotating {
    from { -webkit-transform: rotate(0) }
    to { -webkit-transform: rotate(360deg) }
}

@keyframes rotating {
    from { transform: rotate(0) }
    to { transform: rotate(360deg) }
}
@-moz-keyframes rotating {
    from { -moz-transform: rotate(0) }
    to { -moz-transform: rotate(360deg) }
}
.boxbg1 {
    background: url(../../img/dyx/index/righttop.png) no-repeat right top;
    background-size: 65%;
    width: 100%;
    height:100%;
    position: absolute;
}
.boxbg2 {
    background: url(../../img/dyx/index/leftbottom.png) no-repeat left bottom;
    background-size: 100%;
    width: 100%;
    height:100%;
    position: absolute;
}
.dyxlogo{
    background: url(../../img/dyx25/dyxlogo.png) no-repeat left bottom;
    background-size: 100%;
    width: 96%;
    height: 11rem;
    position: absolute;
    top: 5rem;
    margin-left:2%;
    z-index: 999999;
}

.boxbg3 {
    background-size: 80%;
    width: 100%;
    height:100%;
    position: absolute;
}
.logo {
    width: 4rem;
    height: 4rem;
    margin-top: 0.4rem;
    margin-left:1.2rem;
}
.logo img {
    width: 100%;
    height: 100%;
}
.ititle {
    width:100%;
    height: auto;
    margin:0rem auto 0 auto;
}
.ititle img {
    width: 100%;
    height: 100%;
}
.contentbg {
    z-index: 999999;
    width:91%;
    height: 26rem;
    background-image: url(../../img/dyx/index/contentbg.png);
    background-size: 100% 100%;
    margin:17rem auto 0 auto;
    padding-top:0.8rem;
}
.content-title {
    font-weight: bold;
    color: #1C6B5E;
    height: 1.5rem;
    font-size: 1rem;
    line-height: 1.5rem;
    text-indent: 1rem;
    margin-top:0.1rem;
}
.content-desc {
    font-size: 1rem;
    color: #337368;
    line-height: 1.4rem;
    padding: 0 1rem;
    text-indent: 2rem;
    overflow: hidden;
}
.content-line {
    border-bottom: 0.1rem #489E91 dotted;
    width:80%;
    margin:1.1rem auto 0 auto;
}
.content-intr {
    list-style: none;
    padding: 1rem 1rem 0 1rem;
    height: 7rem;
    overflow: hidden;
}
.content-intr li {
    font-size: 1rem;
    color: #337368;
    line-height: 1.5rem;
    font-weight: bold;
}
.sbutton {
    background-image: url(../../img/dyx/index/button.png);
    background-size: 100% 100%;
    text-align: center;
    height:3.4rem;
    width:13rem;
    line-height:3.4rem;
    position: absolute;
    bottom: 2.4rem;
    left: 50%;
    transform: translate(-50%, 0%);
    font-size: 1.2rem;
    color: #ffffff;
}

.sbuttonx {
    height:2.4rem;
    width:90%;
    position: absolute;
    line-height:2.4rem;
    bottom: 2rem;
    font-size: 1rem;
    overflow: hidden;
    transform: translate(-50%, 0%);
    left:50%;
}

.sbuttonx1 {
    background-image: url(../../img/dyx/index/btn-sys.png);
    background-size: 100% 100%;
    text-align: center;
    height:2.4rem;
    width:100%;
    line-height:2.4rem;
    font-size: 1rem;
    overflow: hidden;
    color: #ffffff;
}


.sbuttonx2 {
    background-image: url(../../img/dyx/index/btn-sys.png);
    background-size: 100% 100%;
    text-align: center;
    height:1.8rem;
    width:10rem;
    line-height:1.8rem;
    font-size: 1rem;
    overflow: hidden;
    float: right;
    color: #ffffff;
}



.contentbg-sys {
    z-index: 999999;
    width:86%;
    background-image: url(../../img/dyx/index/bg-sys.png);
    background-size: 100% 100%;
    margin:1rem auto 0 auto;
    padding-top:0.7rem;
    font-weight: bold;
    padding-bottom: 0.2rem;
}
.content-desc-sys {
    font-size: 1rem;
    color: #337368;
    line-height: 1.2rem;
    padding: 0 1rem;
    text-indent: 2rem;
    height: 11.6rem;
    overflow: hidden;
}

.btn-sys {
    background-image: url(../../img/dyx/index/btn-sys.png);
    background-size: 100% 100%;
    margin:0.4rem auto 0 auto;
    height:2.2rem;
    width:15rem;
    line-height:2.2rem;
    color: #ffffff;
    font-size: 0.9rem;
    color:#CBF2EC;
    text-align: center;
}


.start {position:absolute;left:25%;width:50%;top:32%;}
.start img {width:100%;}
.follow {width:40%;position:absolute;left:30%;}
.follow img{width:100%;}
@media screen and (max-height:1400px){
    .follow {top:58%;}
}
@media screen and (min-height:1401px){
    .follow {top:62%;}
}
.copyright {position:absolute;bottom:0;color:#ffffff;font-weight:bold;left:32%;}
.copyright img {}