@charset "UTF-8";

/*格式化*/
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td, span, input, textarea { margin: 0; padding: 0; }
body { font-size: 14px; font-family: "Microsoft YaHei", "Arial", Verdana, Arial, Helvetica, sans-serif; padding-top: 1px; background: #fff; }
li, ol { list-style: none; }
ins { text-decoration: none; }
i, em { font-style: normal; }
a { text-decoration: none; font-family: "Microsoft YaHei"; }
a:hover { cursor: pointer; text-decoration: none; }
:focus { outline: 0; }
.clear { clear: both; line-height: 0px; overflow: hidden; zoom: 1; font-size: 0px; content: '.'; }
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
img { padding: 0; margin: 0; }
a img { border: none; }
input, textarea { border: none; font-family: "Microsoft YaHei"; font-size: 13px; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; font-size: 14px; font-family: "Microsoft YaHei"; }
.fl { float: left; }
.fr { float: right; }
/* -- 页面整体布局 -- */
.wrap{min-width:320px; max-width:640px; margin:0 auto; overflow:hidden; position:relative; background:#fff; font-family: "Microsoft YaHei"; } 
.wrap img{width: 100%;display: block;}

/*---------------------------------------------------------*/
.g-banner{width: 100%; line-height:0;}

/*标题*/
.m-bt{display: block;width: 100%;text-align: center;font-size: 1.8rem;color: #333;font-weight: bold;position: relative;height: 6rem;line-height: 3rem;overflow: hidden;}
.m-bt:before{content: "";width: 2.5rem;height: 0.25rem;background: #da0016;position: absolute;top: 52%;left: 47%;}
.m-bt i{display: block;font-size: 1.1rem;font-weight: normal;color: #666;}

/*引子*/
.g-yin{ width:100%; overflow:hidden;padding: 2.5rem 0 3rem;border-bottom: #eee 0.5rem solid;}
.m-yin{padding: 1.5rem 0 0;height: 15.5rem;}
.m-yin ul li{font-size: 1.2rem;color: #d7342f;font-weight: bold;text-align: center;width: 33.3%;float: left;position: relative;height: 7.5rem;}
.m-yin ul li:before{content: "";height: 4.5rem;width: 1px;background: #ccc;position: absolute;top: 0;left: 0;}
.m-yin ul li b{font-size: 2rem;font-family: Impact;font-weight: normal;}
.m-yin ul li span{display: block;color: #333;font-weight: normal;}
.m-yin ul li:first-child:before,.m-yin ul li:nth-child(4):before{background: none;}
.m-yin ul li:nth-child(4){margin-left: 18%;}
.g-yin .m-box .con{ display:inline; float:left;}
.g-yin .m-box ul li{ width:45%; float:left;line-height: 0;position: relative;margin-left: 1.1rem;}
.g-yin .m-box ul li span{ display:block; width:94%;padding:0 3%; text-align:center;font-size: 1rem;color: #fff;height: 2.5rem;line-height: 2.5rem;position: absolute;bottom: 0;left: 0;background: rgba(0,0,0,0.5);white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

/*产品中心*/
.g-cp{ width:93.75%;margin: 0 auto; overflow:hidden; padding:2.5rem 0 0;}
.m-cp{padding: 2rem 0 0;height: 14.7rem;}
.m-cp ul li{width: 47.17%;float: left;margin-right: 1.5rem;}
.m-cp ul li span{ display:block; width:100%; text-align:center;font-size: 1.2rem;color: #333;height: 2.5rem;line-height: 2.5rem;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.m-cp ul li:last-child{margin-right: 0;}
.g-cp .m-box .con{ display:inline; float:left;}
.g-cp .cp_li{display: block;width: 100%;line-height: 0;position: relative;}
.g-cp .cp_li span{ display:block; width:90%;font-size: 1.3rem;color: #fff;height: 3.5rem;position: absolute;bottom: 0;left: 0;background: rgba(218,0,22,0.8);white-space:nowrap; overflow:hidden; text-overflow:ellipsis;line-height: 1.5rem;padding: 0.5rem 5% 0;}
.g-cp .cp_li i{display: block;font-size: 0.7rem;color: #d6d6d6;text-transform: uppercase; font-family:Arial, Helvetica, sans-serif;}
.g-cp .m-cnt{padding: 1.5rem 0 0; height:9rem; width:100%;}
.g-cp .m-cnt li{ width:33.33%; float:left;font-size: 1.3rem;color: #666;height: 3rem;line-height: 3rem;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.g-cp .m-cnt li.z-on{ color:#da0016;}
.g-cp .u-gd{ display:block; font-size:1.2rem; color:#fff; width:100%; text-align:center; background:#da0016; height:3rem; line-height:3rem;}

/*高品质*/
.g-pinz{padding: 3rem 0;border-bottom: #eee 0.5rem solid;}
.m-pinz{width: 93.75%;border: #e5e5e5 1px solid;position: relative;border-bottom:none;margin: 1rem auto 0;}
.m-pinz:before{content: "";height: 100%;width: 1px;background: #e5e5e5;position: absolute;top: 0;left: 50%;z-index: 20;}
.m-pinz ul li{width: 50%;float: left;height: 17.3rem;position: relative;border-bottom: #e5e5e5 1px solid;text-align: center;}
.m-pinz ul li em{width: 5rem;height: 5rem;display: block;margin:1.8rem auto 0.5rem; background: url(../images/pinz_k01.png) no-repeat;-webkit-background-size:100%; -ms-background-size:100%; -o-background-size:100%; background-size:100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.m-pinz ul li em img{width: 5rem;height: 5rem;}
.m-pinz ul li b{display: block;font-size: 1.3rem;color: #333;height: 3rem;line-height: 2.5rem;position: relative;overflow: hidden;}
.m-pinz ul li b:before{content: "";height: 2px;width: 2.5rem;background: #da0016;position: absolute;bottom: 0;left: 42%;}
.m-pinz ul li span{display: block;font-size: 1.2rem;color: #666;line-height: 2rem;width: 80%;margin: 0 auto;padding: 0.6rem 0 0;}
.m-pinz ul li a{display: block;font-size: 1.2rem;color: #da0016;font-family: Impact;padding: 0.5rem 0 0;}
.m-pinz ul li i{display: block;font-size: 1.2rem;color: #fff;width: 6.2rem;text-align: center;height: 2rem;line-height: 2rem;background: #da0016;overflow: hidden; font-family:"Microsoft YaHei";border-radius: 0.5rem;margin: 0.5rem auto 0;}
.m-pinz ul li.cur em{ background: url(../images/pinz_k02.png) no-repeat;-webkit-background-size:100%; -ms-background-size:100%; -o-background-size:100%; background-size:100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}

/*优势*/
.g-ys{width: 93.75%;margin: 0 auto; overflow:hidden;padding: 2.5rem 0;}
.g-ys .m-box .con{ display:inline; float:left;}
.g-ys dl{width: 100%;padding: 1.5rem 0 0;}
.g-ys dl dt{width: 100%;line-height: 0;}
.g-ys dl dd{width: 90%;padding: 1.5rem 5% 0;height: 14.5rem; background: url(../images/ys_ddbg.jpg) no-repeat;-webkit-background-size:100%; -ms-background-size:100%; -o-background-size:100%; background-size:100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.g-ys dl dd h5{font-size: 1.3rem;color: #da0016;height: 5rem;line-height: 2rem;overflow: hidden;position: relative;margin-bottom: 0.6rem;}
.g-ys dl dd h5 b{display: block;font-size: 1.5rem;}
.g-ys dl dd h5:before{content: "";height: 2px;width: 2.5rem;background: #da0016;position: absolute;bottom: 0;left: 0;}
.g-ys dl dd p{font-size: 1rem;color: #666;line-height: 1.8rem;}
.g-ys .m-cnt{ width:100%;display: inline-block;background: #eee;height: 5rem;border-top: #da0016 1px solid;}
.g-ys .m-cnt li{ font-size:1.2rem; color:#333; width:19%; height:4.2rem; float:left; text-align:right; line-height:1.6rem;position: relative;padding-right: 6%;padding-top: 0.8rem;}
.g-ys .m-cnt li:before{content: "";width: 1px; height: 3.3rem; background: #d2d2d2; position: absolute; top: 1rem; right: 0;}
.g-ys .m-cnt li i{display: block;}
.g-ys .m-cnt li.z-on{ color:#fff;background: #da0016;}
.g-ys .m-cnt li.z-on:after{content: "";width: 0;height: 0;position: absolute;top: -0.7rem;left: 43%;
border-bottom:0.8rem solid #da0016; 
border-left:0.8rem solid transparent;
border-right:0.8rem solid transparent;
}
.g-ys .m-cnt li:last-child:before,.g-ys .m-cnt li.z-on:before{background: none;}

/*为种植户做更多*/
.g-more{border-bottom: #eee 0.5rem solid;padding: 0 0 3rem;}
.g-more dl{width: 93.75%;margin: 0 auto;padding: 1.5rem 0 0;height: 11.7rem;overflow: hidden;}
.g-more dl dt{width: 51.83%;float: left;line-height: 0;}
.g-more dl dd{width: 47%;float: left;height: 10.8rem;border: #e5e5e5 1px solid;padding-top: 0.8rem;}
.g-more dl dd p{display: inline-block;width: 12rem;height: 2.3rem;line-height: 2.3rem;overflow: hidden;padding: 0 0 0 1.5rem;}
.g-more dl dd p em{width: 2rem;height: 1.4rem;display: block;float: left;line-height: 0;padding: 0.5rem 0 0;}
.g-more dl dd p em img{width: 1.7rem;height: 1.4rem;}
.g-more dl dd p span{display: block;float: left;font-size: 1.2rem;color: #333;}

/*关于艳九天*/
.g-about{width: 93.75%;padding: 2.5rem 0;margin:0 auto;}
.g-about dl{ width:100%;padding: 0.5rem 0 0;}
.g-about dl dt{ width:100%;line-height: 0;height: 17rem; background: url(../images/ab_k.jpg) no-repeat;-webkit-background-size:100%; -ms-background-size:100%; -o-background-size:100%; background-size:100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.g-about dl dt a{display: block;width: 72.5%;margin: 0 auto;padding: 1rem 0 0;}
.g-about dl dd{ width:95%; padding: 1rem 0 0;margin: 0 auto;}
.g-about dl dd h5{height: 2.5rem;line-height: 2.5rem;overflow: hidden;}
.g-about dl dd h5 a{font-size: 1.2rem;color: #333;}
.g-about .ab_desc{ font-size:1.2rem; color:#666;line-height: 1.8rem;height: 7.2rem;overflow: hidden;}

/**/

/*开屏秀*/
html { background: #f7f7f7; }

/*图片加载未完成前，默认背景色*/
.wrap { opacity: 0;  /*开屏秀未加载完成，内容默认不显示(首页最外层盒子)*/ }
.loading { position: fixed; width: 100%; height: 100%; top: 0; z-index: 51; display: none; max-width: 640px; min-width: 320px; z-index: 99999; }
.loading img { display: none; }
.loading #showNext { line-height: 1.8rem; display: none; color: #333; border: 0.05rem solid #333; border-radius: 5%; padding-left: 1rem; padding-right: 1rem; text-align: center; position: absolute; right: 1rem; top: 1rem; z-index: 99; }

/*首次加载页面切入效果*/
.homeShow { animation: fade 0.8s ease both; -webkit-animation: fade 0.8s ease both; }

/*渐显动画*/
@-webkit-keyframes fade {
  from { opacity: 1; display: block; }
  to { opacity: 0; display: none; height: 0; }
}
@keyframes fade {
  from { opacity: 1; display: block; }
  to { display: none; opacity: 0; height: 0; }
}
.fade { -webkit-animation-name: fade; animation-name: fade; }

/**/
html {font-size: 10px;-webkit-text-size-adjust: none;}
@media screen and (min-width: 320px) {html {font-size: 10px;}}
@media screen and (min-width: 360px) {html {font-size: 11.25px;}}
@media screen and (min-width: 375px) {html {font-size: 11.7px;}}  /*ipone6*/
@media screen and (min-width: 400px) {html {font-size: 12.5px;}}
@media screen and (min-width: 414px) {html {font-size: 12.94px;}} /*ipone6P*/
@media screen and (min-width: 440px) {html {font-size: 13.75px;}}
@media screen and (min-width: 480px) {html {font-size: 15px;}}
@media screen and (min-width: 520px) {html {font-size: 16.25px;}}
@media screen and (min-width: 560px) {html {font-size: 17.5px;}}
@media screen and (min-width: 600px) {html {font-size: 18.75px;}}
@media screen and (min-width: 640px) {html {font-size: 20px;}}