@charset "utf-8";
/* CSS Document */

html{  width:100%; min-width:1000px;}

.m-hd-top{  position: absolute;
  right: 30px;
  font-size: 12px;
  z-index:10000
}
.m-hd-top a:link, a:visited {
  color: #63b8bd;
  text-decoration: none;
}


.header{ width:100%; height:91px; background:url(../newImg/topd.jpg) top center no-repeat; z-index:1000; position:fixed; top:0;}
.mainNav{height:100%;  margin:0 auto;}
.mainNav>ul{
	width: 1200px;
	height: 100%;
	position: relative;
  margin:0 auto;
}
.mainNav>ul>li{ width:130px; height:100%; float:left; line-height:43px; text-align:center; position:relative;}

.mainNav ul li.logo{ width:260px; height:100%; }
.mainNav ul li.logo a{   display: block;
  width: 100%;
  height: 100%;
  text-align: left;
}
.mainNav ul li.logo a img{  width: auto;
  height: 81px;margin-top:5px}
.mainNav ul li a{ display:block;width:100%; height:100%; line-height:91px; color:#FFF; text-align:center; font-size:16px; font-family: "微软雅黑"}

/*.mainNav ul li a.hover{ background:url(../img/Ba001.png) center bottom no-repeat;}*/
.mainNav ul li a.hover+.subnav{display: block;}
.mainNav ul li ul{width:128px;top:43px;margin: 0 auto;border: 1px solid #9E0256;display: none;}
.mainNav ul li ul li{
height: 45px;
z-index: 3;
background: #9E0256;padding: 5px 0px;}
.mainNav ul li ul li a{ width:auto; height:45px; margin:0 5px; line-height:45px; font-size:13px; color:#FFF; }

.mainNav ul li ul li:hover{background: #FFF;}
.mainNav ul li ul a:hover{color: #9E0256; font-weight:bold}
.mainNav ul li ul a:active{color: #fff;}

.mainNav ul li.later{width:97px !important;}
.mainNav ul li.later a{width:auto !important}




.banner{ width:100%; min-width:1000px; /*height:452px;*/ overflow:hidden; position:relative;text-align:center;margin-top: 91px; }
.banner div{ /*width:1920px; position:absolute;*/ margin:0 auto;clear:both; text-align:center;}
.banner div img{width:100%;}
.mainBanner{ width:100%; height:auto; background:url(../img/Ba006.jpg);margin-top: 140px;}
.Breadcrumb{ width:100%; height:31px; border-bottom:1px solid #eee; background:#fff;}
.Breadcrumb p{ width:1000px; height:31px; margin:0 auto; line-height:31px; font-size:12px; background:url(../img/Ico003.png) 13px 10px no-repeat; text-indent:31px; color:#9e9e9d;}
.Breadcrumb p a{ color:#9e9e9d; margin:0 3px;}
.Breadcrumb p a:hover{ color:#ff86cc; margin:0 3px;}

.container{ width:1000px; height:auto; margin:0 auto;}
.menu{ width:1000px; height:30px; margin-top:15px; background:url(../img/Ba007.jpg) left bottom repeat-x;position:relative;}
.menu li{ width:auto; height:30px;line-height:29px; font-size:14px; float:left;}
.menu li a{ display:inline-block; width:auto; height:29px; border-bottom:1px solid #f0f0f0;   font-size:14px; color:#616262; padding:0 52px 0 5px;}
.menu li a.hover,.menu li.Current a{ color:#9E0256; border-color:#9E0256;}

.submenu{ display:none; width:1000px; height:36px; position:absolute; left:0;}
.submenu li{ width:auto; height:36px;}
.submenu li a{ width:auto ; height:36px; line-height:36px; font-size:12px; border-bottom:none; padding:0 13px; margin:0;color:#616262 !important;}
.submenu li a:hover{color:#9E0256 !important; }



.contant{ width:976px; min-height:476px; padding: 20px 12px 20px; font-size:12px; line-height:33px; color:#919090;}
.contant div{overflow:hidden;}
.proContant{ padding:45px 0 20px;}

.checkLogo{ width: 250px;height: 250px;}


/*留言*/
.message{ width:auto; height:auto;}
.message li{ width:auto; height:auto; margin:3px 0; line-height:30px;}
.message li samp{ display:block; width:75px; float:left; font-size:12px; color:#616161;}
.message .Company input,.message .emaill input,.message .tel input,.message .contact input{ height:24px; width:200px; border:1px solid #abadb3; line-height:24px;}
.message .name input,.message .key input,.message .qq input,.message .wechat input{height:24px; width:120px; border:1px solid #abadb3;line-height:24px; }
.message .remark textarea{height:124px; width:404px; border:1px solid #abadb3;line-height:24px;}
.key input{ float:left;}
.key img{ float:left; margin-left:3px; height:26px;}
.key a{ width:auto; height:26px; line-height:26px; color:#ABADB3; font-size:12px; line-height:26px;}
.button{ padding-left:75px;}
.button input{ margin-right:10px; width:78px; height:20px;}

/*品牌故事*/
.story{ background:url(../img/Img004.png) top center no-repeat;}

/*产品列表*/
.proList{ width:1010px; height:476px;}
.proList li{ width:182px; height:213px; border:1px solid #dedede; background:url(../img/Ba008.jpg) no-repeat; padding:4px; margin:0 10px 20px 0; float:left;}


.proList li .Img{ display:block; width:180px; height:180px; text-align:center; overflow:hidden;}
.proList li .Img img{ display:inline-block; max-width:182px;}
.proList li .text{ display:block; width:182px; height:33px; text-align:center; line-height:33px; line-height:33px; color:#474747; background:#FFF;}


/***二级分类****/
.brand-sub{position: absolute;width: 100%;z-index:10;top:30px;background: #f7f7f7;  border: 1px solid #f0f0f0;
  border-top: none;display: none;}
.brand-sub a{color:#616262;font-size:14px;padding: 10px;
  float: left;}
/*.clist_sub{
margin: 0 auto;background: #f7f7f7;}
.clist_sub li{width:100%;clear:both;}
.crow_item{
text-align:center; 
line-height:2rem; 
margin:0.5rem auto; 
width:10%; 
float:left; 
 }
.crow_item A{ margin:0px 0.3rem; text-overflow:clip; white-space:nowrap}
.crow_item_clear{border-left-width:0px;box-shadow:0px 0 0px #fff;-webkit-box-shadow:0px 0 0px #fff}*/
/*产品内页*/

.proImg{ width: 455px; height:auto ; float: left; margin-right: 48px; }
.proImg .Img{ width:455px; height:auto;overflow:hidden;}
.proImg .Img a{ border:1px solid #e4e4e4; }
.proImg .Img a img{width:100%;}
.proImg .ImgNav{ width:460px; height:auto;}
.proImg .ImgNav li{ width:110px; height:109px; float:left; margin:0 5px 5px 0; overflow:hidden;}
.proImg .ImgNav li a{ display:block; width:108px; height:107px; border:1px solid #e4e4e4; text-align:center;}
.proImg .ImgNav li a img{ max-width:108px; }


.proProperty{ width:473px; height:auto; float:right; }
.proProperty header{ width:473px; height:41px; line-height:41px; clear:both; font-weight:bold; font-size:20px; color:#9E0256; }
.proProperty ul{ width:473px; height:60px; margin-bottom:10px;}
.proProperty ul li{ width:50%; float:left; height:30px; line-height:30px; font-size:14px; color:#828182; }
.proProperty ul li{ font-size:12px; color:#666;}
.proProperty ul li samp{ font-weight:bold; }
.proProperty img{ width: 100%; }

.proTitle{ width:100%; height:41px; line-height:41px; clear:both; font-weight:bold; font-size:17px !important; color:#3db8c9 !important; border-bottom:1px dashed #CCC; margin-bottom:10px;}
.proTitle samp{ float:left;}
.proProperty section article{color:#cfcdce; margin-bottom:10px; }

.proDe{ width:985px; height:auto; margin-top:20px;}
.proDe li{ width:178px; height:208px;background:url(../img/Ba008.jpg) no-repeat; margin-right:9px; }


.proDe li .Img{ width:178px !important; height:176px !important; overflow:hidden;}
.proDe li .Img img{ min-height:178px;}
.proDe li .text{ display:block; width:179px; height:32px;  line-height:33px; line-height:32px; color:#474747; background:#FFF;}


.browse{ display:inline-block; width:auto; height:41px; line-height:41px;  font-size:12px; font-weight:normal; float:right;}

.browse a{ display:inline-block;width:auto; height:41px; float:right; padding:0 5px; font-size:12px; color:#666;}
.browse a:hover{ color:#3db8c9;} 
.browse .next{ background:url(../img/Ico007.png) no-repeat center right;padding-right:25px;}

.browse .prev{ background:url(../img/Ico006.png) no-repeat center left;padding-left: 25px;}


/*新闻列表*/
.newsList{ width:100%; height:488px; margin-bottom:20px;}
.newsList li{ width:100%; height:44px; text-indent:29px; background:url(../img/Ico004.png) 10px 19px no-repeat; line-height:44px; overflow:hidden; border-bottom: 1px dashed #ecebeb;}
.newsList li samp{ float:right; font-size:12px; color:#616262; margin-left:10px; }
.newsList li a{ font-size:12px; color:#616262;}
.newsList li a:hover{color:#9E0256;}	

.newsList li.first{ width:996px; height:120px; padding:8px 0; text-indent:0; background:none; border-bottom:none;}
.newsList li.first .Img{width:198px; height:118px; border:1px solid #dbdbdb; float:left; float:left; margin-right:13px;}
.newsList li.first header{ width:900px; height:32px; float:left; line-height:32px; border-bottom:1px dashed #ecebeb; text-indent:24px; overflow:hidden; color:#9E0256; font-weight:bold; font-size:14px; margin-bottom:6px;}
.newsList li.first article{ width:900px; height:82px; float:left; line-height:27px; color:#898989; font-size:12px; }
.newsList li.first article a{ color:#9E0256;}


	
.newsDetailed { width:976px; height:auto;}
.newsDetailed header{ width:100%; height:auto; border-bottom:1px dashed #CCC; margin:10px 0 20px;}
.newsDetailed header h1{line-height:20px; margin-bottom:5px; font-size:20px; font-weight:bold; color:#9E0256; }
.newsDetailed header p{ font-size:12px; color:#CCC;}

.newsDetailed article{ width:100%; height:auto; margin-bottom:20px;}

.newsDetailed footer{ width:976px; height:20px; color:#666;}
.newsDetailed footer p{ float:left; width:50%; height:20px; line-height:20px; font-size:12px; overflow:hidden;}
.newsDetailed footer .next{ text-align:right; }
.newsDetailed footer p a{ color:#666;}
.newsDetailed footer p a:hover{color:#3DB8C9;}

.newsRecommend{ width:976px; height:auto;}
.newsRecommend header{ width:100%; height:40px; line-height:40px; font-size:17px; color:#3db8c9; font-weight:bold; margin:20px 0 10px; border-bottom:1px dashed #CCC;}
.newsRecommend ul{ width:976px; height:auto; }
.newsRecommend ul li{ width:49%; height:25px; line-height:25px; float:left; text-indent:20px; background:url(../img/Ico005.png) 5px center no-repeat;}
.newsRecommend ul li a{color:#666;}
.newsRecommend ul li a:hover{color:#3DB8C9;}
.newsRecommend ul li samp{ float:right; color:#999;}


.footer{ width:100%; min-width:1000px; height:40px; background:url(../newImg/downbg.png) center top; position:fixed; z-index:10000; bottom:0px; }
.fontBox{ width:980px; margin:0 auto; position:relative;}
.fontBox p,.fontBox p a{ font-size:13px; color:#FFF;  line-height:40px;}
/*.fontBox #bdshare{ position:absolute; right:0; top:10px;}*/


/***防伪查询**/
#checkbox{width: 500px;
  margin: 0 auto;}
#checkbox .ckInput{width: 99%;
  height: 42px;
  border: 1px solid #d9d9d9;margin-bottom:10px;}
#checkbox .ckBtn{  width: 99%;
  height: 42px;
  background-color: #63b8bd;
  color: white;
  border: none;
  border-radius: 5px;}

/***弹窗**/
#overdiv{display:none;background-color: #000;width: 100%;height: 100%;left: 0;top: 0;filter: alpha(opacity=10);opacity: 0.3;z-index: 1000;position: fixed!important;
position: absolute;_top: expression(eval(document.compatMode &&
 document.compatMode=='CSS1Compat') ?
 documentElement.scrollTop + (document.documentElement.clientHeight-this.offsetHeight)/2 :
 document.body.scrollTop + (document.body.clientHeight - this.clientHeight)/2); }
#pop{margin: 0 auto;top: 1px;left: 484px;width:650px;height:530px;display: none;z-index: 1002;position: fixed;background:#fff;border-radius:5px;}
#pop .pop-top{background:#C8EAEC;color:#fff;height:56px;padding:0px 10px;line-height:56px;border-top-left-radius:5px;border-top-right-radius:5px;}
#pop .pop-top .pop-title{float:left;display:inline-block;  color: #5e5e5e;}
#pop .pop-top .pop-close{float:right;display:inline-block;}
#pop .pop-content{color:gray;text-align: center;}
#pop .pop-content div{margin-bottom: 10px;}
#pop .pop-content img{height: 346px;}
.icons-close{
  background: url(../img/i-close.png) no-repeat;
  position: relative;
  display: inline-block;
  vertical-align: middle;
  width: 33px;
  height: 33px;
  margin-top: -8px;  background-size: 33px 33px;
}