html{
    font-size:100px;
}
body{
    background: url("img/bg1.jpg");
    font-size:0.12rem;
    margin: 0;
    padding: 0;
}

a{
    text-decoration:none;
    color:#540606;
}
a:hover{
    text-decoration:underline;
}
.contair{
    max-width: 8.99rem;
    min-width: 3.2rem;
    margin: 0 auto;
    background:url("img/pagebg.gif") repeat-y  center center;
    background-size: 100%;
    overflow:auto;
}
.contair-img{
	height:100%;
	 max-width: 8.99rem;
    min-width: 3.2rem;
	width:100%;
	position:fixed;
	z-index:-2;
	}
.top{
    overflow: auto;
}
.top img{
    max-width:100%;
}
.banner{
    text-align: center;
    width:94.2%;
    background: url("img/Pnavt.gif") repeat-x bottom;
    padding-bottom: 0.11rem;
    margin:0 auto;
    overflow: auto;
	max-height:260px;
}
.banner>ul{
    margin: 0;
    padding: 0;
    list-style: none;
    overflow: auto;
}
.banner>ul>li{
    margin: 0;
    padding: 0;
    overflow: auto;
	float:left;
}

.banner>ul>li>img{
    max-width:100%;
}
.navbar{
    overflow: auto;
    background: url("img/navbg.gif");
    width: 94.2%;
    margin: 0 auto;
    height: 0.5rem;
}
.navbar>ul{
    width:95%;
    margin: 0.1rem auto;
    padding:0;
}
.navbar>ul>li{
    width:12.5%;
    float: left;
    list-style: none;
    text-align: center;
    margin: 0;
    padding: 0;
}
.navbar>ul>li>a{
    text-decoration: none;
}
.navbar>ul>li+li{
   background:url("img/nav1.gif") no-repeat left center;
}
.rb{
    width:69%;
    float: left;
    margin-left: 1%;
    background: #ead09a;
}
.lbig{
    width:100%;
}

.bt{
    clear: both;
    overflow: auto;
    width:98%;
    margin: 0.05rem auto;
    background: url("img/t_bg.jpg") no-repeat left center;
    background-size: 100%;
    color: #a90505;
}
.bc{
    margin: 0 2.5%;
    line-height: 0.21rem;
}
.sl{
    float: left;
    width:26%;
    text-align: center;
    margin:0.1rem 0;
}
.alb{
    width:92.2%;
    margin: 0 auto;
    overflow: auto;
}
.alb ul{
    list-style: none;
    margin: 0.1rem auto;
    padding: 0;
    overflow: auto;
}
.alb ul li{
    width:16.66%;
    float: left;
    text-align: center;
}
.alb ul li a{
    display: block;
    width: 98%;
}
.alb ul li a img{
    margin-bottom: 0.05rem;
}
.sr{
    float: right;
    margin:0.1rem 0;
}
.sr>a{
    display: block;
    margin-right: 0.2rem;
}
.cbl{
    overflow: auto;
}
.cbl ul{
    list-style: none;
    margin: 0 auto;
    padding: 0;
    width: 95%;
}
.cbl ul li{
    float: left;
    width:25%;
    text-align: center;
}
.cbl ul li a{
    display: block;
    width: 98%;
}
.cbl ul li img{
    width: 100%;
    margin: 0.05rem auto;
}
.kd{
    width:98%;
    margin: 0.05rem auto;
}
.nsn{
    background: url("img/in_nc.gif") repeat-y left;
    background-size: 100%;
    clear: both;
    overflow: auto;
}
.tg{
    overflow: auto;
}
.tm{
    text-align: center;
    font-size: 0.14rem;
    font-weight: bold;
    line-height: 0.25rem;
}
.tmc{
    line-height: 0.21rem;
    margin:0  2.5%;
    text-indent: 0.25rem;
}
.tg img{
    width: 100%;
}
.lk{
    clear: both;
    background: url("img/lk.jpg") no-repeat center 100%;
    background-size: 100%;
    width: 93.8%;
    margin: 0 auto;
    overflow: auto;
}
.at{
    clear: both;
    background: url("img/alt.jpg") no-repeat center 100%;
    background-size: 100%;
    width: 93.8%;
    margin: 0 auto;
    overflow: auto;
}

.at>a,.lk a{
    display: block;
    text-align: right;
    margin:1%;
}
.lkb{
    width: 92.8%;
    margin: 0 auto;
    line-height: 0.25rem;
    overflow: auto;
}
.lkb>a{
    display: block;
    float: left;
    margin-left: 1%;
}
.dkt{
    margin: 0.01rem;
    border:1px solid #9f7343;
}

