@font-face{
	font-family: '微软雅黑Light';
	src : url('../fonts/微软雅黑Light.ttf');
}
.nav{
  height:68px;
  width:100%;
  position: fixed;
  top:0;
  opacity: 0.95;
  z-index: 1000;
  background: #56bca2;
}
.nav .navbar{
  width: 1300px;
  height: 70px;
  margin: 0 auto;
  border: none;
}
/* @media (max-width: 767px) {
  .nav .navbar {
    width: 360px;
  }
} */

.nav .navbar .nav-logo{
  width: 155px;
  height: 33px;
  float: left;
  position: relative;
}
.nav .navbar .nav-logo img{
	position: absolute;
	top: -2px;
	left: 20px;
	z-index: 10;
	width:228px;
}
@media (max-width: 767px) {
  .nav .navbar .nav-logo {
    /* margin-left: 105px; */
  }
}


.menu {
  float: right;
  margin-right: -12px;
}

.menu .menu-item {
  list-style: none;
  position: relative;
  cursor: pointer;
  float: left;
  /* margin-right: 10px; */
  padding:8px 0;
  font-size: 16px;
  line-height: 4.375rem;
  font-family: '微软雅黑Light';
  /* border:1px solid black; */
  /* margin-right: 10px; */
}
.menu .nav01:hover {
  /* border-radius: 50px; */
  background-color: #e6efec;
}
.menu .nav01:hover a{
  color: #414141;
}
.menu .menu-item .menu-item-title,
.menu .menu-item span{
  text-decoration: none;
  margin-left: 10px;
  margin-right:10px;
  letter-spacing: 2px;
  color: #f4fbf9;
  font-family: '微软雅黑Light';
}
/* .menu .menu-item:hover a {
  color: #002b75;
}
.menu .current-menu-item a {
  color: #002b75;
} */
.dg-position{
  margin-left: 30px;
  /* margin-left: 130px; */
}
.menu .menu-item .menu-item-dg{
  text-decoration: none;
  /* margin-left: 20px; */
  /* margin-right: 17px; */
  letter-spacing: 2px;
  color: white;
  background-color: #1ab0ef;
  border-radius: 50px;
  padding: 9px 16px 11px 20px;
}
.menu .menu-item .menu-item-dg-sel{
  background-color: #fff000;
  color: #5E412F;
}
.menu .menu-item-dg:hover{
  background-color: #fff000;
  transition: 1s;
  color:#5E412F;
}



.menu-item:hover .dropdown-menu{
  display: block;
  margin-top: 0;
  /* padding:10px; */
}
.dropdown-menu{
  transition: 3s;
}
.menu .dropdown .menu-box{
  /* border: 1px solid black; */
  width: 150px;
  height: auto;
  padding:0 0 1px;
  margin:20px auto;
  text-decoration: none;
  transition: 0.4s;
}
.menu .dropdown .menu-box:hover{
  background-color: #fff000;
  border-radius: 30px;
  overflow: hidden;
}
.menu .dropdown .menu-box-sel{
  background-color: #fff000;
  border-radius: 30px;
  overflow: hidden;
}

.menu .dropdown .menu-box .menu-box-img,
.modal-tabbar-img{
  /* background-color: grey; */
  width: 100%;
  height: 80px;
  background-size: auto 100%;
  background-repeat: no-repeat;
  background-position: center;
}
.menu .dropdown .menu-box .menu-box-img-ppgs{
  background-image: url(../img/pinpai/img-bg-1.jpg);
}
.menu .dropdown .menu-box .menu-box-img-ppfw{
  background-image: url(../img/pinpai/img-bg-2.jpg);
}
.menu .dropdown .menu-box .menu-box-img-qyb{
  background-image: url(../img/nav/img-nav-qyb.jpg);
}
.menu .dropdown .menu-box .menu-box-img-yxbj{
  background-image: url(../img/nav/img-nav-yxbj.jpg);
}
.menu .dropdown .menu-box .menu-box-img-yykt{
  background-image: url(../img/nav/img-nav-yykt.jpg);
}
.menu .dropdown .menu-box .menu-box-img-yezd{
  background-image: url(../img/nav/img-nav-yezd.jpg);
}
.menu .dropdown .menu-box .menu-box-img-zwcx{
  background-image: url(../img/nav/img-nav-zwcx.jpg);
}
.menu .dropdown .menu-box .menu-box-title{
  font-size: 14px;
  margin:10px 0 10px;
  color: #5E412F;
  letter-spacing: 1px;
}

