@charset "utf-8";
/************************************************************************
 * 公司	: suyee inc.
 * 网址	: www.suyee.net.cn
 * 作者QQ: 新月(46780956)
 * 日期	: 2021.02.01
************************************************************************/

.block	{display: block !important;}
.none {	display: none !important;}
/*html5*/
article, aside, dialog, footer, header, section, footer, nav, figure, menu {	display: block}
/* 灰度滤镜
.star img {    filter: grayscale(100%);    -webkit-filter: grayscale(100%);    transition: -webkit-filter 2s;    transition: filter 2s;} */
/* common */
* {	margin: 0;	padding: 0;}
html {	height: 100%}
div, h1, h2, h3, h4, h5, h6, p, form, label, input, img, span {	margin: 0;	padding: 0;}
ul, ol {	margin: 0;	padding: 0;	list-style-type: none;}
img {	border: 0;	max-width: 100%;	height: auto;	width: auto\9; /* ie8 */}
body {
	display: block;
	width: 100%;
	max-width: 800px;
	margin: 0 auto;	
    padding: 0;
	background: #FFF;
	transition: all ease-out 0.3s;
	color: #555;
	font-size: 16px;
	line-height: 1.6;
	font-family: "Arial", "Microsoft YaHei", "微软雅黑", "宋体", sans-serif;
}
a:link {	text-decoration: none;  color: #555;}
a:visited {	text-decoration: none;	color: #555;}
a:hover {	text-decoration: none;	color: #1e70b0;}
a:active {	text-decoration: none;	color: #555;}

.reverse{flex-direction:row-reverse;}
.column{flex-direction:column;}
.align{align-items:center;}
.flex{display: flex !important;}
.relative{position: relative;}

 input,select,option,textarea,button{outline: none;}/*去除表单框默认样式*/
/*主色 #0c4ca3 = rgba(12,76,163,0.9)*/
.clear{ clear:both !important; font-size:0 !important; line-height:0 !important; height:0 !important;}


/*---------------------------------//body-----------------------------------*/
.section_main:after,.section_content:after,.body_content:after,.contect:after,#content:after,.w1600:after{ content: ''; clear: both; display: block; font-size: 0;height: 0; width: 0;}
.section_main{width:96%; box-sizing: border-box;  margin:0 2%; padding-bottom: 40px;    min-height: 50vh;}
.div_main{ width:100%; min-height: 150px; margin:0 auto; }


/* 公司介绍 */
.about_cn_img{width: 100%; }
.about_cn_img img{width: 100%; }
.about_cn_txt{ width: 93%; margin: -20px auto 30px auto; border:1px solid #009944; box-sizing: border-box; padding: 15px; z-index: 2; position: relative; background: #F5F5F5; }

/* 新闻 搜索*/
    .search_box{width: 70%; margin: 20px auto 0 auto; border-radius: 15px ; overflow: hidden; border: 1px solid #009944;}
    .search_form{display: flex; margin: 0; justify-content: space-between; align-items: center;}
    .search_input{
        display: inline-block;
        /* width: 180px; */
        flex: 1;
        padding-left: 15px;
        font-size: 14px;
        line-height: 30px;
        height: 30px;
        border: none;
        background-color: #fff;
        outline: none;
    }
    .search_btn{transition: all 0.3s ease 0s;
        display: inline-block;
        height: 30px;
        font-size: 24px;
        line-height: 30px;
        padding: 0 12px;
        background-color: #fff;
        color: #666;
        white-space: nowrap;
        text-align: center;
        border: none;
        border-radius: 0 15px 15px 0;
        cursor: pointer;
        outline: none;
        color:#009944 ;
    }
    .search_btn i{    font-size: 20px;    line-height: 15px;}
    .search_btn:hover{transition: all 0.3s ease 0s;    color: #333;}
    
    .pro_hot{width: 100%; display: flex; justify-content: center; flex-wrap: wrap; margin-top: 5px;}
    .pro_hot_title{}
    .pro_hot a{ color:#009944; margin-right: 5px; font-size: 0.9em;}
    .pro_hot a.on{  }


/*  产品  */
.pro_class{width: 100%; display: flex; justify-content: center;     flex-wrap: wrap; margin-top: 20px;}
.pro_class a{ padding: 3px 12px; background:#fff; border:1px solid #009944; color:#009944; margin: 1%; border-radius: 4px; font-size: 0.9em;}
.pro_class a.on{  background:#009944; border:1px solid #009944; color:#fff; }

.pro_list {width: 100%;  }
.pro_list li{width:31.3333%; margin: 20px 1% 0 1%; display: block; float: left;}
/* .pro_list li{width:47%; margin: 20px 1.5% 0 1%; display: block; float: left;} */
.pro_list a{display:flex; flex-direction: column; }
.pro_list a figure{width: 100%; overflow: hidden;}
.pro_list a figure img{width: 100%; border-radius: 10px; }
.pro_list a h3{ font-weight: 500;
    color: #333;
    font-size: 1em;
    text-align: center;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1; /* 限制文本为2行 */
    overflow: hidden;
    text-overflow: ellipsis;
}

/* 产品 - 详情 */
.pro_pictures {width: 100%; height:350px; background:rgba(0,153,68,0.3); overflow: hidden; }
.pro_pictures .swiper-container { }
.pro_pictures .swiper-slide {height: 100%;   transition:0.3s ease-in-out; position: relative;
    /* display: flex;
    justify-content: space-around;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: center;
    text-align: center;

    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    background-color: #F2F2F2; */
}
/* .pro_pictures .swiper-slide::after {content:''; width: 100%; height: 100%; top:0; left:0; background: #000; opacity: 0.6; z-index: 2; transition:0.5s; position: absolute; pointer-events:none;}
.pro_pictures .swiper-slide-active {box-shadow:3px 3px 21px rgba(0,0,0,0.33);}
.pro_pictures .swiper-slide-active::after {opacity: 0;} */
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {bottom: 80px;}
.pro_pictures .swiper-pagination-bullet { width: 20px; height: 4px; background: rgba(255,255,255,0.4); opacity:1; overflow: hidden !important; border-radius: 0; line-height: unset;}
.pro_pictures .swiper-pagination-bullet-active {position: relative; }
.pro_pictures .swiper-pagination-bullet-active::after {position: absolute; top:0; left:0; width: 100%; height: 100%; background: #009944; content:''; animation:scaleX 4s; transform-origin:left;}

.pro_view{
    width: 100%;
    margin-top: -40px;
    position: relative;
    z-index: 999;
    background: rgba(255, 255, 255, 1);
    border-radius:30px 30px 0 0 ;
    box-sizing: border-box;
    padding: 15px 4%;
}
.pro_info{padding-bottom: 20px; }
.pro_info h2{font-size: 1.5em; color: #333; }
.pro_field_name{font-weight: bold; position: relative; line-height: 1; margin-bottom: 6px; }
.pro_field_name::after {
    content: '';
    position: absolute;
    width: 3px;
    height: 10px;
    background: #009944;
    bottom: 0;
    left: -6px;
    transform: translate3d(0, -25%, 0);
}
.pro_field_contect{ padding-bottom: 20px;}

/* 留言反馈*/
.feedback_box{ width: 100%; box-sizing: border-box; padding-right: 5%;}
.feedback_text{ width: 100%; padding: 5%; box-sizing: border-box;  background:rgba(0,153,68,0.1);; color: #333; margin-bottom: 15px;}

/* 新闻 栽培技术*/
.news_list {display: flex; flex-direction: column;}
.news_list li{width:100%; padding: 20px 0; border-bottom: 1px solid #eee;}
.news_list a{display:flex; }
.news_list a figure{flex:0 0 30%; min-width:0; overflow:hidden; margin-right:15px; overflow: hidden;}
.news_list a figure img{width: 100%; border-radius: 16px; }
.news_list a>div{flex:1; display: flex; flex-direction: column;}
.news_list a>div h3{ 
    color: #333;
    font-size: 1em;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1; /* 限制文本为2行 */
    overflow: hidden;
    text-overflow: ellipsis;
}
.news_list a>div time{display:block; color: #888; font-size: 0.8em;}
.news_list a>div p{
    color: #666;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2; /* 限制文本为2行 */
    overflow: hidden;
    text-overflow: ellipsis;
    }


/* 详情页 头部标题*/
.page_sub{width:100%; margin: 0 auto; display: flex; flex-direction: column; margin: 15px 0 10px;}
.page_sub_title {font-size:1.2em;text-transform:capitalize;position:relative;color:#222;}
/* .page_sub_title:after {content:'';display:block;position:absolute;left:-80px;top:30px;width:40px;height:2px;background:#D02128;transition:all 0.3s ease-out 0s;}
.page_sub_title:hover:after{width:60px;} */
.page_sub_text {
    font-size: 0.9em;
    display: flex;
    color: #009944;
    align-items: center;
    justify-content: flex-start;
    opacity: 0.7;
}
.page_sub_text li{padding-right: 10px;}


/* 详情页 内容*/
.artcle_content {width: 100%; margin: 0 auto; box-sizing: border-box; }
.main_box { width: 70%; float: left; margin-right: 5%; padding-bottom: 50px;padding-top: 10px;}
.article_prev_next{background: rgba(255,255,255,0.52); padding: 15px;display: flex;    flex-direction: column;}
.article_prev_next p{display: flex; }
.article_prev_next p i{ padding: 3px 5px 0 0;}
.article_prev {    padding-bottom: 15px;}

.page_return{width: 100%; margin: 20px auto; text-align: center; }
a.go_return{background:#009944;border:1px solid #009944;color:#fff; padding:10px 20px;color:#fff; }


/*  友情连接  */
.link_pic {width: 100%; padding: 0 0 20px 0;}
.link_pic li{width:31.3333%; margin: 20px 1% 0 1%; display: block; float: left;}
.link_pic a{display:flex; flex-direction: column; align-items: center;}
.link_pic a img{width: 100%; box-sizing: border-box; border: 1px solid #EEE;}
.link_pic a p{ font-weight: 500; color: #333; font-size: 0.86em;}

.link_txt {width: 100%; padding: 0 0 20px 0;}
.link_txt li{width:31.3333%; margin: 20px 1% 0 1%; display: block; float: left;}
.link_txt a {width: 100%; box-sizing: border-box; border: 1px solid #EEE; font-weight: 500; color: #333; font-size: 0.86em; text-align: center;
    display: block;
    padding: 10px 0;
    background: #EEE;
}

/* 合作联系 */
.hezuo_img{width: 100%; }
.hezuo_img img{width: 100%; }
.hezuo_img_txt{ width: 93%; margin: -20px auto 30px auto; border:1px solid #009944; box-sizing: border-box; padding: 15px; z-index: 2; position: relative; background: #F5F5F5; }


/* 分页 page_num */
.page_num{clear:both;text-align:center;overflow:hidden; line-height: 1; margin-top: 30px;}
.page_num a,.page_num span{display:inline-block; padding:5px 10px; margin:2px; border:1px solid #ccc; background: rgba(255,255,255,0.52);}
.page_num a:hover{background:#009944;border:1px solid #009944;color:#fff;}
.page_num span{background:#009944;border:1px solid #009944;color:#fff;}


/* 底部版权 */
footer{border-top: 1px solid #009944; width: 96%; margin: 0 2%; color:#8e8e8e; text-align: center; font-size: 0.8em; padding-top: 15px;}