html, body {
	margin: 0;
	padding: 0;
	height: 100%;
	width: 100%;
	font-family: "微软雅黑",Verdana, Geneva, sans-serif;
	font-size: 100%;
    font-size: 0.75em;
	overflow: auto;
	color:#323232
}
a,button,input{-webkit-tap-highlight-color:rgba(0,0,0,0);}
div,p,ul,h1,h2,h3,h4 {
	margin: 0;
	padding: 0;	
	font-weight: normal;
}
ul,ul li {
    list-style: none;
}
.clearBoth {
    clear: both;
}
.wrap {
    width: 100%;
    height: 100%;
    
}

.su_title{ padding-top:30px; line-height:25px; font-family:"楷体"; font-size:16px;}
.f1{ font-family:"黑体"; font-size:12px;}
.f2{ font-family:"楷体"; font-size:12px;}
.lh35{ line-height:35px;}
.lh25{ line-height:25px;}

.wrap1{ width:100%; height:1200px; text-align:center; background-color: #e1d57d; color:#231815;}



/*.green-gradient {
    background-image: -moz-linear-gradient(top, #5ec691, #339860);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #5ec691), color-stop(1, #339860));
}*/
.white-gradient {
	background-image: -moz-linear-gradient(top, #ffffff, #ffffff);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ffffff), color-stop(1, #ffffff));
}
#page {
    width: 100%;
    height: 100%;
}
/* enter loadding */
/*#loading {
    width: 165px;
    height: 92px;
    padding-top: 83px;
    text-align: center;
    margin: 0 auto;
    position: relative;
    top: 34.375%;
    color: #fff;	
    -webkit-border-radius: 100%;
    border-radius: 100%;
    border: 1px solid rgba(54,156,103,0.5);
    
    -webkit-box-shadow:0px 0px 15px #fff;
    -moz-box-shadow: 0 0 15px rgba(255,255,255,0.5);
    box-shadow: 0 0 30px rgba(255,255,255,0.2);
    
    transition: all 0.30s ease-in-out;
    
    background: url(../img/logo.png) no-repeat  center center;
	font-size: 14px;
}*/
#publichere { position: absolute;top:0;left:0;width: 100%;height:100%;}
/* 声明页*/
/*.public-green-gradient50 {
    background-color: #339860;
}*/
.public-top-info {
    position: relative;
    width: 100%;
    text-align: center;
    font-size: 100%;
    z-index: 1;

/*    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #3eb274),color-stop(100%, #28975d));*/
}
.public-query-time{
	position: relative;
	text-align: center;
	z-index: 2;
	width: 100%;
	margin-top:-100px;
}
.public-top-info img {
    margin-top: 5%;
    width: 35.15625%;
}
.public-top-info p {
    font-size: 0.8125em;/*13px*/
    color: #122e1f;
    line-height: 1.8em;
    text-shadow: 1px 1px 1px rgba(255,255,255,0.2);
    padding-bottom: 25%;
}
.public-pro-wrap {
    width: 100%;
    margin: 40px auto;
    text-align: center;
    
    z-index: 3;
    font-size: 1.2em;
    line-height: 1.5em;
/*    background-image: -moz-linear-gradient(top, #5ec691, #339860);
    background-image: -webkit-gradient(linear, left top, left bottom,  color-stop(0%, #48af78), color-stop(100%, #339860));*/
}


.public-query-num{
	font-size:1.4em;
	color:#ff7800;
}

.public-query-text{
	font-size:1.1em;
	color:#328239;
}
.public-pro-pic {
    width: 42.31770833333333%;
    margin: 0 auto;
    text-align: center;
    color: #fff;	
    -webkit-border-radius: 100%;
    border-radius: 100%;
    /*margin-top: -20%;*/
    z-index: 3;
    -webkit-box-shadow:  0 0px 0px 3px rgba(0,0,0,1); 
    box-shadow:  0 0px 0px 3px rgba(0,0,0,1);
}
.public-pro-wrap p.public-pro-name {
    color: #173525;
}
.public-pro-wrap p.public-pro-company {
    color: #205338;
    font-size: 0.9em;
}
.public-pro-wrap a.learnmore-btn {
/*    display: block;
    text-align: center;
    padding: 2% 3%;
    width: 42%;
    margin: 0 auto;
    -webkit-border-radius: 0.5em;
    color: #a5e6c4;
    text-decoration: none;
    background-image: -webkit-gradient(linear, left top, left bottom,  color-stop(0%, #088844), color-stop(100%, #03793c));
    -webkit-box-shadow:0px 0px 10px rgba(59,149,100,1);
    -moz-box-shadow: 0 0 10px rgba(59,149,100,1);
    box-shadow: 0 0 10px rgba(59,149,100,1);
    margin-top: 3%;
    -webkit-appearance:none;*/
}
.ahover {
	-webkit-transition: all 6s linear 0s;
	background-image: -webkit-gradient(linear, left top, left bottom,  color-stop(0%, #007526), color-stop(100%, #00641d));
}
.cantnotfindtracecode {
	margin-top: 0%;
	color: #17A408;
	font-size:1.4em;
	padding-top:40%;
}
/*
.ahover {
	-webkit-transition: all 6s linear 0s;
	background: #ff9900;
	background-image: -webkit-gradient(linear, left top, left bottom,  color-stop(0%, #007526), color-stop(100%, #00641d));
}
*/
.green-gradient-bottom{padding-top:10px;text-align:center;}

.public-pro-name{font-size:1.6em;line-height:1.5em;margin-top:0.3em;margin-bottom:0.3em;color:#218042}

.public-pro-company{font-size:1.4em;line-height:2em;color:#7dc229}


.public-pro-footer-text{padding-left:2%;color:#787878;padding-bottom:60px;}

.public-pro-footer-p{float:left;font-size:0.8em;margin-left:2%;}


.public-pro-wrap a.public-pro-wrap:active {
    background-image: -webkit-gradient(linear, left top, left bottom,  color-stop(0%, #007526), color-stop(100%, #00641d));
    -webkit-box-shadow:0px 0px 10px rgba(59,149,100,1);
    -moz-box-shadow: 0 0 10px rgba(59,149,100,1);
    box-shadow: 0 0 10px rgba(59,149,100,1);
    outline: none;
    border: none;
    -webkit-appearance:none;
}

.public-pro-pinfo {
    color: #296a47;
    font-size: 0.5em;
    line-height: 1.8em;
    width: 80%;
    margin: 0 auto;
    margin-top: 3%;
}

/*产品页*/
.pro-wrap {
 /*   padding: 2.34375%;*/
 /*   width: 95.05208333333333%;*/
    font-size: 0.9em;
}
.pro-attr {
    font-size: 1.4em;
    text-shadow: 1px 1px 1px rgba(255,255,255,0.4);
    
}
.pro-pic {
	/*-webkit-transform:scale(1,1.25);*/
}
/*.pro-pic img {
	border: 1px solid rgba(255,255,255,0.7);
}*/
.pro-attr ul li { width: 100%;clear: both; }
.pro-attr ul li span{ float: left;}
/*.pro-attr ul li span:first-child {
    font-weight: bold;
    width: 5.2em;
    display: block;
    text-align: justify;
	color: #000;
}*/
.pro-attr ul li{padding-left:2%;}
.priceli div{margin-top:4%;}
.priceli span{margin-top:3%;}
.dateli span{margin-top:2%;color:#aaaaaa;font-size:1em;margin-bottom:2%;}
.methodli{border-top:1px solid #aaaaaa;font-size:1em;}
.methodli span{padding-left:2%;}
.methodspan{margin:2% 0;color:#5cc152;}
.methoddetail{line-height:1.2em;color:#323232;}
.p_n{font-size:1.1em;margin-top:3%;color:#218042;width:15em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.p_u{font-size:0.8em;margin-top:1%;color:#999999;}
.p_c{float:left;margin-left:-30%;padding-top:1%;}
.p_l{float:left;margin-left:-23%;padding-top:1.5%;font-size:0.9em;color:white;width:22%;}
.p_g{color:#aaaaaa;font-size:1em;margin-top:5%;margin-left:2%;}
.w_line{width:96%;border-top:1px solid #aaaaaa; margin:2% 2%;}
.g_line_bold{width:100%;border-top:4px solid #f5f5f5;margin:4% 0;}
.pricelabel {
	padding-top: 15px;
}
.product_level_div{
	float: left;
	background-color:#e9573f;
	border-radius: 20px;
	padding:2px;
	margin-right:2px;
}
.product_level_div span{
	color:#fff;
	margin-right:5px;
}
.moneytype,.price {
	font-style: normal;
	font-size: 1.3em;
}
.moneytype {
	font-size: 1.1em;
}
.price {
	font-weight: bold;
	font-size:1.3em;
}

.pro_res{
	width:92%;
	margin:0 4%;
	font-size:1.2em;
}
.pro_res_text{float:left;width:80%;font-size:1.1em;}
.pro_res_text {margin:2% 0;}
.pro_res_text div span{float:left;}
.pro_res_name{color:#009a4b;}
.pro_res_tel{color:#fc6e51;}
.pro_res_tel div{float:left;margin-right:2%;margin-top:4px;}
.pro_res_tel span{margin-top:5px;}

.pro_res_adr{color:#5CC152;}
.pro_res_adr div{float:left;margin-right:2%;margin-top:4px;}
.pro_res_adr span{margin-top:5px;}

.pro_res_pic{float:right;width:20%;text-align:right;margin-right:4%;}
.pro-yellow-wrap {
    width: 100%;
    float: left;
    /*background-image: -webkit-gradient(linear, left top, left bottom,  color-stop(0%, #fabe46), color-stop(100%, #faaf19));*/
/*	background-image: -webkit-gradient(linear, left top, left bottom,  color-stop(0%, #7abd53), color-stop(100%, #86cf5b));*/
	border-radius: 0.5em;
}
.pro-contact div a {
	text-decoration: none;
   	color: #fff;
}
.pro-contact div span {
	font-weight: bold;
	font-size: 1.2em;
}
.pro-contact div {
	font-size: 1.4em;
}
.pro-desc  {
    clear: both;
	font-size:1.4em;
}
.pro-desc-inner {
	font-size:0.9em;
    padding: 0 4%;
	line-height:1.8em;
}
/*.pro-main .title-arrow {
    clear: both;
    height: 19px;
    background: url(../img/title_arrow.png) no-repeat 40px -76px;
    width: 100%;
}*/
.pro-contact div {
    margin-left:2%;
    padding-left: 0px;
    color: #fff;
}
.pro-contact div img {
	margin-bottom: -4px;
	margin-right: 2px;
}

.pro-rz{font-size:1.4em;}
.pro-rz-text{font-size: 1em;margin-bottom: 2%;color: #5cc152;margin-left:2%;}
.pro-rz-pic{margin-left:2%;}
.pro-recommend{font-size:1.4em;}
.pro-recommend h3 {
    color: #5CC152;
	margin-left:4%;
	font-size:1em;
	margin-bottom:4%;
    
}
.pro-recommend .title-arrow {
    clear: both;
    height: 19px;
    background: url(../img/title_arrow.png) no-repeat 37px -95px;
    width: 100%;
}
.pro-recommend ul li {
    float: left;
    width: 10%;/*235/768*/
	max-width: 150px; 
	min-width: 100px;
    margin-right: 1.2%;/*8/768*/
	
}
.pro-recommend ul li:last-child {
    margin-right: 0;
}
.pro-recommend  a {
    display: block;
    color: #6ba33f;
    text-decoration: none;
    text-align: center;
}
.pro-recommend ul li img {
    width: 100%;
}

/*.pro-pic img {
    -webkit-box-shadow:0px 0px 10px rgba(0,0,0,0.23);
    box-shadow: 0 0 10px rgba(0,0,0,0.23);
}*/
.pro-rec-show{width:100%;}
.pro-rec-show .m-item img {
	width: 110px;
	border:2px solid #5CC152;
	height:100px;
}
.pro-rec-show .m-card-light div {
	height: 120px;
	overflow: hidden;
}
.m-card-dark, .m-card-light {
	padding: 0;
}
/*生产加工*/
.production-wrap {
    height: 100%;
    background: #d2f0bc;
}
.production-table {
    width: 100%;
    border-collapse:  collapse;
}
.production-table thead {
    background: #6ac023;
    color: #fff;
}
.production-table thead th {
    padding: 15px 0;
    text-align: left;
}
.production-table thead th:first-of-type {
    padding-left: 0px;   
}
.production-table tbody tr:nth-child(even) {
    display: none;
}
.production-table tbody .showline {
	background:url(/assets/mobile/img/t-banner.png) no-repeat;
	background-size:100%;
	background-color:#7ad396;
    height: 35px;
    cursor: pointer;
	text-align:center;
	min-width:4em;
	border-bottom:2px solid #fff;
	color:#fff;
}
.arrow {
    display: inline-block;
    width: 17px;
    height: 18px;
    background: url(../img/arrow.png) no-repeat center 0 ;
}
.production-table tbody .showline .arrow-down {
    background: url(../img/arrow.png) no-repeat   center -35px;
}
.production-table tbody tr.even .arrow {
    display: inline-block;
    width: 17px;
    height: 18px;
    background: url(../img/arrow.png) no-repeat center -16px ;
}
.production-table tbody tr.even .arrow-down {
    background: url(../img/arrow.png) no-repeat center -51px ;
}
/*.production-table tbody tr.even {
    background: #efffe3;
}*/
.production-table tbody tr.hideattr td {padding: 3px 5px;text-align:center;}
.production-table tbody tr.hideattr td div {
    width: 100%;
}
.production-table tbody tr.hideattr td ul {
    width: 100%;
    font-size: 0.8em;
    float: left;
    margin: 0 auto;
}
.production-table tbody tr.hideattr td ul li {
    float: left;
	width: 100%;
	text-align:left;
	border-bottom:1px solid #dddddd;
}
.production-table tbody tr.hideattr .pack_td ul li{
	width:100%%;
	border:none;
	border-bottom:1px solid #dddddd;
}
.p_k{
	font-size:1.1em;
	line-height:2em;
	float:left;
	text-align:left;
	height:auto;
	width:40%;
}
.p_v{
	font-size:1.1em;
	color:#66be99;
	line-height:2em;
	float:left;
	height:auto;
	border-left:1px solid;
	padding-left:3px;
	width:55%;
}

.pack_td div ul li{
	width:33.3%;
	border:none;
}

.production-table tbody tr.hideattr td ul li:first-of-type {
    margin-left: 0px;
}
.production-table tbody tr.hideattr td ul li span {
    color: #61a12f;
    font-weight: bold;
}
.production-table tbody tr.rebackground td ul {
}
/*检测评审*/
.detect-wrap {
    width: 94.921875%;
    margin: 0 auto;
}
.detect {
    width: 100%;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background: #E7fff0;
    overflow: hidden;
    padding-bottom: 10px;
    margin-top: 10px;
}
.detect h3 {
    color: #fff;
    line-height: 40px;
    padding: 2px 0 1px 39px;
    background: #7ad396 url(../img/icons.png) no-repeat 5px 3px;
    font-size: 1.2em;
}
.detect .title-arrow {
    height: 19px;
    background: url(../img/title_arrow.png) no-repeat 60px -76px;
    width: 100%;
}
.detect h3 span {
    display: inline-block;
    width: 35px;
    height: 36px;
    margin: 5px 0 0 5px;
}
.detect-result {
    background: #e7fffe;
}
.detect-result h3 {
    background: #79d0d3 url(../img/icons.png) no-repeat 5px -36px;
}
.detect-result .title-arrow {
    height: 19px;
    background: url(../img/title_arrow.png) no-repeat 60px 0px;
}

.detect-pic {
    float: left;
}
.detect-pic img {width:100%;}
.detect-attr {
    float: left;
    font-size: 1.1em;
}
.detect-attr table {
    border-collapse: collapse;
}
.detect-attr table th,.detect-attr table td {
    padding: 0.2em 0.4em;
}
.detect-attr table.detect-report th {
	padding-left: 0;
}
.detect-attr table td {
    padding: 0.2em 0.7em;
}
.detect-attr table:first-of-type {
    color: #5ac75c;
}
.detect-attr table:last-child {
    background: #d8f9e4;
    color: #4cc34d;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    overflow: hidden;
}
.detect-attr table:last-child th {
    color: #049b4b;
    background: #b4edca;
    font-weight: normal;
    
}
.detect h4 {
    font-size: 1.4em;
    color: #036d35;
    margin: 0.4em 0 0.2em 0;
}
.detect-result table {
    color: #8446c1;
}
.detect-result table th {
	width: 115px;
}
.detect-result table th {
    text-align: left;
    color:#007f75;
}
.detect-result table td { 
    text-align: left;
    color:#2bb3a8;
}
.detect-result .score {
    -webkit-border-radius: 100%;
    border-radius: 100%;
    background: #79d0d3;
    color:  #fff;
    text-align: center;
    font-size: 2.5em;
}
.detect-result .score span {
    font-weight: bold;
}
.reviewer {
    font-size: 1.8em;
    color: #2bb3a8;
    width: 199px;
    text-align: center;
    margin-top: 5px;
}




/*栽培*/
.cultivate-wrap {
    width: 94.921875%;
    margin: 0 auto;
}
.cultivate {
    width: 100%;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    overflow: hidden;
    padding-bottom: 10px;
    margin-top: 10px;
    background: #fcf8e3;
}
.cultivate h3 {
    color: #fff;
    line-height: 36px;
    padding: 2px 0 2px 10px;
	background: url(../img/icons.png) no-repeat 5px -75px, -webkit-gradient(linear, left top, left bottom, color-stop(0, #fab62d), color-stop(1, #fabe46));
    font-size: 1.2em;
}
.cultivate .title-arrow {
    height: 19px;
    background: url(../img/title_arrow.png) no-repeat 60px -38px;
    width: 100%;
}
.cultivate h3 span {
    display: inline-block;
    width: 35px;
    height: 36px;
    margin: 5px 0 0 5px;
}
.cultivate-result {
    background: transparent;
}
.cultivate-result h4{
	color:#7AD396;
	width:100%;
	background:#fff;
	text-align:left;
	padding:2% 0;
	border-bottom:1px solid #eaeaea;
	border-radius:0;
	font-size:1.2em;
	font-weight:bold;
	float:left;
	margin-left:3%;
	margin-bottom:2%;
}
.cultivate-result h3 {
    
	line-height: 36px;
    padding: 2px 0 1px 10px;
	background: url(../img/icons.png) no-repeat 5px -113px, -webkit-gradient(linear, left top, left bottom, color-stop(0, #50921b), color-stop(1, #59a31e));
    font-size: 1.2em;
}
.cultivate-result .title-arrow {
    height: 19px;
    background: url(../img/title_arrow.png) no-repeat 60px -57px;
}

.cultivate-table {
    background: #d2f0bc;
    border-radius: 5px;
    overflow: hidden;
}
.cultivate-table thead th {
    padding: 10px 0;
    text-align: left;
}
.cultivate-table thead th:first-of-type {
    padding-left: 0px;   
}
.cultivate-table tbody .showline {
    height: 46px;
    cursor: pointer;
	text-align:center;
}
.cultivate-info {
    clear: both;
    width: 100%;
	font-size: 0.9em;
	line-height: 1.8em;
}
.cultivate-info-desc {
    float: left;
    width: 92%;
    margin-left: 3.2%;
}
.cultivate-info h4 {
	margin-right: 1%;
}

@media screen and (min-width: 240px) and (max-width: 479px) {
    body {
        font-size: 1.2em;
    }
	.public-pro-circle {
		margin-top: -20%;
	}
    /*产品*/
    .pro-pic {
/*        width: 96%;
        margin-left: 2%;
        margin-top: -5%;*/
        text-align: center;
    }
/*    .pro-yellow-wrap {
        padding-bottom: 3%;
    }*/
    
 /*   .pro-main {padding-top: 5%;}*/
    .pro-pic img {
        width: 100%;/* 362/768 */
    }
    .pro-attr {
        width: 96%;
		margin-left:2%;
    }
    /*品牌页调整*/
	.brand-wrap .pro-pic {
    	width: 40%;
    	float: left;	
		margin-top: 0%;
	}
	.brand-wrap .pro-attr {
		    margin-right:2%;background:#fff;
	    	width: 54%;
	    	float: left;
			margin-left:2%;	
	}
<!--	.brand-video {width:96%;margin: 2%;}-->
	/*品牌页调整结束*/
    .pro-contact {
        width: 96%;
        margin-left: 2%;
        margin-top: 2%;
    }
    .pro-contact img.headpic { 
        float: left;
        width: 20.57142857142857%;
    }
    .pro-contact div {
        float: left;
    	width: 96%;
    	margin: 0 2%;
    }
    .pro-rz {
        margin-left: 2%;
        margin-top: 2%;
    }
    .pro-rz a {
        margin-right: 2%;
    }
    .pro-rz a img {
        width: 20%;
    	border: 1px solid #6eab4b;
    	border-radius: 10px;
    	margin-right: 3px;
    	padding: 2px;
    }
    /*栽培*/
    .cultivate .cultivate-pic {
        float: left;
        width: 96.84499314128944%;
        margin-left: 1.64609053497942%;
    }
    .cultivate .cultivate-pic img {
        /*width: 100%;*/
    	width: 100%;
    	float: left;
    }
    .cultivate-info h4 {
        border-radius: 5px;
        padding: 0.3em 0;
    	width: 4.8em;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
        background: #fabe46;
        float: left;
        font-size: 1.2em;
        font-weight: bold;
        color: #fff;
    	text-align: center;
        margin-right: 1%;
    }
    .cultivate-attr {
        float: left;
        margin-left: 1.37174211248285%;
    }
    .cultivate-attr table th {
		width: 6.2em;
    }
    /*检测评审*/
    .detect-pic {
        width: 83.26474622770919%;
        margin-left: 8.3676268861454%;
    }
    .detect-attr {
        margin-left: 8.3676268861454%;
    	width: 100%;
    }
    .detect-attr table:last-child {
        width: 83.26474622770919%;
    }
    .detect-result table {
        color: #8446c1;
        width: 70%;
        margin: 0 auto;
    }
    .detect-score {
        width: 199px;
        margin: 0 auto;
    }
    .detect-result .score {
        line-height: 150px;
        width: 150px;
        height: 150px;
        margin: 0 auto;
    }
    
}
@media screen and (min-width: 480px) and (max-width: 1600px)  {
	body {
        font-size: 1.4em;
    }
    
.public-top-info {
    position: relative;
	float: left;
    height: 100%;
    text-align: center;
    font-size: 100%;
    z-index: 1;
	width: 50%;
/*    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #3eb274),color-stop(100%, #28975d));*/
}
.public-top-info img {
    margin-top: 40%;
    width: 40.15625%;
}
.public-top-info p {
    font-size: 0.5125em;/*13px*/
    color: #122e1f;
    line-height: 1.8em;
    text-shadow: 1px 1px 1px rgba(255,255,255,0.2);
    padding-bottom: 0;
}
.public-pro-wrap {
    width: 50%;
	height: 100%;
	float: left;
    text-align: center;
    position: relative;
    z-index: 3;
    font-size: 1.0em;
    line-height: 1.5em;
/*    background-image: -moz-linear-gradient(top, #5ec691, #339860);
    background-image: -webkit-gradient(linear, left top, left bottom,  color-stop(0%, #48af78), color-stop(100%, #339860));*/
}
.public-pro-pic {
    width: 30.31770833333333%;
    margin: 0 auto;
    text-align: center;
    color: #fff;	
    -webkit-border-radius: 100%;
    border-radius: 100%;
    margin-top: 15%;
    z-index: 3;
    -webkit-box-shadow:  0 0px 0px 3px rgba(0,0,0,1); 
    box-shadow:  0 0px 0px 3px rgba(0,0,0,1);
}

.public-pro-footer{
	text-align:center;
}
.public-pro-wrap a.learnmore-btn {
/*    display: block;
    text-align: center;
    padding: 2% 3%;
    width: 36.46936114732725%;
    margin: 0 auto;
    -webkit-border-radius: 0.5em;
    color: #a5e6c4;
    text-decoration: none;
    background-image: -webkit-gradient(linear, left top, left bottom,  color-stop(0%, #088844), color-stop(100%, #03793c));
    -webkit-box-shadow:0px 0px 10px rgba(59,149,100,1);
    -moz-box-shadow: 0 0 10px rgba(59,149,100,1);
    box-shadow: 0 0 10px rgba(59,149,100,1);
    margin-top: 3%;
    -webkit-appearance:none;*/
}
.cantnotfindtracecode {
	margin-top: 40%;
}
    
    /*产品*/
    .pro-pic {
        float: left;
        width: 47.265625%;/*363/768*/
        margin-top: -2%;
        padding-left: 2%;
    }
    .pro-attr {
        float: left;
        width: 43.05729166666667%;/*323/768*/
        margin-top: 10px;
        margin-left: 10px;
    }
    .pro-pic img {
        width: 100%;/* 362/768 */
    }
    .pro-contact {
        float: left;
        font-weight: 600;
        width: 47.265625%;/*363/768*/
        padding-left: 2%;
        padding-top: 2%;
        padding-bottom: 2%;
    }
    .pro-contact img.headpic {
        width: 30.76470588235294%;/*100/272*/
        float: left;
    }
    .pro-contact div {
        float: left;
        width: 56.98529411764706%;/*155/272*/
        font-size: 1em;
    }
    
    .pro-rz {
        float: right;
        width: 49.05729166666667%;/*323/768*/
    }
    .pro-rz a img {
        width: 28.57142857142857%;
    	border: 1px solid #6eab4b;
    	border-radius: 10px;
    	margin-right: 3px;
    	padding: 2px;
    }
    .pro-attr ul li span:first-child {
    	font-size: 0.8em;	
	}
    .pro-rz h3 {
    	font-size: 1.2em;
	}
    
    /*栽培*/
    .cultivate .cultivate-pic {
        float: left;
        width: 45.89163237311385%;
        margin-left: 1.37174211248285%;
    }
    .cultivate .cultivate-pic img {
        width: 100%;
    }
    .cultivate-info h4 {
        border-radius: 5px;
        padding: 0.4em;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
        background: #fabe46;
        float: left;
        font-size: 1.4em;
        font-weight: bold;
        color: #fff;
        margin-left: 0;
    	margin-right: 10px;
    }
    .cultivate-attr {
        float: left;
    	width: 45%;
        margin-left: 3.97805212620027%;   
    }
    /*检测评审*/
    .detect-pic {
        width: 29.9039780521262%;
        margin-left: 8.50480109739369%;
    }
    .detect-attr {
    	width: 52%;
    	float: left;
        margin-left: 6.67764060356653%;
    }
    .detect-result table {
        color: #8446c1;
        float: left;
    	width: 40%;
    	margin-left: 5%;
    }
    .detect-score {
        margin-left: 7.40740740740741%;
        float: left;
    }
    .detect-result .score {
        line-height: 199px;
        width: 199px;
        height: 199px;
    }
    
    
    /*theme1*/
    #zp_loader .cultivate-pic {
    	margin: 1%;
		width: 40%!important;
    	float: left;
    }
    #zp_loader .cultivate-attr {
    	margin: 1%;
		width: 40%!important;
    	float: left;
    }
    
}


#menu {
	position: fixed;
	z-index: 4;
	bottom: 0;
	margin: 0;
	list-style: none;
	width: 100%;
	/*height: 14.583%;  70px / 480px */
	background: #fff;
}
#menu li {
	float: left;	
	/*width: 25%;*/
	height: 60px;
	list-style: none;
	position: relative;
	cursor: pointer;
	background:#9eca4f;
}
#menu li a {
	display: block;
	width: 100%;
	height: 100%;
	padding-top: 36px;
	float: left;
	text-decoration: none;	
	color: #fff;
	text-align: center;
	font-size: 1em;/*14px*/
	background-position:  center 7px;
	background-repeat: no-repeat;
	cursor: pointer;
}
#menu li a.current {
    background-color: #fff;
	cursor: pointer;
	color:#9eca4f;
}
#menu li a span{
    display: block;
    width: 60%;
    height: auto;
    max-width: 78px;
    margin: 0 auto;
	padding-top: 10%;
}
#menu li a span img {
	width: 100%;
}
#menu li a#m-pro {
    background-image: url(../img/icon1-click_44X48.png);
	background-size:20%; 
}
#menu li a#m-zp {
    background-image: url(../img/icon6.png); 
	background-size:20%; 
}
#menu li a#m-production  {
    background-image: url(../img/icon5c.png); 
	background-size:20%; 
}
#menu li a#m-detect  {
    background-image: url(../img/menu_icon4.png); 
}
#menu li a#sybtn {
	background-image: url(../img/icon2-trace.png);
	background-size:20%; 
}
#menu li a#mybrand {
	background-image: url(../img/icon3-brand.png);
	background-size:20%; 
}
#menu li a#hotnews {
	background-image: url(../img/menu_icon_hotpoint.png);
}

@media screen and (min-height: 200px) and (max-height: 600px)  and (min-width: 550px) and (max-width: 1600px)  {
	#menu li a span {
		width: 50%;
		float: left;
		padding-top: 0;
	}
	#menu li a {
	}
	#menu li {
	}
}

#header {
	position: fixed;
	z-index: 2;
	top: 0;
	width: 100%;
	background-image: -moz-linear-gradient(top, #9dd16b, #9dd16b);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #9dd16b), color-stop(1, #9dd16b));
	border-top: 1px solid rgba(255,255,255,0.7);
	border-bottom: 1px solid rgba(255,255,255,0.7);
}
#header h1 {
	padding: 1% 0;
	font-size: 1.2em;/*14px*/
	color: #fff;
	text-align: center;
}
#header div.leftButton {
	cursor: pointer;
	font-weight: bold;
	text-align: center;
	line-height: 28px;
	color: white;
	text-shadow: 0px -1px 1px rgba(0,0,0,0.6);
	position: absolute;
	top: 7px;
	left: 6px;
	max-width: 50px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	border-width: 0 8px 0 14px;
	
}
#header div.rightButton {
	cursor: pointer;
	font-weight: bold;
	text-align: center;
	line-height: 28px;
	color: white;
	text-shadow: 0px -1px 1px rgba(0,0,0,0.6);
	position: absolute;
	top: 7px;
	right: 6px;
	max-width: 50px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	border-width: 0 8px 0 14px;
	
}
#header div.rightButton a {color: #fff;text-decoration: none;}

#progress {
	-webkit-border-radius: 10px;
	background-color: rgba(0,0,0,.7);
	color: white;
	font-size: 18px;
	font-weight: bold;
	height: 80px;
	left: 60px;
	line-height: 80px;
	margin: 0 auto;
	position: absolute;
	text-align: center;
	top: 120px;
	width: 200px;
}
#container {
	width: 100%;
	position:absolute;
	top: 8.3%;
	left: 0;
	bottom: 14.583%;
	z-index: 0;
	min-height: 200px;
	background: #fff;
	border: none;
	/*overflow: hidden;*/
	padding: 0;
}
#scroller {
	background: #fff;
	/*
	position: absolute;
	z-index: 1;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	width: 100%;
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	-ms-transform: translateZ(0);
	-o-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-text-size-adjust: none;
	-moz-text-size-adjust: none;
	-ms-text-size-adjust: none;
	-o-text-size-adjust: none;
	text-size-adjust: none;
	border: none;
	*/
}
a.buynow_btn {
	display: block;
	width: 90%;
	margin: 0 auto;
	background: #ff4400;
	text-decoration: none;
	text-align: center;
	padding: 0.6em 0;
	color: #fff;
	-webkit-border-radius: 30px;
	-webkit-box-shadow:inset 0px 0px 15px rgba(17,46,31,0.7);
    -moz-box-shadow: inset 0 0 15px rgba(17,46,31,0.7);
    box-shadow:  0 0 1px rgba(255,255,255,0.7);
}




