.trade_ele{ margin-top: 20px;}
.col-md-12.trade_eles{ position:relative;height: 100%; padding: 40px; background: #fff;}
.trade_eles h2{display: inline-block;padding-bottom: 10px;margin-bottom: 15px; line-height: 50px; color: #9A9A9A;font-size: 36px; color: #dbdbdb;}
.trade_eles h2 b{font-weight: normal; font-size: 22px; color: #dbdbdb;}
.ele_text{ padding-bottom: 30px;text-align: justify;font-size: 12px;line-height: 18px;color: #4d4948;border-bottom: 1px solid #DBDBDB; }
.ele_list{ display: flex; padding-left: 20px;align-content: space-around; }
.ele_list li{ width: 120px;list-style: disc;color: #737bb0; }
.ele_list li a{display: block;height: 30px;color: #737bb0;}
.col-md-12.trade_eles .col-md-12{ overflow: hidden;}
.p-title h4{ color: #627eb5;margin:20px 0; }
.relateNews h5{position: relative; margin:50px 0; font-size:18px; color:#1a4d9a;font-weight: bold;}
.relateNews h5:before{position: absolute;left:80px;content:'';  width: 1px;height: 100%;background-color: #dbdbdb; }
.relateNews ul li{position:relative;width: 100%; height: 60px;line-height:60px;padding-left: 20px; list-style:disc;border-top:1px solid #dbdbdb;  }
.relateNews ul li:last-child {border-bottom:1px solid #dbdbdb;}
.relateNews ul li a{display: block; overflow: hidden;color:#7d7d7d; font-size:14px;white-space: nowrap;text-overflow:ellipsis;transition:all 0.6s;}
.relateNews ul li a:hover{color:#2b5aa1;}
.relateNews ul li :after{ position: absolute;left:0;top:28px;content:'';  width: 5px;height: 5px;background-color: #000; }
.relateNews ul li:hover :after{transition:all 0.5s; background-color: #1a4d9a;}
.trade_eles .tradeMore{ position: absolute;z-index:3; right:14px; width: 50px;height: 50px;line-height: 50px;text-align: center;transition: all 0.6s;  border-radius: 50%;}
.tradeMore a{position: relative;z-index: 5;display: block;color: #fff;font-weight: bold;}
.tradeMore .cri1{  position: absolute;left:-1px;top: -1px;width: 50px;height: 50px;line-height: 50px;text-align: center; border-radius: 50%;border: 1px solid #eee;animation: cri1 4s ease-in-out 0s infinite normal;}
.tradeMore .cri2{ position: absolute;left: 4px;top: 4px;  width: 40px;height: 40px; animation: cri2 4s ease-in-out 0s infinite normal;background: #96bdf9;border-radius: 50%; }
.tradeMore .cri3{position: absolute;left: 9px;top: 9px;  width:30px;height: 30px;background: #076fc7;border-radius: 50%;  animation: cri3 4s ease-in-out 0s infinite normal; }
@-webkit-keyframes cri1{
	from{
		opacity: 0.1;transform: scale(1,1);box-shadow: 0px 0px 10px rgba(26,79,160,0.2) ;
	}
	50%{
		opacity: 0.5;transform: scale(1.1,1.1);box-shadow: 0px 0px 10px rgba(26,79,160,0.5) ;
	}
	
	to{
		opacity: 0.1;transform: scale(1,1);box-shadow: 0px 0px 10px rgba(26,79,160,0.2) ;
	}
}
@-webkit-keyframes cri2{
	from{
		opacity: 0.5;transform: scale(1,1);box-shadow: 0px 0px 10px rgba(26,79,160,0.2) ;
	}
	50%{
		opacity:1;transform: scale(1.1,1.1);box-shadow: 0px 0px 10px rgba(26,79,160,0.5) ;
	}
	to{
		opacity: 0.5;transform: scale(1,1);box-shadow: 0px 0px 10px rgba(26,79,160,0.2) ;
	}
}
@-webkit-keyframes cri3{
	from{
		opacity: 0.9;transform: scale(1,1);box-shadow: 0px 0px 10px rgba(26,79,160,0.2) ;
	}
	50%{
		opacity: 0.5;transform: scale(1.1,1.1);box-shadow: 0px 0px 10px rgba(26,79,160,0.5) ;
	}
	
	to{
		opacity: 0.9;transform: scale(1,1);box-shadow: 0px 0px 10px rgba(26,79,160,0.2) ;
	}
}
@media  screen and (max-width:1200px ) {
	.ele_list li { width: 90px; }
	.trade_eles .tradeMore{ top:40px; }
}

@media  screen and (max-width: 640px) {
.ele_list li{ text-align: center;list-style:none;}
.ele_list{text-align: center; display: flex; flex-wrap: wrap;padding-left: 0px; }
.col-md-12.trade_eles{height: 100%; padding: 15px; background: #fff;}	
}
@media  screen and (max-width: 768px) {
	.public-title b::before{ height: 24px; }
	.trade_eles h2{line-height: 30px;font-size: 24px;}
	.trade_eles h2 b{  line-height: 18px;font-size: 18px;}	
}
@media  screen and (max-width: 414px) {
	.public-title b::before{ height: 24px; }
	.trade_eles h2{line-height: 30px;font-size: 24px;margin-bottom: 30px;}
	.trade_eles h2 b{  line-height: 20px;font-size: 16px;}	
}
