.line_07 {
    background-color: #f2f2f2;
    padding: 60px 0;
}
.main {
    width: 1200px;
    margin: 0 auto;
    position: relative;
}
.title_30 {
    font-size: 30px;
    color: #3b3d49;
    text-align: center;
    padding-top: 15px;
    font-weight: bold;
}
.title_30 span {
    font-family: CalifornianFB-Bold;
    font-size: 60px;
    font-style: italic;
    font-stretch: normal;
    letter-spacing: 3px;
    color: #ffba00;
}
.ul_3 {
    display: flex;
    flex-direction: column;
    padding-top: 9px;
}
.ul_3 li {
    width: 1000px;
    padding-bottom: 30px;
    background: #fff;
    position: relative;
    margin: 23px auto;
}
.ul_3 li .img_1 {
    width: 453px;
    height: 255px;
	overflow: hidden;
}
.f_l {
    float: left;
}
.ul_3 li .text_box {
}
.ul_3 li .text_box .title_1 {
    font-size: 24px;
    color: #ea5413;
    padding: 33px 0 0 40px;
    font-weight: bold;
}
.ul_3 li .text_box .text_1 {
    font-size: 24px;
    color: #453d7a;
    padding: 17px 30px 0 40px;
    font-size: 16px;
    line-height: 40px;
    color: #666666;
    text-align: justify;
}

.f_r {
    float: right;
}

@media (max-width: 767px) {
	.main {
		width: 100%;
		padding: 0 10px;
	}
	.title_30 {
		font-size: 20px;	
	}
	.ul_3 {
		padding: 0;
	}
	.ul_3 li {
		width: 100%;
		height: auto;
	}
	.ul_3 li .img_1 {
		width: 100%;
		height: auto;
	}
	.ul_3 li .text_box {
		width: 100%;
		height: auto;
		padding-bottom: 40px;
	}
	.ul_3 .line_bg {
		display: none;
	}
}


.omain {
    width: 1200px;
    margin: 0 auto;
}
.title_34 {
    font-size: 34px;
    font-weight: bold;
    padding-top: 60px;
    letter-spacing: 1px;
    color: #393939;
    text-align: center;
}
.text_18 {
    font-size: 18px;
    letter-spacing: 1px;
    color: #797979;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 20px;
}
.learning-scenario .learning-scenario-item {
    width: 100%;
    margin: 20px 0 40px;
}
.dis-flex {
    display: -webkit-box !important;
    display: -moz-box !important;
    display: -webkit-flex !important;
    display: -moz-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
}
.line_05 .nav {
    width: 1200px;
    margin: 0 auto;
}
.flex-wrap {
    flex-wrap: wrap;
}
.learning-scenario .learning-scenario-item .nav .nav-item {
    width: 16%;
    height: 80px;
    border-top: 1px solid #e6e6e6;
    border-left: 1px solid #e6e6e6;
	-webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
	background-color: #fff;
	 -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
}
.learning-scenario .learning-scenario-item .nav .nav-item span {
    display: block;
    width: 70%;
    line-height: 25px;
    font-size: 16px;
	    color: #333;
}
.learning-scenario .learning-scenario-item .nav .nav-item:hover{
    scale: 1.01;
    box-shadow: 0px 0px 10px 0px rgba(218, 218, 218, 0.6);
}
.learning-scenario .learning-scenario-item .nav .nav-item:nth-child(6n){
    border-right: 1px solid #e6e6e6;
}
.learning-scenario .learning-scenario-item .nav .nav-item:nth-child(n+12){
    border-bottom: 1px solid #e6e6e6;
}
@media (max-width: 767px) {
	.omain {
		width: 100%;
	}
	.title_34 {
		padding-top: 20px;
	}
	.text_18 {
		padding-top: 0;
	}
	.dis-flex {
		display: block !important;
	}
	.mt-50 {
		margin-top: 20px;
	}
	.w-232 {
		width: auto;
	}
	.line_05 .nav {
		width: 100%;
	}
	.dis-flex {
		display: block !important;
	}
	.line_05 .learning-scenario {
		padding: 0 1%;
	}
	.learning-scenario .learning-scenario-item .nav .nav-item {
		width: 33%;
	}
	.line_05 .dis-flex {
		display: flex !important
	}
	.learning-scenario .learning-scenario-item .nav .nav-item:nth-child(3n){
      border-right: 1px solid #e6e6e6;
    }
    .learning-scenario .learning-scenario-item .nav .nav-item:nth-child(n+16){
      border-bottom: 1px solid #e6e6e6;
    }
	.learning-scenario .learning-scenario-item .nav .nav-item span {
		font-size: 14px;
	}
}