@charset "utf-8";
/* CSS Document */

body{ font-size:12px; font-family: "Microsoft YaHei", Tohoma, Arial; color:#000; position:relative; line-height:1.6; }
body:before{ content:''; position:fixed; left: calc(50% - 550px); top:0px; height:100vh; width:1100px; background:url(/ezfiles/33/1033/img/1238/bg_big.jpg) left top no-repeat; z-index:1;}
.wrap{ position:relative; z-index:1;}
.module.module-minicart{ display:none;}
.mb{ padding-top:0;}
#Dyn_head{transition: 0.5s ease;}
#Dyn_head .minner{ max-width:100% !important;}
.header {   
    -webkit-box-shadow:none;
    -moz-box-shadow: none;
    box-shadow: none;
	background:none;
	border:none;
}
#header .brand{ display:none;}
#header .outer{ max-width:1100px; margin:0 auto; background:url(/ezfiles/33/1033/img/1238/headBg.png) left top no-repeat; height:198px; position:relative;}
#header ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    position: absolute;
    bottom: 0;
    right: 0;
}
#header ul li {
	float: left;
}
#header ul li a {
	display: block;
	float: left;
	width: 129px;
	height: 70px;
	text-indent: -9999em;
	background-image: url(/ezfiles/33/1033/img/1238/navBtn_original.png);
	background-repeat: no-repeat;
}
#header ul li a:hover {
	background-image: url(/ezfiles/33/1033/img/1238/navBtn_hover.png);
}
#header ul li a.active {
	background-image: url(/ezfiles/33/1033/img/1238/navBtn_active.png);
}
#header a.btn1 {
	background-position: 0px 0px;
}
#header a.btn2 {
	background-position: 0px -70px;
}
#header a.btn3 {
	background-position: 0px -140px;
}
#header a.btn4 {
	background-position: 0px -210px;
}
#header a.btn5 {
	background-position: 0px -280px;
}
#header a.btn6 {
	background-position: 0px -350px;
}
 
#leftBtnBox {
    width: 100%;
    margin-bottom: 60px;
    padding: 20px 15px 10px 15px;
    background: url(/ezfiles/33/1033/img/1238/leftBtnBg.png)repeat-y right top;
}
#leftBtnBox ul {
    margin: 0;
    padding: 0;
}
#leftBtnBox li {
    margin-bottom: 10px;
    list-style-type: none;
}
#leftBtnBox li a {
    display: block;
    background-image: url(/ezfiles/33/1033/img/1238/leftBtn_sprite.png);
    background-repeat: no-repeat;
    text-indent: -9999em;
    width: 180px;
    height: 40px;
}
#leftBtnBox li a.btn1 {
    background-position: 0px 0px;
}
#leftBtnBox li a.btn2 {
    background-position: 0px -40px;
}
#leftBtnBox li a.btn3 {
    background-position: 0px -80px;
}
#leftBtnBox li a.btn4 {
    background-position: 0px -120px;
}
#leftBtnBox li a.btn5 {
    background-position: 0px -160px;
}
#leftBtnBox li a.btn1:hover {
    background-position: -180px 0px;
}
#leftBtnBox li a.btn2:hover {
    background-position: -180px -40px;
}
#leftBtnBox li a.btn3:hover {
    background-position: -180px -80px;
}
#leftBtnBox li a.btn4:hover {
    background-position: -180px -120px;
}
#leftBtnBox li a.btn5:hover {
    background-position: -180px -160px;
}
 
 

