/***************头部导航***************/
body{background: #00020e no-repeat;position: relative;height: 100%;}
html{height: 100%;}

header{display: flex;width: 1285px;margin: 0 auto;background: url(../images/nav.png) center center;height: 53px;}
#top{display: flex;margin: 0 auto;justify-content: space-around;width: 1150px;z-index: 10;height: 53px;}
#top .first_menu{
  position: relative;
}
#top .first_menu .first_title{font-size: 18px;color: #bb975c;line-height: 53px;text-align: center;text-decoration: none;}
#top .first_menu:hover .first_title{color: #898989;}
.logo{
  width: 148px;
  height: 52px;
  background: url(../images/big_logo.png) no-repeat center center;
  background-size: 100%;
  margin-top:3px;
}
#top .first_menu:last-child{position: relative;line-height: 53px;}
.wx-icon{
  width: 34px!important;
  height: 28px!important;
  background: url(../images/wexin_icon.png) no-repeat center center;
  background-size: 100%;
  margin-top: 13px;
}
#top .first_menu:last-child .erweima{position: absolute;top: 53px;left: 0;display: none;}
#top .first_menu:last-child:hover .erweima{display: block;z-index: 10001;}
#top .first_menu:last-child .erweima img{width:72px;height: 72px;}
.second_menu{
  position: absolute;
  display: none;
  z-index: 1000;
  width: 400px;
}
.first_menu:hover .second_menu{display: block;}
.second_one{
  position: relative;
  background: rgba(0, 0, 0, 0.5);
  padding-bottom: 22px;
  width: 104px;
  z-index: 2000000;
}
.second_title{
  width:104px;
  display: block;
  height: 53px;
  
  text-align: center;
  position: relative;
  left: 0;
  z-index: 200000;
}
.navActive{
  background: url(../images/border-second-bg.png) no-repeat;
  background-size: 100%;
  z-index: 99999999999;
}
.second_title .title_text{
  display: inline-block;
  margin-top: 24px;
  font-size: 16px;
  color: #bb975c;
}
.third_menu{
  position: absolute;
  width: 180px;
  overflow: hidden;
  padding-left: 30px;
  min-width:180px;
  background: rgba(0, 0, 0, 0.5);
  position: absolute;
  left: 104px;
  top:20px;
}
.third_one{
  background: url(../images/check_jian.png) no-repeat left;
  text-indent: 20px;
}
.third_title{
  font-size:14px;
  color: #bb975c;
  line-height: 40px;
  display: block;
  height: 40px;
  overflow: hidden;

  
}
.third_title:hover{
  color: #898989;
}

/***************联系我们***************/
.contact-us-con {
  width: 1285px;
  margin: 0 auto;
  display: flex;
  background: #00020E url(../images/bg1.png) no-repeat right 0;
  background-position-x: 581px;
  height: 850px;
}

.call-us {
  font-size: 16px;
  color: #bb975c !important;
  margin: 8.5em 0 0 3.5em;
  width: 478px;
  line-height: 40px;
}
.phone_p{
  margin-top:62px;
}
.code_p{
  margin-top:76px;
}
.call-us p:first-child{
  font-size: 22px;
  color: #bb975c !important;
  margin-bottom: 20px;
}
.call-us p img{
  width: 104px;
  height: 104px;
}
.feedback {
  margin: 269px 0 0 162px;
  font-size: 18px;
  color: #bb975c;
}

.feedback h4 {
  text-align: center;
  font-size: 22px;
}

.feedback ul {
  border: 1px solid #BB975C;
  border-radius: 10px;
  width: 378px;
  height: 378px;
  box-sizing: border-box;
  padding: 30px 42px 5px 42px;
}

.feedback ul li {
  display: flex;
  margin-bottom: 18px;
}

.feedback ul li .span_left {
  display: inline-block;
  margin-left: 55px;
}
.feedback ul li .span1{
  display: inline-block;
  margin-left: 6px;
}

.feedback ul li .ipt_text {
  color: #fff;
  background: none;
  border: 1;
  border: 1px solid #BB975C;
  height: 20px;
  margin-left: 25px;
  width: 155px;
}

.feedback ul li textarea {
  color: #fff;
  margin-left: 27px;
  background: none;
  border: 1;
  border: 1px solid #BB975C;
  height: 96px;
  width: 155px;
}

