/*img {*/
    /*width: 100%;*/
    /*height: 100%*/
/*}*/

.color_green {
    color: #1abb8c;
}

.body_bj {
    background: #f5f5f5
}

.body_white {
    background: #fff
}

.clearFix:after {
    content: '';
    display: block;
    visibility: hidden;
    clear: both;
    height: 0;
}

.gang {
    width: 2px;
    background: #1abb8c;
    display: inline-block;
    height: 20px;
    margin-top: 10px;
    float: left
}

.shu {
    height: 5px;
    width: 20px;
    background: #1abb8c;
    display: inline-block;
    margin-top: 10px;
    float: left
}

.font22 {
    font-size: 22px !important;
}

.padd_t10 {
    padding-top: 10px;
}

.padd_t30 {
    padding-top: 15px;
}

.mar-r10 {
    margin-right: 10px;
}

.por_re {
    position: relative;
}

.por_ob {
    position: absolute
}

.active_class {
    color: #1abb8c
}

.border_b {
}
.border_2 {
    border-bottom: 1px dotted #dfdfdf;
}

.warp {
    width: 100%;
    height: 100%;
    overflow: hidden
}

.warp_center {
    width: 1210px;
    margin: 0 auto;
}

.is_column {
    font-size: 14px;
    color: #666666;
    line-height: 40px;
}
.is_column cite { font-style: normal; font-family: simsun;}
.is_column i{width: 3px; height: 20px; background: #1abb8c}
.is_column a {
    margin: 0 5px;
}

.top_class li span {
    margin-right: 10px;
}

.top_class li a {
    padding: 0 12px;
}

.top_class li {
    border-bottom: 1px dotted #eaeaea;
    line-height: 40px;
    margin-bottom: -1px
}

.green_select {
    height: 30px;
    padding: 0 10px;
}

.green_input {
    height: 28px;
    padding: 0 50px 0 10px;
}

.search_icon {
    position: absolute;
    left: 175px;
    top: 10px;
    font-size: 14px !important;
}

.img_show {
    padding: 15px 0 0 0;
}

.img_show li {
    position: relative;
    overflow: hidden;
    margin-bottom: 15px;
}

.img_show li:nth-of-type(odd) {
    width: calc(50% - 8px);
    display: inline-block;
    overflow: hidden;
    float: left;
    margin-right:15px;
}

.img_show li:nth-of-type(even) {
    width: calc(50% - 7px);
    display: inline-block;
    overflow: hidden;
    float: left;
    margin-right:0px;
}
.img_show {
    padding: 15px 0 0 0;
}


.img_show2 li {
    position: relative;
    width: calc(33.3% - 8px);
    display: inline-block;
    overflow: hidden;
    float: left;
    margin-right:15px;
    margin-bottom:15px;
}

.img_show2 li:nth-of-type(3n) {
    width: calc(33.3% - 15px);
    display: inline-block;
    overflow: hidden;
    float: left;
    margin-right: 0px;

}

.img_show li .text_des ,.img_show2 li .text_des {
    overflow: hidden;
    width: calc(100% - 20px);
    padding: 10px 10px;
    height: 55px;
    position: absolute;
    bottom: 0px;
    background: rgba(0, 0, 0, 0.4);
    line-height: 40px;
    font-family: "Microsoft Yahei", "Lucida Grande", Verdana, Lucida, Helvetica, Arial, sans-serif;
    color: #fff;
    font-weight: bold;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.img_show li .text_des p ,.img_show2 li .text_des p{
    font-size: 16px; line-height: 35px;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.img_show li .text_des .litte_zi ,.img_show2 li .text_des .litte_zi {
    width: 95% !important;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 14px;
    line-height: 24px;
    font-weight: normal;
}

.mouser_des, .ex_mouser_des {
    background: rgba(5, 128, 198, 0.7);
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0px;
    display: flex;
    flex-direction: column;
    text-align: center;
    justify-content: center;
}

.mouser_des p, .ex_mouser_des p {
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    width: 100%;
}

.mouser_des div, .ex_mouser_des div {
    font-size: 12px;
    color: #fff;
    display: block;
    line-height: 30px;
    padding: 0 10px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.detial {
    border: 1px solid #fff;
    margin: 0 auto;
    padding: 7px 30px;
    border-radius: 25px;
    font-size: 16px;
    margin-top: 20px;
    color: #fff;
    cursor: pointer;
}
#green_base_banner{ width: 100%; height: 399px; background: url("../../images/lssz/greenBase_banner.jpg") no-repeat center center; display:block;  float:left}
#experiment_banner{ width: 100%; height: 399px; background: url("../../images/lssz/experiment_banner.jpg") no-repeat center center; display:block;  float:left}
#expert_banner { width: 100%; height: 399px; background: url("../../images/lssz/farmerexpert_banner.jpg") no-repeat center center; display:block;  float:left}
#green_product_banner { width: 100%; height: 399px; background: url("../../images/lssz/green_product_banner.jpg") no-repeat center center; display:block;  float:left}

/*农技专家*/
.farmer_list ul {
    width: 100%;
}

.farmer_list ul li {
    width: calc(20% - 20px);
    margin-right: 22px;
    margin-top: 26px;
    float: left;
    border: 1px solid #ebebeb
}

.farmer_list ul li:nth-of-type(5n) {
    margin-right: 0px;
}

.farmer_list .des_name {
    font-size: 16px;
    color: #fff;
    position: absolute;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.3);
    display: inline-block;
    width: 100%;
    line-height: 40px;
    text-align: center
}

.farmer_img {
    position: relative;
    width: 100%;
    float: left;
    height: 220px;
}
.farmer_img a:hover{
    opacity: 0.7;
}
.farmer_img a img{ width: 100%; height: 100%}
.farmer_img_des {
    padding: 10px
}

.farmer_img_des .zi {
    font-size: 12px;
    color: #666666;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    height: 48px;
    width: 100%;
    line-height: 24px;
    margin-bottom: 5px;
   padding-top: 5px;
    font-size: 14px;
}

.farmer_img_des p {
    font-size: 14px;
    color: #333;
    line-height: 24px;
    height: 24px;
}

.click_details {
    float: right;
    border: 1px solid #ccc;
    border-radius: 20px;
    padding: 5px 15px;
    color: #333;
    margin: 10px;
}

.click_details:hover {
    float: right;
    border: 1px solid #36c095;
    border-radius: 20px;
    padding: 5px 15px;
    color: #36c095;
    margin: 10px;
}

.detalis_warp {
    /*padding: 20px 20px 0;*/
}

.panle_head {
    width: 100%;
    display: block;
    padding-top: 10px;
    padding-bottom: 10px;
}

.panle_head .line_de {
    height: 10px;
    border-bottom: 1px dotted #ccc;
    width: 100%;
    display: inline-block
}

.panle_head .det_title {
    font-size: 18px;
    color: #333;
    background: #fff;
    position: absolute;
    top: 7px;
    left: px;
}

.infor_ul {
    width: 100%;
    padding: 15px 0 15px 0 ;
    overflow: hidden
}

.infor_ul .left {
    width: calc(60% - 17px);
    margin-right: 15px;
    float: left
}
.infor_ul .left img{ width: 100%; height: 100%}
.infor_ul .right {
    width: 40%;
    border: 1px solid #ccc;
    float: left;
    background: #fbfcfd
}

.infor_ul .right .title_zi {
    font-size: 24px;
    font-weight: bold;
    color: #000000;
    text-align: center;
    width: 100%;
    display: inline-block;
    padding: 20px 0 0 0;
}

.infor_ul .right .title_eng {
    border-top: 2px solid #000;
    border-bottom: 2px solid #000;
    font-size: 16px;
    color: #000;
    width: 60%;
    margin: 0 20%;
    float: left;
    line-height: 30px;
    margin-top: 10px;
}

.infor_ul .right table  tr:nth-of-type(odd) {
    background: #eeeced;
    font-size:14px;
}
.infor_ul .right table tr td:nth-of-type(even) {
    font-size:14px;
    padding-right: 10px;
    line-height: 30px;
    height:40px;
}
.infor_ul .right table tr td:nth-of-type(odd){
    padding-left: 20px;
    font-size:14px;
    line-height: 40px;
    height:40px;
}

.infor_ul .right table {
    float: left;
    font-size: 14px;
    color: #000;
    line-height: 40px;
    width: 100%;
}

/*试验示范*/
.ex_mouser_des {
    background: rgba(0, 0, 0, 0.3);
}

.ex_mouser_des:hover {
    background: rgba(225, 160, 30, 0.4);
}
.experi_c_left{ width: 940px; margin-right: 10px; float: left; background: #fff;
    overflow: hidden;}
.experi_c_right{ width: 230px;background: #fff; float: right; margin-top: 30px; }
.experi_c_right2{ width: 240px;background: #fff; float: right; margin-top: 20px; }
.detalil_bolck{ padding:20px; width: 100%; display: inline-block}
.menu_a li { width: 160px ; margin-right:24px;height: 160px; float: left; background: #f1b127; border-radius: 20px; text-align: center; position: relative}
.menu_a li:nth-of-type(5){ margin-right: 0px; background: #f12767; }
.menu_a li:nth-of-type(5) a i{font-size: 55px; color: #fff;  position:absolutegreen_base_banner; top:-5px; left:50px;}
.menu_a li:nth-of-type(2){  background: #f14b25}
.menu_a li:nth-of-type(3){  background: #f57c61}
.menu_a li:nth-of-type(4){  background: #27ccf1}
.menu_a li:hover{ opacity:0.5}
.menu_a li a div{ width: 100px; height: 100px; border: 1px solid #fff; border-radius:50%; display: block; margin: 15px 0 0 25px}
.menu_a li a div i{ font-size: 55px; color: #fff;  position:absolute; top:-5px; left:50px;}
.menu_a li a span{ font-size: 18px; color: #fff; line-height: 40px;}
/*.panle_head{ padding: 15px 0}*/
.product_more{  border:1px solid #ebebeb;}
.product_more p{ font-size: 16px; line-height: 45px; background: #fbfbfb; text-align: center}
.product_more ul{ padding: 10px;}
.product_more ul li { }
.product_more ul li i{position :absolute; height: 28px; background: rgba(246,252,153,0.3); bottom: 0px; left:0px; width: 100%; display: block; text-align: center;line-height: 28px;}
.product_more ul li a{ border: 1px solid #ebebeb; overflow: hidden; width: 208px; height: 208px; display: block;position: relative}
.product_more ul li img{ width: 100%; height: 100%}
.product_more ul li a:hover{ opacity:0.7}
.product_more ul li  span{ text-align: center; display: inline-block; line-height: 30px; width: 100%; font-size: 14px;}

.product_more2{  border:1px solid #ebebeb;}
.product_more2 p{ font-size: 16px; line-height: 45px; background: #fbfbfb; text-align: center}
.product_more2 ul{ padding: 10px;}
.product_more2 ul li a img {width: 100%; height: 100% }
.product_more2 ul li i{position :absolute; height: 28px; background: rgba(246,252,153,0.3); bottom: 0px; left:0px; width: 100%; display: block; text-align: center;line-height: 28px;}
.product_more2 ul li a{ border: 1px solid #ebebeb; overflow: hidden; width: 220px; height: 90px; display: block;position: relative}
.product_more2 ul li a:hover{ opacity:0.7}
.product_more2 ul li  span{ text-align: center;
    display: inline-block;
    line-height: 40px;
    width: 100%;
    font-size: 14px;
    height: 40px;
    overflow: hidden;}
.detail_img{ width: 935px; margin: 20px 15px 0 0 ;float: left}
.detail_img img{ width:100%; }
.old_t_line{ border-top:1px solid #ebebeb;border-left: 1px solid #ebebeb;border-right: 1px solid #ebebeb; padding-left:10px; border-bottom:1px solid #ebebeb;  margin-top: 10px;}
.choose dl.attr dd li  a img ,.store-info .store-other dd img{ width: auto !important; }
.fiedx_gun{ position: relative}
/*.fixed{position: fixed;}*/
.her{ width: 100%; float: left}