@charset 'utf-8';

@font-face {
  font-family: mFont;
  src: url('./fonts/digifaw.ttf');
}
body,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,textarea,select{margin:0;padding:0}
body{font:12px "微软雅黑","Arial Narrow",HELVETICA;background:#fff;background:#e6e6e6; }
a{color: #676767;text-decoration:none}
a:hover{color:#00ADEF ;}
em{font-style:normal}
li{list-style:none}
img{border:0;vertical-align:middle}
table{border-collapse:collapse;border-spacing:0}
p{word-wrap:break-word}
.clear{clear: both;}
.fl{float: left;}
.fr{float: right;}
.main{margin: 0 auto;width: 1200px;}
.none{background:none;}
body{background: url(../images/bgimg/daping_bg.png) no-repeat center center;background-size: 100% 100%;}
.header{width: 100%;height: 7vh;background: url(../images/bgimg/title_bg.png) no-repeat center center;background-size: 100% 100%;}
.header .title{height: 100%;}
.header .title .t{height: 100%; line-height: 200%;font-size: 1.6rem;text-align: center;font-weight: bold;color:#fff;}

.content{margin: -1vh auto 0;height: 93vh;width: 98%;}

.leftbox{width:26%;height: 93vh;margin-top: 0%;float: left;position: relative;}

/*===   平台数据分析  ===*/
.leftbox .l_item_1{width:100%;height:32vh; margin-bottom: 1vh;}
.leftbox .l_item_1 .box{width: 100%;height: 100%;background:url(../images/bgimg/l_item_1_bg.png) no-repeat center center; background-size: 100% 100%;overflow:hidden;}
.leftbox .l_item_1 .box .bt{height: 10%;margin-top: 4%; width: 100%;padding-left: 5%;box-sizing: border-box;}
.leftbox .l_item_1 .box .bt h2{font-size: 1rem;height: 1rem;line-height: 1rem;color:#fff;font-weight: normal;padding-left: 2%;border-left: 5px solid #ffc600;}	
.leftbox .l_item_1 .box .chartbox{margin: 2% 5%;height:79%;overflow:hidden;}

/*===   可追溯商品数据分析  ===*/
.leftbox .l_item_2{width: 100%; height: 32vh;margin-bottom: 1vh;}
.leftbox .l_item_2 .box{width: 100%;height: 100%;background:url(../images/bgimg/l_item_2_bg.png) no-repeat center center; background-size: 100% 100%;overflow:hidden;}
.leftbox .l_item_2 .box .bt{height: 10%;margin-top: 8%; width: 100%;padding-left: 5%;box-sizing: border-box;}
.leftbox .l_item_2 .box .bt h2{font-size: 1rem;height:1rem;line-height:1rem;color:#fff;font-weight: normal;padding-left: 2%;border-left: 5px solid #ffc600;}	
.leftbox .l_item_2 .box .chartbox{margin: 2% 5%;height:79%;overflow:hidden;}

.leftbox .icon{position: absolute;right: 0;bottom: 25.6vh;width: 4%;height: 4vh;}
.leftbox .icon img{display: block; width: 100%; height: 100%;}
/*===   商品溯源记录  ===*/
.leftbox .l_item_3{width: 100%;height: 26vh;}
.leftbox .l_item_3 .box{width: 100%;height: 100%;overflow:hidden;background:url(../images/bgimg/l_item_3_bg.png) no-repeat center center; background-size: 100% 100%;}
.leftbox .l_item_3 .box .bt{height: 10%;margin-top: 4%; width: 100%;padding-left: 5%;box-sizing: border-box;}
.leftbox .l_item_3 .box .bt h2{font-size: 1rem;height: 1rem;line-height: 1rem;color:#fff;font-weight: normal;padding-left: 2%;border-left: 5px solid #ffc600;}	
.leftbox .l_item_3 .box .listbox{margin: 2% 5%;height: 76%;overflow: hidden;}
.leftbox .l_item_3 .box .listbox .bd{height:80% !important;}
.leftbox .l_item_3 .box .listbox ul{width: 100%;}
.leftbox .l_item_3 .box .listbox ul li{width: 100%;overflow: hidden;margin-bottom: 3px;}
.leftbox .l_item_3 .box .listbox ul li span{display: block;width: 25%;height:32px;line-height: 32px;float:left;text-align: center; font-size:.8rem; color:#fff;}
.leftbox .l_item_3 .box .listbox ul li:nth-child(even){background: #;border: 1px solid #0d226b;}
.leftbox .l_item_3 .box .listbox ul li:nth-child(odd){background: #0d226b;}

.leftbox .l_item_3 .box .listbox .bb{background:#0934a5;margin-bottom: 3px;overflow: hidden;width: 100%;}
.leftbox .l_item_3 .box .listbox .bb span{display: block;width: 25%;height:34px;line-height: 34px;float:left;text-align: center; font-size:.86rem; color:#fff;font-size: 1rem;}

	
/*===   可追溯商品总量  ===*/
.centerbox{float: left;width: 46%;margin: 0 1% 0;height: 91vh;margin-top: 2vh;}
.centerbox .c_item_4{width:100%;height:10%; margin-bottom: 1.5%; display: none;}
.centerbox .c_item_4 .box{width: 100%;height: 100%;background:url(../images/bgimg/c_item_4_bg.png) no-repeat center center; background-size: 100% 100%;display: table;}
.centerbox .c_item_4 .box h1{font-size: 1.5rem;color:#019aff;text-align: center; display: table-cell;vertical-align:middle}
.centerbox .c_item_4 .box h1 span{font-size: 2rem;}


/*===   地图标识  ===*/
.centerbox .c_item_5{width: 100%; height: 63vh;margin-bottom:1vh;}
.centerbox .c_item_5 .box{width: 100%;height: 100%;background:url(../images/bgimg/c_item_5_bg.png) no-repeat center center; background-size: 100% 100%;overflow: hidden;position: relative;}
.centerbox .c_item_5 .box .total_product{position: absolute;width: 80%;background:url(../images/bgimg/c_item_4_bg.png) no-repeat center center; background-size: 100% 100%;margin: 1vh 10% 0;height: 6vh;line-height: 6vh;overflow:hidden;}
.centerbox .c_item_5 .box .total_product h1{font-size: 2vh;color: #019aff;text-align: center;font-weight: normal;}
.centerbox .c_item_5 .box .total_product h1 span{font-size: 3.4vh;font-family: mFont;display: inline-block;height: 4vh;line-height: 4vh;margin-top: -0.6vh;vertical-align: middle;}
#map{width: 100%;height: 55vh;margin-top:7vh}

/*===   三图片  ===*/
.centerbox .c_item_6{width: 100%;height: 26vh;}
.centerbox .c_item_6 .box{width: 100%;height: 100%;background:url(../images/bgimg/c_item_6_bg.png) no-repeat center center; background-size: 100% 100%;overflow:hidden;}
.centerbox .c_item_6 .box .listbox{margin: 3vh 5%;overflow: hidden;height: 20vh;}
.centerbox .c_item_6 .box .listbox ul{overflow: hidden;height: 100%;}
.centerbox .c_item_6 .box .listbox ul li{float: left;width: 30%;overflow: hidden;margin-right:5%;height:100%;position: relative;}
.centerbox .c_item_6 .box .listbox ul li .pic{display: block; width: 100%; height:100%; margin: 0 auto;}
.centerbox .c_item_6 .box .listbox ul li .title{position: absolute;top: 60%;height: 4.5vh;width:100%;z-index: 8;}
.centerbox .c_item_6 .box .listbox ul li .title .icon{width: 20%;float: left;height: 100%;}
.centerbox .c_item_6 .box .listbox ul li .title .icon .pic_icon{margin: 0.5vh auto 0;display: block;}
.centerbox .c_item_6 .box .listbox ul li .title .icon span{font-size: 0.5rem;color: #fff;display: block;text-align: center;width: 100%;}
.centerbox .c_item_6 .box .listbox ul li .title .t{font-size: 0.5rem;color: #fff;width: 80%; height:100%; overflow: hidden;line-height: 2.25vh;padding: 0 6px;box-sizing: border-box;}
.centerbox .c_item_6 .box .listbox ul li .bg{position: absolute;top: 60%;left: 0;width:100%;height: 4.5vh; background: #000;opacity:0.6;z-index: 5;}
.centerbox .c_item_6 .box .listbox ul li .bg_icon{position: absolute;top: 60%;left: 0;width:20%;height: 4.5vh; background: #000;opacity:0.8;z-index: 6;}



.centerbox .c_item_6 .box .listbox ul li:last-child{margin-right: 0;}


.rightbox{width:26%;height: 93vh;margin-top: 0%;float:left;position: relative;}
/*===   追溯商品扫码趋势图  ===*/
.rightbox .r_item_7{width:100%;height:32vh; margin-bottom: 1vh;}
.rightbox .r_item_7 .box{width: 100%;height: 100%;background:url(../images/bgimg/r_item_7_bg.png) no-repeat center center; background-size: 100% 100%;overflow: hidden;}
.rightbox .r_item_7 .box .bt{height: 10%;margin-top: 8%; width: 100%;padding-left: 5%;box-sizing: border-box;}
.rightbox .r_item_7 .box .bt h2{font-size: 1rem;height: 1rem;line-height: 1rem;color:#fff;font-weight: normal;padding-left: 2%;border-left: 5px solid #ffc600;}	
.rightbox .r_item_7 .box .chartbox{margin: 2% 5%;height:79%;overflow:hidden;}


/*===   三图片  ===*/
.rightbox .r_item_8{width: 100%; height: 32vh;margin-bottom: 1vh;}
.rightbox .r_item_8 .box{width: 100%;height: 100%;background:url(../images/bgimg/r_item_8_bg.png) no-repeat center center; background-size: 100% 100%;overflow: hidden;}
.rightbox .r_item_8 .box .bt{height: 10%;margin-top: 4%; width: 100%;padding-left: 5%;box-sizing: border-box;}
.rightbox .r_item_8 .box .bt h2{font-size: 1rem;height: 1rem;line-height: 1rem;color:#fff;font-weight: normal;padding-left: 2%;border-left: 5px solid #ffc600;}	
.rightbox .r_item_8 .box .chartbox{margin: 2% 5%;height:79%;overflow:hidden;}

.rightbox .icon{position: absolute;left: 0;bottom: 25.6vh;width: 4%;height: 4vh;}
.rightbox .icon img{display: block; width: 100%; height: 100%;}

/*===   商品溯源记录  ===*/
.rightbox .r_item_9{width: 100%;height: 26vh;}
.rightbox .r_item_9 .box{width: 100%;height: 100%;background:url(../images/bgimg/r_item_9_bg.png) no-repeat center center; background-size: 100% 100%;overflow:hidden;}
.rightbox .r_item_9 .box .bt{height: 10%;margin-top: 4%; width: 100%;padding-left: 5%;box-sizing: border-box;}
.rightbox .r_item_9 .box .bt h2{font-size: 1rem;height: 1rem;line-height: 1rem;color:#fff;font-weight: normal;padding-left: 2%;border-left: 5px solid #ffc600;}	
.rightbox .r_item_9 .box .listbox{margin: 2% 5%;height: 76%;overflow: hidden;}
.rightbox .r_item_9 .box .listbox .bb{background:#0934a5;margin-bottom: 3px;overflow: hidden;width: 100%;}
.rightbox .r_item_9 .box .listbox .bb span{display: block;width: 25%;height:34px;line-height: 34px;float:left;text-align: center; font-size:.86rem; color:#fff;font-size: 1rem;}
.rightbox .r_item_9 .box .listbox .bh{height:80% !important;}
.rightbox .r_item_9 .box .listbox ul{width: 100%;}
.rightbox .r_item_9 .box .listbox ul li{width: 100%;overflow: hidden;margin-bottom: 3px;box-sizing: border-box;}
.rightbox .r_item_9 .box .listbox ul li span{display: block;height:32px;line-height: 32px;float:left;text-align: center; font-size:.8rem; color:#fff;overflow:hidden; text-overflow:ellipsis;white-space:nowrap;}
.rightbox .r_item_9 .box .listbox ul li:nth-child(even){background: #;border: 1px solid #0d226b;}
.rightbox .r_item_9 .box .listbox ul li:nth-child(odd){background: #0d226b;}

.rightbox .r_item_9 .box .listbox span.s1{width: 25%;}
.rightbox .r_item_9 .box .listbox span.s2{width: 45%;}
.rightbox .r_item_9 .box .listbox span.s3{width: 30%;}



#pingtai{width: 100%;height:100%;}
#shangpin{width:100%;height:100%;}
#saoma{width:100%;height:100%;}
#yonghu{width:100%;height:100%;}