.feedback ul li .ipt_buttom {
  background: linear-gradient(#bb985d, #00030c);
  border-radius: 15px;
  width: 100px;
  height: 25px;
  border: none;
}

.feedback ul li .ipt_buttom:first-child {
  margin-right: 80px;
}
/*.feedback ul li .button{background: linear-gradient(#bb985d, #00030c);border-radius: 15px;width: 100px;height: 25px;border: none; color: #00020e}*/

/***************关于魔咖*************************/
.main{
  height: auto;
  margin: 0 auto;
}
.img_msg img{display: block;width: 100%;margin: 0 auto;}

/***************防伪***************/
.check{
  height:830px;
  background: #00020E url(../images/bg1.png) no-repeat;
 /* background-position-x: center;*/
  background-position-x: 52%;
  text-align: center;
  position: relative;
}
.check p{
  font-size: 30px;
  vertical-align: middle;line-height: 905px;color: #bb975c;}
.check .check_good{
  width: 320px;
  height: 238px;
  position: absolute;
  bottom: 73px;
  left: 50%;
  margin-left: -160px;
  background: url(../images/good-big.png) no-repeat;
  background-size: 100%;
}
.check .check_main {
  font-size: 49px;
  color: #bb985d;
  width: 480px;
  height: 200px;
  position: absolute;
  left: 50%;
  margin-left: -240px;
  top: 50%;
  margin-top: -250px;
}
.check .check_main .title {
  margin-bottom: 50px;
  letter-spacing: 0.2em;
  font-size: 40px;
}
.check .check_main .check_code {
  border-radius: 29px;
}
.check .check_main .check_code input {
  float: left;
  font-size: 20px;
  color: #9d9d9e;
  width: 380px;
  line-height: 53px;
  border-top-left-radius: 40px;
  border-bottom-left-radius: 40px;
  padding-left: 50px;
  border: none;
}
.check .check_main .check_code span {
  float: left;
  width: 93px;
  background-color: #2f91cf;
  color: #fff;
  font-size: 26px;
  padding: 8px 0;
  border-top-right-radius: 40px;
  border-bottom-right-radius: 40px;
  cursor: pointer;
}
.check_result_detail {
  font-size: 18px;
  color: #e2cba5;
  width: 658px;
  text-align: left;
  overflow: hidden;
  margin: 168px auto 0 auto;
/*  position: absolute;*/
/*  left: 50%;*/
/*  margin-left: -329px;
  bottom: 80px;*/
}
.check_result_detail div {
  float: left;
}
.check_result_detail .code {
  width: 167px;
  height: 167px;
  background: url(../images/code.png) no-repeat;
  margin-left: 80px;
}
.result_status span {
  display: inline-block;
  width: 176px;
  height: 176px;
  position: relative;
  margin: 0 20px;
  vertical-align: middle;
}
.check_time_result {
  font-size: 36px;
  color: #bb985d;
  padding-top: 100px;
}
.check_result_tip {margin-top: 80px; margin-bottom: 100px;padding-left: 25px;}
.check_time_result .success {
  background: url(../images/one.png) no-repeat;
}
.check_time_result .more {
  background: url(../images/two.png) no-repeat;
  font-size: 32px;
  color: #fff;
  line-height: 167px;
  text-align: center;
}
.check_time_result .none {
  background: url(../images/no.png) no-repeat;
}
.check_result.hide,.check-content.hide {
  display: none;
}

.box{
  width: 800px;
  margin: 0 auto;
  background: #00020E url(../images/bg1.png) no-repeat left 0;
}
.check_footer{
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 100;
}
/* 首页轮播 */
section{margin: 0 auto;display: flex;}
.swiper-container {
  position: relative;
}
.swiper-slide {
  text-align: center;
  font-size: 18px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}

  .swiper-wrapper a,.swiper-wrapper img{
     width: 100%!important;
     display: block; 
   }

.swiper-pagination-bullet{background:#000!important;;border: 2px solid #b58c54!important;;}
.swiper-pagination-bullet-active{background:#b58c54!important;}


.show_fillter{
  width: 200px;
  height: 126px;
  border-radius: 12px;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  background: #f8f8f8;
  text-align: center;
  display: none;
}
.show_fillter p{
  line-height: 126px;
  font-size: 20px;
  color: #bb975c;
}

.footer{
  font-size: 13px;
  color: #666;
  text-align: center;
  background: #00020e;
  padding: 30px 0 15px 0;
}
.footer p{
  margin-top:8px;
  text-align: center;
}

/********最新动态**********/
.news_main{
  width: 1270px;
  margin: 0 auto;
  margin-bottom: 60px;
  box-sizing: border-box;
}
/* ul */
.news_list {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
}
/* li */
.list_one {
  width: 364px;
  margin-top: 96px;
  list-style: none;
}
.news_list::after{
  content: '';
  width: 364px;
}
.new_img_box {
  width: 363px;
  height: 286px;
  background: url("../images/border.png") no-repeat;

}

.news_img {
  width: 328px;
  height: 220px;
  margin-top: 54px;
  margin-left: 18px;
}

.news_msg {
  width: 100%;
  padding-left: 20px;
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
  margin-top: 22px;
}
.news_msg .msg_title {
  width: 130px;
  font-size: 16px;
  color: #bb985d;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.news_msg .msg_time {
  font-size: 11px;
  color: #bb985d;
  display: inline-block;
  margin-top: 6px;
  margin-right: 10px;
}

.msg_content {
  font-size: 12px;
  color: #bb985d;
  text-indent: 20px;
  line-height: 30px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* 最新动态详情 */
.news_detail_main {
  width: 1270px;
  margin: 0 auto;
  padding: 0 65px;
  box-sizing: border-box;
  padding-bottom: 30px;
}
.news_detail_main img{
  max-width: 100% !important;
  height: auto !important;
  margin: 0 auto;
  display: block;
}
.news_banner {
  margin: 110px auto 0;
}
.content_title {
  font-size: 35px;
  color: #b58c54;
  text-align: center;
  margin-top: 42px;
}

.content_time {
  font-size: 15px;
  color: #b58c54;
  text-align: center;
  line-height: 2;
}
.content_text{
  color: #b58c54;
  word-wrap: wrap;
  text-indent: 30px;
  font-size: 16px;
  margin-top: 30px;
  line-height: 2;

}
/* 门店分布详情 */
.map_area_title{
  font-size:18px;
  color: #a98956;

}
.map_area_address{
  font-size: 14px;
  color: #a98956;
  margin-top:12px;
}

.map_area {
  position: relative;
  width:300px;
  height: 100px;
  padding:20px 14px 0 20px;
  background: #fff;
  z-index: 10;
}