@charset "utf-8";
/* CSS Document */
* {
	margin: 0;
	padding: 0;
}
body {
	overflow-y: hidden
}
.navbar-brand {
	height: 60px;
}
.navbar-toggle {
	margin-top:13px
}
ul li{list-style: none;}
.h_20{ height:20px}
a{cursor:pointer; background:none; text-decoration:none}
.wth_1{ position:relative; max-width:1200px; margin:0 auto}
.about{position:relative; width:50%;font-size:16px; color:#515151;display:inline-block; margin-top:30px}
.about1{position:relative; width:65%;font-size:16px; color:#515151;display:inline-block; margin-top:30px}
.about2{position:relative; float:right; width:75%; margin-right:5%;font-size:16px; color:#515151;display:inline-block;background-color:#f3f3f3; padding:20px; min-height:150px}
.about2 p{ line-height:30px;}
.about2 img{ width:80%;}
.bg_2{ background:url(../image/bg_6.jpg) repeat;} 
.pro_3 ul{ margin-top:50px}
.pro_3 ul li{ list-style:none; width:20%; border-right:1px solid #dcdcdc; padding: 0 1%;float:left; text-align:center}
.pro_3 ul li:nth-child(5){border-right:none}
.pro_3 ul li h1{ font-size:20px; margin:0; line-height:30px; font-weight:500}
.pro_3 ul li img{ width:100%;margin:10px 0}
.pro_3 ul li p{ font-size:12px}

.pro_4 ul{ margin-top:50px; color:#5f5f5f}
.pro_4 ul li{ list-style:none; width:20%; padding: 0 1%;float:left; text-align:center}
.pro_4 ul li h1{ font-size:20px; margin:0; line-height:30px; font-weight:500}
.pro_4 ul li img{ width:100%;margin:10px 0}
.pro_4 ul li p{ font-size:12px}

.pro_5 ul{ margin-top:50px;}
.pro_5 ul li{ list-style:none; width:25%;padding: 0 2%;float:left; text-align:center}
.pro_5 ul li h1{ font-size:24px; margin:0; margin-bottom:20px; line-height:30px; font-weight:600;}
.pro_5 ul li img{ width:60%; display:block; margin:30px auto 0}
.pro_5 ul li p{ font-size:16px; padding:15px; color:#fff;}
.pro_5 ul li i{ display:inline-block; padding:10px 20px; min-width:100px; line-height:10px; font-size:16px; font-weight:600; border-radius:20px; font-style:normal; color:#fff}
.pro_5 ul li ul{ margin-top:10px}
.pro_5 ul li ul li{ width:100%; text-align:center; margin:0}

.bg_3{ background-color:#fbac2f}

.kp li img:hover{box-shadow:0px 0px 10px #888888; padding:-5px -5px 0 0; margin:5px 5px 0 0; transition: linear 0.05s;}


.title_3{ background:#fbac2f; color:#fff; font-size:18px; margin-top:40px}
.title_3 span{ display:inline-block; width:19%; text-align:center; font-style:normal; line-height:60px}
.title_3 i{width:1%;}
.bg_5{ background:url(../image/bg_5.jpg) top center; text-align:center; padding-bottom:60px}
.bg_5 p{ font-size:30px; line-height:50px; margin-bottom:30px}
.shipin img{ width:80%}
 .guanzhu{ margin-top:50px}
 .guanzhu ul li { width:100%; font-size:14px; float:left}
 .guanzhu ul li img{ width:180px; height:30px}
 .guanzhu ul li .ewm{height:100px; width:100%;}
 .guanzhu ul li .ewm img{ width:80px; height:80px; float:left; margin-right:10px}
.about .guanzhu ul li .ewm a{ color:#fc4a00; padding:5px; background-color:#b8b7b8}
.pro_1,.pro_2{position:relative; width:46%;font-size:16px; color:#515151; float:left;margin-top:50px; margin-right:8%;}
.pro_1:nth-child(2n){
	margin-right: 0
}
.p_img{ width:80%; margin:0 auto 20px ;}
.p_img img{ width:100%; margin-bottom:20px}
.about_img{ position:relative;width:40%; float:right; display:inline-block;}
.about1_img{ position:relative;width:30%; float:right; display:inline-block;}
.about2_img{ position:relative;width:15%; margin-left:5%; float:left; display:inline-block;}
.about2_img img{ width:100%; max-width:150px}
.message{position:relative;width:45%; float:right; display:inline-block; font-size:14px}
.message input{ border:none; outline:none; height:40px;line-height:40px; width:100%;border-radius:10px; margin-bottom:15px;}
.message textarea{ border:none;outline:none; height:150px;width:100%;border-radius:10px;resize: none }
.message .tijo{width:100%; text-align:center; padding-top:20px}
.message .tijo button{width:140px; height:40px; border:none; background-color:#fbac2f; border-radius:20px; color:#fff; outline:none}
.message .tijo button:hover{ text-decoration:underline; color:#ccc}
.message ul{ margin-top:30px}
.message ul li{ font-size:16px; margin-bottom:10px; color:#000}
.message ul li img{ height:25px; width:25px; }
.about_img img{ width:80%}
.about1_img img{ width:60%}
.footer{ background-color:#d7d7d7; text-align:center; padding:20px auto}
.icon{ float:left; height:80px; line-height:80px}
.icon a{ padding:0 10px; background:none;}
.zixun{line-height:20px; padding-top:30px; padding-bottom:50px;color:#111111}
.zixun a{color:#111111}
.zixun button{ border-radius:20px; height:40px; margin-top:20px; line-height:40px;width:100px; background-color:#484848; border:none;color:#999; }
.zixun button:hover{ text-decoration:underline; color:#fbac2f}
.zixun_1{float:left}
.zixun_2{float:right;}
.xian{ height:2px; width:100%; background-color:#65685e;}
.beizhu{ margin-top:40px}
.beizhu p{ font-size:26px; color:#fff}
.beizhu i{color:#999; font-size:14px; font-style:normal}
.title_2{ width:100%; margin-top:30px; text-align:center}
.title_2 ul li{ display:inline-block;font-size:20px; font-weight:600px;  height:80px; width:80px; line-height:80px; color:#fff; border-radius:40px; text-align:center; margin:0 5px}
.banner {
	height:800px;
	width: 100%;
	text-align: left;
	overflow: hidden;
	position:absolute;
	top:0px;
	z-index: -1
}
.banner img {
	width:100%;
	height:100%;
}
.TTT {
	background-color: #FFF;
	width: 100%;
	margin-top:200PX;
}
.wrapper {
	width: 100%;
	min-height: 420px;
	margin-top:20px;
	
}
.wrapper img {
	width: 30%;
	position: absolute;
	left: 35%
}
.title {
	padding-top: 50px;
	color: inherit;
	text-align:left;
	font-family:'Microsoft Yahei';
}
.title_1 {
	width:100%;
	padding-top: 50px;
	color: inherit;
	text-align:center;
	font-family:'Microsoft Yahei';
}
.title_1 h1{
		margin:40px 0;
}
.title_1 img{ width:20%; margin-bottom:10px}
.title_1 p i{ color:#777;line-height:30px; padding-top:3px;border-top:1px solid #a0a0a0; font-style:normal; font-family:'Microsoft Yahei'}
.cor{ height:200px;color:#fff; line-height:200px;}
.title img{ margin-top:-15px;
	line-height:60px;
	}
.title h1 {
	margin:40px 0;
	display: inline-block;
	line-height:40px;
	position: relative;
	padding-left:10px;
}
.line:before {
	width: 100%;
	height: 1px;
	background: #eee;
	position: absolute;
	left: 0;
	right: 0;
	content: '';
	top: 40px;
}
.boxicon i {
	display: inline-block;
	cursor: pointer;
	width: 90px;
	line-height: 90px;
	height: 90px;
	border-radius: 50%;
	text-align: center;
	position: relative;
	z-index: 1;
	color: #333;
	font-size: 16px;
	background: #fff;
	border: 1px solid #a3a3a3;
	transition: background 0.2s, color 0.2s;
}
.boxicon i:before {
	width: 40px;
	height: 40px;
	display: block;
	position: absolute;
	content: '';
	background-image: url(../image/icon.png);
	background-repeat: no-repeat;
	background-size: 228px 61px;
	top: 50%;
	left: 50%;
	margin: -20px 0 0 -20px;
}
.boxicon i:before {
	background-position: 3px 5px;
}
.boxicon i:after {
	pointer-events: none;
	position: absolute;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	content: '';
	box-sizing: content-box;
}
.boxicon i:after {
	top: -7px;
	left: -7px;
	padding: 7px;
	box-shadow: 0 0 0 4px #149DBD;
	transition: transform 0.2s, opacity 0.2s;
	transform: scale(.8);
	opacity: 0;
}
.boxicon i:hover {
	color: #fff;
	border: 1px solid #fff;
}
.boxicon i:hover:after {
	transform: scale(1);
	opacity: 1;
}
.line ul {
	width: 1080px;
	margin: 0 auto;
	padding: 0
}
.line ul li {
	font-family: "微软雅黑";
	width: 25%;
	float: left;
	text-align: center;
	list-style: none;
}
.h_100 {
	height: 100px;
	width: 100%
}
.h_60 {
	height: 60px;
	width: 100%
}
.pic_bg{
	margin:0;
	padding:0;
	background:url(../image/bg_3.png) top center;
	min-height:400px}
.picsbox img {
	width: 100%;
	transition: all linear 0.5s
}
.kehu_bg{ background:url(../image/bg_4.png) top center}
.bg_1{ background-color:#f3f3f3;}
.picsbox ul {
	overflow: hidden;
	width: 1080px;
	margin: 0 auto;
	padding: 0
}
.picsbox ul li {
	float: left;
	width: 22%;
	height: 135px;
	margin-left: 4%;
	margin-bottom: 20px;
	overflow: hidden;
	position: relative;
	display: block
}
.box_2 ul li{height:400px;}
.picsbox ul li div {
	position: absolute;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	background: rgba(251,172,47,1);
	color: #fff;
	opacity: 0
}
.picsbox ul li div p {
	
	transform: scale(0, 0);
	font-size:16px;
	position: relative;
	width:90%; margin:20px auto;
	/*left:20%;
	top:20%;
	margin-left: -20px;*/
	font-family: "微软雅黑";
	transform-origin: 25% 25%;
	-webkit-transform-origin: 25% 60%;
	-moz-transform-origin: 25% 25%;
}
.picsbox ul li div p i {
	font-size: 14px;
	font-style: normal;
	float: left;
	text-indent:20px;
	color: #fff
}
.picsbox ul li:hover div {
	animation: ttt .2s linear both;
	-webkit-animation: ttt .2s linear both;
}
.picsbox ul li:hover div p {
	animation: fff .2s linear .2s both;
	-webkit-animation: fff .2s linear .2s both;
}
.picsbox ul li:hover img {
	transform: scale(10);
}
/*.picsbox>.u_2 ul li{ height:300px}
.picsbox .u_2 ul li div{height:300px;}
*/



.foodbox {
	max-width: 1200px;
	margin: 0 auto;
	padding: 0
}
.foodlist {
	width:40%;
	float: left;
	margin:0 5%;
}
/*.foodlist:nth-child(2n){
	margin: 0
}*/
.listpic {
	width: 90%;
	overflow: hidden;
	margin: 0 auto
}
.listpic img {
	width: 100%;
	margin-bottom: 20px
}
/*关于*/
.banner_1{ margin-top:-20px; text-align:center; height:500px;background:url(../image/banner_01.jpg) center}

.lanrenzhijia .content li{ padding-bottom:100px;height:1850px;}
.lanrenzhijia .content{ overflow:hidden;height:1850px;}
@media screen and (min-width:768px) {
.picsbox ul li:nth-child(4n+1) {
	margin-left: 0;
}
}
@media screen and (max-width:1200px) {
	.lanrenzhijia .content{ overflow:hidden;height:1600px}
.about1_img img{ width:80%; margin-top:20px}
.wth_1{ width:90%; margin:0 auto}
.picsbox ul {
	width: 100%
}
.line ul {
	width: 100%;
	padding: 0
}
.banner {
height: 600px;
}
.banner img{
 height:100%;
}
.wrapper {
margin-top:0px;
height: 400px; 
}
.wrapper img{ height:300px; width:300px; left: 50%; margin-left: -170px;
}
.pro_1{
	width:50%;}
}
@media screen and (max-width:1000px) {
.lanrenzhijia .content{ overflow:hidden;height:1380px}}
@media screen and (max-width:768px) {

.lanrenzhijia .content{ overflow:hidden;height:1200px}
.about1_img img{ width:100%; margin-top:20px}
.title_3{ font-size:14px}
.banner_1{min-height:120px;}
.banner_1 img{ max-width:100px;margin-top:50px;}
.title_1 img{ width:50%}
.pro_3 ul{ margin-top:50px}
.pro_3 ul li{ list-style:none; width:20%; border-right:1px solid #dcdcdc; padding: 0 1%;float:left; text-align:center}
.pro_3 ul li:nth-child(5){border-right:none}
.pro_3 ul li h1{ font-size:20px; margin:0; line-height:30px;}
.pro_3 ul li img{ width:100%;margin:10px 0}
.pro_3 ul li p{ font-size:12px}

.pro_4 ul{ margin-top:50px}
.pro_4 ul li{ list-style:none; width:20%; padding: 0 1%;float:left; text-align:center}
.pro_4 ul li h1{ font-size:20px; margin:0; line-height:30px;}
.pro_4 ul li img{ width:100%;margin:10px 0}
.pro_4 ul li p{ font-size:12px}

.icon{float:inherit;height:60px; line-height:60px}
.zixun{float:inherit;line-height:60px; margin-bottom:20px}
.about .guanzhu ul li { width:49%; font-size:14px; float:left; }
.about .guanzhu ul li img{ width:150px; height:25px}
.about .guanzhu ul li .ewm{height:100px; width:100%}
.about .guanzhu ul li .ewm img{ width:60px; height:60px; display:inherit}
.about .guanzhu ul li .ewm p{display:block; width:100%}
.pro_1,.pro_2{ width:30%; display:block}
.picsbox ul {
	width: 100%
}
.picsbox ul li {
	width: 40%;
	margin: 5%;
}
.line ul li {
	width: 50%;
}
.line:before {
	display: none
}
.banner {
height: 300px;
}
.banner img{
 height: 300px; 
}
.wrapper {
margin-top:0px;
height: 200px; 
}
.wrapper img{ height:200px; width:200px; left: 50%; margin-left: -100px;
}

.TTT {
	margin-top: -200PX;
}
.pro_1{
	width: 48%;
	float: left;
	margin-right: 4%;
}
.rrr{
	color:#fff;
	width:100%;
	font-size:100px
}
.pro_1:nth-child(2n+3) {
	margin-right: 0
}
}
 @keyframes ttt {
 to {
opacity: 1;
}
}
@-webkit-keyframes ttt {
 to {
opacity: 1;
}
}
@keyframes fff {
 0 {
transform:scale(0, 0)
}
 100% {
transform:scale(1, 1)
}
}
@-webkit-keyframes fff {
 0 {
transform:scale(0, 0)
}
 100% {
transform:scale(1, 1)
}
}
.link_btn {
	cursor: pointer;
	width: 150px;
	margin: 50px auto 0;
	line-height: 40px;
	height: 40px;
	text-align: center;
	position: relative;
	z-index: 1;
	font-size: 20px;
	font-family: "微软雅黑";
	background-color:#fbac2f;
	border-radius:20px
	
}
.link_btn a {
	text-decoration: none;
	color: #fff;
	background:none;
	transition: color 0.3s;
}
/*.link_btn:after {
	pointer-events: none;
	position: absolute;
	width: 100%;
	height: 100%;
	content: '';
	box-sizing: content-box;
}
.link_btn:after {
	box-shadow: 0 0 0 2px #ccc;
	transition: transform 0.3s, box-shadow 0.3s;
	transform: scaleX(1);
}*/
.link_btn:hover a {
	color: #0989b3
}
/*.link_btn:hover:after {
	box-shadow: 0 0 0 2px #149DBD;
	transform: scaleX(2);
}*/
.zstitle{font-family:"微软雅黑";}
.zstitle a{ font-size:18px; color:#333; line-height:40px}
.zstitle a:hover{ text-decoration:none; color:#06C; }
.zscon{ color:#666; font-size:12px; line-height:20px; margin-bottom:20px}
.btn_xq{margin-bottom:40px}

.lanrenzhijia{ width:100%; margin:0 auto;font-family:'微软雅黑';text-align:center}
.lanrenzhijia .tab_1{ background-color:#fff; border-bottom:2px solid #ccc; height:60px; line-height:60px; font-size:18px; z-index:1000}
.lanrenzhijia .tab{background:#f0f0f0; height:100%;display:inline-block; margin:0 auto; }
.lanrenzhijia .tab a{ display:block; float:left; text-decoration:none; color:#333; height:100%; padding:0 20px; min-width:200px}
.lanrenzhijia .tab a:click{ background:#E64E3F; color:#fff; text-decoration:none;}
.lanrenzhijia .tab a.on{ background:#E64E3F; color:#fff; text-decoration:none;}



/*.pro_6 img{width:18%;float:left; margin:0 1%;text-align:center}*/
.pro_6 .kk{ width:95%; margin:0 auto}
.pro_6 .kk .kkp{float:left;width:25%;text-align:center;display:inline-block}
.kkp i{ font-style:normal}
.pro_6 .kk .kkp img{ width:90%; margin:10px auto;display:block; }
.pro_6 .kk .kkp img:hover{box-shadow:0px 0px 10px #888888; transition: linear 0.05s;}
.yy{ padding:50px}
.yy p{text-align:center; font-size:18px; line-height:50px; color:#fff; }
.yy_1{ list-style:none; width:100%;}
.yy_1 li{ width:24%; display:inline-block; border:none; padding:0; margin:0; text-align:center; font-size:26px}
.yy_2{list-style:none; width:100%; color:#fff}
.yy_2 li{ width:20%; margin:0 2%; display:inline-block; border:none; padding:20px; line-height:30px; vertical-align:top; min-height:200px;}