body{
	font-family: "Microsoft YaHei","Helvetica Neue","Helvetica","Arial","sans-serif";
    font-size: 14px;
    line-height: 1.4;
    color: #333;
    background-color: #fefefe;
	min-width: 1900px;
}
*{
	margin:0;
	padding:0;
	box-sizing: border-box;
}

img{
	border:none;
	vertical-align: middle;
}
a {
  text-decoration: none;
  color:#333;
}
a:hover,a:focus {
  text-decoration: none;
  color:#666;
}
a:focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
ul li{
	list-style: none;
}
.top{
	padding:15px;
	/* background-image: linear-gradient(to right, #277f37 , #509854,#93d24f); */
	background: url(rytitbg.jpg) no-repeat center 0;
	background-size: 100% 100%;
	color:#fff;
}
.top .top-left{
	float: left;
	width:33.33%;
	font-size: 16px;
	font-size: 14px;
}
.top .top-left-name{
	display: inline-block;
	vertical-align: top;
}
.top .top-left-text{
	display: inline-block;
	padding-right: 10px;
}
.top .top-center{
	font-size: 34px;
	float: left;
	width:33.33%;
	text-align: center;
	font-weight: bold;
	background-image:linear-gradient(to bottom, #fefffe, #c8fed5);
	-webkit-background-clip: text;
	color: transparent; /* 使文字颜色透明，以便看到背景渐变 */
}
.top .top-right{
	float:left;
	width:33.33%;
	font-size: 12px;
	text-align: right;
	padding-right: 20px;
}
.top .top-right .icon{
	width:40px;
	line-height: 44px;
}
.top .top-right .inline{
	display: inline-block;
	vertical-align: top;
	padding:0 8px;
}
.top .top-right .num{
	font-size: 42px;
	line-height: 44px;
	display: inline-block;
	vertical-align: top;
}
.top .top-right .cell{
	height: 44px;
}
.top .top-right .w-unit{
	display: inline-block;
	vertical-align: top;
}
.top .top-right .summary{
	font-size: 14px;
	padding-top:20px;

}
.top:after,.card-title2:after,.contact:after,.company-list:after,.num-box .item:after,.product-price:after,.num-box:after,.content:after,.card:after,.situation .num-info:after,.panel-num .item:after,.panel-box:after,.panel-box:after,.interpret .item:after,.video-box:after,.video-box2:after,.before-index .item:after{
	clear: both;
	display: block;
	height: 0;
	visibility: hidden;
	content: "020";
	font-size: 0;
	line-height: 0;
}
.content{
	padding:15px 15px 10px 15px;
}
.content-left{
	width:29%;
	float: left;
	padding-right: 15px;
}
.content-center{
	width:42%;
	float: left;
}
.content-right{
	width:29%;
	float: left;
	padding-left: 15px;
}
.card{
	background: #fff;
	box-shadow: 0 0 10px 3px rgba(102,102,102,0.1);
	padding:15px;
	border-radius: 6px;
}
.m-b-15{
	margin-bottom: 15px;
}
.card-title{
	font-size: 20px;
	font-weight: bold;
	color:#000;
	padding-bottom: 10px;
}
.card-title2 .card-title2-left{
	float: left;
	font-size: 20px;
	font-weight: bold;
	color:#304159;
	padding-bottom: 10px;
}
.card-title2 .card-title2-right{
	float: right;
	padding-left:10px;
}
.card-title2 .el-form--inline .el-form-item{
	margin-right: 0px;
	margin-bottom: 0px;
}
.card-title2 .el-form--inline .el-form-item__label{ padding-right: 0; color: #000;}
.card-title2 .el-form--inline .el-form-item__content{ margin-right: 10px;}
.card-line{
	height: 3px;
	background-image: linear-gradient(to right, #3868fd , #ffffff);
}
.card-text{
	padding-top:10px;
}
.situation .num-info{
	margin-left:-14px;
	margin-right: -14px;
}
.situation .num-info .item{
	float: left;
	text-align: center;
	padding-left:14px;
	padding-right: 14px;
	border-right: 1px solid #ddd;
}
.situation .num-info .item .value{
	font-size: 20px;
	font-weight: bold;
}
.situation .num-info .item:last-child{
	border-right: none;
}
.situation .blue{
	color: #2A5CFE;
}
.situation .map{
	text-align: center;
	position: relative;
	width:390px;
	height: 530px;
	margin:15px auto 0 auto;
}

.map .map-icon1{
	position: absolute;
	z-index: 9;
    top:410px;
	left:206px;
	cursor: pointer;
}
.map .map-icon1-text{
	position: absolute;
	z-index: 9;
	top:370px;
	left:122px;
	background: #fff;
	border-radius: 40px;
	padding:5px 10px;
	box-shadow: 0 0 10px 3px rgba(102,102,102,0.1);
}
.map #map-icon1-text{
	display: none;
}
.map .map-icon2{
	position: absolute;
	z-index: 9;
   top:475px;
   left:336px;
   cursor: pointer;
}
.map .map-icon2-text{
	position: absolute;
	width: 190px;
	z-index: 9;
	top: 435px;
	left: 250px;
	background: #fff;
	border-radius: 40px;
	padding:5px 10px;
	box-shadow: 0 0 10px 3px rgba(102,102,102,0.1);
}
.map #map-icon2-text{
	display: none;
}
.map .map-icon3{
	position: absolute;
	z-index: 9;
   top:475px;
   left:356px;
   cursor: pointer;
}
.map .map-icon3-text{
	position: absolute;
	width: 220px;
	z-index: 9;
	top: 414px;
	left: 260px;
	background: #fff;
	border-radius: 40px;
	padding:5px 10px;
	box-shadow: 0 0 10px 3px rgba(102,102,102,0.1);
}
.map #map-icon3-text{
	display: none;
}
.map .triangle {
	position: absolute;
	left:90px;
	top:30px;
    width: 0;
    height: 0;
    border-top: 6px solid #fff;
    border-right: 6px solid transparent;
    border-left: 6px solid transparent;
}
.map #map-icon3-text .triangle {
	position: absolute;
	left:100px;
	top:50px;
    width: 0;
    height: 0;
    border-top: 6px solid #fff;
    border-right: 6px solid transparent;
    border-left: 6px solid transparent;
}
.situation .map-pic{
	width: 390px;
	height: 530px;
}
.zhishu-con {
	display: flex;
	justify-content: space-between;
}

