*{
    margin: 0px;
    padding: 0px;
    font-family: 微软雅黑;}
ul{
    list-style-type: none;}
a{
    text-decoration: none;}
.fl{
    float: left;}
.fr{
    float: right;}
.clear:after{
    clear: both;
    display: block;
    content:""
;}
i{
    font-style:normal;}
#content{
    width: 100%;
    height: 100%;
    background-color: #edeae0;}
 @media screen and  (min-width:100px) and (max-width:480px){ 
    body{ 
        width: 100%;
        height: 100%;
        background-color: #edeae0;}
    #content .main{
        width: 100%;
        height: auto;
        margin: 0 auto;
        /* min-height: 500px;  */
        margin-top: 5px;}
     #content  .main-center-left{
        width: 100%;
         height: 100%;}
     #content .main-l-top{
        width: 100%;
        height: 40px;
        border-bottom: 5px solid #d7a15e;
        background: #63065f;
        border-radius:3px 3px 0px 0px;}
     #content .main-l-top h3{
         font-size: 12px;
         font-weight: bold;
         color: #ffffff;
         text-align: center;
         line-height:40px;}
     #content .main-center-left ul{
         width: 98%;
         margin: auto;}
     #content .main-center-left ul  li{
        width: 19%;
        height: 26px;
        float: left;
        margin: 10px 2px;
        background-color: #f7f5ee;
        text-align: center;
        line-height: 26px;
        cursor: pointer;}
     #content  .main-center-left ul  li a{
         color: #333;
         font-size: 12px;}
     #content .main-center-left ul li.active1{
         background: #ffffff;
         cursor: pointer;}
     #content  .main-center-left ul li.active1 a{
        color: #63065f;}
    #content .main-center-right{
        width: 97%;
        margin: auto;
        height: 100%;}
    #content .main-r-top{
        width: 98%;
        margin: auto;
        height: 45px;
        border-bottom: 3px solid #63065f;}
    #content .main-r-top p{
        line-height: 55px;
        font-size: 12px;
        font-weight: bold;
        color: #63065f;}
    #content .main-nav img{
        display: none;}
    #content .main-nav{
        line-height: 55px;}
    #content .main-nav ul li{
        font-size: 14px;}
    #content .main-nav ul li a{
        color: #333;
        font-size: 12px;}
    #content .main-nav ul li a:hover{
        color: #63065f;}
    #content .main-r-center{
        width: 97%;
        height: auto;
        min-height: 500px;}
    #content .main-r-center ul{
        margin-top: 0px;
		margin-bottom:40px;}
    #content .main-r-center ul li{
        width: 95%;
        height: 40px;
        line-height: 40px;
        position: relative;}
    #content .main-r-center ul li img{
        padding: 4px 5px;
        width: 4px;}
    #content .main-r-center ul li a{
        color: #333;
        font-size: 12px;
        overflow:hidden; 
        float: left;
        width: 65%;
	    text-overflow:ellipsis;
	    display:-webkit-box; 		/*将对象作为弹性伸缩盒子模型显示。*/
	    -webkit-box-orient:vertical;		/*从上到下垂直排列子元素（设置伸缩盒子的子元素排列方式）*/
	    -webkit-line-clamp:1;}
    #content .main-r-center ul li span{
        color: #333;
        font-size: 12px;
        margin-right: 10px;}
    #content .main-r-center ul li a:hover{
        color: #63065f;}
    
    
} 
@media screen and (min-width:480px) and (max-width:760px){   
    body{ 
        width: 100%;
        height: 100%;
        background-color: #edeae0;}
    #content .main{
        width: 100%;
        height: auto;
        margin: 0 auto;
        /* min-height: 500px;  */
        margin-top: 5px;}
     #content  .main-center-left{
        width: 100%;
         height: 100%;}
     #content .main-l-top{
        width: 100%;
        height: 40px;
        border-bottom: 5px solid #d7a15e;
        background: #63065f;
        border-radius:3px 3px 0px 0px;}
     #content .main-l-top h3{
         font-size: 12px;
         font-weight: bold;
         color: #ffffff;
         text-align: center;
         line-height: 40px;}
     #content .main-center-left ul  li{
        width: 19%;
            height: 26px;
            float: left;
            margin: 10px 9px;
            background-color: #f7f5ee;
            text-align: center;
            line-height: 26px;
            cursor: pointer;}
     #content  .main-center-left ul  li a{
         color: #333;
         font-size: 12px;}
     #content .main-center-left ul li.active1{
         background: #ffffff;
         cursor: pointer;}
     #content  .main-center-left ul li.active1 a{
        color: #63065f;}
    #content .main-center-right{
        width: 97%;
        height: 100%;}
    #content .main-r-top{
        width: 100%;
        height: 55px;
        border-bottom: 3px solid #63065f;}
    #content .main-r-top p{
        line-height: 55px;
        font-size: 12px;
        font-weight: bold;
        color: #63065f;}
    #content .main-nav img{
        padding:22px 5px;
        width: 10px;}
    #content .main-nav{
        line-height: 55px;}
    #content .main-nav ul li{
        font-size: 14px;}
    #content .main-nav ul li a{
        color: #333;
        font-size: 12px;}
    #content .main-nav ul li a:hover{
        color: #63065f;}
    #content .main-r-center{
        width: 97%;
        height: auto;
        min-height: 500px;}
    #content .main-r-center ul{
        margin-top: 20px;}
    #content .main-r-center ul li{
        width: 95%;
        height: 40px;
        line-height: 40px;}
    #content .main-r-center ul li img{
        padding: 4px 5px;
        width: 4px;}
    #content .main-r-center ul li a{
        color: #333;
        font-size: 12px;
        overflow:hidden; 
        float: left;
	    text-overflow:ellipsis;
	    display:-webkit-box; 		/*将对象作为弹性伸缩盒子模型显示。*/
	    -webkit-box-orient:vertical;		/*从上到下垂直排列子元素（设置伸缩盒子的子元素排列方式）*/
	    -webkit-line-clamp:1;}
    #content .main-r-center ul li span{
        color: #333;
        font-size: 12px;
        margin-right: 10px;}
    #content .main-r-center ul li a:hover{
        color: #63065f;}
    
    
} 
@media screen and (min-width:760px) and (max-width:1024px){   
    body{ 
        width: 100%;
        height: 100%;
        background-color: #edeae0;}
    #content .main{
        width: 100%;
        height: auto;
        margin: 0 auto;
        /* min-height: 500px;  */
        margin-top: 5px;}
     #content  .main-center-left{
         width: 100%;
         height: 100%;}
     #content .main-l-top{
        width: 100%;
        height: 40px;
        border-bottom: 5px solid #d7a15e;
        background: #63065f;
        border-radius:3px 3px 0px 0px;}
     #content .main-l-top h3{
         font-size: 12px;
         font-weight: bold;
         color: #ffffff;
         text-align: center;
         line-height: 40px;}
     #content .main-center-left ul  li{
            width: 19%;
            height: 26px;
            float: left;
            margin: 10px 9px;
            background-color: #f7f5ee;
            text-align: center;
            line-height: 26px;
            cursor: pointer;}
     #content  .main-center-left ul  li a{
         color: #333;
         font-size: 12px;}
     #content .main-center-left ul li.active1{
         background: #ffffff;
         cursor: pointer;}
     #content  .main-center-left ul li.active1 a{
        color: #63065f;}
    #content .main-center-right{
        width: 97%;
        height: 100%;
        margin-right: 15px;}
    #content .main-r-top{
        width: 100%;
        height: 55px;
        border-bottom: 3px solid #63065f;}
    #content .main-r-top p{
        line-height: 55px;
        font-size: 12px;
        font-weight: bold;
        color: #63065f;}
    #content .main-nav img{
        padding:22px 5px;
        width: 10px;}
    #content .main-nav{
        line-height: 55px;}
    #content .main-nav ul li{
        font-size: 14px;}
    #content .main-nav ul li a{
        color: #333;
        font-size: 12px;}
    #content .main-nav ul li a:hover{
        color: #63065f;}
    #content .main-r-center{
        width: 97%;
        height: auto;
        min-height: 500px;}
    #content .main-r-center ul{
        margin-top: 20px;}
    #content .main-r-center ul li{
        width: 98%;
        height: 40px;
        line-height: 40px;}
    #content .main-r-center ul li img{
        padding: 4px 5px;
        width: 4px;}
    #content .main-r-center ul li a{
        color: #333;
        font-size: 12px;
        overflow:hidden; 
        float: left;
	    text-overflow:ellipsis;
	    display:-webkit-box; 		/*将对象作为弹性伸缩盒子模型显示。*/
	    -webkit-box-orient:vertical;		/*从上到下垂直排列子元素（设置伸缩盒子的子元素排列方式）*/
	    -webkit-line-clamp:1;}
    #content .main-r-center ul li span{
        color: #333;
        font-size: 12px;
        margin-right: 10px;}
    #content .main-r-center ul li a:hover{
        color: #63065f;}
   
} 
 .main{
    width: 1200px;
    height: auto;
    margin: 0 auto;
    /* min-height: 500px;  */
    margin-top: 30px;}
 .main-center-left{
     width: 260px;
     height: 100%;}
 .main-l-top{
    width: 260px;
    height: 80px;
    /*border-bottom: 5px solid #d7a15e;
    background: #63065f;*/
    border-bottom: 4px solid #d7a15e;
    background: #004fa1;
    border-radius:3px 3px 0px 0px;}
 .main-l-top h3{
     font-size: 20px;
     font-weight: bold;
     color: #ffffff;
     text-align: center;
     line-height: 80px;}
 .main-center-left ul  li{
     width: 100%;
     height: 75px;
     /*background-color:#f7f5ee;*/
     background-color: #e9eef4;
     text-align: center;
     line-height: 75px;
     cursor: pointer;}
 .main-center-left ul  li a{
     color: #333;
     font-size: 20px;}
