html {
    font-size: 62.5%;
}
@media only screen and (min-width: 481px){
    header  , nav ,article ,footer{width:100%}
    html {
        font-size: 94%!important; /* 15.04锟斤拷16=94% */
    }
}
@media only screen and (min-width: 561px){
    header  , nav ,article ,footer{width:100%}
    html {

        font-size: 109%!important; /* 17.44锟斤拷16=109% */
    }

}
@media only screen and (min-width: 641px){

    header  , nav ,article ,footer{width:100%}
    html {


        font-size: 125%!important; /* 20锟斤拷16=125% */
    }
}

@media only screen and (min-width: 1000px){
    header  , nav ,article ,footer{width:32rem;margin: auto }
    html {



        font-size: 125%!important; /* 20锟斤拷16=125% */
    }
}



footer{ text-align: center;    font-size:1.6rem;margin-bottom: 1rem}
footer .address { line-height: 200%}
.content img{max-width: 100%}


.content table{
    border:1px solid #cccccc;

    border-collapse:collapse;
}
 .content td{
    border:1px solid #cccccc;
    padding: 5px;


}

img {   margin: 0;
    padding: 0;
    border: 0;}

ul,li
{
    margin: 0;
    padding: 0;
    border: 0;
    list-style:none;

}

td,th {
    color: #333;
    line-height: 150%;
    font-size: 1.6rem;

}




a { text-decoration:none;
    color:#787878;
    font-size:1.6rem
}

a:hover { text-decoration:underline;
    font-size:1.6rem

}
/*clear锟斤拷锟斤拷锟斤拷锟�*/
.clear{
    clear:both;
    height:10px;

}

nav{  margin-bottom:6px;  background-color: #6cbc01  }

nav li{   background-color: #6cbc01; margin-bottom: 0.1rem; line-height: 3rem; height: 3rem;  text-align: center;  width: 33%;float: left; margin-right: 0.1rem}
nav li a{color: #ffffff}





.title{
    margin-top: 10px;
    clear: both;
    background-image:url(../images/cn_bj.gif);
    height:2.5rem;
    font-size: 1.6rem;

    color:#104565;
    line-height:2.5rem;
    font-weight:700;
    padding-left:10px;
    margin-bottom:10px;

}

.index_pic{
    float:left;
    width:40%;

    height:100px;

}

.IndexAbout{
    float:left;
    padding-left:5px;
    height:9.6rem;overflow:hidden;
    line-height:150%;
    font-size:1.6rem

}

.IndexAbout p{ margin: 0px;}

.index_product{




}

.index_product .img {
    width:100px;
    height:90px;

}


.index_product li{
    text-align:center;

    width:33%;

    float:left;


}
.index_product a{
    text-decoration:none;

    color:#333;



}

.foot{
    text-align:center; margin-bottom: 1rem;margin-top: 2rem;}
.foot  a{

    text-decoration:none;

    color:#333;

}





.page{clear: both; text-align:center; margin-top:20px; margin-bottom:10px; }



.product{
    width:100%;}
.product ul{

    margin-top:30px; margin-bottom:20px;}



.product li{
    float:left;
    width:50%;
    text-align:center;
    margin-bottom:10px;

}
.product li img{ width: 14rem;height: 9rem;border:1px #e9e9e9 solid;margin-bottom: 10px;}


.product li a{font-size: 1.6rem}





.news  li {


}

.news  li .text{ width: 70%; height: 2rem; overflow: hidden; margin-bottom: 1rem; float: left}
.news  li .adddate{ width: 25%;float: left; text-align: right}


.news SPAN{ color:#ccc}

.content { line-height: 150%;
    font-size:1.6rem

}