body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td { margin: 0; padding: 0; }
article, aside, dialog, footer, header, section, footer, nav, figure, menu { display:block }
body, button, input, select, textarea { font: 18px/1.5 Arial, Helvetica, "Microsoft YaHei", "\5B8B\4F53"; color:#8e8e8e }
ol, ul { list-style: none; }
img { border: 0; vertical-align:middle }
em, cite, i, var, s { font-style: normal; }
table { border-collapse: collapse; border-spacing: 0; }
.clearfix { *zoom:1;
}
.clearfix:after { content: " "; display: block; height: 0; clear: both; visibility: hidden; }
* html .clearfix { height: 1%; }
a { color: #333; text-decoration: none; }
.ac { text-align:center }
.pd20 { padding:0px 20px }
.mt15 { margin-top:15px; }
.mt20 { margin-top:20px }
.mt30 { margin-top:30px }
.mr20 { margin-right:20px }
.bt { /*border-top:1px solid #ddd*/ }
.fl { float: left; }
.fr { float: right; }
.f24 { font-size:20px }
.hide { display:none }
#wrap { width: 100%; height: 100% }
#bar { height:30px; line-height:26px; background:#ccc; color:#fff; text-align:center; padding:10px 0px }
#cards { margin: 0 auto; position:relative; overflow:hidden}
.first-view{ position:relative}
.first-view .produce_photo { display:inline-block;overflow:hidden;height:480px}
.first-view .logo-bg{position:absolute;width:480px;auto;background: -moz-linear-gradient(top, rgba(255,255,255,0) 58%,#FFFFFF 80%, rgba(255,255,255,1)) 100%;
background: -webkit-linear-gradient(top, rgba(255,255,255,0) 58%, #FFFFFF 80%,rgba(255,255,255,1)) 100%;
background: -o-linear-gradient(top, rgba(255,255,255,0) 58%, #FFFFFF 80%,rgba(255,255,255,1)) 100%;top:0;left:0; display:block;}
.product-title {  padding:0 20px; position:relative;margin-top: 10px;}
.product-title .product-name { font-size:24px; color:#222; }
.product-title .btn-rate { display:inline-block; width:98px; height:38px; border:1px solid #05aded; color:#05aded; font-size:18px; line-height:38px; text-align:center; border-radius:4px; vertical-align:top; margin-top:20px; cursor:pointer; background:#fff}
.product-title .btn-rate a{ display:block}
.product-total { padding:0px; overflow:hidden }
.product-total.bt { border-top:1px solid #ddd }
.product-total li { float:left; width:49.7999%; text-align:center; border-bottom:1px solid #ddd; padding:10px 0px; line-height:24px }
.product-total li:first-child { border-right:1px solid #ddd }
.product-total li .col-name { color:#8e8e8e }
.product-total li .name, .product-total li .date { color:#222 }
.summary .check-status { width:50%; display:block; float:left; text-align:center }
.check-status .icon { display:inline-block; width:20px; height:20px; line-height:20px; margin-right:10px; vertical-align: text-top; }
.check-status .icon-check { background:url(../images/all.png) 0 -133px no-repeat }
.check-status.current { color:#222 }
.company { overflow:hidden; line-height:40px }
.company .col-name { float:left; width:20%; padding-right:5% }
.company .text { color:#555 }
.mod { padding:0px 20px }
.mod .sub-title { color:#05aded;}
.btn { display:inline-block; height:58px; line-height:58px; border:1px solid #05aded; border-radius:4px; color:#05aded }
.rate .score { position:relative; margin-top:5px; height:21px; line-height:21px; color:#05aded }
/*星级评分*/
.rate .score .studyplay_starBg { background:url(../images/star_03.png) 0 -30px; position:relative; height:21px; padding:0px; cursor:pointer; display:inline-block }
.rate .score .studyplay_starovering { background:url(../images/star_03.png); height:21px; position:absolute; top:0; left:0; }
.rate .score .studyplay_starON { position:absolute; top:0; left:0; height:21px; }
.rate .score .col-name { margin-right:12px; vertical-align:top; margin-top:3px; display:inline-block }
.btn_rate { width:198px; }
.introduction .article { overflow:hidden; border-bottom:1px solid #ddd; position:relative }
.introduction .article.last { border-bottom:none }
.introduction .article li { float:left; width:49.6999%; padding:10px 0px }
.introduction .article li.last { border-bottom:none; padding:30px 0px 0px 0px }
.introduction .article li.norbor { border-right:none }
.introduction .article li p { padding:0px 20px }
.introduction .article li .text { color:#222 }
.introduction .article .name{ color:#222}
.track .score { margin-top:15px }
.introduction .article .line { width:1px; background:#ddd; height:500px; display: inline-block; position:absolute; left:50% }

.track-list li { float:left; width:50%; text-align:center; height:106px;margin-bottom:18px }
.track-list .btn-track{ display:inline-block;border:1px solid #05aded; border-radius:4px; padding:10px 0px;color:#444; cursor:pointer;width:90%}
.track-list .btn-track a{ display:block}
.track-list .icon { display:inline-block; width:60px; height:60px; line-height:60px; vertical-align:top; }
.track-list .ic_images { background:url(../images/icon_images.png) center center no-repeat; }
.track-list .ic_fertilizer { background:url(../images/icon_fertilizer.png) center center no-repeat; }
.track-list .ic_chemicals { background:url(../images/icon_pesticides.png) center center no-repeat; }
.track-list .ic_environment { background:url(../images/icon_environment.png) center center no-repeat; }
.track-list .notrack .ic_images { background:url(../images/icon_images_gray.png) center center no-repeat; }
.track-list .notrack .ic_fertilizer { background:url(../images/icon_fertilizer_gray.png) center center no-repeat; }
.track-list .notrack .ic_chemicals { background:url(../images/icon_pesticides_gray.png) center center no-repeat; }
.track-list .notrack .ic_environment { background:url(../images/icon_environment_gray.png) center center no-repeat; }

.track-list .ic_jagong { background:url(../images/jiagongguocheng.png) center center no-repeat; }
.track-list .ic_peiliao { background:url(../images/peiliaoshiyongguocheng.png) center center no-repeat; }
.track-list .ic_siliao { background:url(../images/siliao.png) center center no-repeat; }
.track-list .ic_dongwushengzhang { background:url(../images/dongwushengzhanghuanjing.png) center center no-repeat; }
.track-list .ic_shouyao { background:url(../images/shouyao.png) center center no-repeat; }

.track-list .notrack .btn-track{border:1px solid #bbb}
.track-list .name { padding-top:5px }
.certification-list { border-top:1px solid #ddd; border-bottom:1px solid #ddd }
.certification-list td,.certification-list th { text-align:left; height:60px; padding:0px 10px }
.certification-list .even_bg { background:#f5f5f5 }
.certification-list .btn { height:40px; line-height:40px; width:78px; text-align:center }
.tb-void table { width:100% }
/*子页样式*/
.subpage .top { height:30px; border-bottom:1px solid #ddd; padding:10px 20px }
.btn_back { line-height:26px; display:inline-block; color:#05aded }
.btn_back .icon-back { display:inline-block; width:16px; height:30px; background:url(../images/all.png) 0 -99px no-repeat; line-height:30px; vertical-align:top; margin:0px 15px 0px 0px }
.list p { line-height:60px; padding:0px 20px }
.list .text { color:#222; float:right }
.list .img-con { border-top:1px solid #ddd; padding:10px 20px; text-align:center }
/*农药、肥料样式*/
.chemicals-list { font-size:14px }
.chemicals-list th { text-align:left; font-weight:normal; color:#222; height:47px; line-height:47px; border-bottom:1px solid #ddd; border-left:1px solid #fff; border-right:1px solid #fff; }
.chemicals-list th { padding:0px 8px; }
.chemicals-list td { padding:8px; border:1px solid #f1f1f1 }
.chemicals-list .even { background:#f0f0f0 }
.growth-card { }
.growth-images{padding:0px 5px}
.growth-images .img-con { overflow:hidden; position:relative; padding-bottom:10px }
.growth-images .img-info { min-height:50px; background:#2f9833; color:#fff; bottom:0px; width:100%; padding:5px 0px; line-height:24px }
.growth-images .img-info p { padding:0px 20px; }
.growth-images li { border:1px solid #ddd; margin-bottom:20px }
.growth-images .explain { padding:15px 20px 15px 20px }
.growth-images .explain-title { color:#05aded; }
.growth-card .title{height:71px; line-height:71px;border-bottom:1px solid #ddd;padding:0px 20px; position:relative; cursor:pointer;border-top:1px solid #ddd}
.growth-card:first-child .title{border-top:none}
.growth-card .title .name{ color:#222; font-size:24px}
.growth-card .title .caret { display: inline-block; width: 0; height: 0; margin-left: 10px; vertical-align: middle; border-bottom: 7px solid; border-right: 7px solid transparent; border-left: 7px solid transparent; color: #8e8e8e; position:absolute; right:30px; top:31px}
.growth-card.no-expand .title .caret { display: inline-block; width: 0; height: 0; margin-left: 10px; vertical-align: middle; border-top: 7px solid; border-right: 7px solid transparent; border-left: 7px solid transparent;border-bottom:none;color: #8e8e8e; position:absolute; right:30px; top:31px}
.growth-card.no-expand .growth-images{ display:none}


.statistics { border-top:1px solid #ddd }
.statistics ul { padding:10px 0px; overflow:hidden }
.statistics ul li { float:left; width:49.7999% }
.statistics .value { color:#05aded }
.lux .statistics { padding:10px 0px; }
.temp-chart, .lux-chart { height:310px; }
.rate-modal .sub-title { font-size:36px }
.rate-modal .tips { padding-bottom:60px }
.rate-modal .score { height:40px; line-height:40px }
.rate-modal .score .studyplay_starBg { height:40px; background:url(../images/all.png) 0 -45px }
.rate-modal .score .studyplay_starovering { height:40px; background:url(../images/all.png) }
.rate-modal .score .studyplay_starON { height:40px }
.rate-modal .star-tips { padding:35px 0px 80px 0px; color:#222 }
.icon-close { display:inline-block; width:42px; height:42px; background:url(../images/all.png) 0 -174px no-repeat; }
.custom-select { margin-top:0px; outline:none; border:1px solid #ddd; border-radius:4px; position:relative; overflow:hidden }
.custom-select .text { height:30px; -webkit-appearance:none; appearance:none; border:none; font-size:18px; padding:0px 25px 0px 10px; display:block; width:100%; -webkit-box-sizing:border-box; box-sizing:border-box; background-color: #FFFFFF; border-radius:4px; }
.custom-select .caret { display: inline-block; width: 0; height: 0; margin-left: 10px; vertical-align: middle; border-top: 5px solid; border-right: 5px solid transparent; border-left: 5px solid transparent; color: #bbb; position:absolute; right:10px; top:13px; }
.img-responsive { display:inline-block; width: 100% \9; max-width: 100%; height: auto }
.btn_goto { height:50px; line-height:50px; display:block; text-align:center; background:#05aded; font-size:14px; color:#fff }
.btn_goto:hover { color:#fff; background:#1d6b3c }
.btn_goto .ic_shopcar { width:20px; height:20px; display:inline-block; background:url(../images/2_43.png) 0 0 no-repeat; margin-right:18px; vertical-align:top; margin-top:14px }
.produce-info,.summary{ position:relative}
.produce-info .statistics ul { padding:10px 0px; overflow:hidden; }
.produce-info .statistics ul li { float:left; width:33.11222%; border-left:1px solid #ddd; text-align:center; color:#888; overflow:hidden; min-height:50px; }
.produce-info .statistics ul li:first-child { border-left:none }
.produce-info .statistics .value { color:#05aded }
.produce-info .rate { position:relative; color:#888; display:inline-block }
.produce-info .rate .starbg { background:url(../images/star.png) 0 -23px; height:16px; padding:0px; cursor:pointer; width:110px; float:left; position:relative; }
.produce-info .rate li.staron { border-left:none }
.produce-info .rate .starovering { background:url(../images/star.png); height:16px; position:absolute; top:0; left:0; z-index: 0; display: list-item; }
.produce-info .rate .staron { position:absolute; top:0; left:0; height:16px; }
.btn_certification { display:inline-block; width:10px; height:20px; line-height:20px; background:url(../images/arrow.png) center center no-repeat; }
.brief .text { color:#222; line-height:32px }
.company ul li { padding-left:90px; color:#555; overflow:hidden; line-height:24px; margin-bottom:10px; position:relative }
.company .label-like { width:70px; margin-left:-90px; float:left; color:#8e8e8e }
.company .ic_idcard { display:inline-block; width:30px; height:20px; background:url(../images/2_07.png) 0 0 no-repeat; line-height:20px; vertical-align:text-top }
.company .company-logo { display:inline-block; width:42px; height:42px; background:url(http://sitepic.genliduo.com/product5dui.png) 0 0 no-repeat; line-height:42px; vertical-align:middle }
.company .no-license .company-logo{background:url(../images/ic_license_gray.png) 0 0 no-repeat;}
.company .btn-default { display:inline-block; width:98px; height:38px; border:1px solid #05aded; color:#05aded; font-size:18px; line-height:38px; text-align:center; border-radius:4px; vertical-align:top; cursor:pointer; position:absolute; right:0; top:0 }
.company .btn-default a{ display:block}
.company .flag { color:#888 }
.company .c-name { color:#222 }
.acionbar { height:10px;line-height:59px; text-align:center }
.acionbar .icon-arrow { display:inline-block; width:10px; height:20px; background:url(../images/arrow.png) 0 0 no-repeat; vertical-align:text-top; margin-left:27px }
.summary .acionbar a{ display:block}
.reprot ul li { color:#555; overflow:hidden; margin-bottom:10px; position:relative; border-bottom:1px solid #ddd; padding:5px 0px 5px 90px }
.reprot .label-like { width:80px; margin-left:-90px; float:left; color:#8e8e8e }
.reprot .explain { color:#aaa }
.reprot .value { color:#222 }
.buy-detail ul li { padding:10px 0px 10px 120px; }
.buy-detail .label-like { width:100px; margin-left:-120px }
.buy-info .tabbar { text-align:center; border-bottom:1px solid #ddd; overflow:hidden; background:#fff }
.buy-info .tabs li { float:left; height:40px; line-height:40px; border:1px solid #05aded; text-align:center; width:110px; cursor:pointer; color:#05aded; border-right:none; font-size:16px;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.buy-info .tabs li.current { background:#05aded; color:#fff }
.buy-info .tabs li:last-child { margin-left:-1px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-right:1px solid #226644 }
.buy-info .tabs li:first-child { border-top-left-radius: 5px; border-bottom-left-radius: 5px }
.buy-info .tabbar { text-align:center; border-bottom:none }
.buy-info .tabs { display:inline-block; width:100% }
.buy-info .tabs li { width:33% }
.buy-info .bd { padding:15px 0px 50px 0px }
.online-store-list ul { width:450px; overflow:hidden }
.online-store-list li { width:97%; border:1px solid #ddd; border-radius:4px;  text-align:center; float:left; margin-bottom:10px;padding: 10px 5px; }
.online-store-list li img { border-radius:4px; vertical-align:top }
.physical-store-list .icon-location { display:inline-block; width:18px; height:20px; background:url(../images/trace/icon-location.png) 0 0 no-repeat; line-height:20px; vertical-align:middle }
.physical-store-list .btn-more, .sales-contact-list .btn-more { width:230px; height:30px; line-height:30px; color:#05aded; border:1px solid #05aded; border-radius:4px; display:inline-block }
.physical-store-list table, .sales-contact-list table { width:100%; text-align:left; border-top:1px solid #ddd }
.physical-store-list th, .physical-store-list td, .sales-contact-list th, .sales-contact-list td { height:50px; line-height:50px; padding:0px 20px }
.physical-store-list th, .sales-contact-list th { font-weight:normal; border-top:1px solid #ddd; border-bottom:1px solid #ddd }
.physical-store-list td, .sales-contact-list td { border-bottom:1px solid #ddd }
.physical-store-list thead, .sales-contact-list thead { display:none }
.physical-store-list .icon-arrow,.certification-list .icon-arrow{ display:inline-block; width:10px; height:20px; vertical-align:text-top; background:url(../images/arrow.png) 0 0 no-repeat }
.physical-store-list .even_bg, .sales-contact-list .even_bg { background:#f5f5f5 }

/*vedio*/
.video-card{height:250px; background:#05aded; text-align:center; color:#fff; cursor:pointer}
.video-card .icon-play{ display:inline-block;width:60px;height:60px; background:url(../../../images/trace/vedio_play.png) 0 0 no-repeat; vertical-align:top;margin:70px 0px 30px 0px;}


 @media (min-width: 480px) {
 #cards {
width:480px;
}
}
@media (max-width: 480px) {
 body, button, input, select, textarea {
font-size:12px
}
 #bar {
font-size:14px;
}
.product-title .product-name {
font-size:16px
}
 .f24 {
font-size:16px
}
 .certification-list .btn {
width:40px
}
 .btn_rate {
width:140px
}
 .custom-select .text {
width:80px;
font-size:12px
}
 .list p {
line-height:35px
}
 .certification-list .btn {
height:30px;
line-height:30px
}
 .check-status .icon {
width:15px;
height:15px;
line-height:15px;
}
 .check-status .icon-check {
background:url(../images/all.png) 0 -156px no-repeat
}
 .btn {
line-height:50px
}
 .rate-modal .sub-title {
font-size:24px
}
.buy-info .tabs li {
font-size:12px
}
.online-store-list ul {
width:300px
}
.company ul li {
padding-left:60px;
}
.company .label-like {
width:50px;
margin-left:-60px;
}
.product-title .btn-rate, .company .btn-default {
font-size:12px;
width:60px;
height:28px;
line-height:28px;
}
}

/* Landscape phones
------------------------- */
@media (min-width: 320px) and (max-width: 479px) {
 body, button, input, select, textarea {
font-size:12px
}
 #bar {
font-size:14px;
}
.product-title .product-name {
font-size:16px
}
 .f24 {
font-size:16px
}
 .certification-list .btn {
width:40px
}
 .btn_rate {
width:140px
}
 .custom-select .text {
width:80px;
font-size:12px
}
 .list p {
line-height:35px
}
 .certification-list .btn {
height:30px;
line-height:30px
}
 .check-status .icon {
width:15px;
height:15px;
line-height:15px;
}
 .check-status .icon-check {
background:url(../images/all.png) 0 -156px no-repeat
}
 .btn {
line-height:50px
}
 .rate-modal .sub-title {
font-size:24px
}
.buy-info .tabs li {
font-size:12px
}
.online-store-list ul {
width:300px
}
.company ul li {
padding-left:60px;
}
.company .label-like {
width:50px;
margin-left:-60px;
}
.product-title .btn-rate, .company .btn-default {
font-size:12px;
width:60px;
height:28px;
line-height:28px;
}
}
@media screen and (max-width: 320px) {
 body, button, input, select, textarea {
font-size:12px
}
 #bar {
font-size:14px;
}
.product-title .product-name {
font-size:16px
}
 .f24 {
font-size:16px
}
 .track-list li .btn {
width:80px
}
 .certification-list .btn {
width:40px
}
 .btn_rate {
width:140px
}
 .custom-select .text {
width:80px;
font-size:12px
}
 .list p {
line-height:35px
}
 .certification-list .btn {
height:30px;
line-height:30px
}
 .check-status .icon {
width:15px;
height:15px;
line-height:15px;
}
 .check-status .icon-check {
background:url(../images/all.png) 0 -156px no-repeat
}
 .btn {
line-height:50px
}
 .rate-modal .sub-title {
font-size:24px
}
.buy-info .tabs li {
font-size:12px
}
.online-store-list ul {
width:300px
}
.company ul li {
padding-left:60px;
}
.company .label-like {
width:50px;
margin-left:-60px;
}
.product-title .btn-rate, .company .btn-default {
font-size:12px;
width:60px;
height:28px;
line-height:28px;
}
}
 @media screen and (max-width: 767px) {
 .table-responsive {
 width:100%;
 margin-bottom: 15px;
 overflow-x: auto;
 overflow-y: hidden;
 -webkit-overflow-scrolling: touch;
 -ms-overflow-style: -ms-autohiding-scrollbar;
 border: 1px solid #ddd
}
 .table-responsive>.table {
 margin-bottom: 0
}
 .table-responsive>.table>thead>tr>th, .table-responsive>.table>tbody>tr>th, .table-responsive>.table>tfoot>tr>th, .table-responsive>.table>thead>tr>td, .table-responsive>.table>tbody>tr>td, .table-responsive>.table>tfoot>tr>td {
 white-space: nowrap
}
 .table-responsive>.table-bordered {
 border: 0
}
 .table-responsive>.table-bordered>thead>tr>th:first-child, .table-responsive>.table-bordered>tbody>tr>th:first-child, .table-responsive>.table-bordered>tfoot>tr>th:first-child, .table-responsive>.table-bordered>thead>tr>td:first-child, .table-responsive>.table-bordered>tbody>tr>td:first-child, .table-responsive>.table-bordered>tfoot>tr>td:first-child {
 border-left: 0
}
 .table-responsive>.table-bordered>thead>tr>th:last-child, .table-responsive>.table-bordered>tbody>tr>th:last-child, .table-responsive>.table-bordered>tfoot>tr>th:last-child, .table-responsive>.table-bordered>thead>tr>td:last-child, .table-responsive>.table-bordered>tbody>tr>td:last-child, .table-responsive>.table-bordered>tfoot>tr>td:last-child {
 border-right: 0
}
 .table-responsive>.table-bordered>tbody>tr:last-child>th, .table-responsive>.table-bordered>tfoot>tr:last-child>th, .table-responsive>.table-bordered>tbody>tr:last-child>td, .table-responsive>.table-bordered>tfoot>tr:last-child>td {
 border-bottom: 0
}
}
.explain-content{text-align: center;color: #05aded;}
    .sub-title{
     	color: #05aded;
    padding-top: 30px;
    text-align: center;
     	font-size:20px;
     }

.growth-images .growth-images .img-con{padding-bottom: 0;}
.explain-content{font-size: 14px;}
.growth-images .img-con{
  overflow: hidden;
  position: relative;
  padding-bottom:0px;
}