.brewing_more {
	cursor: pointer;
	color: #41a763;
}
.brewing_after,.desc_after {
	display: none;
	font-style: normal!important;
	padding: 0;
	margin: 0;
}

.desc_after {
	font-style: normal!important;
}
.desc_more {
	cursor: pointer;
	color: #ff9900;
}
.brand_introduce{
	overflow:hidden;
}

@-webkit-keyframes rotate {
from {
-webkit-transform:rotate(0deg) scale(1); 
}
to {
-webkit-transform:rotate(720deg) scale(1); 
}
}

@-webkit-keyframes pageopen {
	from {
		-webkit-transform:  scale(0); 
		opacity: 0;
	}
	to {
		-webkit-transform: scale(1); 
		opacity: 1;
	}
}
@-webkit-keyframes pageclose {
	from {
		-webkit-transform:  scale(1); 
	}
	to {
		-webkit-transform:  scale(0); 
	}
}



/*技术支持*/
.support {
	width: 100%;
	height: 100%;
	background: #eff3f4;
	position: relative;
}
.support_back {
	position: absolute;
	top: 10px;
	right: 10px;
}
.jm {
	display: block;
	width: 67.44791666666667%;
	margin: 0 auto;
}
.jm img {
	width: 100%;
}
.support_main {
	width: 80.859375%;
	margin: 0 auto;
}
.support_main p {
	font-size: 1em;
	text-indent: 2em;
	margin-bottom: 10px;
	line-height: 1.7em;
}
img.support_logo {
	display: block;
	width: 40.94791666666667%;
	margin: 0 auto;
	padding-top: 6%;
	padding-bottom: 6%;
}
.jszc {
	margin: 10px 0;
	text-decoration: none;
	color: #333;
	text-align: center;
	display: block;
	clear: both;
}
#publichere .jszc {
	color: #173525;
	font-size: 12px;
}


