.mvisual { position: relative; height: 340px; padding-left: 50%; margin-left: -600px; overflow: hidden; }
/*.mvisual { position: relative; height: 340px; background: url(../img/mv_grayscale.png); padding-left: 50%; margin-left: -600px; overflow: hidden; }*/

.width_crop { position: relative; width: 3600px; height: 340px; }

.group_animate { position: relative; float: left; width: 1200px; height: 340px; }
.group_animate .obj { float: left; width: 892px; }
.group_animate .obj > div { width: 892px; position: absolute; top: 0; }
.group_animate .obj .l { left: -892px;  filter: grayscale(100%); opacity: 0.3; filter: Alpha(opacity=30); }
.group_animate .obj .c { left: 0px;  opacity: 1;}
.group_animate .obj .r { left: 892px;  filter: grayscale(100%); opacity: 0.3; filter: Alpha(opacity=30); }
.group_animate .obj .h-left { left: -1784px; filter: grayscale(100%); opacity: 0.3; filter: Alpha(opacity=30); }
.group_animate .obj .h-right { left: 1784px; filter: grayscale(100%); opacity: 0.3; filter: Alpha(opacity=30); }

.group_animate2 { position: relative; float: left; width: 260px; height: 286px; }
.group_animate2 .obj { float: left; width: 260px; }
.group_animate2 .obj > div { width: 260px; position: absolute; top: 0; }
.group_animate2 .obj .l { left: -892px;  filter: grayscale(100%); opacity: 0.3; filter: Alpha(opacity=30); }
.group_animate2 .obj .c { left: 0px;  opacity: 1;}
.group_animate2 .obj .r { left: 892px;  filter: grayscale(100%); opacity: 0.3; filter: Alpha(opacity=30); }
.group_animate2 .obj .h-left { left: -1784px; filter: grayscale(100%); opacity: 0.3; filter: Alpha(opacity=30); }
.group_animate2 .obj .h-right { left: 1784px; filter: grayscale(100%); opacity: 0.3; filter: Alpha(opacity=30); }

/*
.group_animate .obj .c:AFTER{
	content: "";
	display:block;
	width: 100%;
	height: 100%;
	background-color: #ccc;
	
} 
.group_animate .obj .l-to-o{ left: -1784px; }
.group_animate .obj .c-to-l{ left: -892px; background: url(../img/mv_grayscale.png); -webkit-filter: grayscale(100%); filter: grayscale(100%); opacity: 0.5; filter: Alpha(opacity=50);  }
.group_animate .obj .r-to-c{ left: 0px ; -webkit-filter: grayscale(0%); filter: grayscale(0%); opacity: 1; filter: Alpha(opacity=100); }
.group_animate .obj .o-to-r{ left: 892px ; -webkit-filter: grayscale(100%); filter: grayscale(100%); opacity: 0.5; filter: Alpha(opacity=50); }
.group_animate .obj .o-to-o{ left: 1784px ;  } 
*/


.description_fade { position: absolute; top: 0; left: 50%; margin-left: -300px; width: 1200px; height: 340px; }

.description { position: absolute; top: 0; right: 0; width: 308px; height: 340px; overflow: hidden; }

