/*公共样式*/
* { margin: 0px; padding: 0px; }
a { color: #000; text-decoration: none; outline: none; }
a:hover { text-decoration: none; color: #f60; }
a:active { text-decoration: none; color: #f60; star:expression(this.onFocus=this.blur());
}
.blue{ color:#76A5AF;}
body { overflow-x:hidden; background-color:#fff; color: #444; font-size:0.875em; }
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td { margin: 0px; padding: 0px; list-style: none; list-style: none; font-family: Arial;  }
.clear { clear:both; }
img{max-width:100%; border:0;}

/*home css*/
.wrap { width:98%; margin: 0 auto;  }
.content{width:100%; float:left; padding:3% 0;}
/**/
.top{width:100%; float:left; padding:2% 0;}
.logo{float:left; width:40%; }
.Telephone{float:right; text-align:right; width:50%; font-size:32px; color:#fc6602; padding-top:20px;}
/**/
.header-banner{ background-color:#2A2A2A; border-bottom:solid 3px #C30004;}
.top-nav{width:100%; float:left;}
.menu{float:left; width:60%; }
.seachblock{float:right; width:38%; padding-top:1%; text-align:right;}
.menu ul li{float:left; width:20%; font-size:20px; padding:2% 0; text-align:center; color:#c3c0c0;}
.menorm a{ color:#c3c0c0; }
.mecur{ background-color:#C30004;}
.mecur a{ color:#fff;}
.Search{float:left; width:100%;}
.textfieldinput{ height:31px; line-height:31px; width:80%; padding:0 2% font-size:16px; color:#767474; background-color:#1A1A1A; border:solid 1px #5A5A5A;}

.content-bg{ background-color:#F0F0F0;}
.Introd{float:left; width:63%; text-align:justify;text-justify:inter-ideograph;}
.Rank{float:right; width:32%;}
.title{ font-size:2.5em; color:#000;}
.Incont{ font-size:1.285em;}
.Incont p{ padding:2% 0;}
.Ranklist{float:left; width:100%;}
.Ranklist dl{float:left; width:100%; padding:20px 0; border-bottom: dashed 1px #CCCCCC; }
.Ranimg{float:left; width:20%; margin-right:10px;}
.Raname{ font-size:18px; color:#000; white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis; overflow: hidden;}
.Raname a{color:#000;}
.Raniterm{font-size:16px; padding-top:8px;}
.produtblock{float:left; width:100%;}
.produtblock dl{float:left; width:100%;}
.produtblock ul{float:left; width:30%; margin-right:5%;}
.produtblock ul:last-child{margin-right:0%; float:right;}

.produt{float:left; width:98%; padding:1%; border:1px solid #CCC;}
.prodty{float:left; width:100%; text-align:center;}
.proname{ padding:10px; font-size:18px; color:#000;}
.proitem{padding:0 10px; font-size:16px;}
.probut{ text-align:center; padding:15px 0 5px 0;}

.Cont{float:left; width:45%;}
.Cont dl{float:left; width:100%; padding-bottom:20px;}
.contitle{ font-size:40px; color:#c30004;}
.conitemA{ font-size:24px; color:#333;}


/*--conbiao--*/
.contbiao{float:right; width:50%; padding:0 0 2% 0 ; }
.contbiao ul li { padding-top: 8px; float: left; width: 100%;  }
.contbiao ul li font{float:left; width:25%}
.contbiao ul li span{float:left; width:75%}
	
.textkang{ float: left; width: 98%; padding:1% 0 1% 2%; height:22px; border:1px solid #ccc; color:#666;font-size:16px;  }
.textarea{ float: left; width: 98%; padding:1% 0 1% 2%; border:1px solid #ccc; color:#666; font-size:16px;}
.patextp{width:100%; padding:5% 0;}	
.button{width:100%; height:33px; font-size:16px; font-weight:bold; color:#fff; background-color:#506066; border:1px solid #506066;}
.footer{ background:#2A2A2A;}
.footint{float: left; width: 100%; font-size:18px; color:#FFF; text-align:center; line-height:120%;}


/*内页开始*/
.Patitle{width:100%; float:left; padding:3% 0 0 0; font-size:20px; color:#000; border-bottom:1px solid #CCC;}
.produtlist{float:left; width:100%;}
.produtlist dl{float:left; width:100%;}
.produtlist ul{float:left; width:23.5%; margin-right:2%;}
.produtlist ul:last-child{margin-right:0%; float:right;}
/*num*/
.num { height:27px;   font-family: "宋体"; float: left; width: 100%; padding: 8px 0; margin-bottom:35px; background-color:#F3F3F3; border:1 solid #dedede; }
.num ul { margin:0 auto; padding-left:38%; }
.num ul li { float: left; height: 21px; width: 21px; }
.num ul .norm { height: 21px; line-height:21px; width: 21px; text-align:center; background:url(../images/numb.jpg) no-repeat center center; padding:0 2px;}
.num ul .curr { height: 21px; line-height:21px; width: 21px; text-align:center; background:url(../images/numa.jpg) no-repeat center center;}
.num ul .curr a{ color:#FFF;}
/*js图表*/
.prodbig { float: left;  width: 35%; padding:4px; border:solid 1px #CCC; text-align:center; background:url(../images/bigbg.jpg) no-repeat left top; }
.container img{max-width:none; border:0;}
.container{ width:100%; height:auto; margin:0 auto; overflow:hidden;  border:0;}
.jqzoom{float:left;border:none;position:relative;padding:0px;cursor:pointer;margin:0px;display:block;}
.jqzoom img{ background:url(http://www.lanrenzhijia.com/demo/images/loading.gif) no-repeat center center; }
.zoomdiv{z-index:100;position:absolute;top:0px;left:0px;width:100%;height:350px;background:#ffffff;display:none;text-align:center;overflow:hidden;}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:20px;height:20px;border:1px solid #aaa;background:#ffffff /*url(../images1/zoom.png) 50% center no-repeat*/;opacity: 0.5;-moz-opacity: 0.5;-khtml-opacity: 0.5;filter: alpha(Opacity=50);}
/*图片小图预览列表*/
.spec-preview{width:100%;}
.spec-scroll{clear:both;margin-top:5px;width:100%;}
.spec-scroll .prev{float:left;margin-right:4px;}
.spec-scroll .next{float:right;}
.spec-scroll .prev,.spec-scroll .next{display:block;font-family:"宋体";text-align:center;width:10px;height:54px; line-height:54px;border:1px solid #CCC;background:#EBEBEB;cursor:pointer;text-decoration:none;}
.spec-scroll .items{float:left;position:relative;width:90%;height:56px;overflow:hidden;}
.spec-scroll .items ul{position:absolute;width:999999px;height:56px;}
.spec-scroll .items ul li{float:left;width:64px;text-align:center;}
.spec-scroll .items ul li img{border:1px solid #CCC;padding:2px;width:50px;height:50px;}
.spec-scroll .items ul li img:hover{border:2px solid #FF6600;padding:1px;}

.proditem { float: right; width: 43.6%; padding:0 25px; font-size: 14px; line-height: 160%; min-height:300px; }
.proditem dl{ float:left; width:100%; padding-top:5%;}
.pdname{ font-size:16px; font-weight:bold;}
.pdPrice{ color:#F00;}

.proditem { float: right; width: 43.6%; padding:0 25px; font-size: 14px; line-height: 160%; min-height:300px; }
.proditem dl{ float:left; width:100%; padding-top:5%;}
.pdname{ font-size:16px; font-weight:bold;}
.pdPrice{ color:#F00;}


.pdblock{ float:left; width:99%; border:1px solid #CCC; -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 6px;}
.pdblockH{ float:left; width:80%; padding:0 8% 0 4%; border:1px solid #CCC; -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 3px; background-color:#FFF;}
.pdjh{float:left; width:10%; display:block; padding: 2px 0; text-align:center;}
.pdadd{float:right; width:10%;  display:block;  padding:2px 0; text-align:center;}
.pdinput{float:left; width:78%;  display:block;  padding:2px  0;}
.textfieldinp{ border:1px solid #fff;  width:98%; height:24px; line-height:24px;}

.pdyhtop{float:left; width:100%; background-color:#EFEFEF;}
.pdyhbot{float:left; width:100%; background-color:#F9F9F9; padding-bottom:2%;}
.pdThree{float:left; width:100%; padding:4% 0 0 0;}
.pdThreeLE{float:left; width:10%; text-align:center; padding-top:1.7%;}
.pdThreeMID{float:left; width:15%; }
.pdThreeMID img{border:1px #CCC solid;}
.pdThreeRI{float:right; width:75%; padding-top:1.7%;}
.pdyhbot ul{float:left; width:65%; margin-left:25%; padding-top:2%; }
.butcart{float:left; width:100%; font-size:16px; font-weight:bold;  padding:2% 0; margin-top:2%; background-color:#c1272d; text-align:center;}
.butcart a{ color:#FFF;}

.produxq { width:100%; float:left; line-height:160%; padding:20px 0; text-align:justify;  text-justify:inter-ideograph; }
.produxq p { padding-top:5px; }
.xqtitleB { float:left; width:100%; height: 46px; background:url(../images/prodtile.jpg) repeat-x left top; border-right:solid #CCC 1px; margin-top:3%;}
.xqtitleB font { float: left; padding:0 5%; height: 46px; line-height:46px; text-align:center; background:url(../images/prodtile2.jpg) no-repeat left center; color: #FF3300; font-weight: bold; font-size: 14px; }

/*Cartlist*/
.Cartlist{float: left; width:100%;}
.biao td{ border-right:3px solid #FFF; padding:12px 8px;}
.biaoh td{ border-right:3px solid #FFF; padding:12px 8px;}
.carpic{ width:10%; margin:0 auto;}
.textfie{ height: 30px; line-height: 30px; text-align: center; vertical-align: middle; }
.cart-details-row td span{ padding-right:8px; display:none;}
.pdselectyu{ color:#666; padding:8px 0;}
.buttonA{ background-color:#FFF; border:2px solid #CCC; padding:8px; -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 6px;}
.buttonA:hover{ background-color:#E6E6E6; border:2px solid #CCC; padding:8px; color:#F00;}

.buttonB{ background-color:#c1272d; border:2px solid #c1272d; color:#FFF; font-size:18px; padding:8px; -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 6px;}
.buttonB:hover{ background-color:#f60; border:2px solid #f60; padding:8px; }

@media only screen and (max-width: 800px) {
.wrap { width:90%; margin: 0 auto;  }	
.logo{ width:100%; text-align:center; }
.Telephone{float:left; width:100%; text-align:center; }

.header-banner{ background-color:#2A2A2A; border-bottom:0;}
.menu{ width:100%; border-bottom:solid 2px #C30004;}
.seachblock{float:left;  width:100%; padding-bottom:10px;  }

.Search{float:left; width:100%; text-align: center;}

.Introd{float:left; width:100%;}
.Rank{float:left; width:100%; padding-top:2%;}
.Ranimg{float:left; width:15%; margin-right:15px;}
.Cont{float:left; width:100%;}
.contbiao{float:right; width:100%; padding:0 0 2% 0 ; }	
.produtlist ul{float:left; width:100%; margin-right:0%;}
.footint{ font-size:14px; }
.contitle{ font-size:16px; }
.Cont{font-size:14px;}
.prodbig { float: left;  width: 100%; }
.proditem { float: right; width: 95%;   min-height:0px; }
}

@media only screen and (max-width: 640px)  {

.produtblock ul{float:left; width:100%; margin-right:5%;}
.Cont{float:left; width:100%;}
.contbiao{float:right; width:100%; padding:0 0 2% 0 ; }	

.contbiao ul li font{float:left; width:100%;}
.contbiao ul li span{float:left; width:98%; padding-top:2%;}
.footint{ font-size:14px; line-height:160%;}
.num ul { margin:0 auto; padding-left:18%; }
.cart-header{ display:none;}
.biao td{ border-right:0; padding:12px 8px;}
.biaoh td{ border-right:0; padding:12px 8px;}
.cart-details-row td {
    display: block;
    text-align: center !important;
    width: 100%;
}
.cart-details-rowh td {
    display: block;
    text-align: left !important;
    width: 100%;
}
.cart-details-rowhs{ background-color:#F1F1F1;}
.cart-details-row td span{ padding-right: 8px; display: inline; }
.pdselectyu{ color:#666; width:92%;}
.textya{ width:50%; padding:8px 0;}
.prodbig { float: left;  width: 100%; }
.proditem { float: right; width: 95%;   min-height:0px; }
}
@media (max-width:480px){
.logo img{ width:50%;}
.menu ul li{float:left; width:25%; font-size:15px; padding:2% 0; }	
.textfieldinput{  font-size:13px; width:60%; }
.Telephone span{float:left; width:100%; text-align:center;}

}

@media (max-width:320px){
.Telephone span{width:100%; text-align:center;}
.menu ul li{float:left; width:25%; font-size:14px; padding:2% 0; }
.Ranimg{float:left; width:25%; margin-right:15px;}	
}