/*弹出层*/
#picscroll,#newpagescroll {
	position:fixed; 
	z-index:9999999;
	top:0; bottom:0; left:0;
	width:100%;
	background: transparent;
	overflow:hidden;
}
#scroller1,#newpagescroller1{
	position: absolute;
	z-index: 1;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	width: 100%;
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	-ms-transform: translateZ(0);
	-o-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-text-size-adjust: none;
	-moz-text-size-adjust: none;
	-ms-text-size-adjust: none;
	-o-text-size-adjust: none;
	text-size-adjust: none;
}
.picclose {
	display: block;
	width: 30px;
	height: 30px;
	position: fixed;
	top: 10px;
	right: 10px;
	background: #000;
	z-index: 99999999;
	color: #fff;
	text-decoration: none;
	text-align: center;
	line-height: 30px;
	border-radius: 15px;
	font-size: 14px;
}
.mask {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9999998;
	background: #000;
	opacity: 0.6;
}
html {
	-ms-touch-action: none;
}

.ylpch {
	display: block;
	float: left;
	padding: 5px 20px;
	margin: 0 1px 0 0;
	color: #ff9900;
	text-decoration:none;
}
.ylpch_hover {
	
/*	background: #ff9900;
	
	color: #fff;*/
}


/*导航菜单*/
.masktool {
	background: #000;
	opacity: 0.5;
	width: 100%;
	height: 100%;
	position: fixed;
	top:0;
	left:0;
	z-index: 4;
}
.menuicon {
	position: fixed;
	right: -100px;
	bottom: -100px;
	z-index: 4;
	display: inline-block;
	width: 25%;
	height: 60px;	
	background: url(../img/tool_btn.png) no-repeat scroll 50% 0%;
	-webkit-transition:0.5s ease all;
	cursor: pointer;
}
.menuicon:hover {
	-webkit-transform: scale(1.2);
}
.tool {
	width: 313px;
	height: 314px;	
	background:  url(../img/panbg.png) no-repeat top right;
	position: fixed;
	right: -223px;
	bottom: -223px;
	z-index: 4;
	border-radius: 50%;
	overflow: hidden;
	opacity: 0;
	-webkit-transition:1s ease all;
	-webkit-transform: translate(0, 0) scale(0.1) rotate(0deg);
}
.tool ul li {
	position: absolute;
}
.tool ul li span{
	display: block;
	text-indent: -999999px;
	cursor: pointer;
}

