.selective_further {
    padding: 94px 0px 100px;
    background: #fff;
}

.selective_further_list {
    margin: 68px 0px 0px;
}

.selective_further_list li {
    width: 21.6%;
    float: left;
    margin-right: 4.533%;
    margin-bottom: 60px;
    cursor: pointer;
}

.selective_inner {
    width: 100%;
    position: relative;
    padding-top: 40px;
    bottom: 0px;
    transition: all 0.5s;
}

.selective_further_list li:hover .selective_inner {
    bottom: 20px;
}

.selective_further_list li.margin0 {
    margin-right: 0px;
}

.selective_further_list li.clear {
    width: 0px;
    height: 0px;
    float: none;
    margin: 0px;
    padding: 0px;
}


.selective_further_month {
    width: 162px;
	height: 74px;
	border-radius: 37px;
    font-size: 42px;
	/* font-weight: bold; */
	color: #fff;
    line-height: 74px;
    text-align: center;
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    margin: auto;
}

.type1 .selective_further_month {
    background: url(../images/selective_month1.png) left top no-repeat;
    background-size: 100% 100%;
}

.type2 .selective_further_month {
    background: url(../images/selective_month2.png) left top no-repeat;
    background-size: 100% 100%;
}

.selective_further_content {
    width: 260px;
	height: 224px;
	background: #fff;
	border-radius: 4px;
    text-align: center;
    font-size: 20px;
	line-height: 46px;
	color: #333;
    box-sizing: border-box;
    padding: 70px 10px 10px;
    overflow: auto;
}

.type1 .selective_further_content{
	background: #fff url(../images/type1_bgs.png) left top no-repeat;
    background-size: 100% 100%;
}

.type2 .selective_further_content{
	background: #fff url(../images/type2_bgs.png) left top no-repeat;
    background-size: 100% 100%;
}

.selective_characteristic_list {
    overflow: hidden;
    margin-bottom: 100px;
}

.selective_characteristic_list li {
    width: 33.333%;
    float: left;
    box-sizing: border-box;
    height: 300px;
    background: #ebfff8 url(../images/selective_characteristic_bg.png) left top no-repeat;
    background-size: 100% 0px;
    cursor: pointer;
    transition: all 0.5s;
    overflow: hidden;
}

.selective_characteristic_list li.type1 {
    padding: 60px 50px;
}

.selective_characteristic_list li.type2 img {
    width:100%;
    height: 100%;
}

.selective_characteristic_title {
    font-size: 28px;
	font-weight: bold;
    margin-bottom: 34px;
	line-height: 26px;
	color: #333;
}

.selective_characteristic_line {
    display: block;
    width: 50px;
	height: 2px;
	background: #0aba80;
    margin-bottom: 30px;
}

.selective_characteristic_desc {
    font-size: 20px;
	line-height: 34px;
	color: #333;
}

.selective_characteristic_list li.type1:hover {
    background: url(../images/selective_characteristic_bg.png) left top no-repeat;
    background-size: 100% 100%;
}

.selective_characteristic_list li.type1:hover .selective_characteristic_title,
.selective_characteristic_list li.type1:hover .selective_characteristic_desc {
    color: #fff
}

.selective_characteristic_list li.type1:hover .selective_characteristic_line {
    background: #f3f3f3;
}


.selective_model {
    padding: 100px 0px;
    background: url(../images/selective_model_bg.png) left top no-repeat;
    background-size: 100% 100%;
    background: none\9;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/selective_model_bg.png', sizingMethod='scale');
}

.selective_model_title {
    font-size: 40px;
	font-weight: bold;
	color: #fff;
    margin-bottom: 30px;
    text-align: center;
}

.selective_model_desc {
    text-align: center;
    font-size: 26px;
	line-height: 30px;
	color: #e3e3e3;
    margin-bottom: 70px;
}


.selective_model_show {
    width: 100%;
    position: relative;
    height: 800px;
    box-sizing: border-box;
}

.selective_model_center {
    width: 485px;
    height: 455px;
    margin: 0px auto;
    background: url(../images/selective_model_center.png) left top no-repeat;
    background-size: 100% 100%;
    position: relative;
}