/* tabbar */
.tabbar{
  width: 100%;
  height: 70px;
  background-color: #fffff7;
  opacity: 0.95;
  position: fixed;
  bottom: 0;
  z-index: 1000;
}
.tabbar .tabbar-container{
  list-style: none;
  padding:0;
}
.tabbar .tabbar-container .tabbar-item{

  height: 70px;
  width: 20%;
  float: left;
  position: relative;
}
.tabbar .tabbar-container .tabbar-item a{
  width:100%;
  height: 100%;
  display: block;
  /* border:1px solid red; */
}
.tabbar .tabbar-container .tabbar-item .tabbar-icon{
  width: 60px;
  height: 60px;
  /* background-color: blue; */
  position: absolute;
  top:15%;
  left: 50%;
  margin-left: -30px;
  /* margin-top: -30px; */
}
.tabbar .tabbar-container .tabbar-item .tabbar-icon-1{
  background-image: url(../img/tabbar/tabbar_icon_1.png);
  background-size: 49%;
  background-repeat: no-repeat;
  /* border:1px solid red; */
  background-position: top center;
}
.tabbar .tabbar-container .tabbar-item .tabbar-icon-2{
  background-image: url(../img/tabbar/tabbar_icon_2.png);
  background-size: 50%;
  background-repeat: no-repeat;
  /* border:1px solid red; */
  background-position: top center;
}
.tabbar .tabbar-container .tabbar-item .tabbar-icon-3{
  background-image: url(../img/tabbar/tabbar_icon_3.png);
  background-size: 45%;
  background-repeat: no-repeat;
  /* border:1px solid red; */
  background-position: top center;
}
.tabbar .tabbar-container .tabbar-item .tabbar-icon-4{
  background-image: url(../img/tabbar/tabbar_icon_4.png);
  background-size: 52%;
  background-repeat: no-repeat;
  /* border:1px solid red; */
  background-position: top center;
}
.tabbar .tabbar-container .tabbar-item .tabbar-icon-5{
  background-image: url(../img/tabbar/tabbar_icon_5.png);
  background-size: 45%;
  background-repeat: no-repeat;
  /* border:1px solid red; */
  background-position: top center;
}
.tabbar .tabbar-container .tabbar-item .tabbar-title{
  font-size: 14px;
  font-weight: bold;
  color: #5e412f;
  text-align: center;
  /* border:1px solid red; */
  position: absolute;
  width: 100%;
  top: 62%;
}
.tabbar .tabbar-container .tabbar-item .tabbar-title-sl{
  letter-spacing: 0.6em;
  text-indent: 0.6em;
}
.tabbar .tabbar-container .tabbar-item .sel-bg{
  width: 40px;
  height: 40px;
  background-color: #fff000;
  /* background-color: #1ab0ef; */
  /* opacity: 0.65; */
  border-radius: 50px;
  z-index: -1;
  position: absolute;
  top: 24%;
  left: 40%;
}
/* tabbar modal */
.modal{
  opacity: 0.8;
  text-decoration: none;
}
.modal-dialog{
  /* margin:200px 40px 0; */
  margin:0;
  width:360px;
  top:10%;
  left:50%;
  margin-left: -180px;
}
@media(max-width:767px){
  .modal-dialog{
    margin-left: -173px;
  }
}
.modal-header{
  text-align: center;
  letter-spacing: .3em;
}
.modal-footer{
  text-align: center;
}
.modal-body{
  /* border:1px solid red; */
  margin-top: 20px;
}
.modal-box{
  /* border:1px solid black; */
  width:250px;
  height: 140px;
  display: block;
  margin:0 auto;
  text-decoration: none !important;
  color:#000;
  margin-bottom: 20px;
  letter-spacing: .2em;
}
.modal-box img{
  background-color: red;
  width:230px;
  height:120px;
  margin:0 auto;
  display: block;
  background-size: auto 100%;
  background-repeat: no-repeat;
  background-position: center;
}
.modal-box p{
  text-align: center;
  margin-top: 5px;
}
.modal-box-img{
  background-color: grey;
}