.tool ul li:first-child {top: 0;left: 0;}
.tool ul li:first-child span {width: 199px;height: 138px;}
.tool ul li:first-child span:hover {
	background-image: url(../img/3.png);
	background-position: 0 0;	
	background-repeat: no-repeat;
}

.tool ul li:nth-child(2) {top: 0;left: 172px;}
.tool ul li:nth-child(2) span {width: 141px;height: 199px;}
.tool ul li:nth-child(2) span:hover {
	background-image: url(../img/2.png);
	background-position: 0 0;	
	background-repeat: no-repeat;
}

.tool ul li:nth-child(3) {top: 174px;left: 113px;}
.tool ul li:nth-child(3) span {width: 200px;height: 140px;}
.tool ul li:nth-child(3) span:hover {
	background-image: url(../img/overbg.png);
	background-position: 0 0;	
	background-repeat: no-repeat;
}

.tool ul li:nth-child(4) {top: 115px;left: 0px;}
.tool ul li:nth-child(4) span {width: 137px;height: 198px;}
.tool ul li:nth-child(4) span:hover {
	background-image: url(../img/4.png);
	background-position: 0 0;	
	background-repeat: no-repeat;
}

.tool ul li:nth-child(5) {top: 96px;left: 96px;}
.tool ul li:nth-child(5) span {width: 119px;height: 119px;
background-image: url(../img/typt.png);
	background-position: 0 0;	
	background-repeat: no-repeat;
}
.tool ul li:nth-child(5) span:hover {
	
}


