@media screen and (max-width: 639px){
	.all {width: 640px;margin: 0px auto;}
	
	.pro {height:130px;}

.pro1 img {display: block;max-width: 100%;border: 0px none; width: 100%;height:130px;}

.pro2 { height:130px; overflow:hidden; background-size:50% 50%}

.navtitle{background-size:10% 10%;
}

}

.all {
    width: 96%;
    position: relative; margin:0 auto
}
.pro {
    width: 100%;
    padding: 0px 0;
}
.promain {
    float: left;
    width: 100%;
}
.promain a {
 
    
}
.pro1 {
    width: 59.85%;border-radius: 10px; float:right;position: relative;
}

.pro1 img {
    display: block;
    max-width: 100%;
    border: 0px none;
    width: 100%;
}

.pro1 a p {
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    background:url(/E1gJD0LrK1kJKS1KUS1LHSIJEkcIJ0OET0SpIN.jpg);
    text-align: center;
    color: #FFF;
    line-height: 1.8;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
	
}
.pro2 {
    float: left;
    width: 38.85%; background: url(/E1gJD0LrK1kJKS1KUS1LHSIJEkcFH0OET0SpIN.jpg) center 90% no-repeat #E40404; border-radius: 10px;
}
.pro2 p{
    width: 100%;
    text-align: center;
    color: #FFF;
    line-height: 1.8em; margin-top:30%;
	}

.pro2 span{ font-size:12px;}
	
.pro2 img {
    display: block;
    max-width: 100%;
    border: 0px none;
    width: 100%;
}

.navtitle {
    background:url(/E1gJD0LrK1kJKS1KUS1LHSIJEkchHDRnK0SI.jpg) left center no-repeat #FA9600;
    text-align: center;
    width: 100%;
    color: #FFF;
    line-height: 1.6em;
    margin-bottom: 4%;
    padding: 1.6% 0px;
    font-size: 1.15em;
}



.row {
    width: 100%;
    float: left;
    display: block;
    padding: 2% 0px;
}

.row li {
    width: 32.3%;
    float: left;
    margin-right: 1.5%;
}

.row li img {
    display: block;
    max-width: 100%;
    border: 0px none;
    width: 100%;
}
<!--ºÄʱ0.00020813941955566Ãë-->