/*公共样式*/
* { margin: 0px; padding: 0px; }
a { color: #555; 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());
}
ul, li, dl, dt, dd { list-style:none; margin:0; padding:0; }
.yellow { color:#f74803; }
body {overflow-x:hidden; background:url(../img/bodybg.jpg);color: #555; 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: "微软雅黑";  }
.clear { clear:both; }
img { max-width: 100%; border:0;  }
/*home css*/

.whitebg{background-color:#fff; width:100%; float:left; padding:2% 0;}

.wrap { width:93%; margin: 0 auto;  }
.main { width:1440px; margin: 0 auto; background-color:#fff;}
.content{width:100%; float:left;}
.logo{width:30%; float:left;}
.menu{width:68%; float:right; text-align:right; padding-top:2%;z-index: 10;}
.bannerblock{width:100%; float:left; text-align:center;margin-top:60px; }
.productblock{width:100%; float:left; padding:2% 0 1% 0;}
.produA{width:100%; float:left; }
.produA dl{width:22%; float:left; background:#FFF; padding:8px; border:solid 1px #CCC; margin-right:1.5%;}
.produA dl .proname{ text-align:center; word-break: break-all;display: -webkit-box; -webkit-line-clamp: 1;  -webkit-box-orient: vertical;  overflow: hidden;}
.produA dl:last-child{ float:right; background:0; padding:0; border:0; margin-right:0;}

.propic{ text-align:center; padding-bottom:8px;}
.proname{ padding:0px 5px 0 5px; word-break: break-all;display: -webkit-box;
 -webkit-line-clamp: 2; 
 -webkit-box-orient: vertical;
  overflow: hidden;
}

.produB{width:100%; float:left;}
.wrap h1{ text-align: center; color: #a10101; font-weight: normal; padding-bottom:3%; font-size:26px; }
.probig {width:49%; float:left;}
.probig dl {width:100%; float:left;}
.probig dl .proname{ text-align:center; word-break: break-all;display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;  overflow: hidden;}
  
.prosmall{width:51%; float:left;}
.prosmall dl{ width:45%; float:right; display:block; margin:0 0 2% 5%;}
.prosmall dl .proname{ text-align:center; word-break: break-all;display: -webkit-box; -webkit-line-clamp: 1;  -webkit-box-orient: vertical;  overflow: hidden;}

.produC{width:100%; float:left; font-size:12px; background:url(../images/bgicon.jpg) no-repeat right bottom;}
.produC dl{width:47.5%; float:left; margin-right:2.5%;}
.produC dl:last-child{ float:right; margin-right:0;}
.protext{width:100%; float:left; text-align:left; margin-top:2%; padding-top:2%; border-top:solid 1px #CCC;}
.protext span{ color:#777575; width:100%; float:left;text-align:left; }

.footer{width:100%; float:left; border-top:1px solid #ccc; padding-top:2%; }
.fotlogo{width:30%; float:left;}
.fotext{width:70%; float:right; text-align:right; line-height:140%;}

/*内页 css*/
.produlist{width:100%; float:left; text-align:center;}
.produlist dl{width:23%; float:left; background:#FFF; padding:1%;height:95%; }
.produlist ul{float:left; text-align:center; width:100%; margin-right:1%;margin-bottom:1%;height:30px;}


.Cartlist{float: left; width:100%;}
.biao td{ border-right:8px solid #FFF; height: 60px; padding-bottom:8px;}
.biaoh td{ border-right:0px solid #FFF; padding:0px 0px; height: 60px; }
.carpic{ width:10%; margin:0 auto;}
.textfie{ height: 30px; line-height: 30px; text-align: center; vertical-align: middle;width:100%; }
.cart-details-row td span{ padding-right:0px; display:none; height: 30px;}


/*num*/
.num { height:27px;   font-family: "微软雅黑"; float: left; width: 100%; padding: 8px 0; border-top:1px solid #ccc; }
.num ul { margin:0 auto; float:left; width:100%; text-align:center;  }
.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;}

.title{ font-size:28px; width:100%; float:left; padding-bottom:0px; color:#000000;text-align:center;}
.title_under {border-bottom: 5px solid #FA4D47; text-align: center; width:50px;margin-left: 48%;margin-bottom: 50px;}
.titles { font-size:15px; width:100%; float:left; padding-bottom:0px; color:#000000; text-align:center; height:300px; }

.titleB{width:100%; float:left; padding-bottom:10px; color:#a10101; border-bottom:solid 2px #a10101; font-size:26px;}
.xqtitle{ font-size:18px;  padding:1% 0; color:#000;}
.prodbig { float: left;  width: 46.0%; padding:4px; border:solid 2px #CCC; text-align:center; background:url(../img/bigbg.jpg) no-repeat left top; }
.proditem { float: right; width: 43.6%; padding:25px; background:url(../img/proitbg.jpg) repeat-x left top; font-size: 14px; line-height: 30px; min-height:150px; }

.Xpitem{width:100%; float:left; padding:2% 0 3% 0;}
.Xpbigimg{width:35%; float:left; background:#FFF; padding:2%;}
.Xptext{width:50%; float:right; padding:2% 2% 8% 2% ; line-height:230%; background:url(../img/xqbg.jpg) repeat-x left bottom;}
.Xptext span{ width:100%; float:left; color:#f87206; font-size:28px; padding-bottom:12px; }

.Xpcont{width:100%; float:left; padding-top:2%; line-height:180%;}

.Aboutleft{ width:50%; float:left; padding:2% 0; line-height:150%; font-size:18px;text-align:justify;text-justify:inter-ideograph;}
.Aboutleft p{ padding-bottom:2%;}


.contbiao{float: right; width:42%; padding:0 ; text-align:justify;text-justify:inter-ideograph; font-size:18px;}
.contbiao ul li { padding-top: 8px; float: left; width: 100%; text-align:justify;text-justify:inter-ideograph; }	
.textkang{ float: left; width: 98%; padding:1% 0 1% 1%; height:18px; border:1px solid #ccc; color:#666;font-size:14px;  }
.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;}

/* navigation bar 浠ヤ笅鎺у埗寮瑰嚭鏍峰紡*/
#topnav { display: block; width: 100%; position: relative; }
#topnav .logo { float: left; height:86px; padding-top:9px;  z-index: 5; }
#topnav .logo a { text-decoration: none; padding: 0px 7px; display: block; }
#topnav #navbtn { display: none; float: right; top: 0; width: 50px; padding: 45px 0 0 0; background: url('../img/nav-icon.png') center no-repeat; text-indent: -99999px; overflow: hidden; }
#topnav nav { position: absolute; top: 0; right: -10px; }
#topnav nav ul { list-style: none; }
#topnav nav ul li { display: block; float: left; margin-right: 4px; font-size:16px; font-weight:bold; }
#topnav nav ul li a {  color: #4E525D; font-size: 1em; padding:36px 25px 37px 25px; display: block; transition: 0.5s all; -webkit-transition: 0.51s all; -moz-transition: 0.5s all; -o-transition: 0.5s all; border-bottom: 2px solid #fff; }
#topnav nav ul li a:hover { border-bottom: 2px solid #0793BB; color: #0793BB; background: #EEEEEE;  }
#topnav nav ul li.active>a { border-bottom: 2px solid #0793BB; color: #0793BB; background: #EEEEEE; }
/*--- slider-css --*/
.slider { position: relative; }
.rslides { position: relative; list-style: none; overflow: hidden; width: 100%; padding: 0; margin: 0; }
.rslides li { -webkit-backface-visibility: hidden; position: absolute; display: none; width: 100%; left: 0; top: 0; }
.rslides li:first-child { position: relative; display: block; float: left; }
.rslides img { display: block; height: auto; float: left; width: 100%; border: 0; }
.callbacks_tabs a:after { content: "\f111"; font-size: 0; font-family: FontAwesome; visibility: visible; display: block; height: 15px; width: 15px; display: inline-block; background: #61C100; border-radius: 100px; -webkit-border-radius: 100px; -moz-border-radius: 100px; -o-border-radius: 100px; }
.callbacks_here a:after { background: #663333; }
.callbacks_tabs a { visibility: hidden; }
.callbacks_tabs li { display: inline-block; }
ul.callbacks_tabs.callbacks1_tabs { position: auto; bottom: 50px; z-index: 9; right: 54em; }
.banner { position: relative; background: url(../img/banner.jpg) no-repeat center top; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; min-height: 50px; }
.back { width: 100%; }
/*----*/
.Cartlist{float: left; width:100%;}
.biao td{ padding:12px 8px;}
.cart-details-row td span{ padding-right:8px; display:none;}
.cart-details-row img {max-width:100%; }
.redfont { font-size: 25px;color: #FF0000;}
.bigfont { font-size: 25px;color: #808080;}

.product { float: left; width: 100%; padding-bottom:4%;  }
.product ul dl { float: left; width: 30%; margin:20px 5% 0 0; min-height:26.6%; display:block;}
.product ul dl:last{ margin-right:0; float: right;}
.product ul { float: left; width: 100%; }

.prpic { border:1px solid #CCC;text-align:center;}
.prtextA{ font-size:14px; color:#000; text-align:center; padding:2px 0;}
.prtextB{font-size:12px; color:#666; text-align:justify;text-justify:inter-ideograph;}
.prtextB span{float:right; font-weight:bold; color:#F30;}
.prtextB span a{color:#F30; float:right; }

@media (max-width:1440px) {
	.main { width:100%; }
	
}
@media (max-width:640px){
.main { width:100%;}
.logo{width:100%; float:left; text-align:center;}
.menu{width:100%;  float:left; text-align:left;}
.prodbig { float: left;  width: 95.0%; padding:4px; border:solid 2px #CCC; text-align:center; background:url(../img/bigbg.jpg) no-repeat left top; }
.proditem { float: right; width: 95%; padding:25px; background:url(../img/proitbg.jpg) repeat-x left top; font-size: 14px; line-height: 30px; min-height:300px; }

.produA dl{width:96%; float:left; background:#FFF; padding:8px; border:solid 1px #CCC; margin:2% 0 0 0;}
.produA dl:last-child{ width:96%; margin:2% 0 0 0;}

.probig{width:100%; float:left;}
.prosmall{width:100%; float:left;}
.prosmall dl{ width:100%; float:left; display:block; margin:10px 0 0 0;}
.produC dl{width:100%; float:left; margin-right:0; margin-top:2%;}
.produC dl:last-child{ float:left; margin-right:0;}

.fotlogo{ width:100%;}
.fotext{width:100%; float:left; text-align: left; line-height:140%;}

.produlist dl{width:100%; float:left; background:#FFF; padding:1%;  margin:0 0 2% 0; height:100%;}
.produlist ul{float:left; width:100%; margin-right:1%;text-align:center; }

.biao td{ border-right:0; padding: 12px 8px; }
.cart-details-row td {display: inline;    text-align: center !important;    width: 100%; }
.cart-details-row td span{ padding-right: 0px; display: inline; }


.num ul { margin:0 auto;  text-align:center; float:left; width:100%;  }

.Xpbigimg{width:100%; float:left; background:#FFF; padding:2%;}
.Xptext{width:96%; float:right; padding:2% 2% 0 2% ; line-height:160%; background:url(../img/xqbg.jpg) repeat-x left bottom;}
.Xptext span{ width:100%; float:left; color:#f87206; font-size:18px; padding-bottom:12px; }

.Aboutleft{ width:100%; float:left; padding:2% 0; line-height:150%; font-size:14px;text-align:justify;text-justify:inter-ideograph;}
.Aboutleft p{ padding-bottom:2%;}

.contbiao{float: right; width:100%; padding:2% 0% 2% 0 ; }
.product ul dl { float: left; width: 100%; margin:20px 0 0 0; min-height:26.6%; display:block;}
.product ul dl:last{ margin-right:0; float: right;}

.title_under {border-bottom: 5px solid #FA4D47; text-align: center; width:50px;margin-left: 43%;margin-bottom: 50px;}

}
@media (max-width:420px){

	
}

@media (max-width:320px){


}