.btn-close{
	margin-top:-200px;
	text-align:right;
	margin-right:25px;
}

.pop-query-time{
	color:#5cc152;
	font-size:1.6em;
	line-height:1.8em;
}

.pop-query-text{
	color:#ffa201;
	font-size:1.4em;
	line-height:1.6em;
}

/*对话框*/
.teaalertwrap {
	position: fixed;
	top: 10px;
	left: 10px;
	width: 300px;
	height: 250px;
	z-index: 8;
	color: #fff;
	font-size: 1.1em;
	text-align: center;
	-webkit-border-radius: 10px;
	overflow: hidden;
}
.teaalertbody {
	width: 100%;
	height: 60px;
	padding-top: 10px;
}
.teabtn {
	display: block;
	float: left;
	height: 30px;
	line-height: 30px;
	width: 150px;
	background: #4fa021;
	color: #fff;
}
.alertpop {
	background:#4fa021;
	height:100%;
	padding-top:5%;
	border-top-left-radius: 10px 10px;
	border-top-right-radius: 10px 10px;
}
 span.ayes {
	border-bottom-left-radius: 10px 10px;
}
span.ano {
	background: #6ab953;
	border-bottom-right-radius: 10px 10px;
}
.teaalertmask {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 7;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: 0.5;
}
#zend-developer-toolbar{display: none;}