.selective_model_icon {
    position: absolute;
    top: 218px;
    /* bottom: 0px; */
    left: 147px;
    /* right: 0px; */
    margin: auto;
    width: 143px;
	height: 143px;
}

.selective_model_num {
    font-size: 46px;
	font-weight: bold;
    font-family: BAHNSCHRIFT;
    width: 115px;
	height: 114px;
    border-radius: 50%;
    position: absolute;
    text-align: center;
    line-height: 114px;
}

.selective_model_num.nums1 {
    color: #0aba80;
    top: 0px;
    left: 172px;
}

.selective_model_num.nums2 {
    color: #fa9700;
    right: 0px;
    bottom: 3px;
}

.selective_model_num.nums3 {
    color: #1fa4ff;
    bottom: 0px;
    left: 0px;
}


.selective_model_item {
    width: 310px;
    height: auto;
    position: absolute;
}

.selective_model_item.type1 {
    left: 570px;
    top: 0px;
    left: 0px;
    right: 0pc;
    margin: auto;
}
.selective_model_show {
    padding-top: 200px;
}
.selective_model_item.type2 {
    right: 0px;
    top: 560px;
}

.selective_model_item.type3 {
    left: 0px;
    /*top: 352px;*/
    top: 560px;
}

.selective_model_item_tit {
    font-size: 30px;
	color: #fff;
    margin-bottom: 20px;
    text-align: center;
}

.type1 .selective_model_item_tit {
    padding: 26px 36px 40px;
    background: url(../images/selective_characteristic_item1.png) left top no-repeat;
    background-size: 100% 100%;
    /*background: #0aba80;*/
    /*border-radius: 4px;*/
}

.type2 .selective_model_item_tit {
    padding: 26px 42px;
    background: url(../images/selective_characteristic_item2.png) left top no-repeat;
    background-size: 100% 100%;
}

.type3 .selective_model_item_tit {
    padding: 26px 45px;
    text-align:center;
    background: url(../images/selective_characteristic_item3.png) left top no-repeat;
    background-size: 100% 100%;
}

.selective_model_item_desc {
    font-size: 28px;
	line-height: 44px;
	color: #fff;
}

.selective_model_item.type2 {
    text-align: left;
}

.selective_model_content {
    background: url(../images/selective_model_content_bg.png) left top no-repeat;
    background-size: 100% 100%;
    padding: 66px 30px 53px;
    box-sizing: border-box;
    text-align: center;
    width: 83.33%;
    margin: 0px auto 100px;
    font-size: 26px;
	line-height: 54px;
	color: #333;
}

.selective_model_content_green {
    color: #0aba80;
    font-weight: bold;
}


.project_keys {
    padding: 94px 0px 100px;
    background: #fff;
}

.project_keys_inner {
    margin-top: 80px;
    margin-bottom: 100px;
}

.project_keys_inner_list {
    width: 40%;
    float: left;
    padding-top: 44px;
}

.project_keys_inner_right {
    width: 60%;
    float: left;
}

.project_keys_inner_list li {
    width: 380px;
    box-sizing: border-box;
	border-radius: 8px;
    padding: 26px 35px;
    /* margin-bottom: 60px; */
    cursor: pointer;
    position: relative;
    transform: scale(1);
    transition: all 0.5s;
    transform-origin: 0 0;
}

.project_keys_inner_list li + li {
    margin-top: 60px;
}

.project_keys_title {
    font-size: 30px;
	font-weight: bold;
	color: #fff;
    margin-bottom: 10px;
}

.project_keys_desc {
    font-size: 22px;
	line-height: 34px;
	color: #fff;
}

.project_keys_inner_list li.type1 {
    background: url(../images/selective_type1.png) left top no-repeat;
    background-size: 100% 100%;
    background: none\9;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/selective_type1.png', sizingMethod='scale');
    box-shadow: 0px 15px 30px 0px 
		rgba(31, 164, 255, 0.2);
}

