#page{padding: 80px;box-shadow: 2px 2px 12px #4e4e4e !important;border-radius: 5px;}

.content_box {background-color:#fff;}

#page .class_list ul{margin: 0; padding: 0; list-style: none;}
#page .class_list ul li{}
#page .class_list ul li:nth-child(n+2){margin-top:50px;}
#page .class_list ul li:after{content:""; display: block; clear: both;}
#page .class_list ul li .img_box{width: calc(50% - 25px);float: left;box-sizing:border-box;}
#page .class_list ul li .img_box img{width: 100%; vertical-align: middle;border-radius: 5px; box-shadow:2px 2px 7px 1px #c0c0c0;}
#page .class_list ul li .info_box{width: calc(50% - 75px); margin-left: 50px; float: left;}
#page .class_list ul li .info_box .info_title{font-size:25px; color:#333; font-weight: 500;}
#page .class_list ul li .info_box .info_title:after{content:""; display: block; width: 40px; height: 1px; margin: 15px 0 15px; background: #ffa600;}
#page .class_list ul li .info_box .content{font-size: 14px; line-height: 25px; color:#3f3f3f;}



@media screen and (max-width: 1040px) {
	#page .class_list ul li .img_box{width:40%;}
	#page .class_list ul li .info_box{width:calc(60% - 30px);margin-left:30px;}
	#page .class_list ul li .info_box .info_title{font-size: 22px;}
	#page .class_list ul li .info_box .info_title:after{margin: 10px 0 10px;}
}
@media screen and (max-width: 800px) {
	#page{padding: 20px !important;}
	#page .info{padding:0px;}
	#page .class_list ul li .info_box .info_title{font-size:18px;font-weight: 600;}
	#page .class_list ul li .info_box .content{font-size:13px;}
}
@media screen and (max-width: 660px) {
	#page{padding: 20px !important;}
	#page .info{padding:0px;}
	#page .class_list ul li .img_box{float:none;width:auto;margin:0 0 20px;}
	#page .class_list ul li .info_box{width:auto;float:none;margin:0;}
	#page .class_list ul li .info_box .info_title{font-size:16px;}
}