/* float button */
.button-back2index{
  position: fixed;
  z-index: 1030;
  width: 80px;
  height: 80px;
  top: 70%;
  left: 80%;
  background-color: red;
  border-radius: 50px;
  overflow: hidden;
}
.button-back2index .button-b2i-title{
  display: block;
  text-align: center;
  font-size: 18px;
  color: white;
  line-height: 25px;
  margin:15px 0;
}
.button-dg{
  position: fixed;
  z-index: 1030;
  width: 80px;
  height: 80px;
  top: 75%;
  left: 80%;
  background-color: #fff000;
  border-radius: 50px;
  overflow: hidden;
  text-decoration: none;
}
.button-dg:hover{
  text-decoration: none;
}
.button-dg .button-dg-title{
  display: block;
  text-align: center;
  font-size: 18px;
  font-weight: bold;
  color: #5E412F;
  line-height: 25px;
  margin:17px 0;
}

/* 证书 modal */
/* .modal-zs-img{
  width:350px;
  height: 500px;
  display: block;
} */
/* 后补 */

/* 导航 */
/* .header{
	width:100%;
	height: 93px;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
}
.logo{
	width:190px;
	height: 100%;
	float: left;
}
.logo h1{
	text-indent: -999px;
}
h1.title{
	font-size: 24px;
	color: #000000;
	position: absolute;
	top:28px;
	left: 190px;
}
.nav{
	width:65%;
	overflow: hidden;
	float: right;
}
.nav ul li{
	float:left;
	width: 20%;
	height: 90px;
	line-height: 104px;
	box-sizing:border-box;
	font-size: 30px;
}
.nav ul li a{
	padding-bottom: 16px;
	color: #000000;
	text-decoration:none;
}
.nav ul li a:hover{
	border-bottom: 3px solid #606060;
} */
/* end */
img{display: block;}
.nav_active{
	/* border-radius: 50px; */
	background-color: #ffffff;
}
.menu  .nav_active a.menu-item-title{
	color: #414141;
}
.index_gyyy{
	position: relative;
}
.index_gyyy .pp{
	position: absolute;
	width: 15.6%;
	height: 15.5%;
	/* background: rgba(11,11,11,.4); */
	bottom: 0;
	cursor: pointer;
}
.index_gyyy .pp:hover{
	background: rgba(11,11,11,.1);
}
.index_gyyy .ppms{
	left: 18.7%;
}
.index_gyyy .ppls{
	left: 34.35%;
}
.index_gyyy .ppry{
	left:49.98%;
}
.index_gyyy .ppyj{
	left:65.6%;
}
.ljgd_01{
	position: absolute;
    left: 43%;
    top: 38%;
    border-radius:50px;
    padding: 0 30px;
	padding-bottom: 2px;
    border: 1px solid #643e1d;
    color: #643e1d;
    font-size: 3rem;
}
.ljgd_01:hover{
	background: #643e1d;
	color: white;
	text-decoration: none;
}