.project_keys_inner_list li.type2 {
    background: url(../images/selective_type2.png) left top no-repeat;
    background-size: 100% 100%;
    background: none\9;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/selective_type2.png', sizingMethod='scale');
    box-shadow: 0px 15px 32px 0px 
		rgba(144, 186, 172, 0.24);
}

.project_keys_inner_list li.type3 {
    background: url(../images/selective_type3.png) left top no-repeat;
    background-size: 100% 100%;
    background: none\9;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/selective_type3.png', sizingMethod='scale');
    box-shadow: 0px 15px 30px 0px 
		rgba(189, 146, 79, 0.3);
}

.leys_sjiao {
    position: absolute;
    width: 14px;
    height: auto;
    right: -14px;
    top: 0px;
    bottom: 0px;
    margin: auto;
    display: none;
}

.project_keys_inner_list li:hover,.project_keys_inner_list li.on {
    transform: scale(1.1);
}

.project_keys_inner_list li:hover .leys_sjiao,.project_keys_inner_list li.on .leys_sjiao {
    display: block;
}
/* 
.project_keys_inner_list li.type1:hover {
    background: url(../images/selective_type1_hover.png) left top no-repeat;
    background-size: 100% 100%;
}

.project_keys_inner_list li.type2:hover {
    background: url(../images/selective_type2_hover.png) left top no-repeat;
    background-size: 100% 100%;
}

.project_keys_inner_list li.type3:hover {
    background: url(../images/selective_type3_hover.png) left top no-repeat;
    background-size: 100% 100%;
} */

.project_keys_item_top {
    width: 370px;
	height: 70px;
	line-height: 70px;
	background: #0aba80;
	border-radius: 35px;
    font-size: 30px;
	/* font-weight: bold; */
    text-align: center;
	color: #fff;
    margin: 0px auto 90px;
}

.project_keys_echarts {
    width: 100%;
    height: 390px;
    text-align: center;
    overflow: hidden;
}

.project_keys_echarts_list {
    width: 142px;
    padding-top: 0px;
}
.project_keys_echarts_list.left{
    float: left;
    text-align: right;
    box-sizing: border-box;
    padding-right: 20px;
}
.project_keys_echarts_list.right{
    
    float: right;
    text-align: left;
}

.project_keys_echarts_list li +li {
    margin-top: 64px;
}

.project_keys_echarts_img {
    float: left;
    width: 421px;
}


.project_keys_echarts_name {
    font-size: 24px;
	line-height: 26px;
	color: #333;
    margin-bottom: 20px;
    font-weight: bold;
}

.project_keys_echarts_nums {
    font-family: BAHNSCHRIFT;
    font-size: 36px;
	line-height: 26px;
	color: #0aba80;
}

.project_keys_item {
    display: none;
}

.project_keys_item.on {
    display: block;
}


.keyPoints {
    background: #f2fcfc;
    padding: 94px 0px 100px;
}

.keyPoints .ourterTeacherBanner {
    padding-bottom: 0px;
    margin-bottom: 50px;
}

.index_videos {
    padding: 90px 0px 100px;
}

.selective_model_show>div , .selective_model_num,
.project_keys_inner_list li {
    display: none;
}

.type1 .selective_model_item_desc {
    width: 100%;
    box-sizing: border-box;
    padding-left: 12px;
    text-align: center;
}
.type2 .selective_model_item_desc {
    width: 100%;
    box-sizing: border-box;
    padding-left: 12px;
}

.type3 .selective_model_item_desc {
    width: 100%;
    box-sizing: border-box;
    padding-right: 22px;
}

.project_keys_echarts {
    position: relative;
}


.project_keys_echarts_type {
    width: 132px;
    height: 132px;
    line-height: 132px;
    vertical-align: middle;
    text-align: center;
    border-radius: 50%;
    overflow: hidden;
    font-size: 36px;
    position: absolute;
    top: 114px;
    left: 280px;
}

.type1 .project_keys_echarts_type {
    background: #e8f6ff;
    color: #0399ff;
}

.type2 .project_keys_echarts_type {
    background: #e6f8f2;
    color: #0bba80;
}

.type1 .project_keys_echarts_type {
    background: #fef4e5;
    color: #fa9500;
}