@charset "utf-8";
#page{margin:30px auto}
/*position*/
.position{line-height:40px;border-bottom:1px dashed #dcdcdc;margin-bottom:20px;font-size:14px;color:#555}
.position span{border-left:10px solid #1757A6;padding-left:10px;color:#555}
.position a{color:#555}
.position a:hover{color:#1757A6}
/*left*/
#left{}
.left-category{}
.left-category dt,.left-news dt,.left-contact dt{background:#1757A6;text-align:center;line-height:75px;color:#fff;font-size:24px;margin-bottom:2px}
.left-category dd{cursor:pointer;padding:0;margin-bottom:2px;background-color:#ececec;background-repeat:no-repeat;background-position:right 20px}
.left-category dd.fenlei{background-image:url(../images/icon2.png);}
.left-category dd>a{display:block;margin:0 40px;line-height:50px}
.left-category dd.on,.left-category dd:hover{background-color:#1757A6}
.left-category dd.fenlei.on{background-image:url(../images/icon1.png)}
.left-category dd:hover>a,.left-category dd.on>a{color:#fff}
.left-category ul{display:none;border-top:5px solid #fff;border-bottom:3px solid #fff}
.left-category dd.on ul{display:block}
.left-category li{border-bottom:2px solid #fff}
.left-category li a{position:relative;display:block;padding:0 40px 0 60px;line-height:50px;border-bottom:1px solid #ececec;background:#ececec;font-size:14px}
.left-category li a:after{content:"";width:8px;height:8px;border:2px solid #b8b8b8;border-style:solid solid none none;position:absolute;top:50%;right:32px;margin-top:-4px;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}
.left-category a:hover:after{border-color:inherit}
.left-news{margin-top:10px}
.left-news dd{}
.left-news dd a{display:block;line-height:40px;height:40px;overflow:hidden;border-bottom:1px solid #F3F3F3;color:#555;font-size:15px}
.left-news dd a:hover{color:#1757a6}
.left-news dd a:before{content:'>';margin-right:5px}
.left-contact{margin-top: 20px;}
.left-contact dt{}
.left-contact dd{display:block;padding: 9px 20px;line-height: 2;background:#ececec;margin-bottom:2px;}

/*right*/
#right{padding:0 20px}
.right-title{border-bottom:1px solid #dcdcdc;margin-bottom:30px}
.right-title h2{font-size:24px;color:#666;line-height:50px;border-bottom:1px solid #1757A6;display:inline-block;margin-bottom:-1px}
#content{}
/*产品列表*/
.nprolist {margin: 0 -10px;}
.nprolist li>a{display:block;overflow:hidden;position:relative;height:0;padding: 0 0 99%;border:1px solid #ccc;border-bottom: 0;}
.nprolist li>a:after{content: '';position: absolute;width: 100%;height: 100%;background: rgba(255,255,255,0.5) url(../images/yan.png) no-repeat center;left: 0;top: -100%;transition: 0.3s all ease-in-out;z-index: 1;}
.nprolist li:hover>a:after{top:0}
.nprolist img{position:absolute;display:block;max-width:100%;max-height:100%;top:50%;left:50%;-webkit-transform:translateX(-50%) translateY(-50%);-webkit-transform:translateX(-50%) translateY(-50%);-moz-transform:translateX(-50%) translateY(-50%);-ms-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%)}
.nprolist li p:after{position: absolute;content: '';width: 100%;height: 100%;background: #1757A6;bottom: -100%;left: 0;transition: 0.3s all ease-in-out;z-index: 0;}
.nprolist li:hover p:after{bottom:0}
.nprolist li:hover a{color:#fff;}
.nprolist li a:hover{color:#fff;}
.nprolist p{text-align:center;line-height: 1.5;margin-bottom: 20px;height: 4em;background: #eee;overflow: hidden;position: relative;display: flex;align-items: center;}
.nprolist p a{position:relative;z-index:1;display: block;width: 100%;}
/*分页*/
.pages{text-align:center;margin-top:10px}
.pages .page-num-current{background: #1757A6;color:#fff;border-color: #1757A6;}
.pages a{display:inline-block;color: #333;height: 26px;line-height: 26px;border: 1px solid #333;font-size: 14px;}
.page-item{padding:0 5px}
.page-num{width: 26px;margin: 0 3px;}
.pages a:hover{background:#000;color:#fff}
/*产品详情*/
.dproT{border:1px solid #ccc;padding:10px;position:relative;display:flex;justify-content:stretch;flex-wrap: wrap;}
.dproT-img{padding: 0 20px 0 0;margin:0 auto;}
.dproT-img img{max-width:100%;max-height:100%;display:block;margin:0 auto}
.dproT-con{padding:0}
.dproT-con h1{font-size:32px;border-bottom:2px solid #1757A6}
.dproT-con div{}
.product-remark{margin:10px 0;line-height: 0;font-size: 15px;}
.product-contact{width:100%;padding: 10px 0 0 50px;border-top:1px solid #999;background: url(../images/phone-icon2.png) no-repeat left bottom;box-sizing: border-box;}
.product-contact:after{display:block;clear:both;content:''}
.product-contact p{float:left;line-height: 1.2;}
.product-contact a{display:block;float:right;background:#1757A6;color:#fff;padding: 3px 25px;}
.dproC-title{border-bottom:1px solid #dcdcdc;margin:10px 0}
.dproC-title span{color:#333;line-height:50px;border-bottom:1px solid #1757A6;display:inline-block;margin-bottom:-1px;font-size:20px;font-weight:bold;padding:0 5px}
.dproC-title em{color:#666;font-style:normal}
.dproC{}
.dproC table{border-collapse:collapse;text-align:center}

.sitemap{}
.sitemap dl{border-bottom: 1px solid #ECECEC;padding: 10px 0;justify-content: flex-start;position: relative;padding-left: 150px;min-height: 32px;}
.sitemap dl:after{display:block;content:'';clear:both}
.sitemap dl dt{min-width: 150px;text-align: center;margin-right: 10px;position: absolute;left: 0;}
.sitemap dl dt a{background: #ECECEC;}
.sitemap dl dd{float: left;padding: 0 10px;}
.sitemap dl dd a{font-size: 15px;}
.sitemap dl a{display: block;}
.sitemap dl a:hover{}


.tag{
    font-size: 14px;
    height: 28px;
}
.tag span{
    display: block;
    float: left;
    text-align: center;
    line-height: 28px;
    width: 62px;
    margin-right: 10px;
}
.control{margin-top:10px}
.control p{font-size: 16px;}
.control p:after{display:block;content:'';clear:both}
.control span{display:block;float:left;background:#1757A6;color:#fff;border-right:10px solid #fff;padding: 0 10px;height:28px;}
.control p:first-child span{border-bottom:10px solid #fff}
.control p:first-child a{display:block;border-bottom:1px solid #999;height:33px;line-height:2;overflow: hidden;}
.control p:last-child{border-left:0;}
/*相关新闻*/
.related-news{margin:10px 0;display: flex;flex-wrap: wrap;justify-content: space-between;}
.related-news li{width: 48%;}
.related-news span{float:right;font-size: 14px;display: block;width: 80px;height: 35px;overflow: hidden;}
.related-news a{display:block;border-bottom:1px dotted #ccc;line-height:40px;height:40px;overflow:hidden;font-size:15px;color:#555}
.related-news a:before{content:'>';margin-right:5px}
.related-news a:hover{color:#1757A6}
/*相关产品*/
.related-product{display: flex;justify-content: space-between;flex-wrap: wrap;}
.related-product li{width:24%}
.related-product li>a{display:block;position:relative;height:0;padding: 0 0 74%;border:1px solid #ccc;}
.related-product img{max-width:100%;max-height:100%;display:block;position:absolute;top:50%;left:50%;-webkit-transform:translateX(-50%) translateY(-50%);-webkit-transform:translateX(-50%) translateY(-50%);-moz-transform:translateX(-50%) translateY(-50%);-ms-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%)}
.related-product p{text-align:center}
/*新闻列表*/
.nnewslist{}
.nnewslist li{border:1px solid #ccc;padding:10px;display:flex;justify-content:space-between;margin-bottom:20px}
.nnewslist .newsL{width:30%}
.nnewslist .newsL a{display:block;position:relative;height:170px;overflow:hidden}
.nnewslist .newsL img{display:block;max-width:100%;position:absolute;top:50%;transform: translateY(-50%);}
.nnewslist .newsR{width:68%}
.nnewslist .newsR h4{
    height: 2em;
    overflow: hidden;
}
.nnewslist .newsR h4 a{color:#666}
.nnewslist .newsR h4 a:hover{}
.nnewslist .newsR p{font-size:14px;color:#666;margin:10px 0;height: 6em;overflow: hidden;}
.nnewslist .newsR>a{display:block;background:#666;color:#fff;width:100px;line-height:30px;text-align:center;float:right;font-size:14px}
.nnewslist .newsR>a:hover{}
.nnewslist li:hover{border-color:#1757A6}
.nnewslist li:hover .newsR h4 a{color:#1757A6}
.nnewslist li:hover .newsR>a{background:#1757A6}
/*新闻详情*/
.newsT{}
.newsT h1{text-align:center;font-size: 20px;margin-bottom: 15px;}
.newsT p{font-size:14px;border-bottom: 2px solid #1757A6;margin-bottom: 20px;color: #666;}
.newsT a{float:right;display:block;background:#1757A6;color:#fff;padding:0 10px}

#ndownload img{position:absolute;display:block;max-width:100%;max-height:100%;top:50%;left:50%;-webkit-transform:translateX(-50%) translateY(-50%);-webkit-transform:translateX(-50%) translateY(-50%);-moz-transform:translateX(-50%) translateY(-50%);-ms-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%)}
#ndownload p{text-align:center;line-height:2.5;margin-bottom: 20px;}
#ndownload li p:after{display:none}


#ndownload li>a{padding:0 0 75%;display: block;overflow: hidden;position: relative;height: 0;border: 1px solid #ccc;}
#ryzz:after{display:block;content:'';clear:both}
#ryzz a{width:23%;margin:1% 1%;float:left;display:block;overflow:hidden;position:relative;height:0;padding:0 10px 29%;box-sizing:border-box;border:3px solid #ccc}
#ryzz img{position:absolute;display:block;max-width:100%;max-height:100%;top:50%;left:50%;-webkit-transform:translateX(-50%) translateY(-50%);-webkit-transform:translateX(-50%) translateY(-50%);-moz-transform:translateX(-50%) translateY(-50%);-ms-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%)}

/*留言板*/
input:focus{outline:0}
.form-group{border:1px solid #999;max-width:600px;margin:0 auto 10px;display:flex;justify-content:space-between;padding:0}
#subform .form-group:last-child{border:0}
.form-group label{width:100px;text-align:center;display:block;float:left;line-height:50px}
.form-group div{width:calc( 100% - 100px)}
.form-group input{width:100%;box-sizing:border-box;padding:0 10px;line-height:50px;border:0}
.form-group textarea{width:100%;box-sizing:border-box;padding:0 10px;line-height:30px;display:block;border:0}
.form-group button{background:#1757A6;border:0;color:#fff;width:200px;line-height:50px;margin:0 auto}
#contacts{}
#mobile{}
#message{}
#checkcode{}
.codeimg{}

/* 酵农文化 */
.jnwh{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.jnwh li{
    width: 32%;
    background: #eee;
    margin-bottom: 15px;
    box-sizing: border-box;
    padding: 15px 15px 20px;
}
.jnwh h4{margin-bottom: 5px;}
.jnwh p{
    font-size: 14px;
    line-height: 1.5;
    color: #555;
}
/* 大事记 */
.preview{
    margin-bottom: 20px;
}
.preview .swiper-slide{
    width: 150px;
    text-align: center;
    border-bottom: 1px solid #ccc;
    position: relative;
    margin-bottom: 5px;
    cursor: pointer;
}
.preview .active-nav{
    color:  #1757a6;
}
.preview .swiper-slide:before{display:block;content:'';width:6px;height:6px;border: 1px solid #ccc;border-radius:10px;position: absolute;bottom: -4px;background: #fff;}
.preview .active-nav:before{
    background:  #1757a6;
    border-color: #1757a6;
}
.preview span{}
.view{
    position: relative;
}
.view .swiper-container{
    max-width: 90%;
    margin: 0 auto;
}
.view .swiper-slide{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.flex{display: flex;
    justify-content: space-between;margin-bottom:20px}
.view .arrow-left{
    background: url(../images/index_tab_l.png) no-repeat left top;
    position: absolute;
    left: 10px;
    top: 50%;
    margin-top: -25px;
    width: 28px;
    height: 51px;
    z-index: 10;
}
.view .arrow-right{
    background: url(../images/index_tab_r.png) no-repeat right top;
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -25px;
    width: 28px;
    height: 51px;
    z-index: 10;
}
.dashiL{
    margin-right: 20px;
    min-width: 270px;
}
.dashiL img{
    display: block;
    max-height: 200px;
    margin: 0 auto;
    max-width: 100%;
}
.dashiR{}
.dashiR strong{}
.dashiR p{}
.pc-slide{margin-bottom:20px}
@media (max-width:768px){
    /* 产品详情	 */
	.dproT-img{
    padding: 0;
    max-width: 100%;
}
	.dproT-img img{}
	.dproT-con{
    width: 100%;
}
	.dproT-con h1{font-size: 24px;}
	.product-contact {position: relative;height: 50px;}
	.dproT-con div * {font-size: 16px !important;	}
	.related-product li{width: 48%;}
    /*新闻列表*/
    .nnewslist li{margin-bottom:10px}
    .nnewslist .newsL a{height: 135px;}
    .nnewslist .newsR p{line-height: 1.5;height: 4.5em;margin: 5px 0;}

	#ndownload p,.related-product p a{font-size:12px;line-height: 2;height: 24px;overflow: hidden;margin-bottom: 10px;}
	.related-news a{font-size:14px}
	.dproC img{max-width: 100% !important;display:block;height: auto;}
	.nprolist li:first-child{}
	.nprolist li{border-top: 1px solid #f1f1f1;margin-bottom: 10px;}
	.box1{width: 100%;display: block;border-bottom: 0;padding-bottom: 0;}
	.box2{display: block;width: 100%;}

	   /* 酵农文化 */
	.jnwh{}
	.jnwh li{
    width: 100%;
    min-height: unset;
}
	.jnwh h4{}
	.jnwh p{}

	/* 大事记 */
	.preview{}
	.preview .swiper-slide{
    width: 100px;
}
	.preview span{}
	.view{}
	.view .arrow-left{
    left: -10px;
    width: 20px;
}.flex{
    flex-wrap: wrap;
}
	.view .arrow-right{
    width: 20px;
    right: -10px;
}
.view .swiper-slide{flex-wrap:wrap}
	.dashiL{
    width: 100%;
    margin: 0;
}
	.dashiL img{
    max-height: 200px;
    max-width: 100%;
    margin: 0 auto;
}
	.dashiR{}
	.dashiR strong{}
	.dashiR p{
    font-size: 14px;
}
.pc-slide{margin-bottom:0}
}

.videolist{}
.videolist li>a{
    padding: 0 0 56%;
}
.videolist p a{
    font-size: 14px;
}

.messageR{background:#FF8A00;box-sizing:border-box;padding: 29px 40px;max-width: 500px;margin: 0 auto;}
.messageR h4{color:#fff;margin-bottom:10px}
.messageR div:after{display:block;content:'';clear:both}
.messageR input,.messageR textarea{margin-bottom:12px;border:0;line-height:40px;display:block;padding-left:10px;box-sizing:border-box}
.messageR input:focus, .messageR textarea:focus{
    outline-color: red;
}
#username{float:left;width:39%}
#phone{width:58%;float:right}
#wechat{width:100%}
#address{width:100%}
#message{width:100%}
#btn-submit{width:150px;line-height:50px;background:#FFFFFF;border:0;color:#FF8A00;font-size:18px;cursor:pointer}
@media (max-width:768px){
	#username,#phone{float:none;width:100%}
	.sitemap{}
	.sitemap dl{
    padding-left: 0;
}
	.sitemap dl:after{}
	.sitemap dl dt{
    position: unset;
    width: 100%;
}
	.sitemap dl dt a{}
	.sitemap dl dd{}
	.sitemap dl dd a{}
	.sitemap dl a{}
	.sitemap dl a:hover{}
}