.price-index .index-num{
	background:orange;
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
	padding:5px 0 5px 20px;
}
.price-index .date{
	font-size:25px;
}
.price-index .index-num span{
	display: inline-block;
	vertical-align: middle;
}
.price-index .index-num .name{
	font-size:20px;
	padding-left:30px;
}
.price-index .index-num .num-value{
	width:40px;
	height: 60px;
	text-align: center;
	background: url(../images/num-box.png);
	font-size: 36px;
	color:#295BFE;
	font-weight: bold;
	padding-top:4px;
}
.price-index .index-num .num-decimal{
	font-size: 36px;
	color:#295BFE;
	font-weight: bold;
}
.panel-num-cell{
	width:74px;
	height: 74px;
}
.panel-num-cell.status1{
	background: url(../images/panel_up.png);
	text-align: center;
	line-height: 74px;
	color:#FF6767;
	font-size: 14px;
	font-weight: bold;
}
.panel-num-cell.status2{
	background: url(../images/panel_down.png);
	text-align: center;
	line-height: 74px;
	color:#6AD27A;
	font-size: 14px;
	font-weight: bold;
}
.panel-num .item{
	/* background-image: linear-gradient(to right, #d9f7ff , #ffffff); */
	/* padding:10px; */
	border-radius: 6px;
}
.panel-num .item .item-left{
	float: left;
}
.panel-num .item .item-right{
	float: right;
}
.panel-num .panel-num-name{
	font-size: 15px;
	padding-top:4px;
}
.panel-num .panel-num-value{
	font-size: 28px;
	font-weight: bold;
}
.panel-num .panel-num-text img{
	display: inline-block;
	vertical-align: middle;
}
.panel-num .panel-num-text{
	padding-top:10px;
}
.panel-num .panel-num-text span{
	display: inline-block;
	vertical-align: middle;
}
.panel-box{
	padding-top:15px;
}
.panel{
	width:55%;
	float: left;
}
.index-line{
	width: 100%;
}
.panel-num{
	float: left;
	padding-top:15px;
}
.interpret .item{
	padding:7px 10px;
}
.interpret .item:nth-child(even) {
	background: #e1e6fa;
}
.interpret .item .name{
	float: left;
	width:calc(100% - 120px);
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
.interpret .item .date{
	float: right;
	width: 120px;
	text-align: right;
}
.interpret .item a{
	display: block;
}
.video-box .pic{
	object-fit: cover;
	width:160px;
	height: 140px;
}
.video-box .item{
	width: 50%;
	float: left;
	padding: 0 10px;
	text-align: center;
}
.video-box .name{
	padding-top:10px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
.video-box .item a{
	display: block;
}
.video-box2 .pic{
	object-fit: cover;
	width:160px;
	height: 140px;
}
.video-box2 .item{
	width: 50%;
	float: left;
	padding: 0 10px;
	text-align: center;
}
.video-box2 .name{
	padding-top:10px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
.video-box2 .item a{
	display: block;
}
.about{
	text-indent: 2em;
	height: 180px;
	line-height: 30px;
}
.card .card-left{
	width:50%;
	float: left;
	padding-right:20px;
}
.card .card-right{
	width:50%;
	float: left;
	padding-left:20px;
}
.before-index{
	font-size: 12px;
}
.before-index .item .name{
	width:calc(100% - 100px);
	float: left;
}
.before-index .item{
	padding:10px 0;
	border-bottom: 1px solid #eee;
}
.before-index .item:last-child{
	border-bottom: none;
}
.before-index .item .date{
	width:100px;
	text-align: right;
	float: left;
}
.before-index .item .num{
	font-weight: bold;
}
.wholesale{
	height: 340px;
}
.wholesale .item{
	position: relative;
	font-size: 12px;
	padding:7px 0;
	padding-left: 80px;
	border-bottom: 1px solid #eee;
}
.wholesale .item:last-child{
	border-bottom: none;
}
.wholesale .item .tag{
	position: absolute;
	left:10px;
	top:10px;
	color:#01A2F6;
	background:#ccebfd;
	padding:4px 8px ;
	border-radius: 2px;
}
.wholesale .price-down{
	background:#6ad27a;
	color:#fff;
	display: inline-block;
	padding:0 5px;
	border-radius: 3px;
	line-height: 1.2;
}
.wholesale .price-down span{
	display: inline-block;
	vertical-align: middle;
}
.wholesale .price-down .icon{
	display: inline-block;
	border-left: 4px solid transparent;
	border-right: 4px solid transparent;
	border-top: 4px solid #fff; /* 杩欓噷璁剧疆涓夎褰㈢殑棰滆壊 */
}
.wholesale .price-up{
	background:#ed6b48;
	color:#fff;
	display: inline-block;
	padding:1px 5px;
	border-radius: 3px;
	line-height: 1.2;
}
.wholesale .price-up span{
	display: inline-block;
	vertical-align: middle;
}
.wholesale .price-up .icon{
	display: inline-block;
	border-left: 4px solid transparent;
	border-right: 4px solid transparent;
	border-bottom: 4px solid #fff; /* 杩欓噷璁剧疆涓夎褰㈢殑棰滆壊 */
}
.history{
	height: 250px;
}
.history .el-table .el-table__cell{
	padding:4px 0;
	font-size: 13px;
}
.history .el-table td.el-table__cell{
	border-bottom: none;
	font-size: 14px;
	color: #000;
}
.history .el-table::before {
	height: 0px;
}
.interpret{
	height: 168px;
	overflow: auto;
}
.num-box .item{
	background-image: linear-gradient(to right, #d9f7ff , #ffffff);
	padding:5px 10px;
	border-radius: 6px;
	/* margin-bottom:15px; */
	float: left;
	height:64px;
}
.num-name{
	padding-bottom: 5px;
}
.num-font{
	font-weight: bold;
	font-size: 24px;
}
.num-box .child .num-text img{
	vertical-align: middle;
	display: inline-block;
}
.num-box .child{
	float:left;
	width:50%;
}
.num-box .child .num-text .num-value{
	vertical-align: middle;
	display: inline-block;
	font-weight: bold;
	font-size: 24px;
}
.product-price{
	margin-left:-10px;
	margin-right: -10px;
}
.product-price .item{
	width:50%;
	padding:10px;
	float: left;
}
.product-price .item-cell{
	border:1px solid #ccc;
	padding:0 10px 0 15px;
	border-radius: 6px;
}
.product-price .item-cell img{
	display: inline-block;
	vertical-align: middle;
}
.product-price .product-info{
	display: inline-block;
	vertical-align: middle;
	font-size: 16px;
}
.product-price .product-name{
	padding-top:6px;
	padding-bottom:6px;
}
.company-list{
	height: 59px;
	overflow: auto;
}
.company-list .item{
	float: left;
	width: 50%;
	padding-right: 10px;
	padding-bottom:5px;
	padding-top:5px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}
.contact .c-left{
	float: left;
	color:#267cff;
	font-size: 16px;
	margin-right: 14px;
	padding-right: 14px;
	border-right: 1px solid #eee;
	padding-top: 5px;
}
.contact .c-right{
	float: left;
}

.card .card-title-more {
	float: right;
	padding-top: 10px;
	font-size: 16px;
	font-weight: normal;
	cursor: pointer;
}

.about {
	text-indent: 2em;
	height: 135px;
	line-height: 34px;
	overflow: hidden;
}
/*婊氬姩鏉℃暣浣撴牱寮�*/
.scrollbar::-webkit-scrollbar {
	width: 6px;
	height: 1px;
}
/*婊氬姩鏉℃粦鍧�*/
.scrollbar::-webkit-scrollbar-thumb {
	border-radius: 6px;
	-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
	background: #888;
}
/*婊氬姩鏉¤建閬�*/
.scrollbar::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 1px rgba(0,0,0,0);
	border-radius: 6px;
	background: #ccc;
}

.el-table th.el-table__cell>.cell{ color:#fff;font-size:15px; height: 30px; line-height: 30px; font-weight:bold;text-shadow:1px 1px 4px #333}
.el-button--primary{ background: #fa7c08; border: solid 1px #fa7c08;}


.dp-group .dp-group-title { line-height: 26px; border-radius: 5px;padding: 3px 10px; display: flex; justify-content: space-between; margin-bottom: 15px;}
.dp-group .dp-group-title p{ color: #fff;text-shadow:1px 1px 4px #333}
.dp-group .dp-group-title p span{ font-weight: bold; font-size: 18px;}
.dp-group .dp-group-title p.riqi{text-shadow:none}
.dp-group1 .dp-group-title{ background: #fa7c08; }
.dp-group2 .dp-group-title{ background: #3bae4f; }
.yazi{ display: flex; justify-content: space-between; margin-bottom: 10px;}
.dp-group1 .yazi .ya1{ background: #56cd3f;}
.dp-group1 .yazi .ya2{ background: #56cd3f;}
.dp-group2 .yazi .ya1{ background: #fa7c08;}
.dp-group2 .yazi .ya2{ background: #fa7c08;}
.yazi div{ width: 48.5%; text-align: center; border-radius: 5px; height: 60px; padding-top: 10px;}
.yazi div h3{ color: #fff;}
.yazi div p{ color: #fff;}
.bilv{ display: flex; justify-content: space-between;}
.bilv div{width: 48.5%; margin-bottom: 20px; color: #000; }
.bilv div span{ font-weight: bold; font-size: 18px; padding-right: 30px;}
.bilv div span.down{ background: url(zsdown.jpg) no-repeat 80px center; color:#277f37;}
.bilv div span.up{ background: url(zsup.jpg) no-repeat 80px center; color: #e23200;}

.left-zs{ background:linear-gradient(to bottom,#56cd3f,#92e781);  }
.right-zs{ background:linear-gradient(to bottom,#fa7c08,#f0b075);   ;}
.zsdiv{border-radius: 10px; padding: 20px 10px;}
.zsdiv h2{ color: #fff; }
.zsdiv dl{ display: flex;}
.zsdiv dl dt{ color: #fff; font-size: 20px; }
.zsdiv dl dd{margin-left: 20px; font-weight: bold; padding-top: 5px;}
.zsdiv dl dd.up{ color: red; font-size: 14px;}
.zsdiv dl dd.down{ color: green; font-size: 14px;}
.zsdiv span{ color: #fff; display: block; margin-top: 10px;}
.zhishujiedu{ height: 300px; overflow: auto;}
.zhishujiedu li { line-height: 32px;}
.zhishujiedu li a{display: block; color: #333; font-size: 16px;}
.zhishujiedu li span{display: block; font-size: 14px; color: #999;}
.center-zs{ display: flex; justify-content: space-between; background: url(rouyazsbg.jpg) no-repeat 0 0; background-size: 100% 100%; padding: 0 10px; border-radius: 5px; line-height: 47px; border-radius: 5px;}
.center-zs p{ color: #fff;text-shadow:1px 1px 4px #333}
.center-zs p b{ font-size: 22px;}
.center-zs span{ color: #fff; background: url(rilibg.png) no-repeat 0 center; padding-left: 20px;}
.item-div{ display: flex; justify-content: space-between;}
.pene-right{ width: 72px; height:72px; text-align: center; line-height: 72px; margin:20px 60px 10px 30px; font-size: 16px; }
.pene-right.up{ background: url(ryquan1.jpg) no-repeat center center; background-size: 100% 100%;}
.pene-right.down{ background: url(ryquan2.jpg) no-repeat center center;background-size: 100% 100%;}
.item-left .panel-num-name{font-weight: bold; margin-bottom: 10px;}
.item-left{ margin-top: 30px;}
.bl{ font-weight: bold; font-size: 18px;}
.bl.down{ color: green;}
.bl.up{ color: red;}
.panel-num-name.down{ background: url(zsdown.jpg) no-repeat 40px center; }
.panel-num-name.up{ background: url(zsup.jpg) no-repeat 40px center; }

.chinamap{ background: url(chinamapbg.jpg) no-repeat center 0 ; background-size: 100% 100%; margin-bottom: 20px; }
.shandongmap{background: url(shandongmapbg.jpg) no-repeat center 0 ;background-size: 100% 100%;}
#introjj div{ font-size: 16px;}
.zsjjbg{ background: url(jianjiebg.png) no-repeat right bottom;}
.chinamap{position: relative;}
.shandongmap{position: relative;}
.map-tit{position: absolute; top:15px; left: 15px; background-image: linear-gradient(to bottom, #cafcdf, #088c4b);
	-webkit-background-clip: text;
	color: transparent; /* 使文字颜色透明，以便看到背景渐变 */}

.el-table__body tbody tr:nth-child(2n+1) td{ background: #fff8f2;}
.history .el-table td.el-table__cell{ height: 50px;}
.jianjie-div{ padding-top: 0; font-size: 16px; height: 134px; overflow: auto; line-height: 28px; }
.chinamap dl{ position: absolute; top:50px; left: 15px; display: flex; line-height: 30px;}
.chinamap dl dt{ color: #fff; font-size: 14px;}
.chinamap dl dd{ color: #fff; font-size: 14px;}
.chinamap dl dd b{ font-size: 18px}
.shandongmap dl{ position: absolute; top:50px; left: 15px; }
.shandongmap dl dt{ color: #fff; font-size: 14px;}
.shandongmap dl dd{ color: #fff; font-size: 14px;}
.shandongmap dl dd b{ font-size: 18px}

.footer{ background: #277f37; height: 70px; line-height: 70px;}
.footer p{ color: #bdd2c0; text-align: center;}
.footer p span{ display: inline-block; margin:0 10px;}
.footer p b{ color: #fff;}