/* CSS Document */
body{ overflow-x: hidden; color: #666; font-size: 14px; font-family: microsoft yahei , "宋体"; 
	position: relative;}/*网站字体颜色*/
a { color: #15140f; text-decoration: none;}  /*for ie f6n.net*/
a:focus{ outline: 0;} /*for ff f6n.net*/
a:hover { text-decoration:underline;}
.vam { vertical-align: middle;}
.clear{ clear: both; height: 0; line-height: 0; font-size: 0;}
p{ word-spacing: -1.5px;}
.tr { text-align: right;}
.tl { text-align: left;}
.center { text-align: center;}
.fl { float: left;}
.fr { float: right;}
.pa{ position: absolute;}
.pr{ position: relative}
.mb10 { margin-top: 30px;}
/* -- 购物车外部框架 -- */
.cart_header , .cart_content , .cart_footer { width: 1209px; margin: 0 auto;}


/* -- 页面整体布局 -- */
.content { width: 1200px; margin: 0 auto; font-family: microsoft yahei;}

/* 页眉 */
.header { background: #ecebeb; height: 32px; width: 100%; margin: 0 0 10px 0;}
/*--顶部链接导航*/
.hd_top{ border-bottom: 1px dashed #f5f5f5; overflow: hidden;}
.hd_top .container{ height: 32px; line-height: 32px; color: #f00; font-size: 14px;}
.hd_top a{ padding: 0 10px; color: #666;}

/* banner开始 */
.banner{ margin-bottom: 10px;}
.banner img { width: 100%; height: auto;}

/* topnav */
.topnavbj { width: 100%; background: #c70009; height: 45px; overflow: hidden;}
.topnav { width: 1200px; margin: 0 auto; position: relative;}
.topnav ul, .topnav li { display: block;}
.topnav li { width: 12.5%; height: 45px; float: left; font-size: 14px; text-align: center; 
    background: url(../img/header_nav_bor.png) no-repeat right center; font-weight: bold;}
.topnav .no_bg { background: none;}
.nav_now, .topnav li a:hover { background: #960107;}
.topnav li a { line-height: 45px; display: block; color: #fff;}

@media screen and (max-width: 768px) and (min-width: 424px){
    .hd_cont h1 { float: left; overflow: hidden; margin: 0.4em 0 0.2em 0; width: 10%; margin-left: 0.4em;}
}
@media screen and (max-width: 414px) and (min-width: 320px){
    .hd_cont h1 { float: left; overflow: hidden; margin: 0.4em 0 0.2em 0; width: 15.8%; margin-left: 0.4em;}
}
@media screen and (max-width: 768px){
	body{ background-color: #fff;}
	.header , .content { width: 100%; margin: 0 auto; font-family: microsoft yahei;}

	.hide, .hd_cont .phone { display: none;}

    .hd_top { background: #333;}
	.hd_top .container{ padding-left: 1em; color: #fff;}

    .hd_cont { height: auto; overflow: hidden;}
    .hd_cont .wen { float: left; margin-left: 8px; margin-top: 1.1em;padding: 0.3em; height: 55px;}
    .hd_cont .wen h2 { font-size: 20px; line-height: 24px;}
    .hd_cont .wen p { font-size: 18px;}

	.topnavbj { height: 60px;}
	.topnav { width: 100%;}
	.topnav ul, .topnav li { display: block;}
	.topnav li { width: 25%; height: 30px; overflow: hidden;}
    .topnav li:nth-child(6) {border-left: none;}
	.nav_now, .topnav li a:hover { color: #fff;}
	.topnav li a{ display:block; font-size: 0.5em; color:#fff; position:relative; line-height: 30px;
		padding: 0 0.5em; font-size: 14px;}
    .topnav .p_no_bg { background: none;}
}

/* banner */
.slideBox { width: 100%; overflow: hidden; position: relative;}
.slideBox .hd { height: 25px; overflow: hidden; position: absolute; right: 47%; bottom: 25px; z-index: 1;}
.slideBox .hd ul { overflow: hidden; zoom: 1; float: left;}
.slideBox .hd ul li { float: left; margin-right: 2px; width: 25px; height: 25px; line-height: 25px; text-align: center; 
	background: #333; cursor: pointer; color: #fff;}
.slideBox .hd ul li.on { background: #ff6c00; color: #fff;}
.slideBox .bd { position: relative; height: 100%; z-index: 0;}
.slideBox .bd li { zoom: 1; vertical-align: middle;}
.slideBox .bd img { width: 100%; display: block;}
/* 前/后按钮 */
.slideBox .prev,
.slideBox .next { position: absolute; left: 3%; top: 50%; margin-top: -25px; display: block; width: 32px; height: 40px; 
	background: url('../img/slider-arrow.png') -110px 5px no-repeat; filter: alpha(opacity=50); opacity: 0.5;}
.slideBox .next { left: auto; right: 3%; background-position: 8px 5px;}
.slideBox .prev:hover,
.slideBox .next:hover { filter: alpha(opacity=100); opacity: 1;}
.slideBox .prevStop { display: none;}
.slideBox .nextStop { display: none;}

/*分类标题*/
.CategoryList_Title{ height: 2.968em; line-height: 2.968em; padding: 0 .687em; color: #333; display: none;
    text-align: center; border-bottom: 1px solid #b0b4bb; font-size: 1.125em;
    background: linear-gradient(180deg , #f2f2f2 0% , #e0e0e0 100%);}
.CategoryList_Title .fl { float: left; background: url('../img/jt6.png') no-repeat left center; width: 17px; 
    height: 100%;}
.CategoryList_Title .icon-details{ margin-right: .5em; float: right;}
@media screen and ( max-width: 768px ) {
    .CategoryList_Title { display: block;}
}

/*页尾*/
/* 友情连接 */
.links { margin-top: 10px; margin-bottom: 10px;}
.links h3 { height: 24px; line-height: 24px; background: url(../img/img_19.jpg) repeat-x left center; text-align: center; 
    font-size: 16px; font-weight: bold;}
.links h3 span { display: inline-block; background: #fff; padding: 0 20px;}
.links a { color: #666666; display: inline-block; }
.links .top_link { width: 100%; margin: 0 auto; line-height: 30px; zoom: 1;}
.links .top_link:after {content: " "; display: block; height: 0; clear: both; visibility: hidden;}
.links .top_link a { margin-right: 17px; float: left;white-space: nowrap;}
.links .top_link a:hover { color: #990000;}

.footer {background:url(../img/img_21.jpg) repeat-x #161616; font-size:13px; color:#666666; 
    line-height:24px; padding-top:23px; width: 100%;}
.footer .wrap_w { text-align: center;}
.footer span { display:block; margin-bottom:30px;}
.footer a { font-family:'微软雅黑'; font-weight:bold; color:#FFF; margin:0 5px;}

/*µ×²¿*/
.bottombg{width:100%; background-color: #161616;}
.bottom{ width:1200px; margin:0 auto;  padding-top:20px;padding-bottom:20px;  }
.bottom .btm1{float:left; width:35%;  line-height:50px; font-size:14px;}
.bottom .btm1 .phone{height:50px; color:#fff; padding-left:10%; 
    background:url("../img/phoneD.png") no-repeat left center; }
.bottom .btm1 .email{height:50px;  color:#fff; padding-left:10%; 
    background:url("../img/email.png") no-repeat left center;  }
.bottom .btm1 .addr{height:50px;  color:#fff; padding-left:10%; 
    background:url("../img/addr.png") no-repeat left center; }
@media screen and (max-width: 1024px) and (min-width:768px){
    .bottom .btm1 .addr{line-height:25px;padding-top:10px;}
}
.bottom .btm2{float:right; margin-right:4%;  width:35%; border-right:1px solid #fff; position: relative;padding-left:2%;border-left:1px #fff solid;}
.bottom .btm2 p{ line-height:36px;  font-size:14px; color:#fff; }
.bottom .btm2 p span{margin-left:20px; }
.bottom .btm2 p a{ color:#fff; display:inline;}
.bottom .btm2 p a:hover{color:#7bbf09;}
.bottom .btm2  img{width:50px;  height:55px;  position: absolute;  bottom:10px;  left:70%;}
.bottom .weixin{float:right;width:23%;  font-size:14px;padding-top:15px; text-align: center;}
.bottom .weixin p{ text-align:center; color:#fff; }
.bottom .weixin img{ width:110px; margin:0 auto; height:110px;}


.fttow{display:none;width:100%; height:56px; background:rgba(0,0,0,0.8); position:fixed; bottom:0; z-index:999}
.fttow li{width:33.3%; float:left;}
.fttow li span{width:100%; float:left;height: 33px; }
.fttow li p{width:100%;line-height: 21px; float:left; text-align:center; font-size:13px;color:#fff;}
.fttow li a{color:#fff;}
.fttow li span img{ height:2em; padding-top:0.2em;display: block;
    margin: 0 auto;}
.saoma1{ width: 300px; height: 300px; position: fixed; bottom: 10%; left: 50%; margin-left: -150px; 
    z-index: 10000; background: #000; opacity: 0.8;}
.ewm11{ width: 200px; height: 200px; margin: 0 auto; position: absolute; top: 50%; left: 50%; margin-top: -33%; 
    margin-left: -33%; }
.ewm11 img{ width: 100%;}

@media screen and (max-width: 767px){
    .bottom{ width:98%;padding-bottom:20%!important;}
    .bottom .btm1 { display:none;}
    .news .news_con .bottom{height:auto!important;padding-bottom:0!important;}
    .bottom .btm2{width:100%; text-align:center; border-right:none; margin-right:0; margin-top:10px; }
    .bottom .btm2 p{ line-height:20px;  font-size:12px; }
    .bottom .weixin{display:none;}
    .fttow{display:block!important;}
    .bottom .btm2  img{left:80%;}
    .about4{width:98%; margin:0 auto;}
    .hqfcBox .hqfcCont{padding-bottom: 5px}
    .fttow{display:block!important;}
}
@media screen and (max-width: 768px){
    
    .bottom{ width:98%;padding-bottom:20%!important;}
    .bottom .btm1, .sousuo{ display:none;}
    .news .news_con .bottom{height:auto!important;padding-bottom:0!important;}
    .bottom .btm2{width:100%; text-align:center; border-right:none; margin-right:0; margin-top:10px; }
    .bottom .btm2 p{ line-height:20px;  font-size:12px; }
    .bottom .weixin{display:none;}
    .fttow{display:block!important;}
    .bottom .btm2  img{left:80%;}
    .about4{width:98%; margin:0 auto;}
    .hqfcBox .hqfcCont{padding-bottom: 5px}
    .fttow{display:block!important;}
}.allbox {
    width: 100%;
    zoom: 1;
    clear: both;
}
.g-header {
    width: 1200px;
    margin: 0 auto;
    position: relative;
    height: 110px;   
    
}
.g-header .m-box {
  position: relative;
  margin: 0 auto;
  height: 110px;
}

.g-header .m-logo {
  position: absolute;
    width: 60%;
    height: 105px;
    background: url(../img/logo.jpg) no-repeat center;
    background-size: 88%;
}
.toptel {
  position: absolute;
  text-align: left;
  width: 340px;
  height: 75px;
  margin-top: 10px;
  top: 0px;
  right: 0px;
}

.toptel dl {
  position: relative;
}

.toptel dl dd {
  position: absolute;
  top: 16px;
  left: 110px;
  font-size: 27px;
  color: #B28B46;
  font-weight: bold;
  z-index: 9;
}

.toptel dl .data {
  position: absolute;
  top: 50px;
  left: 110px;
  font-size: 18px;
  color: #B28B46;
  font-weight: bold;
  z-index: 9;
}

.toptel img {
  position: absolute;
  right: 0px;
  top: 7px;
}