.banner{
    width: 100%;
    height: auto;
}
.banner img{
    width: 100%;
    height: auto;
}
/*navigation*/
.about-box{
    width: 100%;
    height: auto;
    
    padding-bottom: 30px;
}
.about-box .navigation ul{
    width: auto;
    height: auto;
    margin: 0 0 10px 360px;
    padding-top: 20px;
}
.about-box .navigation ul li img{
    display: inline-block;
    width: 15px;
    height: 13px;
    margin-right: 6px;
    
}
.about-box .navigation ul li{
    display: inline-block;
    width: auto;
    height: auto;
    font-size: 14px;
    color: #666;
    
}



.about-box .navigation ul li:nth-child(4){

    color: #19bc64;
    
}
.about-box .navigation .xian{
    width: 100%;
    height: auto;
    margin-bottom: 42px;
}
.about-box .navigation .xian img{
    width: 100%;
    height: auto;

}

.navigation ul li a:hover{
    
    color: #19bc64!important;
    
}

/*navigation end*/
.about-box .about-case{
    width: 1200px;
    height: auto;
    margin:0 auto 30px;
}
.about-box .about-case h3{
    width: 162px;
    height: auto;
    font-size: 40px;
    color: #333;
    margin: 0 auto 16px;    
}
.about-box .about-case p{
    width: 194px;
    height: auto;
    font-size: 20px;
    color: #666; 
    margin: 0 auto 40px;     
}
.about-box .about-case ul{
    width: 1200px;
    height: auto;
    margin: 0 auto 10px;
}
.about-box .about-case ul li{
    width: 566px;
    height: auto;
    line-height: 40px;
    font-size: 18px;
    color: #666;
    margin-bottom: 30px;
   
}
.about-box .about-case ul li img{
    width: 568px;
    height: 308px;
    margin-bottom: 26px;
}
.about-box .idea{
    width: 100%;
    height: auto;
    margin-bottom: 50px;
}
.about-box .idea h3{
    width: 162px;
    height: auto;
    font-size: 40px;
    color: #333;
    margin: 0 auto 16px; 
}
.about-box .idea p{
    width: 246px;
    height: auto;
    font-size: 20px;
    color: #666;
    margin: 0 auto 30px; 
}
.about-box .idea span{
    display: block;
    width: 1046px;
    height: auto;
    line-height: 40px;
    font-size: 18px;
    color: #666;
    margin: 0 auto;
    text-align: center;
}
.about-show{
    width: 100%;
    height: auto;
    background-color: #e1f8fe;
    padding-top: 50px;
}

.about-show h3{
    width: 162px;
    height: auto;
    font-size: 40px;
    color: #333;
    margin: 0 auto 16px; 
}
.about-show p{
    width: 310px;
    height: auto;
    font-size: 20px;
    color: #666; 
    margin: 0 auto 60px;  
}

.about-show img .show-box{
    width: 1200px;
    height: auto;
    margin: 0 auto;
 
}
.navigation ul li a{
    color:#666!important;
}
.navigation ul li a:last-child{
    color :#19bc64!important;
}