.dkt>img{
    width:100%;
}
.dkc{
    border:1px solid #9f7343;
    margin: 0.01rem;
    line-height: 0.25rem;
}
.dkst{
    background: url("img/1.gif") no-repeat left center;
    margin:0  0.1rem;
}
.dkst a{
    display: inline-block;
    margin-left: 0.2rem;
}
.dkst span{
    display: inline-block;
    float: right;
}
.dksm{
    text-align: right;
    margin-right: 0.1rem;
    clear: both;
}
.dksm>a{
    padding-left: 0.2rem;
    background: url("img/2.gif") no-repeat;
}
.footbar{
    text-align: center;
    background: url("img/3.gif") repeat-x top;
    width: 94.2%;
    margin: 0 auto;
    padding: 0.3rem 0;
    line-height: 0.21rem;
	clear:both;
}
.fm{
	width: 94.2%;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	margin-bottom:0.1rem;
	margin-top:-0.25rem;
	}
.neit{
    background:url("img/ntb.gif") repeat-x;
    border-bottom: 0.02rem solid #8c7645;
    margin-bottom: 0.1rem;
    padding:0.5%;
}
.neit>span{
    display: inline-block;
    background:url("img/nt.gif") no-repeat left center;
    padding-left: 0.35rem;
}
.bc img{
    max-width: 95%;
}
.int{
    width:90%;
}
.txte{
    width:90%;
}
.rb>h1{
    font-size: 0.14rem;
    text-align: center;
}
.dt{
    text-align: center;
}
.bc{
    text-indent: 0.25rem;
    line-height: 0.25rem;
}
.nxd{
    border-top:1px solid #d7c296;
    font-weight:bold;
    margin-top:10px;
    padding-top:10px;
    clear:both;
}
.pro_xg_in{float:left; text-align:center; margin-right:3px; width: 19%; }
.pro_xg_out{width:99%; }
.docxgpro{ width:99%;}
.nxlt{
    line-height: 0.25rem;
}
.nlst{
    list-style: none;
    margin: 0;
    padding: 0;
    line-height: 0.25rem;
}
.nlst li{
    text-indent: 0;
    margin-top:0.02rem;
}
.nlst li>a{
    display: inline-block;
    margin-left: 0.1rem;
}
.nlst li>span{
    display: inline-block;
    float:right ;
    margin-right: 0.1rem;
}
.nlst li:nth-of-type(odd){ background:#e6d0a2;}
.nlst li:nth-of-type(even){ background:#dbbf77;}
.DIpages,.DIPpages{
    margin-top:0.1rem;
    border-top:0.01rem solid #dbbf77;
    text-align: center;
    padding:0.03rem;
    clear: both;
	overflow:auto;
}
.yqlj{
	margin:0.05rem 0.02rem;
    border:0.01rem solid #dbbf77;
    text-align: left;
    padding:0.05rem;
    clear: both;
	}
.prolistout>ul{
    list-style: none;
    margin: 0;
    padding: 0;
}
.prolistout>ul>li{
    width: 48%;
    margin-left: 1%;
    margin-top:0.1rem;
    float: left;
    height: 1.65rem;
    overflow:hidden;
    background: #CCCCCC;
}
.pot{
    background: #e6d09f;
    margin: 0.01rem;
    overflow: hidden;
    height: 1.63rem;
}
.potl{
    width: 50%;
    float: left;
}
.potl img{
    width: 95%;
    margin: 0.05rem auto;
}
.potr{
    float: left;
    width: 49%;
    margin-left: 1%;
    margin-top:0.05rem;
    line-height: 0.25rem;
}
.pron{
    width: 93.2%;
    margin: 0 auto;
    text-align: left;
}
.product{
    text-align: center;
}
.product>h1{
    text-align: center;
    width: 93.2%;
}
.pro_pic_datacon{
    max-width:90%;
}
.dh{
    width:100%;
    background-image:url(img/dh.gif);
    background-repeat:repeat-x;
}
.product .nxd{
    width: 93.2%;
    margin: 0 auto;
    text-align: left;
    padding-left: 1%;
}
.nxg{
    text-align: left;
    width: 92.2%;
    margin: 0.1rem auto;
    line-height: 0.25rem;
}
.product img{
    max-width:90%;
    margin: 0 auto;
}
@media only screen and (max-width: 680px) {
    .navbar{
        background: url("img/navbg.gif")  repeat-x bottom;
        padding-bottom:0.2rem;
        height: auto;
    }
    .navbar>ul{
        width:100%;
        margin: 0 auto;
        padding:0;
        background:#f0cb76;
        overflow: auto;
    }
    .navbar>ul>li{
        width:25%;
        background:none;
    }
    .navbar>ul>li+li{
        background:none;
    }
    .navbar>ul>li>a{
        display: block;
        border:0.01rem solid #fff;
        padding:0.03rem;
    }
    .lb,.rb{
        float: none;
        width: 94.2%;
        margin: 0 auto;
        overflow: auto;
    }
    .lb{
        border-top: 0.01rem solid #9f7343;
        border-bottom: 0.01rem solid #9f7343;
    }
    .lbig{
        display: none;
    }
    .pt1{
        float: left;
        margin:0.05rem;
        font-weight: bold;
    }
    .pt2{
        float: left;
        margin:0.05rem;
    }
    .pt2>a{
        color: #333333;
    }
    .dkl{
        width: 98%;
        float: none;
        border:1px solid #9f7343;
        overflow: auto;
        margin:0.1rem auto;
    }
    .dkt{
        background:url("img/g.jpg") repeat-x 100%;
        text-align: center;
    }
    .dkt>span{
        display: block;
        margin:0.05rem;
        color: #a90505;
    }
    .dkt>img{
        display: none;
    }
    .at,.lk{
        background: #ebdab9;
        border: 0.01rem solid #9f7343;
        width: 92.6%;
    }
    .at>span,.lk>span{
        display: inline-block;
        float: left;
        background:url("img/g.jpg") repeat-x 100%;
        padding:0.05rem;
        margin: 0;
        border-right:0.01rem solid #9f7343;
        color: #a90505;
    }
    .at>a,.lk a{
        display: inline-block;
        float: right;
        text-align: right;
        margin:0;
        padding:0.05rem;
    }
    .kefupc{
        display: none;
    }
    .kefum{
        background: #9b071f;
        position: fixed;
        bottom: 0;
        width: 100%;
        z-index: 2;
    }
    .kefum>a{
        display: block;
        float: left;
        width:48.5%;
        margin-left: 1%;
        text-align: center;
        color: #FFFFFF;
        margin-top:0.03rem;
        margin-bottom:0.03rem;
    }
}
@media only screen and (max-width: 480px) {
    .cbl ul li{
        width:50%;
    }
    .alb ul li{
        width:33.33333333333333%;
        float: left;
        text-align: center;
    }
	.alb ul li img{
    width: 96px;
	height:110px;
    margin: 0.05rem auto;
	}
    .bt{
        background: #ebdab9;
        border: 0.01rem solid #9f7343;
    }

    .sl{
        background:url("img/g.jpg") repeat-x 100%;
        padding:0.05rem 0;
        margin: 0;
        border-right:0.01rem solid #9f7343;
    }
    .sr{
        padding:0.05rem 0;
        margin: 0;
    }
    .tg{

        text-align: center;
        border:0.01rem solid #8d624b;
        border-bottom: none;
        width:98.2%;
        margin: 0 auto;
    }
    .tg>span{
        display: block;
        background:url("img/g.jpg") repeat-x 100%;
        margin:0.02rem;
        padding: 0.03rem;
        border:0.01rem solid #cba37e;
        color: #a90505;
    }
    .tg>img{
        display: none;
    }
    .tm{
        border-top:0.01rem solid #cba37e;
        width:97%;
        margin: 0 auto;
    }
}
@media only screen and (min-width: 480px){
    .tg>span{
        display: none;
    }
}
@media only screen and (min-width: 680px){
    .pt1{
        background: url("img/lpbt.gif") no-repeat left center;
        width:79%;
        background-size: 100%;
        margin:0.03rem auto;
        padding-top:0.04rem;
        padding-bottom:0.04rem;
    }
    .pt1>a{
        display: block;
        margin-left:25%;
    }
    .lb{
        width:23.5%;
        float: left;
        margin-left: 3.3%;
        background: url("img/lprobg.gif") repeat-y left;
        background-size: 100%;
    }
    .pt2{
        text-align: center;
        width:79%;
        margin: 0.03rem auto;
        border-bottom: solid 1px #ccb67c;
        padding-bottom: 0.05rem;
    }
    .dkl{
        width: 48%;
        margin-left: 1%;
        float: left;
        border:1px solid #9f7343;
        overflow: auto;
        margin-top:0.1rem;
    }
    .dkt>span,.at span,.lk span{
        display: none;
    }
    .kefupc{
        position:fixed;
        right:0.1rem;
        top:1rem;
        background:#ffffff;
        border:0.01rem solid #8b0909;
        text-align: center;
        line-height: 0.19rem;
        z-index: 2;
    }
    .kefupc>a{
        display: block;
        margin-top: 0.05rem;
    }
    .kft{
        margin:0.01rem;
        background: #8b0909;
        color: #FFFFFF;
        padding:0.03rem;
    }
    .ki{
        margin:0.03rem;
    }
    .kfe{
        border-bottom:0.1rem solid #8b0909;
        padding-bottom: 0.1rem;
    }
    .kefupc>span{
        color: #FF0000;
        font-weight: bold;
    }
    .kefum{
        display: none;
    }
}