.colorBg { padding: 30px 24px 24px; background-color: #70a614; height: 340px; line-height: 30px; }
.colorBg .de_tit { color: #fff; font-size: 23px; font-weight: bold; text-align: center; }
.colorBg .de_txt { color: #fff; font-size: 15px; font-weight: normal; }

.colorBg .subtext { color: #fff; font-size: 18px; font-weight: bold;  }


.control { position: absolute; bottom: 20px; left: 24px; }
.control a { float: left; margin-right: 5px; }

.content { margin-top: 22px; margin-bottom: 22px; overflow: auto; }

.main_con { overflow: hidden; width: 892px; border: 1px #cecece solid; border-right: none; float: left; }

.article { float: left; padding: 20px; position: relative; }

.a_h2 { margin-bottom: 20px; overflow: hidden; }
.a_h2 h2 { float: left; color: #1b1b1b; font-size: 18px; font-weight: bold; line-height: 23px; margin: 0; }

.more { background: url(../img/more_ico.png) no-repeat right center; width: 23px; height: 23px; float: right; cursor: pointer; }
.more.inTab { position: absolute; right: 0; top: 0; }
.more:hover { background-color: #eee; }

.board { height: 284px; width: 65.8%; border-right: 1px #cecece solid; border-bottom: 1px #cecece solid; }
.board h2 { padding: 0 10px; color: #757575; font-weight: normal; cursor: pointer; }
.board h2:first-child { border-right: 1px solid #cecece; }
.board h2:hover, .board h2.ov:hover { color: #70a614; font-weight: bold; }
.board h2.ov, .board h2:active { color: #1b1b1b; font-weight: bold; }

.vod { height: 284px; width: 34.2%; border-bottom: 1px #cecece solid; }
.vod .img100 { margin: 0; cursor: pointer; background: url(../img/vod_main_thum.png) no-repeat center center; }

.calendar { height: 590px; width: 308px; float: right; background-color: #f6f6f6; border: 1px #cecece solid; color: #5b5b5b; }
.calendar hr { margin: 0px 0 22px; border: solid #CECECE; border-width: 1px 0 0; }
.calendar .calendar_date { font-weight: bold; line-height: normal; }
.calendar .calendar_memo { font-weight: normal; text-indent: 10px; margin-bottom: 10px; line-height: 20px; }

.gallery { width: 65.8%; border-right: 1px #cecece solid; }

.col_box { position: relative; width: 100%; height: 217px; }
.col_box.scroll { overflow-y: scroll; height: 261px; }
.col_box p { margin: 0; padding: 0; }
.col_box .img100 { line-height: normal; margin-bottom: 0; text-align: center; }
.col_box figcaption { margin-top: 10px; }
.col_box .col_left { position: absolute; left: 0; }
.col_box .col_right { position: absolute; right: 0; }

.col_box div { cursor: pointer; }
.col_box div:hover figcaption { text-decoration: underline; }

.teacher { width: 34.2%; }

.teacher_arrow { background: url(../img/teacher_arrow.png) no-repeat right center; width: 23px; height: 23px; float: right; cursor: pointer; margin-left: -1px; }
.teacher_arrow.lft_arrow { background-position-x: left; }
.teacher_arrow:hover { background-color: #eee; }

.tab { position: relative; overflow: hidden; background: #fff; width: 100%; line-height: 1.5; color: #888; -webkit-font-smoothing: antialiased; }

.tabs { display: table; position: relative; overflow: hidden; margin: 0; width: 100%; margin-left: -10px; }
.tabs li { float: left; line-height: 23px; overflow: hidden; position: relative; margin-bottom: 20px; border-right: 1px solid #cecece; }
.tabs li:last-child { border-right: none; }
.tabs a { background-color: transparent; color: #888; font-size: 18px; font-weight: bold; display: block; letter-spacing: 0; outline: none; padding: 0 10px; text-decoration: none; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
.tabs a:hover { text-decoration: underline; }

.tabs_item { display: none; padding: 0; height: 196px; overflow: hidden; }
.tabs_item p { margin: 0; padding: 0; }
.tabs_item p.left_img { width: 180px; }
.tabs_item ul, .tabs_item li { margin: 0; padding: 0; overflow: hidden; }
.tabs_item li { line-height: 28px; cursor: pointer; }
.tabs_item li p { float: left; width: 442px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.tabs_item li span { float: right; width: 95px; text-align: right; }
.tabs_item li:hover p { text-decoration: underline; }
.tabs_item h4 { font-weight: bold; font-size: 20px; }
.tabs_item img { width: 242px; float: left; margin-right: 22px; }
.tabs_item:first-child { display: block; }

.current a { color: #1b1b1b; }

.main_banner { margin-bottom: 22px; }
.main_banner svg { -webkit-transition: all 0.5s ease; transition: all 0.5s ease; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); }
.main_banner > div { padding: 10px 15px; border-radius: 3px; display: inline-block; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); cursor: pointer; margin-right: 10px; }
.main_banner > div .banner_ico { float: left; height: 35px; width: 32px; margin-right: 15px; }
.main_banner > div p { font-size: 14px; line-height: 18px; margin: 0; float: left; }
.main_banner .banner_01 { color: #ffffff; background-color: #005b31; }
.main_banner .banner_01 svg { fill: #ffffff; }
.main_banner .banner_01:hover { color: #ffffff; background-color: #f15923; }
.main_banner .banner_06 { color: #ffffff; background-color: #da0400; }
.main_banner .banner_06 svg { fill: #ffffff; }
.main_banner .banner_06:hover { color: #ffffff; background-color: #f15923; }
.main_banner .banner_02 { color: #ffffff; background-color: #70a614; }
.main_banner .banner_02 svg { fill: #ffffff; }
.main_banner .banner_02:hover { color: #ffffff; background-color: #f15923; }
.main_banner .banner_03, .main_banner .banner_04 { color: #737070; background-color: #fff; border: 1px solid #D2D2D2; }
.main_banner .banner_03 svg, .main_banner .banner_04 svg { fill: #5e5f5f; }
.main_banner .banner_03:hover, .main_banner .banner_04:hover { color: #f15923; border: 1px solid #f15923; }
.main_banner .banner_03:hover svg, .main_banner .banner_04:hover svg { fill: #f15923; }
.main_banner .banner_05 { float: right; padding: 0; margin: 0; }

/*# sourceMappingURL=main.css.map */