﻿.clearfix:after{ content: ""; clear: both; visibility: hidden; display: block; height: 0;}
.clearfix{ zoom: 1;}




#mould82330{ position:fixed; top:0; width:100%; z-index: 9999; background: #fff; box-shadow: 0 0 10px rgba(0,0,0,0.2); transition:1s;}
.navbars4{ width:1600px;}
.navbars4 .logo{ width:280px;}
.navbars4 li{ position:relative;}
.navbars4 li>a{ padding:0; margin-right:60px; position:relative; background:none; font-size:20px; font-weight:bold;}
.navbars4 li.active>a{ background-image:linear-gradient(to bottom,#f39c68,#d53617); color:transparent; -webkit-background-clip:text; border-radius: initial; background-color: initial;}
.navbars4 li:hover>a{ background-image:linear-gradient(to bottom,#f39c68,#d53617); color:transparent; -webkit-background-clip:text; border-radius: initial; background-color: initial;}
.navbars4 li>a:before{ content:""; display:block; width:11px; height:6px; background:url(/images/nav_btn.png) no-repeat; position:absolute; right:-16px; bottom:6px;}
.navbars4 li:hover>a:before{ background-position:-19px 0;}
.navbars4 li.active>a:before{ background-position:-19px 0;}

.navbars4 li .hide1{ position:absolute; top:80px; left:-20px; background: #fff; padding:10px; box-sizing:border-box; border-radius:5px; display:none; box-shadow: 0 0 10px rgb(0 0 0 / 20%);}
.navbars4 li:hover .hide1{ display:block; text-align:center;}
.navbars4 li .hide1 a{ display:block; padding:0 20px;}
.navbars4 li:hover .hide1 a{ background: none; border-radius:inherit; color:#333; line-height:48px; font-size:18px;}
.navbars4 li:hover .hide1 a:hover{ background: #ff6600; border-radius:5px; color:#fff;}



/*大图*/
#mould82328 .swiper-slide img{ height:;}
#mould82328 .swiper-button-prev, .swiper-container-rtl .swiper-button-next{ left:30px;}
#mould82328 .swiper-button-next, .swiper-container-rtl .swiper-button-prev{ right:30px;}
#mould82328 .swiper-container .swiper-pagination .swiper-pagination-bullet{ background-color:#fff;background:#fff;opacity:1;border-radius:4px; width:30px;}
#mould82328 .swiper-container .swiper-pagination .swiper-pagination-bullet-active{ background-color:#b51118;background:#b51118;opacity:1;border-radius:4px; width:30px;}
#mould82328 .swiper-button-next,#mould82328 .swiper-button-prev{ top:56%;}



/*简介*/
.width_1600{ width:1600px; margin:0 auto;}
.about_a{ padding:80px 0;}
.about_a .left{ float:left; width:48%; overflow:hidden;}
.about_a .left img{ transition:1s;}
.about_a .left:hover img{ transform:scale(1.1);}
.about_a .right{ float:right; width:40%; margin-right: 6%; margin-top: 4%;}
.about_a .right h2{ font-size:50px; line-height:50px; font-weight:bold; margin-top:48px; text-align:center; background-image:linear-gradient(to bottom,#f39c68,#d53617); color:transparent; -webkit-background-clip:text;}
.about_a .right p{ line-height:48px; text-indent:2em;font-size:18px; margin-top:63px;}



/*实力
.product_a{ position:relative; height:800px;}
.product_name{ position:absolute; top:0; left:0; background:rgba(0,0,0,0.5); width:100%; height:100%;}
.product_name div{ width:20%; height:50%; float:left; color:#fff; border-right:1px solid rgba(255,255,255,0.8); box-sizing:border-box; text-align:center; font-size:20px;}
.product_name div:nth-child(-n+5){ border-bottom:1px solid rgba(255,255,255,0.8);}
.product_name div h2{ margin-top:50%;}
.product_name div h2 em{ font-size:54px; font-family:arial; color:#fff; font-weight:bold; display: inline-block;}
.product_name div h2 span{ font-size:16px; position:relative; top:-20px; margin-left:5px;}
.product_name div p{ font-size:20px; color:#fff;}
.product_img div{ display:none;}
.product_name div:hover{ cursor: pointer;}
*/

.product_a{ }
.product_a_list{ position:relative; width:calc(100% / 3); height:50%; float:left; border-right:1px solid rgba(255,255,255,0.8); box-sizing:border-box; text-align:center; font-size:20px;}
.product_a_list:hover{ cursor: pointer;}
.product_a_list .product_name{ padding:50px 0; background:#f5f5f5; border:1px solid #e0e0e0; border-right:none; box-sizing:border-box;}
.product_a_list .product_name h2 em{ font-size:40px; font-family:arial; font-weight:bold; display: inline-block;}
.product_a_list .product_name h2 span{ display:block; width:100px; height:100px; margin:0 auto;background:url(/images/btn_icon1.png) no-repeat;}
.product_a_list:nth-child(2) .product_name h2 span{ background-position:-100px 0;}
.product_a_list:nth-child(3) .product_name h2 span{ background-position:-200px 0;}
.product_a_list:nth-child(4) .product_name h2 span{ background-position:-300px 0;}
.product_a_list:nth-child(5) .product_name h2 span{ background-position:-400px 0;}
.product_a_list:nth-child(6) .product_name h2 span{ background-position:-500px 0;}
.product_a_list:nth-child(7) .product_name h2 span{ background-position:-600px 0;}
.product_a_list:nth-child(8) .product_name h2 span{ background-position:-700px 0;}
.product_a_list:nth-child(9) .product_name h2 span{ background-position:-800px 0;}
.product_a_list:nth-child(-n+6) .product_name{ border-bottom:none!important;}
.product_a_list:nth-child(3n) .product_name{ border-right:1px solid #e0e0e0!important;}

.product_a_list .product_img{ position:absolute; top:0; left:0; background:rgba(0,0,0,0.5); width:100%; height:100%; display:none;}
.product_a_list .product_img img{ width:100%; height:100%;}
.product_a_list:hover .product_img{ display:block;}

/*历程*/
.history{ width:100%;margin:5% auto;}
.history h2{ font-size:50px; line-height:54px; font-weight:bold; text-align:center; background-image:linear-gradient(to bottom,#f39c68,#d53617); color:transparent; -webkit-background-clip:text;}
.history .tu{ position: relative; margin-top:30px;}
.history .tu::before{ content: ""; display: block; padding-top: 500px;}
.history .tu_bg{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-position: left center;
    -webkit-animation: play 20s linear infinite;
    animation: play 20s linear infinite;
  
	background-repeat: no-repeat;
    background-size: cover;
}
@-webkit-keyframes play {
	from {
		background-position: 0% 0
	}
	to {
		background-position: 100% 0
	}
}

@keyframes play {
	from {
		background-position: 0% 0
	}
	to {
		background-position: 100% 0
	}
}

/*产品系列*/
.product_b{ }
.product_b .title_a h2{ font-size:50px; line-height:54px; font-weight:bold; text-align:center; background-image:linear-gradient(to bottom,#f39c68,#d53617); color:transparent; -webkit-background-clip:text;}
.product_b .title_a p{ font-size:18px; color:#3e3a39; text-align:center; margin-top:20px;}
.product_b ul{ margin-top:48px;}
.product_b li{ width:24.25%; height:460px; float:left; margin-right:1%; position:relative; overflow:hidden;}
.product_b li:first-child{ width:49.5%;}
.product_b li:nth-child(3),.product_b li:nth-child(7){ margin-right:0;}
.product_b li:nth-child(-n+3){ margin-bottom:1%;}
.product_b img{ width:100%; height:100%}
.product_b li div{ width:100%; height:100%; position:absolute; bottom:-100%; left:0; background:linear-gradient(to bottom,rgba(243,156,104,0.8),rgba(213,54,23,0.8)); text-align:center; color:#fff; transition:.6s;}
.product_b li div hr{ width:36px; height:2px; background:#fff; border: none; margin:48% auto 0 auto;}
.product_b li:first-child div hr{ margin:24% auto 0 auto;}
.product_b li div h3{ font-size:30px; line-height:30px; font-weight:bold; margin:24px 0 12px 0;}
.product_b li div p{ font-size:18px;}
.product_b li:hover{ cursor: pointer;}
.product_b li:hover div{ bottom:0;}

/*品牌*/
.brand_a{ margin-top:130px; overflow:hidden;}
.brand_a h2{ font-size:50px; line-height:54px; font-weight:bold; text-align:center; background-image:linear-gradient(to bottom,#f39c68,#d53617); color:transparent; -webkit-background-clip:text;}
.brand_a .mySwiper21{ position:relative; padding-bottom: 80px; margin-top:60px;}
.brand_a .swiper-slide:nth-child(even){ margin-top:60px!important;}
.brand_a .swiper-slide img{ transition:1s;}
.brand_a .swiper-slide:hover img{ 
    -webkit-transform: rotateY(-360deg);
    transform: rotateY(-360deg); 
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}
.brand_a .swiper-pagination-bullet{ background:#999; opacity:1; border-radius:8px; width:16px; height:16px; margin: 0 10px!important;}
.brand_a .swiper-pagination-bullet-active{ background:linear-gradient(to bottom,#f39c68,#d53617);}


/*谷物好味*/
.haowei{ height:500px;}
.haowei h2{font-size:50px; line-height:54px; font-weight:bold; text-align:center; background-image:linear-gradient(to bottom,#f39c68,#d53617); color:transparent; -webkit-background-clip:text;;margin-top:120px;}
.haowei .wenzi {font-size:18px;color:#3e3a39;text-align:center;margin-top:63px;}
.haowei .more{height:20px;margin-top:150px;display:block;margin:0 auto;text-align:center;}


/*文化*/
.culture h3{font-size:50px; line-height:54px; font-weight:bold; text-align:center; background-image:linear-gradient(to bottom,#f39c68,#d53617); color:transparent; -webkit-background-clip:text;}
.culture{ width:1600px; margin:0 auto;}
.culture li{ float:left; background:#eee; overflow:hidden; width:32%;height:320px; margin-right:2%; transition:.8s; border-radius:25px;}
.culture li:hover{  background-image: linear-gradient(#f39c68,#d53617);}
.culture li:nth-child(3n){ margin-right:0;}
.culture li:nth-child(-n+3){ margin-bottom:2%;}
.culture li:nth-child(4){ margin-left:268px;}
.culture li span{ display:block; width:10em; height:10em; margin: 0 auto; position:relative; top:-4em; background-image: linear-gradient(#f39c68,#d53617); border-radius: 50%;}
.culture li span img{ position:absolute; bottom:1.6em; left:50%; transform:translateX(-50%);}
.culture li h2{ color:#d53617; font-size:24px; text-align:center; transition:.5s;}
.culture li p{ text-align:center; margin:10px 0 60px 0; transition:.5s;}
.culture h2 {font-size:30px; text-align:center; color:#d53617;}
.culture li:hover h2,.culture li:hover p{ color:#fff;}

/*荣誉*/

#shili .title{height:56px;line-height:45px;font-size:50px;font-weight:bold;text-align:center;margin-top:70px;background-image:linear-gradient(to bottom,#f39c68,#d53617); color:transparent; -webkit-background-clip:text; border-radius: initial; background-color: initial;}
.cp25:after,.cp25 .swiper-slide a:before,.cp25 .swiper-slide a:after,.cp25 .swiper-slide.swiper-slide-next:after{ display:none;}
.cp25 .swiper-slide.swiper-slide-next{ background:none; box-shadow:none;}
.cp25 .cp25-main{ width:100%;}
.cp25 .swiper-container{ width:100%; padding-bottom:60px;}
.cp25 .swiper-slide{ text-align:inherit!important;}
.cp25 .swiper-slide img{ width:100%; height:100%; border-radius:10px;}
.cp25 .swiper-slide p{ color:#333; text-align:center;}
.cp25 .swiper-slide h3,.cp25 .swiper-slide span{ color:#333;}

.cp25 .swiper-pagination-bullet{ background:#ccc; opacity:1; border-radius:5px; width:10px; height:10px;}
.cp25 .swiper-pagination-bullet-active{ background: linear-gradient(#f39c68,#d53617);}

.cp251 .swiper-slide img{ border-radius:inherit;}
.cp251 .swiper-slide div{ background:#fafafa; padding: 20px; box-sizing:border-box;}
.cp251 .swiper-slide h2{ font-size:18px; line-height:18px;}
.cp251 .swiper-slide p{ line-height:28px;}
.cp251 .swiper-container{ margin-bottom:0; padding-top:15px;}


/*支持*/

.serve h2{font-size:50px;font-weight:bold;text-align:center;margin-top:80px;height:56px;line-height:45px;font-size:50px;font-weight:bold;text-align:center;margin-top:70px;background-image:linear-gradient(to bottom,#f39c68,#d53617); color:transparent; -webkit-background-clip:text; border-radius: initial; background-color: initial;}}
.serve .clearfix{margin-top:63px;}
.serve li{ width:33%;height:330px; float:left; display: inline-block; vertical-align: top; position: relative;}
.serve li:before{ padding-top: 66.8%; display:block; content: "";}
.serve li:nth-child(even){ background-image: linear-gradient(#f39c68,#d53617);}
.serve li img{ width:100%;height:100%; position:absolute; top:0; left:0;}
.serve li h3{ position:absolute; top:50%; left:0; transform:translateY(-50%); color:#fff; text-align:center; width: 100%;}
.serve li h3 span{ font-size:40px; line-height:60px; font-weight:bold;}
.serve li h3 p{ font-size:18px; margin-top:6px; line-height:30px;}


/*底部*/
.footer_a{ overflow:hidden; position: relative; background:#fff8f5; padding-top: 120px; margin-top:120px;}
.footer_a .left{ width:48%; float:left;margin-left: 100px;}
.footer_a .left>img{ width:52%; margin:40px 0 80px 0;}
.footer_a .left div{ background:url(/images/tel.png) no-repeat center left; padding-left:50px;}
.footer_a .left div h3{ font-family:arial; font-size:24px; line-height:24px; font-weight:bold; background-image:linear-gradient(to bottom,#f39c68,#d53617); color:transparent; -webkit-background-clip:text;}
.footer_a .left div h3 span{ display:block; font-size:14px; line-height:14px; margin-bottom:6px; background-image:linear-gradient(to bottom,#f39c68,#d53617); color:transparent; -webkit-background-clip:text;}
.footer_a .left p{ margin-top:40px;}

.footer_a .right{ z-index:8; width:34%; float:right; background:#fff; padding:48px; box-sizing:border-box; position:relative; border-radius:16px; margin:0 30px 30px 0; box-shadow: 0 0 10px rgba(0,0,0,0.1);}
.footer_a .right h2{ font-size:36px; font-weight:bold; margin-bottom:36px;text-align:center;background-image:linear-gradient(to bottom,#f39c68,#d53617); color:transparent; -webkit-background-clip:text;}
.footer_a .width_1600{ position:relative;}
.footer_a .width_1600>img{ width:248px; position:absolute; right:0; bottom:18px; z-index:99; display:none;}

.footer_a .right .messages{ width:100%;}
.messages .msg{ margin-bottom:0;}
.messages .msg input[type="text"]{ margin-bottom: 10px; width: 100%; background: none; line-height: 48px; box-shadow: none; border-radius: 6px; padding:2px 20px; box-sizing: border-box; font-size: 18px;}
.messages .msg-right:last-child { width: 100%;}
.messages .msg-right p{float:left;}
.messages .msg-right input{margin-top:12px;}
.messages textarea { height: 120px; width: 100%; background: none; line-height: 36px; box-shadow: none; padding: 0; border-radius: 6px; padding:10px 20px; box-sizing: border-box; font-size: 18px;margin-top:12px;}
.messages .msg .btn-mesSubmit{ border-radius: 6px;margin: 20px 0 0 0; border: none; width: 34%; line-height: 48px; height: auto;background-image: linear-gradient(#f39c68,#d53617); color: #fff; font-size: 18px; box-sizing: border-box;}
.messages .msg .btn-mesSubmit:hover{ background: #f39c68;}


.copyright{ width:100%; position: absolute; bottom: 0; padding-top: 70px;z-index:9;}
.copyright p{ line-height:64px; color:#fff;}
.copyright p a{ color:#fff;}



.foot-bottom__cont {
	position: relative;
	bottom: -2px;
}
.footer_a .fs-svg {
	position: absolute;
	left: 0;
	bottom: 0
}
.footer_a .fs-svg .gentle-wave {
	-webkit-animation: move-forever2 8s linear infinite;
	animation: move-forever2 8s linear infinite
}
.footer_a .fs-svg.active .gentle-wave {
	-webkit-animation: move-forever2 16s linear infinite;
	animation: move-forever2 16s linear infinite
}
.footer_a .fsb-svg {
	pointer-events: none;
	z-index: 8;
}
.footer_a .fs-svg {
	left: -240px
}
@-webkit-keyframes move-forever2 {
	0% {
		-webkit-transform: translate(-270px, 0%);
		transform: translate(-270px, 0%)
	}
	50% {
		-webkit-transform: translate(10px, 0px);
		transform: translate(10px, 0px)
	}
	100% {
		-webkit-transform: translate(-270px, 0%);
		transform: translate(-270px, 0%)
	}
}

@keyframes move-forever2 {
	0% {
		-webkit-transform: translate(-270px, 0%);
		transform: translate(-270px, 0%)
	}
	50% {
		-webkit-transform: translate(10px, 0px);
		transform: translate(10px, 0px)
	}
	100% {
		-webkit-transform: translate(-270px, 0%);
		transform: translate(-270px, 0%)
	}
}


@media screen and (max-width:1680px){ 
  .navbars4,.width_1600{ width:94%;}
  .product_a{ height:auto;}
}
@media screen and (min-width:1441px) and (max-width:1679px){ 
  .navbars4,.width_1600{ width:94%;}
  .navbars4,.navbars4 .logo,.navbars4 ul{ height:80px;}
  .navbars4 .logo{ width:220px;}
  .navbars4 li a{ font-size:16px;}
  
  .about_a .right{ margin-top:0;}
}

@media screen and (max-width:1440px){ 
  .navbars4,.width_1600{ width:94%;}
  .navbars4,.navbars4 .logo,.navbars4 ul{ height:80px;}
  .navbars4 .logo{ width:220px;}
  .navbars4 li a{ font-size:16px;}
  
  .about_a{ padding: 80px 0;}
  .about_a .right h2{ margin-top:20px;}
  .about_a .right p{ margin-top:40px;}
  .product_b li{ height:388px;}
}

@media screen and (max-width:1360px){ 
  
.product_b li{ height:366px;}
}

