body{font: normal 14px/30px "\5FAE\8F6F\96C5\9ED1"; float: left; margin: 0; padding: 0; color: #444}
h1,h2,h3,h4,h5,ul,li,dl,dt,dd,p,i,a{margin: 0; padding: 0}
i{vertical-align: middle; }
a{ color: #383838;}
cite{ font-style: normal; }
a:hover{cursor:pointer; text-decoration: none; color: #246dcb}
li{list-style: none;}
.ad{ width: 100%; float: left; text-align: center; }
.btb{ border-top: 1px solid #e0e0e0}
.bmb{ border-top: 1px solid #e0e0e0}
.pt15{ padding-top: 15px; }
.pm20{ padding-bottom: 20px; }
.mb20{ margin-bottom: 20px; }
.mt20{ margin-top: 20px;}
.mt10{ margin-top: 10px;}
.pd-lr-10{padding:0 10px;}
.pd-tb-10{padding:10px 0;}
.pd10{padding:10px;}
.btrbl{border:1px solid #f0f0f0}
.icontxext{ line-height:25px; text-align:center}
.icontxext i{font-size:2rem; display:block; text-align:center;padding:10px 10px 0 10px; color:#ffeb00}
.icontxext i:hover{color:#FFB800; cursor:default}
.minline{font: normal 14px/24px "\5FAE\8F6F\96C5\9ED1";  }
.navtitle{ width: 99.99%; font-size: 16px; float: left; position: relative; border-bottom: 4px solid #28a3ef; height: 50px;   }
.navtitle h4{font: bold  30px/55px "\5FAE\8F6F\96C5\9ED1";  color: #333; border-bottom: 4px solid #ff5c5c; position: absolute; left: 0; bottom: -4px;z-index: 3  }
.navtitle h3{font: bold  24px/45px "\5FAE\8F6F\96C5\9ED1"; float: left;  color: #333; border-bottom: 4px solid #ff5c5c; position: absolute; left: 0; bottom: -4px;z-index: 3  }
.navtitle span{ float: right; padding-top: 15px; }.navtitle span i{ font-size: 24px; }
.navtitleright{ float: right; }
.navtitleright ul{ width: 100%; padding-top: 5px; }
.navtitleright li{ float: left;  }  
.navtitleright li a{ padding: 0 20px;line-height: 45px;display:block; } 
.navtitleright li a:hover,.navtitleright li a.hack{ background: #009cff; color: #fff} 
.shownavtitle{ width: 99.99%; float: left; position: relative; border-bottom: 3px solid #999; height: 50px;   }
.shownavtitle h5{font: bold  20px/50px "\5FAE\8F6F\96C5\9ED1";  color: #333; border-bottom: 3px solid #ff5c5c; position: absolute; left: 0; bottom: -3px;z-index: 3  }
.shownavtitle h4{font: bold  20px/50px "\5FAE\8F6F\96C5\9ED1";  color: #333; border-top: 1px solid #ff5c5c; position: absolute; left: 0; bottom: -1px;z-index: 3  }
.shownav{width: 100%; height:50px; font-size: 14px; background: #fff; float: left; overflow: hidden;}
.navshow{width: 100%; margin: 0 auto; overflow: hidden;border-bottom:1px solid #af0f03  }  
.navshow ul{width:100%; float: left;}
.navshow li{ display: inline-block; }
.navshow li i{color: #fff; padding: 10px 10px 0 0}
.navshow li a{ padding: 0 20px; display: block;  color: #000; font: normal 16px/45px "\5FAE\8F6F\96C5\9ED1";}
.navshow li a:hover,.navshow li a.hack{ color: #333 } 
.menuhack{ width: 210px; } 
.shownav ul{width:100%; float: left; background: #2F4056}
.shownav li{ display: inline-block; }
.shownav li a{ padding: 0 20px; display: block;  color: #fff; font: normal 16px/50px "\5FAE\8F6F\96C5\9ED1";}
.shownav li a:hover,.navshow li a.hack{background: #af0f03; color: #fff } 
.headlogo{width: 100%; float: left; height: 100px; box-shadow: 0 0 8px #888; border-top: 1px solid #d0d0d0; margin-bottom:5px}
 
 
.listabox a{display:inline-block;padding:0 5px;} 
/*竖向导航*/
img {border: 0;} 
.js {width: 90%;margin: 10px auto 0 auto;}
.js p {	padding: 5px 0;	font-weight: bold;	overflow: hidden;}
.js p span {float: right;}
.js p span a {color: #f00;text-decoration: underline;}
.js textarea {	height: 50px;	width: 98%;	padding: 5px;	border: 1px solid #ccc;	border-top: 2px solid #aaa;	border-left: 2px solid #aaa;}
.banner {}
.topad,.chanpinhot{width:725px;display:inline-block;margin-left:10px; float:left;}

#nav {	position: relative;	z-index: 1;	width: 248px; border: 1px solid #e5e5e5; border-top: none; background: #F1F1F1; font-size: 14px; float:left}
#nav .mainCate {	position: relative;	padding: 10px;	zoom: 1;}
#nav .evenLeval {	background: #fff;}
#nav h6 {font: bold 14px/26px ""; height: 28px;  overflow: hidden;} 
#nav p {height: 20px;line-height: 20px;}
#nav p a {	margin-right: 10px;	color: #666; font-size: 12px;}
#nav .subCate {	display: none;	background: url(images/nav_div_bg.jpg) 0 0 repeat-y #fff;	position: absolute;
	left: 248px; border: 1px solid #e5e5e5; top: 0;	width: 750px;	padding: 0 0 20px 20px;	color: #333; z-index:999}
#nav .subCate h4 { font: bold 14px/26px ""; margin: 0 0 10px 0;	border-bottom: 1px solid #ccc;display: block; color: #333;}
#nav .subCate ul {width: 230px;	;float: left; height: 126px; overflow: hidden;	padding-top: 20px;}
#nav .subCate li {	width: 230px;	float: left;	display: inline;}
#nav .subCate li a {display: block;	float: left;font:normal 12px/23px "";padding: 0 5px; color: #666;word-break: keep-all;white-space: nowrap;}

#nav .on {	background: #88766E;	color: #fff;}
#nav .on h6 a,#nav .on p a {color: #fff;}
#nav .on .subCate {	display: block !important;}
#mainCate-4 .subCate {	top: -100px}
#mainCate-5 .subCate {top: -164px;}
#mainCate-6 .subCate {top: auto;	bottom: 0;}
.bghui{ background:#f0f0f0;}
.menunavall{display:black;padding:5px 10px;  background:#eeeeee}
.chanpinrightbox{width:205px; float:right;}
.userbox,.useradbox{width:100%; overflow:hidden; float:left;}
.userbox img{width:70%;padding:15%;} 
 





/*//选项卡*/
.hotproduct{ width:100%; float: left; font-size: 14px;   } 
.p-img .shade{position:absolute;z-index:2;width:100%; bottom:-300px;   height:100%; background:rgba(0,0,0,0.6); text-align:center;}
.p-img .shade .btn{ width:100%;float:left; position:absolute;   bottom:0;left:0  }
.p-img:hover .shade{bottom:0;cursor: pointer; } 
.p-img{ margin:0 auto; text-align:center; position:relative;  overflow:hidden ;cursor:default  }
.p-img img{width:100px; transition: all 0.6s; cursor: pointer; }
.p-img:hover img{ transform: scale(1.1);   }
.p-name{  height:20px;overflow:hidden; padding:3px; }	
.p-name a{ font-size: 14px; line-height:20px; word-break:break-all; word-wrap: break-word; color:#666 }	
.p-price{ color:#999;  }	
.p-price strong{ color:#FF5722; font-size:14px; font-family: verdana; }
.p-company{}
.price_left{font:bold 24px/35px "";}
.price_left strong{font-family:"arial"; color:#fb4a4a;}

/*//选项卡*/
.menuproduct{ width:100%;  float: left; font-size: 14px;  }	
.menuproduct .hd{ overflow:hidden; background:#efefef; border-left:1px solid #ddd;   border-right:1px solid #ddd;  }	
.menuproduct .hd li{ position:relative; margin-left:-1px; height:37px; line-height:37px; text-align:center; padding: 0 30px; float:left;  border-top:0;cursor:default; }	
.menuproduct .hd li.on{   background:#fff; font-weight: bold; border-top:2px solid #d00; border-bottom:1px solid #fff; color:#c00;  }
.menuproduct .hd li:hover{cursor: pointer;}	
.menuproduct .bd{ height:580px; border:1px solid #ddd; border-top:0;  }	
.menuproduct .lh{ overflow:hidden;  }	
.menuproduct .lh li{ width:24%; padding:0.5%; float:left; display: inline;    }	
.menuproduct .lh li .p-img{ width:98%;padding:1%; margin:0 auto; text-align:center;   }	
.menuproduct .lh li .p-name{ height:25px;padding-left: 10px;font-size: 12px; line-height:22px;  word-break:break-all; word-wrap: break-word; overflow:hidden;   }	
.menuproduct .lh li .p-price{ color:#999; padding-left: 10px; }	
.menuproduct .lh li .p-price strong{ color:#f44336; font-size:12px; }
.boxsdh{ width: 100%; float: left; }  
.boxsdh h3{ width: 100%; font: bold 16px/40px "\5FAE\8F6F\96C5\9ED1"; float: left; color: #222;  text-indent: 10px; width: 100%}
.boxsdh h4{ width: 100%; font: bold 18px/40px "\5FAE\8F6F\96C5\9ED1"; float: left; color: #222;  text-indent: 10px; width: 100%; border-bottom: 2px solid #666;margin-bottom: 5px;}
.boxsdh i{ font-size: 20px; }
.boxsdh span{ float: right; padding-top: 10px; }
.boxsdh em{ color: #f00 }
.p-img img{ width: 100%; }
.onef{background: #73198d}
.twof{background: #108708}
.leftcom{background: #f5f5f5; width: 100%; float: left }
.leftcom li{border-bottom: 1px solid #f0f0f0;padding:3px 10px;}
.leftcom li:nth-child(odd){background: #f0f0f0}
.leftcom em{height: 30px; overflow: hidden; float: left; width: 100%; font-style: normal;}
.leftcom b{ color: #d00 }
/*searchlist*/
.searchlist{border:1px solid #f0f0f0; width: 100%; float: left;  }
.searchlist dl{   width: 100%; float: left; border-bottom: 1px solid #e5e5e5}
.searchlist dt{width: 9%;padding: 0.5%; float: left;display: inline; background: #f0f0f0}
.searchlist dd{width: 88.9%; padding: 0.5%;float: left;display: inline;}
.searchlist dd a{  display: inline-block;margin: 0 5px;}
.listsearch{  float: left; background: #f0f0f0; border:1px solid #e5e5e5;}
/*index*/
.indexmain{ width:1200px; margin:0 auto; overflow: hidden; clear:both}
.breadcrumb{ width: 100%; line-height: 45px; float: left; border-bottom: 1px solid #e0e0e0; }
/*menunav**/
.headtop{ width:100%; float:left;  border-bottom:1px solid #e5e5e5; font-size: 14px;  } 
.f_r{float: right;  }
.f_l{float: left; }   
.menunav{width: 100%; height: 50px;  }
.navbox, .mainbox{width: 1200px; margin: 0 auto; } 
/*imglist*/
.imgbox {  line-height: 40px; position: relative; margin-bottom: 10px;  }
.hotp{ position: absolute; background: #d00; padding:0px 5px; color: #fff; left: 5px top:5px; z-index: 2 ; line-height:20px }
.imgbox img{ width: 100%;}
.imgbox a b{ font-size: 14px; text-align: left;width: 100%; float: left; height: 28px; color: #FB6963; overflow: hidden; }
.imgbox em{ font-size: 12px; text-align: left; font-style: normal; width: 100%; float: left; height: 40px; overflow: hidden; }
.imgbox:hover{box-shadow: 0 0 5px #bbb;}
.imgbox img:hover{ opacity: 0.8 }
.videoico{ position: absolute; left: 15px;  color: #fff; bottom: 50px; z-index: 1}
.videoico i{font-size: 30px;}
/*底部悬浮*/
.adbottom{ background: #0080d2; padding: 10px 0; color: #fff; font-size: 14px; line-height:20px; text-align: left; width: 100%; float:left; }
.adbottom i{ font-size: 80px;  float: left; margin: 25px 5px }
.bottomtel{ width: 100%; background: #0080d2; height: 65px; position: fixed; z-index: 900; bottom: 0; font: bold 24px/48px "\5FAE\8F6F\96C5\9ED1";}
.bottomteltxt{ background: url(../img/bottomtel.png) left top no-repeat; color: #fff; height: 53px; width: 480px; margin: 5px auto; padding-left: 720px; }
.bottomteltxt strong{ font-size: 36px;  line-height: 50px; float: left; padding-right: 20px;}
/*列表右侧*/
.listright{padding-left:5%; width: 94.99%; float: left} 
.newsbox,.listxgpro{ width:100%; float: left; display: inline; } 
.newsbox {width: 100%; float: left; } 
.newsbox li{ width: 98%; padding: 1%; float: left;font:normal 12px/22px "\5FAE\8F6F\96C5\9ED1"; padding-top: 5px; } 
.newsbox li img{ float: left; margin-right: 10px; width: 100px;height:70px;  } 
.newsbox li span{width: 98%; color: #999;font:normal 12px/22px "\5FAE\8F6F\96C5\9ED1"; }
.listxgpro li{ width: 94%; padding: 10px 2.9%; margin: 20px 0; border: 1px solid #f0f0f0 }
.listxgpro li img{width: 100%;height: auto;}
.listxgpro li p{ height: 30px; overflow: hidden; } 
.listxgpro li b{color: #ff4e00; font-size: 18px;}
.mores{background: #e5e5e5;  text-align: center;; width: 100%; float: left}
.strongs{color: #ff4e00}



.productsbox li{  float: left; display: inline;background: #393D49 ; width: 19.8% ; text-align: center; } 
.productsboxall a:nth-child(even){text-align: left;}
.productsboxall a:nth-child(odd){text-align: right;}
 .chanpinbox li:hover,.showimg li:hover, .showchanpin li:hover{  -moz-transition:all 0.1s linear 0.1s;  opacity: 0.9; box-shadow: 0px 0px 3px #d00;  -webkit-transition:all 0.1s linear 0.1s;    -o-transition:all 0.1s linear 0.1s;    -ms-transition:all 0.1s linear 0.1s;  
  transition:all 0.1s linear 0.1s;    -moz-transform:translateY(-5px);    -webkit-transform:translateY(-5px);    -o-transform:translateY(-5px);    transform:translateY(-5px);  }
.chanpincol a:hover{opacity: 0.9;-moz-transition:all 0.1s linear 0.1s;-webkit-transition:all 0.1s linear 0.1s; background: #f0f0f0;   -o-transition:all 0.1s linear 0.1s;    -ms-transition:all 0.1s linear 0.1s;  
  transition:all 0.1s linear 0.1s;    -moz-transform:translateY(-5px);    -webkit-transform:translateY(-5px);    -o-transform:translateY(-5px);    transform:translateY(-5px);}




.shows table{ width: 99%; float: left; }  
.shows td{word-wrap:break-word;word-break: normal; }  
.shownews ul{ width: 100%; float: left; overflow: hidden; padding:5px 0; padding-left: 3px; } 
.shownews li{background: url(../img/news.png) left center no-repeat; width:45.99%; padding-left: 2%; margin:0 2% 0 0;  float:left; display:inline;  font: 16px/35px "\5FAE\8F6F\96C5\9ED1"; }
.shownews li span{ float: right; padding-right: 5px; color: #999 }
.fenye{ width: 99%;float: left; border:1px solid  #f0f0f0;box-sizing: border-box; padding: 15px 0; }
.fenye:hover{ border:1px solid  #1E9FFF; }
.page{ width: 100%;float: left; text-align: center; }
.page a{ padding:5px 8px;  border:1px solid #1E9FFF; color: #1E9FFF  }
.page strong{ padding:5px 8px;  border:1px solid #1E9FFF; background: #1E9FFF; color: #fff  }
.page a:hover{ padding:5px 8px; border:1px solid #1E9FFF; background: #1E9FFF  }
 
/***/

/**/ 
.footcontact,.footprodcut,.footabout{min-height: 150px; width: 26%; margin-right: 2%; float: left; color: #ccc; display: inline; border-right:1px solid #444; }
.tits{font:  normal 20px/35px "\5FAE\8F6F\96C5\9ED1";   }
.biga{font-size: 18px; }
.bigc{font-size: 26px; line-height:40px; color: #fff}
.footewm{  float: left;display: inline; width: 13%;color: #fff   }
.footabout li{ width: 47.5%; float:left; display: inline;padding-right: 2%; }  
.footer { width:100%;  border-top:3px solid #246dcb; overflow:hidden;  float:left;background:#222 }
.foot,.bottom {width:1200px;  color: #aaa; overflow:hidden; font: normal 14px/30px "\5FAE\8F6F\96C5\9ED1";}
.foot dl {width:100%;  float:left; display:inline ;color:#aaa;  }
.foot dt {font: bold 14px/28px "\5FAE\8F6F\96C5\9ED1";   width:100%; float:left; display:block}
.foot dd {width:114px; height:30px; float:left; display:inline; overflow:hidden ;padding: 0; margin: 0; } 
.footabout li a { color:#666; line-height:32px; }
.foot a,.botmenu a{color: #ccc}
.foot dd a:hover,.bottom a:hover{ color:#f60;} 
.botfooter{ width:100%; float:left; background:#000} 
.fontb{font-size: 18px; color: #ffba00; font-weight: bold;}
.botmenu{ color: #999;  }  
.botmenu a{padding-right: 15px;color: #ccc}


/*show*/
.showmain{ width: 1198px;margin: 0 auto; overflow: hidden; }
.showtit{  width: 100%;  overflow: hidden; }
.showtit h1{  font: bold 30px/80px "\5FAE\8F6F\96C5\9ED1"; float: left;display: inline; vertical-align: middle; }
.showtit p{ float: right; display: inline; text-transform:uppercase; font: normal  20px/80px "\5FAE\8F6F\96C5\9ED1"; }
.showtit p span{ float: right; font-size: 25px; }
.showtit p span i{font-size:30px;  color: #d00; padding-left: 100px;}
.showimg{ width: 99.99%; float: left ; position: relative; }
.showimg img{ width: 100%; float: left; border:1px solid #f0f0f0;  } 
.showimgtit{ width:100%; height:40px; text-indent: 10px;  padding-top: 30px; color: #fff; background:url(../img/shadow1.png) 0 bottom repeat-x;  float: left; position: absolute; left: 0; bottom: 0; z-index: 5  }
.showright{  position: relative;}
.showright h1{ line-height: 50px;  text-indent: 20px;font-size:20px;}
.showright ul{ background:  #f9f9f9; width: 99.5%; float: left; border:1px solid #f0f0f0; }
.showright li{ width: 50.5%; padding-left: 4%; float: left; display: inline; color: #888; font: normal 14px/30px "\5FAE\8F6F\96C5\9ED1"; }
.showerwm{ position: absolute; right: 10px; bottom:40px; font-size: 16px; text-align: center;  }
.showerwm img{  height: 143px} 
.showerwm p{display: block;   }
.price{ width: 99.8%; float: left ;font-size: 20px; color: #999; line-height: 60px; text-indent: 20px;}
.price strong{ color: #fb2443; font: bold 24px/40px "\5FAE\8F6F\96C5\9ED1"; vertical-align: middle; }
.price i{ font-size: 26px }
.services_show{width: 99.8%; float: left ;font-size:16px; background: #f0ffe9; color: #999; line-height:45px;text-align: center; }
.services_show i{ color: #51992d; font-size: 30px; font-weight: bold; }
.inquirys{float: left;font-size: 20px; color: #333; width: 97.8%;margin: 15px  0px 30px 0; padding-left: 2%; }
.inquirys a{padding:10px 30px; margin-right: 40px; }
.inquirys i{ font-size: 30px;  color: #fff; vertical-align: middle;}
.notes{ line-height:55px; font-size: 16px; color: #d00 }
.baojia{ width: 99.7%;border: 1px solid #bad9ba; background: #e7ffe8; float: left; margin-top: 15px; }
.baojia li{ width: 45.9%;  display: inline; padding-left: 4%; line-height: 35px; }
a.bottonred{ background:#ff7272; border-radius: 3px; color: #fff }
a.bottonred:hover{opacity: 0.9}
a.bottonlv{ background:#29772a; border-radius: 3px; color: #fff }
a.bottonlv:hover{background:#457e46;color: #fff}
/**/
.showleftuser{border:1px solid #e5e5e5;}


.telbox{ width: 99%; float: left; background:#0080d2;  }
.telbox ul{   border: none; }
.telbox ul p{ font-size: 16px; line-height: 30px; color: #333; width: 90%; padding:5% 5% 0 5%; margin-bottom: 10px; background:#f0f0f0; }
.telbox ul p strong{font: bold 18px/30px "\5FAE\8F6F\96C5\9ED1";  color: #ff1c00; display: block;}
/* chanpin */
.showchanpin ul{  float: left; overflow: hidden; background: #f0f0f0; } 
.showchanpin li{ width:96%; padding: 0; margin: 0 2%; float:left; display:inline; margin-bottom:20px;box-shadow: 0px 0px 3px #999;font: 14px/35px "\5FAE\8F6F\96C5\9ED1"; }
.showchanpin li a{padding: 0; margin: 0; color: #333; }
.showchanpin li img{ width:96%; padding: 2%; height:150px; float:left; display:block }
.showchanpin li b{ height:30px; width:100%;float:left; text-indent: 5px;  overflow:hidden; background: #f0f0f0}
.showchanpin li b a{ color:#000}
.showchanpin li .txt{ width:99.9%; float:left; text-indent: 5px;  padding: 5px 0; } 
.showchanpin li .txt span{ background: #d00; padding: 1px 2px; border-radius: 3px; color: #fff } 
.showchanpin li strong { text-indent: 5px; color:#333; background: #f5f5f5; display: block; width: 100%; float:left; height: 35px; overflow: hidden;}
/*canshu*/
.canshu{ width: 100%; float: left; margin-top: 20px;  }
.col-md-4{ width: 24.82%; background: #fafafa; border-right:1px solid #e5e5e5;    height: 45px; border-top:2px solid #999; float: left; display: inline; text-align: center; }  
.col-md-4 h3{line-height: 45px;}
.canshu li.active{ background: #999; color: #fff; border-bottom: 1px solid #999; }
.canshu li.active a{ color: #fff }
.tab-content.tab-wraped{ padding: 0; margin: 0; width: 100%;border:none;  }
.tab-pane{ margin: 0px; padding:10px 0; border:none; width: 99.5%; float: left; border:1px solid #d0d0d0;} 
.tab-pane table{ width: 94%; float: left; line-height: 35px; margin: 2.8%;font: normal 14px/40px "\5FAE\8F6F\96C5\9ED1"; }
.hengxian{ height: 5px; background: #f0f0f0; width: 100%; float: left }