@import url('https://fonts.googleapis.com/css2?family=Zen+Dots&display=swap');
.wow{animation-name:fadeInDown;-webkit-animation-name:fadeInDown;animation-duration:1.5s;-webkit-animation-duration:1.5s;animation-fill-mode:both;-webkit-animation-fill-mode:both;animation-duration:1s;-webkit-animation-duration:1s}
#articleInfo5 ul{position:relative}
#articleInfo5 >ul >li{overflow:hidden;padding: 50px 0;display: flex;align-items: center;justify-content: space-between;border-bottom: 1px solid #eee;}
#articleInfo5 >ul >li:last-child{border:0;padding-bottom: 0;}
#articleInfo5 >ul >li >div{width: calc(100% - 300px);}
#articleInfo5 >ul >li img{width:140px;}
#articleInfo5 ul li .pro_title{display:flex;align-items: center;flex-wrap: wrap;}
#articleInfo5 ul li .pro_title .pro_num{width: 55px;height: 55px;font-size: 23px;border-radius:100%;line-height:200%;display:flex;justify-content:center;align-items:center;color:#FFFFFF;background: #262626;margin-right: 20px;}
.ml_title h6{font-size:28px;line-height:120%;font-weight:normal;font-family:'Zen Dots',cursive}
.ml_title h5{font-size:18px;font-weight:400}
.pro_cont_L p{margin:14px 0;font-weight:lighter;font-size:15px}
#articleInfo5 ul li .titBox p,#articleInfo5 ul li .titBox h3{margin-right:10px;text-align:right;color:#84bcde}
#articleInfo5 ul li .titBox h3{font-size:25px;color:#206a94;transition:all 0.4s ease-in-out 0s}
#articleInfo5 ul li:hover .titBox h3{margin-top:5px}
#articleInfo5 ul li .icon{margin:8px 10px 0;width:40px;height:40px;background:#46a4da;-webkit-box-shadow:0 0 0 8px #afdcf8;-moz-box-shadow:0 0 0 8px #afdcf8;-ms-box-shadow:0 0 0 8px #afdcf8;box-shadow:0 0 0 8px #afdcf8;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;border-radius:50%;text-align:center;line-height:40px;font-size:20px;color:#fff}
#articleInfo5 ul li .info{position:relative;margin:0 0 20px 3%;width:65%;-webkit-box-shadow:0 3px 0 rgba(0,0,0,0.1);-moz-box-shadow:0 3px 0 rgba(0,0,0,0.1);-ms-box-shadow:0 3px 0 rgba(0,0,0,0.1);box-shadow:0 3px 0 rgba(0,0,0,0.1);-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;border-radius:5px}
#articleInfo5 ul li .info:before{position:absolute;left:-7px;top:18px;width:0;height:0;border-top:7px solid transparent;border-bottom:7px solid transparent;border-right:7px solid #46a4da;content:""}
#articleInfo5 ul li .info h3{padding:10px;background:#46a4da;-webkit-border-radius:5px 5px 0 0;-moz-border-radius:5px 5px 0 0;-ms-border-radius:5px 5px 0 0;border-radius:5px 5px 0 0;font-size:18px;color:#fff}
#articleInfo5 ul li:hover .info h3{-webkit-animation:animatedIcon 1s infinite linear;-moz-animation:animatedIcon 1s infinite linear;-ms-animation:animatedIcon 1s infinite linear;-o-animation:animatedIcon 1s infinite linear}
#articleInfo5 ul li .info article{padding:15px 20px;border-left:1px #ccc solid;border-right:1px #dedada solid;line-height:180%}

@media screen and (max-width:768px){
#articleInfo5 >ul >li >div{width: calc(100% - 200px);}
	.ml_title{width:100%;margin-top: 10px;}
	#articleInfo5 ul:before{margin-left:3px}
	#articleInfo5 ul li .titBox h3{font-size:20px}
}
@media screen and (max-width:640px){
	#articleInfo5 ul li .pro_title .pro_num{width: 45px;height: 45px;font-size: 18px;}
	#articleInfo5 >ul >li{padding:30px 0;}
	.ml_title h6{font-size: 22px;}
	#articleInfo5 >ul >li img{margin:0 auto;display: none;}
	#articleInfo5 >ul >li{flex-wrap: wrap;}
	#articleInfo5 >ul >li >div{width: 100%;}
	#articleInfo5 ul:before{display:none}
	#articleInfo5 ul li .titBox{width:auto}
	#articleInfo5 ul li:hover .titBox h3{margin-top:0}
	#articleInfo5 ul li .icon{-webkit-box-shadow:0 0 0 8px #fff;-moz-box-shadow:0 0 0 8px #fff;-ms-box-shadow:0 0 0 8px #fff;box-shadow:0 0 0 8px #fff}
	#articleInfo5 ul li:hover .icon{-webkit-box-shadow:0 0 0 8px #afdcf8;-moz-box-shadow:0 0 0 8px #afdcf8;-ms-box-shadow:0 0 0 8px #afdcf8;box-shadow:0 0 0 8px #afdcf8}
	#articleInfo5 ul li .info{margin:10px 0 20px 0;width:100%}
	#articleInfo5 ul li .info:before{left:40px;top:-7px;border-top:0;border-bottom:7px solid #46a4da;border-right:7px solid transparent;border-left:7px solid transparent}
}