@charset "utf-8";/* CSS Document */* {	padding: 0;	margin: 0;}body {	font-family: "微软雅黑", Arial, Helvetica, sans-serif;	font-size: 14px;	color: #333333;	position: relative;	background: #f4f4f4;}ul, h2, h3, p, dl, dt, dd {	margin: 0;	padding: 0;}li {	list-style: none;}img {	border: none;}a {	font-size: 14px;	color: #333333;	text-decoration: none;}a:hover {	color: #c20000;}.hidden {	display: none;}.clear {	clear: both;	height: 1px;	margin-top: -1px;	overflow: hidden;}.fc {	color: #fe0002;}.fl {	float: left;}.fr {	float: right;}/*头部*/#header {	width: 100%;	height: 98px;	background: #cf092c;	position: relative;	z-index: 9999;}#header #nav {	width: 1134px;	height: 98px;	border-left: 1px solid #c10627;	margin: 0 auto;	position: relative;}#header #nav #logo {	position: absolute;	left: 512px;	bottom: -28px;	transition: All 0.4s;	-webkit-transition: All 0.4s;	-moz-transition: All 0.4s;	-o-transition: All 0.4s;}#header #nav #logo:hover {	transform: rotate(360deg);	-ms-transform: rotate(360deg); 	/* IE 9 */	-moz-transform: rotate(360deg); 	/* Firefox */	-webkit-transform: rotate(360deg); /* Safari 和 Chrome */	-o-transform: rotate(360deg);}#header #nav li {	width: 161px;	height: 95px;	border-bottom: 3px solid #cf092c;	float: left;	text-align: center;	border-right: 1px solid #c10627;	line-height: 95px;	color: #fff;}#header #nav li a {	font-size: 18px;	color: #fff;}#header #nav li:hover {	border-bottom: 3px solid #e5b986;	color: #e5b986;}#header #nav li a:hover {	color: #e5b986;}#header #nav li.active {	border-bottom: 3px solid #e5b986;	color: #e5b986;}#header #nav li.li2 a:hover, #header #nav li.li2:hover {	border-bottom: none;}#header #nav li.active a {	color: #e5b986;}#banner {	width: 100%;	line-height: 0;}#banner img {	width: 100%;}/*品牌故事*/.index_story{	width:100%;	height:586px;	background:url(../images/bg5.jpg) no-repeat center top;	position:relative;	padding-top:320px;}.index_story .index_piclist{	position:absolute;	top:-110px;	left:0;	width:100%;	height:282px;}.index_story .index_piclist ul{	width:1290px;	margin:0 auto;	height:262px;	border:10px solid #e5b986;	border-right:none;}.index_story .index_piclist li{	width:418px;	height:262px;	border-right:12px solid #e5b986;	float:left;}.index_story .index_piclist li img{	widows:418px;	height:262px;	overflow:hidden;}.index_story_img{	width:1300px;	height:580px;	position:relative;	margin:0 auto;}.index_story_img .picBox{ text-align: center;}.index_story_img .pic3 { height: 382px; overflow: hidden; display: inline-block;}.index_story_img .pic3 .hidImg{position: absolute; top:0; left: 50%;margin-left: -191px;width: 382px;height: 382px;}.index_story_img .pic3 .hidImg img{ position: absolute; left: 0; top: 0;opacity: 0}.index_story_img #picTxt p:first-child{ display: none;}.index_story_img .pic1{	position:absolute;	top:0;	left:459px;	width:382px;	height:382px;	overflow:hidden;	transition:All 0.4s;	-webkit-transition:All 0.4s;	-moz-transition:All 0.4s;	-o-transition:All 0.4s;}.index_story_img .pic2{	position:absolute;	top:0;	left:459px;	width:382px;	height:382px;	overflow:hidden;	transition:All 0.4s;	-webkit-transition:All 0.4s;	-moz-transition:All 0.4s;	-o-transition:All 0.4s;}.index_story_img .pic3{	/*position:absolute;*/	/*top:0;*/	/*left:459px;*/	/*width:382px;*/	height:382px;	/*overflow:hidden;	*/	display: inline-block;}.index_story_img .hidImg{ display: inline-block;}.index_story_img p{	position:absolute;	top:410px;	right:210px;	width:620px;	height:96px;	color:#fff;	font-size:16px;	line-height:32px;}/*产品中心*/.index_product {	width: 100%;	height: 1076px;	position: relative;	background: #f4f4f4 url(../images/bg1.jpg) no-repeat center  top;}.index_product .index_product_sum {	position: absolute;	top: 596px;	left: 0;	width: 100%;	height: 356px;}/*天然材料*/.index_material {	width: 100%;	height: 922px;	background: url(../images/bg2.jpg) no-repeat center top;}.index_content {	width: 1300px;	margin: 0 auto;}.index_content img {	display: block;	margin: 0 auto;	padding: 100px 0 40px;}.index_material h1 {	padding: 86px 0 26px 0;	font-size: 48px;	color: #df020c;	line-height: 66px;	text-align: center;	font-weight: normal;	text-transform: uppercase;}.index_material h1 span {	color: #4d4d4d;	display: block;}.index_material p {	line-height: 30px;	text-align: center;	font-size: 16px;}.index_material_block {	width: 1300px;	height: 300px;	margin: 0 auto;	position: relative;}.index_material_block .index_ico1 {	position: absolute;	top: 44px;	left: 90px;	width: 140px;	height: 140px;	line-height: 140px;	text-align: center;	background: #e5b986;	border-radius: 100%;	transition: All 0.4s;	-webkit-transition: All 0.4s;	-moz-transition: All 0.4s;	-o-transition: All 0.4s;}.index_material_block .text1 {	position: absolute;	top: 210px;	left: 130px;}.index_material_block .text2 {	position: absolute;	top: 320px;	left: 470px;}.index_material_block .text3 {	position: absolute;	top: 210px;	left: 840px;}.index_material_block .text4 {	position: absolute;	top: 320px;	right: 130px;}.index_material_block .index_ico2 {	position: absolute;	top: 165px;	left: 423px;	width: 140px;	height: 140px;	line-height: 140px;	text-align: center;	background: #e5b986;	border-radius: 100%;	transition: All 0.4s;	-webkit-transition: All 0.4s;	-moz-transition: All 0.4s;	-o-transition: All 0.4s;}.index_material_block .index_ico3 {	position: absolute;	top: 73px;	left: 800px;	width: 140px;	height: 140px;	line-height: 140px;	text-align: center;	background: #e5b986;	border-radius: 100%;	transition: All 0.4s;	-webkit-transition: All 0.4s;	-moz-transition: All 0.4s;	-o-transition: All 0.4s;}.index_material_block .index_ico4 {	position: absolute;	top: 179px;	right: 59px;	width: 140px;	height: 140px;	line-height: 140px;	text-align: center;	background: #e5b986;	border-radius: 100%;	transition: All 0.4s;	-webkit-transition: All 0.4s;	-moz-transition: All 0.4s;	-o-transition: All 0.4s;}.index_material_block .index_ico1 i, .index_material_block .index_ico2 i, .index_material_block .index_ico3 i, .index_material_block .index_ico4 i {	font-size: 70px;	color: #fff;}.index_material_block .index_ico1:hover, .index_material_block .index_ico2:hover, .index_material_block .index_ico3:hover, .index_material_block .index_ico4:hover {	background: #ca092b;	transform: scale(1.15);}/*新闻材料*/.index_news {	width: 100%;	background: url(../images/bg3.jpg) no-repeat center top;	padding: 718px 0 76px 0;	position: relative;}.index_news_bg {	position: absolute;	top: 496px;	left: 0;	width: 100%;	height: 144px;	background: #000;	opacity: 0.44;}.index_news_text {	position: absolute;	top: 520px;	left: 0;	width: 100%;	height: 94px;}.index_news_dl {	width: 1172px;	margin: 0 auto;}.index_news_dl dl {	width: 292px;	margin: 0 auto;	text-align: center;	color: #fff;	border-right: 1px solid #fff;	height: 95px;	font-size: 14px;	float: left;}.index_news_dl dl:nth-last-of-type(1) {	border: none;}.index_news_dl dt {	line-height: 66px;}.index_news_dl dt span {	font-size: 48px;}.index_news_dl dd {	line-height: 16px;}.index_news_sum {	width: 1299px;	height: 437px;	margin: 0 auto;	border-left: 1px solid #e6e7e8;}.index_news_block {	width: 374px;	border: 1px solid #e6e7e8;	border-left: none;	float: left;	padding: 28px 29px 22px 29px;	overflow: hidden;}.index_news_block h2 {	line-height: 36px;	font-weight: normal;	font-size: 47px;	color: #c1c1c1;	border-bottom: 1px solid #e6e7e8;}.index_news_block h2 span {	display: block;	font-size: 16px;}.index_news_block dt {	line-height: 50px;	font-size: 14px;}.index_news_block dt a {	font-size: 14px;}.index_news_block dd {	width: 374px;	height: 158px;	overflow: hidden;}.index_news_block p {	height: 42px;	line-height: 21px;	overflow: hidden;	margin-top: 25px;}.index_news_block .more {	line-height: 21px;	margin-top: 20px;}/*底部*/#footer {	background: #ca092b;	width: 100%;	padding: 40px 0 50px 0;}.footsum {	width: 1300px;	margin: 0 auto;}.foot_logo {	width: 380px;	float: left;	text-align: center;	margin-top: 6px;}.foot_dl {	width: 920px;	float: right;}.foot_dl dl {	width: 140px;	float: left;}.foot_dl dt {	height: 60px;	font-size: 16px;	line-height: 26px;	color: #fff;}.foot_dl dt span {	display: block;	color: #e7909f;	line-height: 16px;	font-size: 12px;}.foot_dl dd {	line-height: 30px;}.foot_dl dd a {	color: #e7909f;	font-size: 14px;}.foot_dl li {	width: 29px;	height: 29px;	border: 1px solid #db5a71;	float: left;	overflow: hidden;	margin-right: 8px;}/*  广告轮播图 */.banner {	margin: 0 auto;	position: relative;	height: 784px;	overflow: hidden;}.banner .bd {	height: 784px;	z-index: 0;	position: relative;	left: 50%;	margin-left: -960px;}.banner .bd li {	transition: All 0.4s;	-webkit-transition: All 0.4s;	-moz-transition: All 0.4s;	-o-transition: All 0.4s;}.banner .bd li img {	animation: myfirst 25s linear infinite normal;	transform: scale(1.1, 1.1);	line-height: 0;}.banner .hd {	position: absolute;	bottom: 150px;	text-align: center;	z-index: 5;	left: 50%;	font-size: 0;	line-height: 0;	height: 0px;	margin-left: -25px;	height: 12px;	overflow: hidden;}.banner .hd li {	background: #fff;	z-index: 2;	cursor: pointer;	margin-right: 6px;	display: inline-block;	width: 12px;	height: 12px;	*display: inline;	zoom: 1;	opacity: .6;}.banner .hd li:hover, .banner .hd .on {	opacity: 1;}@keyframes myfirst {	0% {		transform: scale(1, 1);	}	50% {		transform: scale(1.1, 1.1);	}	100% {		transform: scale(1, 1);	}}/* 在线客服样式 */.float_qq {	position: absolute;	top: 190px;	right: 0;	width: 50px;	height: 253px;	z-index: 6666;}.float_qq li {	width: auto;	height: 50px;	z-index: 20;}.qq_drop_down {	display: none;	width: 60px;	height: 52px;	text-align: center;}.float_qq li.float_qq1, .float_qq li.float_qq4 {	position: absolute;	left: 0;	width: 62px;}.float_qq li.float_qq1 {	top: 156px;}.float_qq li.float_qq2 {	position: absolute;	top: 102px;	left: 0;	width: 126px;}.float_qq li.float_qq3, .float_qq li.float_qq5, .float_qq li.float_qq6 {	position: absolute;	top: 102px;	left: 0;	width: 172px;}.float_qq li.float_qq5 {	top: 0;}.float_qq li.float_qq6 {	top: 51px;}.float_qq li.float_qq4 {	top: 153px;}.float_qq li.float_qq1 {	top: 204px;}.float_qq li.float_qq3 a {	line-height: 20px;	padding-top: 6px;	height: 44px;}.float_qq li.float_qq3 a img {	margin-top: 5px;}.float_qq li.float_qq3 span {	display: block;}.float_qq4 {	position: absolute;	top: 153px;	left: 0;}.float_qq li a {	display: block;	color: #FFF;	font-size: 14px;	height: 50px;	line-height: 50px;	overflow: hidden;	background-color: #000;	opacity: 0.8;	border-radius: 6px;}.float_qq li a img {	display: block;	float: left;	vertical-align: middle;	width: 24px;	height: 24px;	margin: 12px 12px 14px 14px;}.float_qq li.float_qq5 img {	width: 30px;	height: 30px;	margin: 10px 10px 10px 10px;}.float_qq li a:hover {	background-color: #ae2023;	opacity: 1;}.float_shwx {	position: absolute;	top: 0;	left: -140px;	background: url(../images/float_wxbd.png) no-repeat top right;	width: 110px;	display: none;	background: #fff;	border: 1px solid #dadada;	padding: 14px;	border: 1px solid #ccc;	line-height: 20px;}.float_shwx img {	display: block;	background-color: #fff;	width: 110px;	height: 110px;	margin-bottom: 5px;}.digital {	position: absolute;	top: 520px;	left: 0;	width: 100%;	height: 94px;}.main {	width: 1172px;	margin: 0 auto;	margin: 0 auto;	font-size: 0;}.mumping_mun li {	width: 292px;	margin: 0 auto;	text-align: center;	color: #fff;	border-right: 1px solid #fff;	height: 95px;	font-size: 14px;	text-align: center;	float: left;}.mumping_mun li:nth-last-of-type(1) {	border: none;}.mumping_mun {	width: 1172px;	list-style: none;	text-align: left;	line-height: 66px;}.mumping_mun p {	font-size: 16px;	line-height: 16px;	width: 100%;	display: block;	clear: both;}.mumping_mun h2 {	font-size: 48px;	float: left;	padding: 0 0 0 90px;	line-height: 66px;	font-weight: normal;}.mumping_mun h2 span {	font-size: 14px;}.pop {	position: absolute;	left: 40%;	top: 50%;	width: 800px;	height: 300px;	text-align: center;	background: #fff;	border: 1px solid #ccc}.pop_head {	position: relative;	height: 20px;}.pop_head a {	position: absolute;	right: 8px;	line-height: 20px;	color: #000;	text-decoration: none}.pop_head a:hover {	color: #f60;	text-decoration: none}.pop_body {	padding: 8px}