.main-center-left ul  li a:hover{
     color: #004fa1;}
 .main-center-left ul li.active1{
     background: #ffffff; */
    background: #fafafa;
    background: #dee7f0;
    background: #dee7f0;
     cursor: pointer;}
 .main-center-left ul li.active1 a{
    color: #63065f; */
    color: #004fa1;
    color: #ae7e41;}
.main-center-right{
    width: 892px;
    height: 100%;}
.main-r-top{
    width: 100%;
    height: 55px;
    /*border-bottom: 3px solid #63065f;*/
    border-bottom: 3px solid #004fa1;
}
.main-r-top p{
    line-height: 55px;
    font-size: 20px;
    font-weight: bold;
    /*color: #63065f;*/
    color: #004fa1;
}
.main-nav img{
    padding:18px 5px;}
.main-nav{
    line-height: 55px;}
.main-nav ul li a{
    color: #333;}
.main-nav ul li a:hover{
    color: #63065f;}
.main-r-center{
    width: 100%;
    height: auto;
    min-height: 500px;}
.main-r-center ul{
    margin-top: 20px;}
.main-r-center ul li{
    /*width: 98%;*/
    height: 40px;
    line-height: 40px;}
.main-r-center ul li img{
    padding: 4px 5px;}
.main-r-center ul li a{
    color: #333;
    font-size: 16px;}
.main-r-center ul li span{
    color: #333;
    font-size: 16px;}
.main-r-center ul li a:hover{
    /*color: #63065f;*/
    color:#004fa1;
}