.ljgd01{
	position: absolute;
	left: 34.5%;
	bottom:20%;
	border-radius: 5px;
	padding: 0 10px;
	border: 1px solid #777777;
	color: #777777;
	font-size:1.6rem;
}
.ljgd02{
	left:50%;
	margin-left: -2.4375rem;
	bottom:8%;
}
.ljgd03{
	left:52.5%;
	bottom:31%;
	color: #ddf1ec;
	border: 1px solid #ddf1ec;
}
.ljgd01:hover{
	color: white;
	background: #ef8252;
	border: 1px solid #ef8252;
	text-decoration: none;
}
.ljgd03:hover{
	color:#54b79e;
	border: 1px solid white;
	background: white;
	text-decoration: none;
}
.cp01{
	left: 26.4%;
	bottom: 12%;
	font-size:2rem;
}
.cp02{
	left: 37.4%;
	bottom: 12%;
	font-size:2rem;
}
.cp03{
	left: 62.5%;
	font-size:2rem;
}
.chanpin_zl{
	position: relative;
	padding-top: 70px;
}
.chanpin_zl_con{
	position: absolute;
	width:62.5%;
	left:18.75%;
	top:12%;
	box-sizing: border-box;
	text-align: center;
	color:white;
	font-family: "微软雅黑Light";
}
.chanpin_zl_con h1{
	font-size: 3.5rem;
	font-family: "微软雅黑Light";
	margin-bottom: 8px;
	
}
.chanpin_zl_con h2{
	font-size:3rem;
	font-weight: 100;
	margin-top: 8px;
	
	font-family: "微软雅黑Light";
}
.chanpin_zl_con p{
	letter-spacing:3px;
	font-family: "微软雅黑Light";
}
.chanpin_tab ul{
	overflow: hidden;
	width:75%;
	margin: 0 auto;
	text-align: center;
	margin-bottom: 20px;
}
.chanpin_tab ul li{
	float: left;
	width: 25%;
	font-size:2rem;
	padding: 2px 0px;
	cursor: pointer;
}
.chanpin_tab ul li.cp_active{
	background: #ff854f;
	color: white;
}
.tab{display: none;}
.chanpin01{
	position: relative;
}
.chanpin01 .bg_img{
	position: absolute;
	top: 0;
	width: 62.5%;
	left: 0;
	right: 0;
	margin: 0 auto;
	overflow: hidden;
	box-sizing: border-box;
}
.chanpin01 .bg_img .chanpin_img{
	width:25%;
	float: left;
	position: relative;
}
.chanpin01 .bg_img .chanpin_img .chanpin01_text{
	position: absolute;
	top:0%;
	padding-top:78%;
	box-sizing: border-box;
	width:100%;
	height: 100%;
	left: 0;
	text-align: center;
	color: #555555;
	font-size: 1.8rem;
}
.chanpin01 .bg_img .chanpin_img .chanpin01_text p span{
	color: white;
	padding: 2px 16px;
	background: #2cafba;
	border-radius:15px;
	font-size:2rem;
}
.chanpin01 .bg_img .chanpin_img .chanpin01_text:hover{
	color:white;
	background: rgba(44,175,186,.7);
}
.chanpin01 .bg_img .chanpin_img .chanpin01_text:hover p span{
	background:rgba(44,175,186,.2);
	border: 1px solid white;
}
.kt_tab{
	width: 63%;
	margin: 0 auto;
	padding-top: 1.875rem;
	overflow: hidden;
	font-family: "微软雅黑Light";
}
.kt_tab .kt_btn{
	/* padding-top: 58px; */
	width:18%;
	
	color: #ffffff;
	float: left;
	box-sizing: border-box;
}
.kt_tab .kt_con{
	width: 82%;
	float: left;
	box-sizing: border-box;
}
.kt_con01{display: none;}
.kt_tab .kt_btn ul{
	margin: 0;
}

.kt_tab .kt_btn ul li{
	border-bottom: 1px solid #89d0be;
	text-align: right;
	padding: 20px 25px;
	font-size:25px;
	background: #56bca2;
	cursor: pointer;
}
.kt_tab .kt_btn ul li.ac{
	background: white;
	color: #56bca2;
}
.nav_kpkt{position: relative;}

.nav_xiala{
	position: absolute;
	top: 5.625rem;
	display: none; 
	left: -14px;
	
}
.nav_kpkt:hover .nav_xiala{
	display: block;
}
.nav_xiala li{
	width: 120px;
	background:white;
	color: #414141;
	text-align: center;
	padding: 0px;
	font-size: 1.4rem;
	/* border-bottom: 1px solid #333333; */
}
.nav_xiala li a{
	color: #414141;
}
.nav_xiala li:hover{
	background: #56bca2;
}
.nav_xiala li:hover a{
	color: white !important;
}
.mbx{
	display: none;
}
.dinggou{
	padding-top:68px;
}
@media (max-width: 750px) {
  .menu{display: none;}
  .carousel{padding-top: 208px;}
  .nav{height: 45px;}
  .nav .navbar .nav-logo img{width: 144px;}
  .mbx{display: block;}
  .dinggou{padding-top:45px;}
}
/*手机导航*/