/*销售列表*/
.moresells {
	color: #fff;
	border-radius: 20px;
	background: #e6b521;
	display: inline-block;
	text-decoration: none;
	padding: 3px 5px;
	margin-left: 5px;
}
.sells-list div {
	width: 60%;
	margin: 30px auto;
	border: 1px solid #ffd24a;
	border-radius: 10px;
	background: #e6b521;
	padding: 1%;
	color: #fff;
	-webkit-box-shadow:  0 0px 0px 3px rgba(0,0,0,0.1); 
    box-shadow:  0 0px 0px 3px rgba(0,0,0,0.1);
}
.sells-list div span {
	font-size: 18px;
	font-weight: bold;
	color: #fff;
}
.sells-list div a {
	color: #fff;
	text-decoration: none;
}

#sy_submenu {
	position: absolute;
	bottom: 60px;
	left: 0;
	z-index: 99999;
	display: none;
	width: 100%;
}
#sy_submenu li {
	width: 100%!important;
}
#sy_submenu li a {
	display: block!important;
	height:24px;
}



/*news*/
ul.news {height: 96%;width: 96%;margin: 0.5em auto 0 auto;}
ul.news li {
	position: relative;
	display: block;
    overflow: visible;
	margin-bottom: 0.5em;
	min-height: 96px;
	background: #1fbba6;
}
ul.news li a {
	
	display: block;
	
	color: #fff;
	
	text-decoration: none;
	min-height: 3.625em;
    padding-left: 6.25em;
}

