#articleInfo12 .row{margin:25px 0}
#articleInfo12 .left.first{border:5px solid #00a3e8;padding:30px;box-shadow:10px 10px #00a3e8}
#articleInfo12 .row h2{font-size:40px;color:#00a3e8;animation-name:fadeInLeft;-webkit-animation-name:fadeInLeft;line-height:170%;font-weight:800;margin-bottom:30px}
#articleInfo12 .row h3{font-size:40px;color:#00a3e8;animation-name:fadeInLeft;-webkit-animation-name:fadeInLeft;line-height:170%;font-weight:800;margin-bottom:30px}
#articleInfo12 .row article{margin:10px 0 30px;font-size:20px}
#articleInfo12 .box{margin:20px 0}
#articleInfo12 .box .info{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;margin:15px 0}
#articleInfo12 .box h4{font-size:25px;background:#fd7f2b;width:20%;text-align:center;color:#fff;padding:15px 0;box-shadow:5px 5px 10px 0 #cdcdcd}
#articleInfo12 .box .info:nth-child(2n) h4{background:#00a3e8;}
#articleInfo12 .box.bllue .info{background: #fd7f2b;padding: 20px;}
#articleInfo12 .box.bllue .info h4{background:none;box-shadow: none;color: #333131;font-weight: 600;}
#articleInfo12 .box.bllue .info p{background: #ea883f;border: 2px solid #fff;padding: 20px;}
#articleInfo12 .box p{width:calc(80% - 50px);text-align:left;font-size:22px}
#articleInfo12 .twoo{display:flex;flex-wrap: wrap;justify-content: space-between;}
#articleInfo12 .twoo .info{border: 5px solid #00a3e8;width: calc(50% - 25px);margin: 0;display: flex;flex-direction: column;justify-content: flex-start;}
#articleInfo12 .twoo .info h4{background:#00a3e8;box-shadow: none;width: 100%;}
#articleInfo12 .twoo .info p{padding: 20px;width: calc(100% - 40px);}
#articleInfo12 .row .topBox{overflow:hidden}
#articleInfo12 .photo{display:flex;flex-wrap:wrap;justify-content:space-between;margin:40px 0}
#articleInfo12 .photo p{width:calc(100%/3)}
#articleInfo12 .bboc{}
#articleInfo12 .bboc .info{background:#fd7f2b;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;padding:80px;outline:2px solid #fff;outline-offset:-35px}
#articleInfo12 .bboc .info:nth-child(2n){background:#efefef;outline:2px solid #3d3d3d}
#articleInfo12 .bboc .info .photoo{width:60%}
#articleInfo12 .bboc .tt{width:35%}
#articleInfo12 .bboc .tt h4{font-size:30px;font-weight:700;margin-bottom:20px}
#articleInfo12 .bboc .tt p{font-size:20px;width:90%}

@media screen and (max-width:1024px){
	#articleInfo12 .box h4{width:30%}
	#articleInfo12 .box p{width:calc(70% - 50px)}
}
@media screen and (max-width:768px){
	#articleInfo12 .box h4,#articleInfo12 .bboc .info .photoo,#articleInfo12 .bboc .tt p{width:100%}
	#articleInfo12 .box p,#articleInfo12 .bboc .tt{width:100%;margin-top:15px}
}
@media screen and (max-width:480px){
	#articleInfo12 .twoo .info{width: 100%;}
	#articleInfo12 .row h3{font-size:30px}
	#articleInfo12 .row h2{font-size:30px}
	#articleInfo12 .box p{font-size:20px}
	#articleInfo12 .bboc .info{padding:50px;outline-offset:-20px}
}