@import "reset.css";

body {
    font: 16px/1.1 "Microsoft YaHei";
    color: #000;
    background: #fff;
}

.main {
    width: 1200px;
    margin: 0 auto;
    text-align: center;
    padding-top: 1px;
}

.banner {
    width: 100%;
    height: 299px;
    background: url(../images/banner.jpg) no-repeat center;
}
.content1{
    padding-bottom: 90px;
}
.course_list{
    margin-top: 65px;
}
.course_list li{
    float: left;
    width: 270px;
	height: 270px;
	background-color: #ffffff;
	box-shadow: 0px 0px 8px 0px 
		rgba(194, 213, 242, 0.6);
    border-radius: 10px 10px 0px 0px;
    margin: 0 40px 30px 0;
}
.course_list li:nth-child(4n){
    margin-right: 0;
}
.course_list li>a{
    display: block;
    /* width: 270px; 
	height: 270px; */
}
.course_list a span{
    color: #9c9ea9;     
}
.course_list a.active span{
    color: #1cb877;       
}
.course_list a>h3{
    font-size: 14px;
    color: #303030;
    height: 34px;
    margin: 20px auto 18px;
} 
.course_info{
    width: 225px;
    margin: 0 auto;
}
.course_info>span{
    float: left;
    color: #1cb877;
    font-size: 16px;
}

.course_info>p{
    float: right;
    font-size: 12px;
    color: #9c9ea9;
}
.course_info>p span{
    vertical-align: middle;
}

.course_ad{
    display: block;
    width: 443px;
	height: 60px;
	line-height: 60px;
	background-color: #1bc47e;
	box-shadow: 0px 1px 6px 0px 
		rgba(172, 183, 178, 0.9);
    border-radius: 30px;
    font-size: 20px;
    color: #ffffff;
    margin: 80px auto 0;
}
.content2{
    padding-bottom: 50px;
}

.content2 .main{
    height: 850px;
    background: url(../images/con2.png) no-repeat center;
    box-shadow: 0px 1px 18px 0px 
		rgba(195, 214, 242, 0.8);
}