ul.news li a img {
	left: 0.5em;
    max-height: 5em;
    max-width: 5em;
    position: absolute;
    top: 0.5em;
	border-radius:5px;
}

ul.news li a h3 {font-weight: bold;}
.newsview-inner {
	padding: 2%;
	background: #fff;
}
.newsview-inner img{
	max-width: 90%;	
}
.newsview-inner h3,.newsview-inner .news_attr {
	text-align: center;
}
.newsview-inner .news_attr {
	margin-bottom: 20px;	
	font-size: 14px;
}
.videoicon {
	display: inline-block;
	background: url(../img/pc-icon-video.png) no-repeat;
	width: 27px;
	height: 21px;
	position: relative;
	top: 4px;
	left: 3px;
}

/*资质*/
.honor {
	margin-left: 2%;
	height: 27px;
	position: relative;
	
}
.honor a {
	background: #ffcc00;
	border-radius: 5px;
	display: inline-block;
	padding: 3px 10px;
	text-decoration: none;
	color: #fff;
	font-size: 12px;
	color: #333;
	-webkit-box-shadow:  0px 0px 8px rgba(0,0,0,0.3); 
	text-shadow: 1px 1px 1px rgba(255,255,255,0.4);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ffcc00), color-stop(1, #e4b600));
}
.honor a.gray {
	color: #e1e1e1;
	text-shadow: 0px 0px 0px rgba(255,255,255,0.4);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #c4c4c4), color-stop(1, #a0a0a0));
}
.honor strong {
	text-shadow: 1px 1px 1px rgba(255,255,255,0.4);
}
.honor img.h {
	position: relative;
	top: 8px;
	height: 27px;
	width: auto;
	display: inline-block;
	cursor: pointer;
}