.mbx h1 a{color:white;}
.mbx .mbx_btn{
	position: absolute;
	right: 0;
	top: 11px;
	font-size: 16px;
	color: white;
	padding-right: 40px;
	background: url(../img/icon01.png) no-repeat 36px 2px;
    background-size: 25%;
}

.mbx ul{
	display: none;
	position: absolute;
	z-index: 10;
	top: 42px;
	right: 0;
	width: 130px;
	background: rgba(34,34,34,.84);
	text-align: center;
}
.mobile_nav{background:#ffffff;}
.mbx ul li{padding: 5px 0;}
.mbx ul li a{color: white;}
.mbx ol{
	display: none;
}
.mbx ol li{
	background:white;
}
.mbx ol li a{
	color: #000000;
}
/* 订购 */

#tanchuang{
		/*display: none;*/
		width: 100%;
		max-width:940px;
		height:0px;
		margin: 0 auto;
		background: white;
		position: fixed;
		left: 50%;
		margin-left: -470px;
		top: 57%;
		margin-top: -338px;
		z-index: 99;
		overflow: hidden;
	}
	#tanchuang #dinggou {position: relative;}
	#tanchuang #guanbi{
		float: right;
		padding:4px 8px;
		margin: 5px;
		border-radius: 5px;
		background: #fc7000;
		font-size: 13px;
		font-weight: bold;
		color: white;
		border: none;
		cursor: pointer;
	}
	#dgoa_btn{
		cursor: pointer;
	}
	#tanchuang .block{
		display: block;
		
	}
	.zhezhao{
		width: 100%;
		height:1080px;
		background: rgba(0,0,0,.7);
		position: absolute;
		top: 0;
		left: 0;
		z-index: 10;
		
	}
.dg { background:#fff; margin:0 auto; overflow:hidden; padding-bottom:10px; width:1004px; }
.dg-content {background: #fff url(../img/dinggou/weixin.jpg) no-repeat 649px 72px;height: 523px;background-size: 28% 80%;}
.gm { background:#fff; overflow:hidden; margin-top:0px; height:700px; }
	.formgm { border:1px #ccc solid; float:left; margin:10px 10px 0; width:578px; }

/*订购end*/
.wenxian{position: relative;}
.wx_text .tit{
	font-size: 20px;
}

.wx_text{
	width: 100%;
	position: absolute;
	bottom: 8px;
	height: 8rem;
	overflow-y:scroll;
	text-align: center;
	color: white;
	line-height: 16px;
	font-size: 1.6rem;
	font-family: "微软雅黑Light";
}
.wx_text01{
	bottom: 36px;
}
.wx_text-n .tit{
	font-size: 20px;
	
}
.wx_text-n{
	width: 100%;
	height: 8rem;
	overflow-y:scroll;
	text-align: center;
	color: #333333;
	line-height: 16px;
	font-size: 1.6rem;
	margin: 10px 0;
	font-family: "微软雅黑Light";
}
.cp_gif{
	position: relative;
}
.gif{
	width: 560px;
	position: absolute;
	left: 23.5%;
	bottom: 28.5%;
}
/*品牌故事*/
.pinpai{
	position: relative;
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
	box-sizing: border-box;
}
.pinpai a{
	border-radius:20px;
	padding: 0 20px;
	border: 1px solid #ffffff;
	color: #ffffff;
	font-size: 21px;
	position: absolute;
	cursor: pointer;
	font-family:'微软雅黑Light';
}
.pinpai a:hover{
	color: #3f5fa0;
	background: #ffffff;
	border: 1px solid #ffffff;
	text-decoration: none;
}
.pinpai a.ls:hover{
	color: #ac893f;
	background: #ffffff;
	border: 1px solid #ffffff;
}
.pinpai a.lx:hover{
	color: #ffffff;
	background: #a06528;
	border: 1px solid #a06528;
}
.pinpai a.cj{
	top:27%;
	left:19%;
}
.pinpai a.ry{
	top:52%;
	left:19%;
}
.pinpai a.ls{
	top:76%;
	left:19%;
}
.pinpai a.lx{
	top:33%;
	left:61%;
	color: #a06528;
	border: 1px solid #a06528;
}
@media (max-width: 450px) {
	.wx_text{display: none;}
}