@import"iconfont.css";

body,h1,h2,h3,h4,h5,h6,hr,p,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td{margin:0;padding:0;}
body{background:#fff;}
html {overflow-y:scroll;overflow:-moz-scrollbars;font: 14px/1.5em arial,'Microsoft Yahei', '微软雅黑',sans-serif;}
h1,h2,h3,h4,h5,h6,big,small {font: 14px/1.5em arial,'Microsoft Yahei', '微软雅黑',sans-serif;}
em,i{font-style:normal;}
ul,ol{list-style-type:none}
* {box-sizing: border-box;-webkit-box-sizing: border-box; -moz-box-sizing: border-box;}
img{border:0;}
button{cursor:pointer;font-size:14px;-moz-border-radius:5px;-webkit-border-radius:5px; border-radius:5px; border: 0; outline: none;}
input[type="text"],input[type="password"] {outline:none;font-size:14px; border:1px solid #ccc;-moz-border-radius:3px;-webkit-border-radius:3px; border-radius:3px;}
textarea {outline:none;font-size:14px;border:1px solid #ccc;-moz-border-radius:3px;-webkit-border-radius:3px; border-radius:3px;}
label {cursor: pointer;}
a{text-decoration:none;color:#000;}
a:hover{text-decoration:none;color:#5f5499;}
.clearfix:after{content:'\20';display:block;height:0;clear:both}
.main,.mainfull { width:1492px; margin:0 auto;  }
.copy-tips {position:fixed;z-index:1;top:10px;left:45%;color:#fff;}

@media (max-width: 1499px) {
  .main,.mainfull  {width:1200px;}
}
@media (max-width: 1279px) {
  .main,.mainfull  {width:1000px;}
}
/*顶部导航条*/
.navbar {height:98px;background: #fff;border-bottom: 1px solid #b1b0c0; }
.logo {float:left;height:40px; margin:29px 0 0 0;}
.logo img {height:40px; display: block;}
.nav {float:right;height:38px;line-height:38px;margin-top:30px;font-size: 18px;}
.nav a{float:left;display: block;padding:0 10px;}
.nav em{float:left;width:135px;text-align: center;display: block;}
.nav a.on,.nav a:hover {background:url(nav.png) no-repeat right bottom;color:#5f5499;}

@media (max-width: 1499px) {
  .nav em{width:77px;}
}
@media (max-width: 1279px) {
  .nav em{width:37px;}
}

.bottom { height:140px;background: #262431;line-height: 30px;color:#fff; font-size: 16px;  text-align: center;padding:40px;}
.bottom a {color: #fff;}
.content  {padding:0 0px; line-height:1.5em;}
.content img {max-width:100%;}
.no-item {background:#efefef;-moz-border-radius:5px;-webkit-border-radius:5px; border-radius:5px;text-align: center; height:100px;line-height:100px; margin:20px auto;}

/*首页*/
.banner img {width:100%;display: block;}
.swiper-pagination span {width:42px;height:16px;}
.swiper-pagination .swiper-pagination-bullet{ -moz-border-radius:0;-webkit-border-radius:0; border-radius:0;opacity: .6;}
.swiper-pagination .swiper-pagination-bullet-active {background: #6d6c98;}
h2.index {width:750px;height:213px;padding-top:140px;margin:0 auto;border-bottom: 2px solid #bfbbd6;}
h2.index span{width:134px;height:46px;background: url(index-h2bg.png) no-repeat right bottom;display: block;margin:0 auto;font-size:28px;}

.index-product {padding:60px 0 140px 0;}
.index-cate { height:40px;width:336px; line-height: 40px; margin: 0 auto; }
.index-cate li {float:left;cursor: pointer;  width:25%; font-size: 16px;}
.index-cate li.on { color:#605599;}
.index-cate li em {color:#fff;margin-right:3px;}
.index-cate li.on em {color:#605599;}
.index-cate-bg { height:34px; padding-top: 20px; width:198px; margin: 0 auto; }
.index-cate-bg li {float:left;cursor: pointer;  width:42px;height:14px; background: #b0aebc;}
.index-cate-bg li.on {background: #646079;}
.index-cate-bg li+li {margin-left: 10px;}
.index-pro {padding:20px 0; height:368px; position: relative; }
.index-pro-in,.index-pro2-in { position: absolute;width:100%;z-index:0;background: #fff;height:200;}
.index-pro2-in {background: #f6f5fa;}
.index-pro-in.on,.index-pro2-in.on {z-index:1;}
.index-pro .swiper-slide a{ position: relative; display: block;text-align: center;width:270px;margin:0 auto; }
.index-pro .swiper-slide a img{display: block;width:100%;height: 100%;}

.index-pro .swiper-slide a em {display: none;width:100%; position: absolute;height:50px;left:0;bottom: 0; background: #000;z-index:1;filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity: 0.5;opacity: 0.5;}
.index-pro .swiper-slide a span { line-height:50px; overflow: hidden; display: none;width:100%; position: absolute;height:50px;left:0;bottom: 0;color:#fff;z-index: 2;}
.index-pro .swiper-slide:hover a em {background: #5f5499;}

.index-pro .swiper-slide a.index-pro-btn {display: block;height:54px;margin-top:18px; line-height: 50px; font-size: 18px; text-align: center;border: 2px solid #5f5499;}
.index-pro .swiper-slide:hover a.index-pro-btn {background: #5f5499;color:#fff; }
.index-pagination { bottom:-70px; left:calc( 50% - 73px ); }
.index-pagination span {margin-right:10px;}



@media (max-width: 1499px) {
	h2.index {height:173px;padding-top:100px;}
	.index-product {padding:60px 0 100px 0;}
	.index-pro { height:348px; }
    .index-pro .swiper-slide a{ position: relative; display: block;text-align: center;width:220px;margin:0 auto; }
}
@media (max-width: 1279px) {
	h2.index {height:173px;padding-top:100px;}
	.index-product {padding:60px 0 100px 0;}
	.index-pro { height:318px; }
    .index-pro .swiper-slide a{ position: relative; display: block;text-align: center;width:180px;margin:0 auto; }
}
.index-bg {background: #f6f5fa;}
.index-bg .index-cate li em {color: #f6f5fa;}
.index-bg .index-cate li.on em {color:#605599;}

.index-news {padding:50px 0 130px 0;}
.index-news li {float: left; width:350px; border:2px solid #dad9de; }
.index-news li+li {margin-left:30px; }
.index-news li img {width: 100%;display: block;}
.index-news li a.tit {display: block;padding:10px 10px 5px 10px; text-align: center;overflow: hidden;line-height: 28px;font-size: 16px;height:43px;}
.index-news li span {display: block;padding:0px 10px 5px 10px; overflow: hidden;line-height: 22px;color:#999;}
.index-news li a.more {display: block;height:54px;width:80%;margin:20px auto 20px auto;  line-height: 50px; font-size: 18px; text-align: center;border: 2px solid #5f5499;}
.index-news li a.more:hover {background: #5f5499;color:#fff; }

@media (max-width: 1499px) {
	.index-news {padding:50px 0 100px 0;}
	.index-news li {width:282px;}
	.index-news li+li {margin-left:24px; }
}
@media (max-width: 1279px) {
	.index-news {padding:50px 0 100px 0;}
	.index-news li {width:238px; }
	.index-news li+li {margin-left:16px; }
}

.index-about ul {padding:20px 0;}
.index-about li {float: left;width:726px;}
.index-about li+li {margin-left:40px;}
.index-about li img { display: block;width: 100%;}
.index-about div {font-size: 16px;line-height: 28px;padding-bottom: 100px;color:#666; }

@media (max-width: 1499px) {
	.index-about li {float: left;width:570px;}
	.index-about li+li {margin-left:30px;}
}
@media (max-width: 1279px) {
	.index-about li {float: left;width:490px;}
	.index-about li+li {margin-left:20px;}
}
/*防伪查询*/
.fangwei {padding:100px 0px;text-align: center;}

/*内页广告*/
.in-banner img {display: block;width: 100%;}

/*关于我们*/
.about {padding:50px 0 140px 0;font-size:16px;line-height: 28px;}
.about li.pic img {width: 100%;}
.about0 li {float:left;width:60%;}
.about0 li.pic {width:32%;float:right;}
.about1 li {float:right;width:60%;}
.about1 li.pic {float:left;width:32%;}

/*加盟合作*/
.join-list {height:100px;width:1000px;margin:0 auto; position: relative; }
.join-list ul {position: absolute;width: 100%; height: 80px;box-shadow:5px 5px 10px #ccc; background: #fff;z-index: 2; top:-40px;padding:10px; }
.join-list ul li {float: left; width: 50%; text-align: center;height:60px;line-height: 60px; font-size: 18px;cursor: pointer;}
.join-list ul li+li {border-left: 1px solid #ddd;}
.join-list ul li.on {color:#5f5499;}
.join {padding-bottom: 100px;}
.join-con {display: none;border: 1px solid #ddd;padding:15px; font-size: 16px; line-height: 28px;}
.join-con.on {display: block;}

/*品牌资讯*/
.news-list {padding:60px 0;}
.news-list li {float: left;width:33.33%;border-left: 1px solid #eee;padding:30px 0 30px 0;position: relative;}
.news-list li:nth-child(3n+1) {border-left:0;}
.news-list li+li+li+li {border-top: 1px solid #eee;}
.news-list li div {width:380px;margin:0 auto;}
.news-list li div img {width:100%;display: block;}
.news-list li div span {display: block;position: absolute;width:60px;height:60px;background: #fff;left:-30px;top:-30px;z-index: 2;}
.news-list li div em {display: block;width:40px;height:40px;line-height: 40px;background: #5f5499; color:#fff; text-align: center;font-size: 16px;}
.news-list li div em.gray {background: #f4f4f6; color:#000;}
.news-list li div a.tit {height:56px;line-height: 56px;display: block;overflow: hidden;}
@media (max-width: 1499px) {
	.news-list li div {width:360px;}
}
@media (max-width: 1279px) {
	.news-list li div {width:300px;}
}
/*资讯详情*/
h2.h2 {height:100px;border-bottom: 2px solid #ddd;padding-top:60px;font-size: 16px;font-weight: 700;position: relative;color:#999;}
h2.h2 em {width: 290px;height:2px;position: absolute;background: #5f5499;top:98px;}
h2.h2 span {margin:0 10px;}
h2.h2 a {color:#999;}
.news {padding-bottom: 140px;}
.news h1 {text-align: center;padding:50px 0 20px 0;font-size: 22px;color:#000; line-height: 32px;}

/*门店页面*/
.mall-list li em {margin-bottom:20px ;}
.mall-list li div {font-size: 16px;line-height: 32px; color: #666;}
.mall-list li strong {display: block;color: #000000;}

/*产品列表*/
.cate-list {height:100px;width:1000px;margin:0 auto; position: relative; }
.cate-list ul {position: absolute;width: 100%; height: 80px;box-shadow:5px 5px 10px #ccc; background: #fff;z-index: 2; top:-40px;padding:10px; }
.cate-list ul li {float: left; width:25%; text-align: center;height:60px;line-height: 60px; font-size: 18px;cursor: pointer;}
.cate-list ul li+li {border-left: 1px solid #ddd;}
.cate-list ul li.on a{color:#5f5499;}
.prolist  {padding:20px 0;}
.prolist li { width:328px; height:328px; float:left; padding:0px; margin:0 0 50px 60px;}
.prolist li:nth-child(4n+1) {margin-left:0;}
.prolist li a {display:block; position:relative;height:100%;width:100%;}
.prolist li a strong {display:none;color:#fff; position:absolute;width:100%;bottom:0; height:50px;line-height:50px; z-index: 2; text-align: center;overflow: hidden;}
.prolist li a em {display:none;position:absolute;width:100%;bottom:0; height:50px; z-index: 1; background: #000;filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity: 0.5;opacity: 0.5; }
.prolist li a img {width:100%;display: block;}
.prolist li a span {display:none;position:absolute;background:#5f5499;color: #fff;height:56px;width:60%;left:20%; top:40%;z-index: 2;text-align: center;line-height: 56px;font-size: 18px;}
.prolist li a:hover em {background: #5f5499;}
.prolist li a:hover span {display:block;}
@media (max-width: 1499px) {
  .prolist li { width:276px; height:276px; margin:0 0 30px 32px;}
  .prolist li:nth-child(4n+1) {margin-left:0;}
}
@media (max-width: 1279px) {
  .prolist li { width:241px; height:241px; margin:0 0 20px 9px;}
  .prolist li:nth-child(4n+1) {margin-left:0;}
}
/*产品详情*/
.pro {padding:40px 0 60px;}
.pro h1 { display: block;width: 100%;height:60px;line-height: 40px;font-size: 26px;}

.pro-piclist {float:left;width:550px;position:relative;padding-bottom: 0px;}
.pro-piclist .swiper-slide img {width:100%;}
.pro-piclist .img2 {position:absolute; display:block; width:100%;height:118px;top:60px;z-index:1;}
.pro-piclist .img2 img {display:block; background: #fff; width:118px;height:118px;-moz-border-radius:50%;-webkit-border-radius:50%; border-radius:50%;margin:0 auto;}
.pro-piclist .img1 { top:144px;position:absolute; display:block; }

.pro-info  { float:right; width:calc(100% - 600px);}
.pro-info table{width:100%;border-top: 1px solid #ddd;}
.pro-info table td {width:12%;height:120px; padding:0 10px; text-align: center;font-size: 16px;line-height: 28px;border-bottom: 1px solid #ddd;border-left: 1px solid #ddd;}
.pro-info table tr.big td {width:50%;}
.pro-info table td span {display: block;color:#000;}
.pro-info table td em {display: block;color:#999;}
.pro-info table td:first-child {border-left:0;}

.pro-info h3 {height:76px; margin:0 auto;width:60%;position: relative;display: block;text-align: center;}
.pro-info h3 strong{display: block;width:160px;background: #fff;color:#000;font-size:20px;font-weight: 100; position: absolute; z-index:2; left:calc( 50% - 80px ); top:28px; height:20px;line-height: 20px;}
.pro-info h3 em{ display: block;position: absolute;width:100%;height:1px;border-top: 1px solid #ddd; top:37px;z-index:1; }

.pro-info li {float: left;width:28%;margin-left:8%;}
.pro-info li:first-child {margin-left: 0;}
.pro-info li a {display: block;width:100%;overflow: hidden;border:1px solid #ddd;position: relative;} 
.pro-info li img {display: block;width:100%;}
.pro-info li a em {display: block;width:100%; position: absolute;height:40px;left:0;bottom: 0; background: #000;z-index:1;filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity: 0.5;opacity: 0.5;}
.pro-info li a span { line-height:40px; overflow: hidden; display: block;width:100%; position: absolute;height:40px;left:0;bottom: 0;color:#fff;z-index: 2;text-align: center;}
.pro-info li:hover a em {background: #5F5499;}


.pro-content  {padding:60px 0;}
.pro-content img {max-width:100%;}
.pro-content  ul.info { margin:0 auto 60px auto;}
.pro-content  ul.info li {float:left;width:40%;border-left:1px solid #ddd;border-top:1px solid #ddd;}
.pro-content  ul.info li+li {float:left;width:60%;border-left:0;}
.pro-content  ul.info li table {border:0;width:100%;border-spacing:0px;}
.pro-content  ul.info li table tr td { border-right:1px solid #ddd;border-bottom:1px solid #ddd;text-align: center;padding:0 15px;height:60px;overflow: hidden;}
.pro-content  ul.info li table tr td:first-child {  white-space:nowrap;width:180px; text-align: center; }

.pro-content  ul.info li+li table+table+table+table tr td {height:120px;}
.pro-content  ul.info li+li table+table+table+table+table tr td {height:60px;}



.page {padding:40px 0;text-align: center;height:104px;line-height:24px;}
.page a,.page span{margin-right:22px; display: inline-block; overflow: hidden; height:24px;width:24px;font-size: 16px;  background: #fff;-moz-border-radius:50%;-webkit-border-radius:50%; border-radius:50%;}
.page span {background:#5f5499 ;color:#fff;}
.page span.iconfont {background:#fff ;color:#000;font-size:18px;line-height:22px; }
.page a.iconfont { font-size:18px;line-height:22px;}