.mobile_nav{ display:none;}
.toggle_btn{ display:none; border:none; background:none;position: fixed;  right: 20px; top: 25px;  z-index: 999;  width: 24px; height: 20px;padding: 0;}
.toggle_btn span{ display:block; width:100%; height:2px; background:#fff; margin:5px 0;transition: 0.5s ease;}

.toggle_btn:hover span{ background:#adadad;}
.toggle_btn.active{ z-index:999;}
.toggle_btn.active span{ background: #adadad;}
.toggle_btn.active span:nth-child(1){ transform: rotate(-45deg); position: absolute; top: 5px;}
.toggle_btn.active span:nth-child(2){ transform: rotate(-135deg); position: absolute; top: 5px;}
.toggle_btn.active span:nth-child(3){ display:none;}





.mobile_navi{ display:none; overflow:hidden;position:fixed; right:0; top:0; width:250px; z-index:998; bottom:0;}
.mobile_navi .outer{ padding-top:20px; overflow-y:auto;height: 100vh; }
.mobile_navi .brand{ display:block; text-align:center; margin-top:20vw; margin-bottom:5vw;}
.mobile_navi ul{ margin:0; padding:0;}
.mobile_navi ul li{ display:block; text-align:center;    border-top: 1px solid rgba(255,255,255,.05);}
.mobile_navi ul li a{ color:#fff; display:block; padding:10px 0;}
.mobile_navi ul li a:hover{ color:#DD2F1C; text-decoration:none;}
.mobile_navi ul li .dropdown_menu{ display:none;}
.mobile_navi ul li:hover .dropdown_menu{ display:block;}
#mobile-body-overly{ display:none;z-index:997; position:fixed; top:0; top:0; width:100%; background:rgba(0,0,0,0.5);  bottom:0;}
.mobile_nav_active #mobile-body-overly{ display:block; }
.mobile_nav_active .mobile_navi{ display:block; background:#06293f;}
.mobile_navi .logo{ text-align:center; margin:20px 0;}


h1, .h1, h2, .h2, h3, .h3 {
    margin-top: 10px;
    margin-bottom: 10px;
}

.body_detail .module.module-detail.md_style1{max-width:1100px !important; margin:0 auto;}
.page_mobilehome .module.module-um.md_style1{max-width:1100px !important; margin:0 auto;}
.body_detail .mpgdetail{ padding:0;}

.home_module .outer{ padding-left:95px; display:flex; flex-wrap:wrap;min-height: 564px;}
.home_module .outer .col01{ width:210px;}
.home_module .outer .col02{ width:calc(100% - 210px); padding:20px; background:#f2f2ea;}
.home_module .outer .col02.no_padding{ padding:0 0 20px 0;width:calc(100% - 210px); }

.home_module .outer .col02 .detail_title{ height:50px; text-indent:-9999px; background-repeat:no-repeat !important;}
.home_module .outer .col02 .recruit_list{ padding:0 20px;}
.home_module .outer .col02 .recruit_list .item{ margin-bottom:30px;}
.home_module .outer .col02 .recruit_list .item h3{color: #4C6A38;  min-height:50px; background:url(/ezfiles/33/1033/img/1238/bgtitle3.jpg) left center no-repeat;margin-right: 30px;    padding-top: 10px; padding-left:75px; font-size:14px; font-weight:800;}
.home_module .outer .col02 .recruit_list .item table{ margin-left:75px;width: calc(100% - 175px);}
.home_module .outer .col02 .recruit_list .item table td{ padding:5px;}

.home_module .outer .col02 .faq_list{ padding:0 20px;}
.home_module .outer .col02 .faq_list .item{ margin-bottom:30px;}
.home_module .outer .col02 .faq_list .item h3{ color: #4C6A38; min-height:50px; background:url(/ezfiles/33/1033/img/1238/bgtitle3.jpg) left center no-repeat;margin-right: 30px;    padding-top: 10px; padding-left:75px; font-size:14px; font-weight:800;}
.home_module .outer .col02 .faq_list .item p{ color: #4C6A38; line-height:2;padding-left: 75px; padding-right: 23px;}

.home_module .outer .col02 .hire_list{ padding:0 20px;}
.home_module .outer .col02 .hire_list .item{ margin-bottom:30px;}
.home_module .outer .col02 .hire_list .item h3{ min-height:50px; background:url(/ezfiles/33/1033/img/1238/bgtitle3.jpg) left center no-repeat;   padding-top: 10px; padding-left:75px; font-size:14px; font-weight:800;}
.home_module .outer .col02 .hire_list .item p{ color: #4C6A38; line-height:2;padding-left: 75px; padding-right: 23px;}
.home_module .outer .col02 .hire_list .item ol,.home_module .outer .col02 .hire_list .item ul{padding-left: 90px; padding-right: 23px;}

.home_module .outer .col02 .about_us_list{ padding:0 20px;}
.home_module .outer .col02 .about_us_list .item{ margin-bottom:30px;}
.home_module .outer .col02 .about_us_list .item h3{ color: #4C6A38; min-height:50px; background:url(/ezfiles/33/1033/img/1238/bgtitle3.jpg) left center no-repeat;margin-right: 30px;    padding-top: 10px; padding-left:75px; font-size:14px; font-weight:800;}
.home_module .outer .col02 .about_us_list .item p{ line-height:2;margin-left: 75px; margin-right: 23px; position:relative;}
.home_module .outer .col02 .about_us_list .item .float_left{ float:left; margin-right:10px;}
.home_module .outer .col02 .about_us_list .item .float_right{ float:right; margin-left:10px;}


.home_module .outer .col02 .principal_div{ padding:20px;}
.home_module .outer .col02 .principal_div .flex_div{ display:flex; align-items:center;}
.home_module .outer .col02 .principal_div .flex_div .img img{ width:211px; max-width:inherit;}

.home_module .outer .col02 .team_div{ padding:20px; display:flex; flex-wrap:wrap;}
.home_module .outer .col02 .team_div .item{ width:50%;}
.home_module .outer .col02 .team_div .item .box{
	border:5px solid #fff;
	background: rgba(189,166,124,1);
	background: -moz-linear-gradient(top, rgba(189,166,124,1) 0%, rgba(136,115,98,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(189,166,124,1)), color-stop(100%, rgba(136,115,98,1)));
	background: -webkit-linear-gradient(top, rgba(189,166,124,1) 0%, rgba(136,115,98,1) 100%);
	background: -o-linear-gradient(top, rgba(189,166,124,1) 0%, rgba(136,115,98,1) 100%);
	background: -ms-linear-gradient(top, rgba(189,166,124,1) 0%, rgba(136,115,98,1) 100%);
	background: linear-gradient(to bottom, rgba(189,166,124,1) 0%, rgba(136,115,98,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bda67c', endColorstr='#887362', GradientType=0 );
	-webkit-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.5);
	-moz-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.5);
	box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.5);
	display:flex; align-items:center;
	min-height:320px;
	padding:10px;
	margin:10px;
}
.home_module .outer .col02 .team_div .item .box .flex{display:flex;align-items:center;}
.home_module .outer .col02 .team_div .item .box .img{ width:150px;}
.home_module .outer .col02 .team_div .item .box .img img{ max-width:140px;}
.home_module .outer .col02 .team_div .item .box .info{ width:calc(100% - 150px); color:#fff; line-height:1.5;}
.home_module .outer .col02 .team_div .item .box .info h4{ font-size:15px; margin-bottom:10px;color:#fff; }

.home_module .outer .col02 .course_div{ padding:0 20px;}
.home_module .outer .col02 .course_div h3{ color: #4C6A38; min-height:50px; background:url(/ezfiles/33/1033/img/1238/bgtitle3.jpg) left center no-repeat;margin-right: 30px;    padding-top: 10px; padding-left:75px; font-size:14px; font-weight:800;}
.home_module .outer .col02 .course_div p{ line-height:2;margin-left: 75px; margin-right: 23px; position:relative;}
.home_module .outer .col02 .course_div .item .table_div table{ width:100%;}
.home_module .outer .col02 .course_div .item{}
.home_module .outer .col02 .course_div .item.green{ margin-bottom:0;}
.home_module .outer .col02 .course_div .item.purple{ margin-top:20px;}
.home_module .outer .col02 .course_div .item.add_margin_bottom{ margin-bottom:20px;}

.home_module .outer .col02 .course_div .item.green .sub_title b{ font-size:16px; color:#fff; background:#616b52; display:inline-block; padding:1px 20px; min-width:200px;}
.home_module .outer .col02 .course_div .item.green .table_div{ border-left:20px solid #616b52; padding-left:15px;}
.home_module .outer .col02 .course_div .item.purple .sub_title b{ font-size:16px; color:#fff; background:#7a6578; display:inline-block; padding:1px 20px; min-width:200px;}
.home_module .outer .col02 .course_div .item.purple .table_div{ border-left:20px solid #7a6578; padding-left:15px;}
.home_module .outer .col02 .course_div .item.orange .sub_title b{ font-size:16px; color:#fff; background:#875a55; display:inline-block; padding:1px 20px; min-width:200px;}
.home_module .outer .col02 .course_div .item.orange .table_div{ border-left:20px solid #875a55; padding-left:15px;}
.home_module .outer .col02 .course_div .item .table_div .sub_title{display: flex; align-items: center;}
.home_module .outer .col02 .course_div .item .table_div .sub_title img{ margin-right:10px;}
.home_module .outer .col02 .course_div .item .table_div .desc{}
.home_module .outer .col02 .course_div .item .table_div .flex{ display:flex;}
.home_module .outer .col02 .course_div .item .table_div .flex .img{ width:180px;}
.home_module .outer .col02 .course_div .item .table_div .flex .img img{ max-width:150px; width:150px;}
.home_module .outer .col02 .course_div .item .table_div .flex .info{ width:calc(100% - 180px;);}
.home_module .outer .col02 .course_div .item .table_div .flex .more img{ margin-right:10px;}
.home_module .outer .col02 .course_div .item .table_div .more a{ border:none; color:#616B52;}
.home_module .outer .col02 .course_div .item .table_div .more{ text-align:right;}
.home_module .outer .col02 .course_div .item .table_div table td{ padding:6px;}
.home_module .outer .col02 .course_div .item.green  .table_div .sub_title{ font-size:16px; color:#999966}
.home_module .outer .col02 .course_div .item.green  .table_div .desc{color:#616B52}
.home_module .outer .col02 .course_div .item.purple  .table_div .sub_title{ font-size:16px; color:#663366}
.home_module .outer .col02 .course_div .item.purple  .table_div .desc{color:#663366}
.home_module .outer .col02 .course_div .item.orange  .table_div .sub_title{ font-size:16px; color:#885A56}
.home_module .outer .col02 .course_div .item.orange  .table_div .desc{color:#885A56;}
.home_module .outer .col02 .course_div .item.orange  .table_div .desc.black{ color:#000;}


.home_module .outer .col02 .course_detail{ margin-right: 30px; margin-left: 30px;}
.home_module .outer .col02 .detail_div.course_detail.acting_hosting{ margin-right: 0px; margin-left: 0px;}
.home_module .outer .col02 .course_detail .course_list.bg01{background:url(/ezfiles/33/1033/img/1238/bg012.jpg) center top no-repeat; position:relative;}
.home_module .outer .col02 .course_detail .course_list.bg02{background:url(/ezfiles/33/1033/img/1238/bg022.jpg) center top no-repeat; position:relative;}
.home_module .outer .col02 .course_detail .course_list.bg03{background:url(/ezfiles/33/1033/img/1238/bg032.jpg) center top no-repeat; position:relative;}
.home_module .outer .col02 .course_detail .course_list.bg04{background:url(/ezfiles/33/1033/img/1238/bg042.jpg) center top no-repeat; position:relative;}
.home_module .outer .col02 .course_detail .course_list.bg05{background:url(/ezfiles/33/1033/img/1238/bg052.jpg) center top no-repeat; position:relative;}
.home_module .outer .col02 .course_detail .course_list.bg05{background:url(/ezfiles/33/1033/img/1238/559929731.jpg) center top no-repeat; position:relative;}

.home_module .outer .col02 .course_detail .course_list ul{ line-height:26px;}
.home_module .outer .col02 .course_detail .course_list ul li{border-bottom: 1px #ccc dashed;}
.home_module .outer .col02 .course_detail .course_list .float_img{ position:absolute; right:0; top:0;}
.home_module .outer .col02 .course_detail .course_list .float_img img{ }
.home_module .outer .col02 .contact_us{ display:flex;    flex-wrap: wrap;}
.home_module .outer .col02 .contact_us .col01{ width:calc(100% - 400px);}
.home_module .outer .col02 .contact_us .col01 img{ width:100%;}
.home_module .outer .col02 .contact_us .col02{ width:400px;}
.home_module .outer .col02 .contact_us .col02 iframe{ width:100%;}

.home_slider .nivo-directionNav{ display:none;}
.slider .nivo-controlNav{ display:none;}

.home_module .outer .course_list{ margin-top:15px;}
.home_module .outer .course_list a{ display:block; overflow:hidden;}
.home_module .outer .course_list img{ width:100%;}
.home_module .outer .banner_list{ display:flex; flex-wrap:wrap; justify-content: space-between;  margin-top: 15px;}
.home_module .outer .banner_list .item{ }
.home_module .outer .banner_list .item a{ display:block;}
.home_module .outer .news_list{ display:flex; flex-wrap:wrap; justify-content: space-between;}
.home_module .outer .news_list .left_div{ width:238px;}
.home_module .outer .news_list .right_div{ width:427px;}
.home_module .outer .news_list .title{ border-radius:8px; overflow:hidden;}
.home_module .outer .news_list .left_div .list{ margin-top:10px; height:120px; overflow:hidden; position:relative;}
.home_module .outer .news_list .left_div .list ol{ margin:0; padding:0; margin-left:10px;}
.home_module .outer .news_list .left_div .list li{ display:block;/* position:absolute;*/}
.home_module .outer .news_list .left_div .list li h5{ margin:0;}
.home_module .outer .news_list .left_div .list li h5 a{
	display:block;
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.home_module .outer .news_list .left_div .list li .mdate{ display:block; float:none; text-align:left; margin-top:5px;}
.mobile_leftBtnBox{ display:none;}

.detail_div{ line-height:2.2;}
.detail_div h3{ font-size:20px; line-height:1.6;}
.detail_div h3:first-child{ margin-top:20px;}
.detail_div h4{ font-weight:800;font-size:15px; margin-top:20px;}
.detail_div .text_center{ text-align:center;}

.detail_div.case_detail{ text-align:center;}
.detail_div.case_detail .info_list img{ margin-top:20px;}
.detail_div.case_detail .info_list{ text-align:center;}

.detail_div .img_border{  margin:15px 0;}
.detail_div .img_border img{ width:100%;}

.detail_div.course_detail.acting_hosting h4.center{ color:#4C6A38;text-align: center; background:none;}
.detail_div.course_detail.acting_hosting h4{color: #009900; background: url(/ezfiles/33/1033/img/1238/bgtitle4.jpg) left center no-repeat; background-size:auto 16px; padding-left:25px;}

.detail_div .class_img01{ margin:15px 0; display:flex; flex-wrap:wrap;justify-content: space-between; font-size:14px;  padding: 10px;background: rgba(255,255,255,0.7);}
.detail_div .class_img01 img{ width:100%;}
.detail_div .class_img01 .col_01{ width:59%;display: flex; flex-wrap: inherit;}
.detail_div .class_img01 .col_01 .top{display:flex; flex-wrap:wrap;justify-content: space-between;}
.detail_div .class_img01 .col_01 .top img{ width:48%;}
.detail_div .class_img01 .col_01 .bottom{display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.detail_div .class_img01 .col_02{ width:39%;}
.detail_div .class_img01 .col_02 img{ margin-bottom:5%;}
.detail_div .class_img01 .col_02 img:last-child{ margin-bottom:0;}

.detail_div .class_img02{ margin:15px 0; display:flex; flex-wrap:wrap;justify-content: space-between; font-size:14px;  padding: 10px; background: rgba(255,255,255,0.7);}
.detail_div .class_img02 img{ width:100%;}
.detail_div .class_img02 .col{ width:49%;}
.detail_div .class_img02 .col .desc{display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.detail_div .class_img02 .col:last-child{display:flex; flex-wrap:wrap;padding-top: 15%;  }

.detail_div .class_img03{ margin:15px 0; display:flex; flex-wrap:wrap;justify-content: space-between; font-size:14px;  padding: 10px; background: rgba(255,255,255,0.7);}
.detail_div .class_img03 .col{ width:49%;}
.detail_div .class_img03 .col .desc{display:flex; flex-wrap:wrap; align-items:center; justify-content:center;margin-top: 25%;}
.detail_div .class_img03 .col:last-child img:first-child{ margin-bottom:5%;}

.detail_div .course_team{ margin:40px 0 15px 0; display:flex; flex-wrap:wrap;justify-content: space-between; font-size:14px;}
.detail_div .course_team .col:first-child{ width:54%;}
.detail_div .course_team .col:last-child{ width:44%;}
.detail_div .course_team .col img:first-child{ margin-bottom:5%;}
.detail_div .course_team .col h4{ margin-top:0;}
.detail_div ul{ margin-left:0; padding-left:30px; margin-bottom:0;}

.detail_div .edu_block_01{display:flex; flex-wrap:wrap;justify-content: space-between; margin:10px 0;}
.detail_div .edu_block_01 .col_01{ width:35%; padding-right:5%;}
.detail_div .edu_block_01 .col_01 img{ width:100%;}
.detail_div .edu_block_01 .col_02{ width:65%;}
.detail_div .edu_block_02{display:flex; flex-wrap:wrap;justify-content: space-between;align-items: center; margin:10px 0;}
.detail_div .edu_block_02 .item{ width:25%; padding:0 10px;}
.detail_div .edu_block_02 .item img{ max-width:100%; max-height:220px;}
.detail_div .edu_block_03{  margin:10px 0;   padding: 10px; background: rgba(255,255,255,0.7);}
.detail_div .edu_block_04{display:flex; flex-wrap:wrap;justify-content: space-between; margin:10px 0;  padding: 10px; background: rgba(255,255,255,0.7);}
.detail_div .edu_block_04 .col_01{ width:45%; padding-right:5%;}
.detail_div .edu_block_04 .col_01 img{ max-width:100%;}
.detail_div .edu_block_04 .col_02{ width:55%; }
.detail_div .edu_block_04 .col_02 h5{ font-weight:800; border-bottom:1px solid #999; padding-bottom: 8px;}
.detail_div .edu_block_05{display:flex; flex-wrap:wrap;justify-content: space-between; margin:10px 0; padding: 10px; background: rgba(255,255,255,0.7);}
.detail_div .edu_block_05 .col_01{ width:30%; padding-right:5%; text-align: center;}
.detail_div .edu_block_05 .col_01 img{ max-width:100%;}
.detail_div .edu_block_05 .col_02{ width:70%; }
.detail_div .edu_block_06{display:flex; flex-wrap:wrap;justify-content: space-between; margin:10px 0;}
.detail_div .edu_block_06 .item{ width:50%; padding:10px;}
.detail_div .edu_block_06 .item img{
	max-width:100%;
	object-fit: cover;
    object-position: center center;
    width: 100%;
    height: 100% !important;
}

.tab_links{ text-align:center; font-size:17px; padding:0; border-bottom:1px solid #dfdfdf; margin-top:25px;}
.tab_links a{ display:inline-block;    min-width: 150px; color:#000;padding:2px 15px; margin-bottom:-1px; position:relative; border-bottom:3px solid  transparent; }
.tab_links a.active{color: #009900; border-bottom:3px solid  #009900; }
.tab_content .content{ display:none;}
.tab_content .content.active{ display:block;}

.body_form #Dyn_2_2{max-width:1100px !important; margin:0 auto;}

.body_form .btn.btn-s{ border:1px solid #06293f; border-radius:3px; color:#06293f;}
.body_form .btn.btn-s:hover{ background:#06293f;}
.body_form .form-control{ margin:5px 0;}

.add_padding01{ padding:0 20px;}
.module.module-misc{ display:none;}
.go-pcurl{ display:none;}

.footer{ padding:0; background:none;}
.footer .minner{max-width:100% !important; margin:0 auto;}
.footer #Dyn_footer{  max-width:1100px; margin:0 auto;}
.footer .footer_div .outer{ margin-left: 95px;background:#06293f;padding: 20px 0;}
.footer .footer_div .outer .box{ display:flex;flex-wrap:wrap; width:600px;margin:0 auto;}
.footer .footer_div .outer .logo{ width:60px;}
.footer .footer_div .outer .info{ width:calc(100% - 60px); text-align:center;}

@-webkit-keyframes zoomOut {
  from {
    opacity: 1;
  }

  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  to {
    opacity: 0;
  }
}

@keyframes zoomOut {
  from {
    opacity: 1;
  }

  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  to {
    opacity: 0;
  }
}

.zoomOut {
  -webkit-animation-name: zoomOut;
  animation-name: zoomOut;
}


@media screen and (max-width: 1600px){	
	
}
@media screen and (max-width: 1480px){	

}
@media screen and (max-width: 1440px){
	
	
	
	
	
}
@media screen and (max-width: 1360px){	
	
}

@media screen and (max-width: 1240px){
	
}
@media screen and (max-width: 1200px){
	
}
@media screen and (max-width: 1150px){	
	

}
@media screen and (max-width: 1024px){
	body:before{ background:none;}
	.toggle_btn{ display:block;}
	#Dyn_head{ position:fixed; left:0; top:0; width:100%;height: 25vw;z-index: 800;}
	.main{ margin-top:25vw;}
	#navbar{ display:none;}
	#header .outer{ background:url(/ezfiles/33/1033/img/1238/headBg_mobile.png) left top no-repeat; background-size:100% auto;    height: auto; }
	#header .brand{ display:inline-block;}
	#header .brand img{ height:25vw;}
	
	.home_module .outer{ padding-left:0;}
	.footer .footer_div .outer{ margin-left:0;}
	
}

@media screen and (max-width: 992px){
	
	
	
}

@media screen and (max-width: 930px){
	.home_module .outer .news_list .left_div{ width:100%; margin-bottom:20px;}
	.home_module .outer .news_list .right_div{ width:100%;}
}
@media screen and (max-width: 900px){
	.home_module .outer .col01{ width:100%;background: #f2f2ea; }
	.home_module .outer .col02{ width:100%;}	
	.home_module .outer .col02.no_padding{ width:100%;}
	.home_module .outer .col02 .recruit_list .item h3{ margin-right:15px;}
	.home_module .outer .col02 .recruit_list .item table {
		margin-left: 75px;
		width: calc(100% - 120px);
	}
	#leftBtnBox{ text-align:center; margin-bottom:0; background:none;padding: 10px;}
	#leftBtnBox li{display: inline-block;margin-bottom:0;}
	#leftBtnBox li a{
		text-indent:0;
		color:#fff;
		width: 18vw; 
		background: rgba(37,23,32,1);
		background: -moz-linear-gradient(left, rgba(37,23,32,1) 0%, rgba(77,108,92,1) 100%);
		background: -webkit-gradient(left top, right top, color-stop(0%, rgba(37,23,32,1)), color-stop(100%, rgba(77,108,92,1)));
		background: -webkit-linear-gradient(left, rgba(37,23,32,1) 0%, rgba(77,108,92,1) 100%);
		background: -o-linear-gradient(left, rgba(37,23,32,1) 0%, rgba(77,108,92,1) 100%);
		background: -ms-linear-gradient(left, rgba(37,23,32,1) 0%, rgba(77,108,92,1) 100%);
		background: linear-gradient(to right, rgba(37,23,32,1) 0%, rgba(77,108,92,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#251720', endColorstr='#4d6c5c', GradientType=1 );	
		display: flex;
		align-items: center;
		justify-content: center;
		font-size: 16px;
	}
	.mobile_leftBtnBox{ text-align:center; margin-bottom:0; background:none;padding: 10px;}
	.mobile_leftBtnBox ul{ margin:0; padding:0; list-style:none;}
	.mobile_leftBtnBox li{display: inline-block;margin: 5px 0;}
	.mobile_leftBtnBox a{
		text-indent:0;
		color:#fff;
		width: 18vw; 
		background: rgba(37,23,32,1);
		background: -moz-linear-gradient(left, rgba(37,23,32,1) 0%, rgba(77,108,92,1) 100%);
		background: -webkit-gradient(left top, right top, color-stop(0%, rgba(37,23,32,1)), color-stop(100%, rgba(77,108,92,1)));
		background: -webkit-linear-gradient(left, rgba(37,23,32,1) 0%, rgba(77,108,92,1) 100%);
		background: -o-linear-gradient(left, rgba(37,23,32,1) 0%, rgba(77,108,92,1) 100%);
		background: -ms-linear-gradient(left, rgba(37,23,32,1) 0%, rgba(77,108,92,1) 100%);
		background: linear-gradient(to right, rgba(37,23,32,1) 0%, rgba(77,108,92,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#251720', endColorstr='#4d6c5c', GradientType=1 );	
		display: flex;
		align-items: center;
		justify-content: center;
		font-size: 16px;
	}
	.mobile_leftBtnBox{ display:block;}
	.page_mobilehome .home_module .outer .col01{ display:none;}
}

@media screen and (max-width: 768px){
	.wrap > .minner{ padding:0;}
	.home_module .outer .col02 .team_div .item{ width:100%;}
	.home_module .outer .col02 .team_div .item .box{ min-height:inherit;}
}
@media screen and (max-width: 767px){
	
}
@media screen and (max-width: 700px){
	.home_module .outer .banner_list .item{ width:calc(100% / 3);}	
	.home_module .outer .banner_list .item a img{ width:100%;}
	
	.home_module .outer .col02 .principal_div .flex_div{ display:block;}

	.home_module .outer .col02 .course_detail .course_list .float_img{ position:relative; right:auto;text-align: center; padding:15px 0;}
	.footer .footer_div .outer .box{ width:100%; padding:0 15px;}
	.footer .footer_div .outer .logo{ width:100%; margin-bottom:10px; text-align:center;}
	.footer .footer_div .outer .info{ width:100%;}
}
@media screen and (max-width: 640px){	
	#leftBtnBox li{ margin:5px 0;}
	#leftBtnBox li a{ width:25vw;}
	.mobile_leftBtnBox li{ margin:5px 0;}
	.mobile_leftBtnBox a{ width:25vw;}
	.home_module .outer .col02 .recruit_list .item .table_scroller{ overflow-x:auto;}
	.home_module .outer .col02 .recruit_list .item table{ width:640px ; margin-left:0;}
	.home_module .outer .col02 .contact_us .col01{ width:100%; margin-bottom:20px;}
	.home_module .outer .col02 .contact_us .col02{ width:100%;}
	.home_module .outer .col02 .contact_us .col02 iframe{ width:100%;}
	
	.home_module .outer .col02 .about_us_list .item .float_left{ float:none; margin-right:0px;}
	.home_module .outer .col02 .about_us_list .item .float_right{ float:none; margin-left:0px;}
	
	.home_module .outer .col02 .course_div .item  .table_div .table_outer{ overflow-x:auto;}
	.home_module .outer .col02 .course_div .item  .table_div .table_outer table{ width:640px !important; max-width:640px;}
	.home_module .outer .col02 .course_detail.acting_hosting{     margin-right: 0px; margin-left: 0px;}
	
	.detail_div .class_img01{ display:block;}
	.detail_div .class_img01 .col_01 .top{ display:block;}
	.detail_div .class_img01 .col_01 .top img{ width:100%; margin-bottom:20px;}
	.detail_div .class_img02{ display:block;}	
	.detail_div .class_img02 .col:last-child{ display:block;}		
	.detail_div .class_img03{ display:block;}
	.detail_div .course_team{ display:block;}
	
	.detail_div .edu_block_01{ display:block;}
	.detail_div .edu_block_01 .col_01{ width:100%; padding-right:0; margin-bottom:20px;}
	.detail_div .edu_block_01 .col_02{ width:100%;}
	
	.detail_div .edu_block_04 .col_01{ display:block;}
	.detail_div .edu_block_04 .col_01{ width:100%; padding-right:0; margin-bottom:20px;}
	.detail_div .edu_block_04 .col_02{ width:100%;}
	
	.detail_div .edu_block_05 .col_01{ display:block;}
	.detail_div .edu_block_05 .col_01{ width:100%; padding-right:0; margin-bottom:20px;}
	.detail_div .edu_block_05 .col_02{ width:100%;}
	
}

@media screen and (max-width: 480px){	
	.home_module .outer .col02{ padding-top:0;}
	.home_module .outer .col02 .course_div .item.green .table_div{ padding-left:5px; border-left: 10px solid #616b52;}
	.home_module .outer .col02 .course_div .item.purple .table_div{ padding-left:5px; border-left: 10px solid #7a6578;}
	.home_module .outer .col02 .course_div .item.orange .table_div{ padding-left:5px; border-left: 10px solid #875a55;}
	.home_module .outer .col02 .course_div .item .table_div .flex{ display:block;}
	.home_module .outer .col02 .course_div .item .table_div .flex .img{ width:100%; margin-bottom:10px;}
	.home_module .outer .col02 .course_div .item .table_div .flex .info{ width:100%;}
	.home_module .outer .col02 .course_div .item.green .sub_title b{ min-width:100%;}
	.home_module .outer .col02 .course_div .item.purple .sub_title b{ min-width:100%;}
	.home_module .outer .col02 .course_div .item.orange .sub_title b{ min-width:100%;}
	
	.detail_div .class_img01 .col_01{ width:100%; margin-bottom:20px;}
	.detail_div .class_img01 .col_02{ width:100%;}
	.detail_div .class_img02 .col{ width:100%;}
	.detail_div .class_img02 .col:last-child{ padding-top:0;}
	.detail_div .class_img02 .col:first-child{ margin-bottom:20px;}	
	.detail_div .class_img03 .col{ width:100%;}
	.detail_div .class_img03 .col:first-child{ margin-bottom:20px;}
	.detail_div .class_img03 .col .desc{ margin-top:0;}
	.detail_div .course_team .col:first-child{ width:100%; margin-bottom:20px;}
	.detail_div .course_team .col:last-child{ width:100%;}
	
	.detail_div .edu_block_05 .col_01 img{ max-width:60%;}
	.detail_div .edu_block_06{ display:block;}
	.detail_div .edu_block_06 .item{ padding:10px 0; width:100%;}
	
	.footer .footer_div .outer .info a{ display:block;}
	.footer .footer_div .outer .info span{ display:block;}
}