/*  miSlider Core Styles ========================================== */
/* Version: 0.1.11 */

/*  Resets */
.mis-stage, .mis-slider, .mis-slide, .mis-container, .mis-container * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}
.mis-stage, .mis-slider {
    position: relative;
    overflow: hidden;
}
.mis-stage {
    width: 100%; /*  Set stage width as desired */
    text-align: center; /*  Center list navigation */
    
    height:580px ! important;
}
    .mis-slider {
	    list-style: none;
	    overflow: visible;
	    height: 100%;
	    margin-top: 0;
    }
        /*  Set slide width and padding */
        .mis-slide {
            /*  Set width in pixels to restrict width of slides 
                for multi-item slider, default is 100%
                for single-item slider. Use padding to add space 
                between slides */
	        width: 100%;
            height: auto;
	        padding: 0;
            display: block;
            position: relative;
            float: left;
            overflow: visible !important;
        }
        .mis-slide.mis-current {
            z-index: 100;
        }
            /*  Slide container - inserted around the contents
                of each slide by the plugin */
            .mis-container {
                display: block;
                width: auto;
                height: auto;
                border: 0;
            }
           
/*  Style list navigation */
.mis-nav-list {
    position: absolute;
    bottom: .5em;
    width: 100%;
    margin: 0 auto;
    z-index: 300;
    padding: 0;
    top: 0;
    left: 0px;
    text-align: left;
  
    height:77px;
    border-bottom: 1px solid rgba(138, 135, 135, 0.38);
    
}


 .mis-nav-list li {
	    display: inline-block;
    margin: 10px .25em;
   
    width:18%;
    height: 30px;
  
		}
		
		
 .mis-nav-list li a {
    /* display: block; 
    width: 101px;
    height: 51px;
    text-indent: 100%;*/
    /* overflow: hidden; */
    white-space: nowrap;
    /* border: 1px solid #eee; */
    /* border-radius: 7px; */
    /* opacity: .3; */
    /* -webkit-box-shadow: inset 0 0 2px #333; */
    /* box-shadow: inset 0 0 2px 2px #333; */
    margin: 0 3px;
    display: inline-block;
   color: #4E4545;
    font-size: 18px;
    font-family: 黑体;
   
    padding:20px;
    margin-right:50px;
}
		
		a {
		    text-decoration: none;
		}
		a:hover {
		    text-decoration: none;
		}
		
		
		a:link{
		    color: #4E4545;  
		   text-decoration: none;  
		}
		
		
.mis-nav-list li.mis-current a, .mis-nav-list li a:hover {
    color: rgb(132, 167, 40);
    cursor: default;
    border-bottom: 1px solid rgb(132, 167, 40) ;
	height: 27px;		    
			    
	/*	background: #333;*/
			}

 .mis-nav-buttons {
        display: block;
        position: absolute;
        height: 0;
        top: 0;
        opacity: 0.5;
        z-index: 200;
    }
    
    
  .mis-nav-buttons a {
            position: absolute;
            color: #eee;
            font-size: 0; /* Hide for browser except Android */
            line-height: .01; /* 0 is inconsistent in Opera */
            font-family: Verdana, Geneva, sans-serif;
            font-weight: bold;
            text-decoration: none;
            text-indent: -9999px; /* Hide for Android */
        }
   .mis-nav-buttons a:hover {
                color: #ccc;
            }
            .mis-nav-buttons a.mis-next {
                left: auto;
                right: 0;
                display:none;
            }
            .mis-nav-buttons a.mis-prev {
                left: 0;
            }
  .mis-nav-buttons a.mis-prev:before, .mis-nav-buttons a.mis-next:after {
                content: "\2039"; /* left single angle quote */
                display: block;
                font-size: 80px;
                text-indent: 0;
                display:none;
            }
   .mis-nav-buttons a.mis-next:after {
                display:none;
                content: "\203A"; /* right single angle quote */
  }


@media (max-width:550px){

.mis-stage    {zoom:0.5}
 .mis-nav-list li a {font-size:12px;}
 
    .mis-nav-list li {
	    display: inline-block;
    margin: 10px .25em;
    width: 110px;
    height: 30px;
    font-size: 12px;
		}
}