#articleInfo20 ul{margin-bottom:70px;display:flex;flex-wrap:wrap;justify-content:space-between}
#articleInfo20 ul li{width:calc((100%/2) - 115px);display:inline-block;transition:all linear 0.3s;margin:0 40px}
#articleInfo20 ul li.focus{padding:55px 25px;background:#caa34b;border-color:#775e27;color:#242425}
#articleInfo20 ul li h3{font-size:30px;font-weight:600;text-align:center}
#articleInfo20 ul li article{font-size:18px;margin:0}
#articleInfo20 ul li.focus h5{color:#fff}
#articleInfo20 ul li p.photo{margin:15px 0}
#articleInfo20 .bottomBox h3{text-align:center;font-size:30px;animation-name:fadeInUp;-webkit-animation-name:fadeInUp}
#articleInfo20 .bottomBox p{margin:0 0 20px;font-size:19px}
#articleInfo20 .infoBox{}
#articleInfo20 .infoBox h2{font-size:45px;font-weight:700;color:#00a3e8;margin-bottom:20px}
#articleInfo20 .infoBox .two{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;margin:40px 0}
#articleInfo20 .infoBox .two >div{width:47%}
#articleInfo20 .infoBox .iinfo h3{font-size:30px;font-weight:500}
#articleInfo20 .infoBox .iinfo p{font-size:20px}
#articleInfo20 .infoBox .infotwo{margin:40px 0}
#articleInfo20 .infoBox .infotwo h4{background:#00a3e8;color:#fff;padding:10px 30px;font-size:30px;font-weight:600;margin-bottom:30px}
#articleInfo20 .infoBox .infotwo h4.oo{background:#fd7f2b}
#articleInfo20 .infoBox .infotwo p{font-size:18px}
#articleInfo20 .infoBox .infotwo p.oo{margin-top:40px;color:#fd7f2b;font-weight:600}
#articleInfo20 .infoooBox{background:#c3c3c3;padding:120px;outline:4px solid #fff;outline-offset:-45px;position:relative;margin-bottom:50px}
#articleInfo20 .infoooBox:before{content:'';width:0;height:0;border-style:solid;border-width:200px 0 0 200px;border-color:transparent transparent transparent #fff;position:absolute;right:0;top:0}
#articleInfo20 .infoooBox:after{content:'';width:0;height:0;border-style:solid;position:absolute;right:0;top:0;border-width:0 200px 200px 0;border-color:transparent #c3c3c3 transparent transparent}
#articleInfo20 .inno{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;margin:60px 0}
#articleInfo20 .inno >div{width:48%}
#articleInfo20 .inno:nth-child(2n) .photo{order:2}
#articleInfo20 .inno .tt h3{font-size:40px;margin-bottom:20px;font-weight:700;text-align:center}
#articleInfo20 .inno .tt p{font-size:20px}
#articleInfo20 .bottomBox h4{color:#00a3e8;font-size:35px;font-weight:800;margin-bottom:20px;text-align:center}
#articleInfo20 .bottomBox .btn{text-align:center}
#articleInfo20 .bottomBox .btn a{background:#00a3e8;color:#fff;font-size:22px;padding:13px 50px;display:inline-block;border-radius:10px}

@media screen and (max-width:768px){
	#articleInfo20 .inno:nth-child(2n) .photo{order:0;}
	#articleInfo20 .inno >div{margin:10px 0;width:100%;;}
	#articleInfo20 .infoBox .two >div{width:100%;margin: 15px 0;}
	#articleInfo20 ul li{margin-bottom:10px;width:calc(100% - 55px)}
	#articleInfo20 .infoBox h2{font-size: 35px;}
	#articleInfo20 .infoBox .infotwo h4{font-size: 26px;padding: 10px 15px;}
	#articleInfo20 .infoooBox:after{border-width: 0 100px 100px 0;}
	#articleInfo20 .infoooBox:before{border-width: 100px 0 0 100px;}
}
@media screen and (max-width:480px){
	#articleInfo20 .infoBox h2{font-size: 26px;}
	#articleInfo20 .infoBox .infotwo h4{font-size:22px;}
	#articleInfo20 ul li{width: 100%;margin: 0;}
	#articleInfo20 .inno .tt h3{font-size:30px;}
	#articleInfo20 .infoooBox{padding: 45px;outline-offset: -15px;}
	#articleInfo20 .bottomBox h4{font-size: 27px;}
	#articleInfo20 .bottomBox .btn a{text-align:center;font-size: 18px;padding: 13px 30px;}
}