@charset "UTF-8";
/* CSS Document */



.indexBanner, .contactBanner, .aboutBanner, .rootsBanner, .proBanner{ height: 220px; }
.contactList, .about{ margin-bottom:70px;}
.channelName span{ width:3px; height:14px; display: block; background:#ed1b24; float:left; margin-right:5px; margin-top:6px; border-radius: 5px;}


/*首页*/
.result{ line-height:30px;}
.channelList ul{ width:100%; float:left;}
.channelList ul li{ width:100%; float:left; height: 46px; line-height: 46px; border-bottom: 1px solid #eaeaea;}
.channelList ul li a{color:#333;}
.channelList ul li img{ width:24px; height: 24px; margin-top:11px;}
.channelList ul li:last-child{border-bottom:none;}


/*联系我们*/
.contactList ul{ width:100%; float:left;}
.contactList ul li{ width:100%; float:left; height: 46px; line-height: 46px; border-bottom: 1px solid #eaeaea;}
.contactList ul li:last-child{border-bottom:none;}


/*溯源信息*/
.rootsList ul{ width:100%; float:left;}
.rootsList ul li{ width:100%; float:left; height: 46px; line-height: 46px; border-bottom: 1px solid #eaeaea;}
.rootsList ul li:last-child{border-bottom:none;}


/*产品信息*/
.proList ul{ width:100%; float:left;}
.proList ul li{ width:100%; float:left; height: 46px; line-height: 46px; border-bottom: 1px solid #eaeaea;}
.proList ul li:last-child{border-bottom:none;}
.proInfo p{ line-height: 28px; margin-bottom: 10px; text-indent: 28px;}
.proInfo img{ width:100%; float:left;}


/*关于我们*/
.about p{ line-height: 28px; text-indent: 28px; margin-bottom: 10px;}




/*关注*/
.attentionArea {position: fixed; left: 0; top: 0; height: 100%; width: 100%; background-color: rgba(0, 0, 0, 0.7); opacity: 0; visibility: hidden; -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s; -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s; transition: opacity 0.3s 0s, visibility 0s 0.3s;}
.attentionArea.is-visible { opacity: 1; visibility: visible; -webkit-transition: opacity 0.3s 0s, visibility 0s 0s; -moz-transition: opacity 0.3s 0s, visibility 0s 0s; transition: opacity 0.3s 0s, visibility 0s 0s;}
.attentionArea .attentionContent{ width:80%; float:left; margin-left:10%; margin-top:15%; background: url("../images/codeBg.png") no-repeat; background-size: 100% 100%;}
.attentionArea .attentionContent .code{ width:180px; height:180px; line-height: 180px; border-radius: 10px; margin:40px auto 0px; background: #ffe0e0; text-align: center;}
.attentionArea .attentionContent .code img{ width:150px; height:150px; margin-top:15px;}
.attentionArea .attentionContent .btn{ width:140px; height:45px; line-height: 40px; background: url("../images/btnBg.png") no-repeat; background-size: 100%; position: relative; left:50%; margin-left:-70px;}



/*物流信息*/
.logisticsHeader .logisticsLeft{ width:100px;}
.logisticsHeader .logisticsLeft img{ width:100px; height: 100px; border-radius: 10px;}
.logisticsHeader .logisticsRight{ width:calc(100% - 115px); color: #fff;}
.logisticsHeader .logisticsRight ul{ width: 100%; float:left;}
.logisticsHeader .logisticsRight ul li{ width:100%; float:left; margin:5px 0px;}

.logisticsList ul, .logisticsList ul li{ width:100%; float:left;}
.logisticsList ul li .leftDiv{ width:10px;}
.logisticsList ul li .leftDiv img{ margin-top:8px;}
.logisticsList ul li .rightDiv{ width:calc(100% - 15px);}


/*尾部*/
.footer{ height: 49px; position: fixed; bottom: 0px; z-index: 100;}
.footer ul{ width:100%; float:left;}
.footer ul li{ width:33%; float:left;  text-align: center;}
.footer ul li .footIcon img{ width:20px; height: 20px; margin-top: 5px;}
.footer ul li a:hover, .footer ul li .cur{ color: #ed1b24;}
.footer ul li p{ font-size:12px;}