@charset "utf-8";
.m_contents {overflow:hidden; background:url("/images/11_edu/main/main_bg.jpg") no-repeat bottom center;}
.m_con_wrap1{ padding:0 0px 110px 0px; margin:0 auto;overflow:hidden;}
.m_con_wrap1 .con_wrap1{float: left;width: 100%;}

.m_con_wrap1 .con_wrap1 .con_title{width:100%;  padding:15px 0;text-align:center; font-size:22px; color:#333333;line-height:35px;background-color:#f9f9f9; }
.con_title .pc_title {width:63%; margin:0 auto;}
.con_title .pc_title .f_color{color:#253181; font-weight:600;font-size:24px; }
.con_title .pc_title .f_size{color:#3a49ad; font-weight:600;font-size:27px; }

.m_con_wrap1 .con_wrap1 .quick{width:100%;border: solid 1px #d6d6d6;box-sizing: border-box;}
.m_con_wrap1 .con_wrap1 .quick .shadow{display:none;}
.m_con_wrap1 .con_wrap1 .quick .text{background-color:#fff;width:100%;line-height:50px;height: 50px;}
.m_con_wrap1 .con_wrap1 .quick .text p{display:none; color:#000;}
.m_con_wrap1 .con_wrap1 .quick .text h1{font-size:20px; padding:0 15px; color:#3a49ad; font-weight:600;}
.m_con_wrap1 .con_wrap1 .quick .icon{overflow:hidden;float:left;width:100%;display: block;}
.m_con_wrap1 .con_wrap1 .quick .icon ul{width:100%;}
.m_con_wrap1 .con_wrap1 .quick .icon li{width:50%;  box-sizing:border-box; float:left;background-color:#3a49ad;}
.m_con_wrap1 .con_wrap1 .quick .icon li a{display:block; color:#fff; text-align:center; margin:0; border: solid 1px rgba(255,255,255,0.5); }
.m_con_wrap1 .con_wrap1 .quick .icon li a span{display:block; padding:100px 0 25px 0;  background:url("/images/11_edu/main/icon_total1.png") no-repeat;  box-sizing:border-box;}
.m_con_wrap1 .con_wrap1 .quick .icon li :hover{background-color:#1e296f;}

.m_con_wrap1 .con_wrap1 .quick .icon .icon_1 span{background-position: center 0; }
.m_con_wrap1 .con_wrap1 .quick .icon .icon_2 span{background-position: center -176px;}
.m_con_wrap1 .con_wrap1 .quick .icon .icon_3 span{background-position: center -374px;}
.m_con_wrap1 .con_wrap1 .quick .icon .icon_4 span{background-position: center -580px;}

.m_con_visual{overflow:hidden;position:relative;width:100%;}
.m_con_visual .img_list li{float:left; width:100%;}
.m_con_visual .img_list img{width:100%;}
.m_con_visual .play_btn{background:#456bbf; padding:0px;  position:absolute; bottom:0; right:0; background-color:#372f2d; width:100%; height:30px; text-align:right; }


/*.m_con_visual .play_btn .i_stop{background:url("/images/13_youth/main/visual_stop.png")no-repeat 2px; padding:15px; border-left:solid 1px #fff; }
.m_con_visual .play_btn .i_play{background:url("/images/13_youth/main/visual_play.png")no-repeat 12px; padding:15px; border-left:solid 1px #fff;}
.m_con_visual .play_btn .off{display:none;}
.m_con_visual ul li{ display:inline-block;color:#fff; line-height:1.1em;}
.m_con_visual ul li a{display:block; border-left: solid 1px #fff; height:30px; }
.m_con_visual img{width:100%;}
.i_count{ margin: 5px 2px; padding:1px 15px; color:#fff;float:left;}*/


.m_con_visual .play_btn li{ display:inline-block;color:#fff; line-height:1.1em;}
/*.m_con_visual .play_btn .i_stop{background:url("/images/13_youth/main/visual_stop.png")no-repeat 2px; padding:15px; border-left:solid 1px #fff; }
.m_con_visual .play_btn .i_play{background:url("/images/13_youth/main/visual_play.png")no-repeat 12px; padding:15px; border-left:solid 1px #fff;}*/
/*.m_con_visual .play_btn .i_prev,.m_con_visual .play_btn .i_next{border-left:solid 1px #fff;}*/
.m_con_visual .play_btn .off{display:none;}
.m_con_visual .play_btn li a{display:block; border-left: solid 1px #fff; }
.i_count{ margin: 5px 2px; padding:1px 15px; color:#fff;}


.m_con_bbs{background:#fff;  position:relative;  height:280px;}
.m_con_bbs .on{background:url("/images/11_edu/main/bbs_skin1.jpg")no-repeat ;background-size:cover; width:100%; height:55px; font-size:17px;   float:left;} 
.m_con_bbs .center_line {display:block;   position:absolute; top:20px; left:87px;}
.m_con_bbs .bbs_hide {font-size:17px; position:absolute; top:0; left:80px;}
.m_con_bbs .bbs_list{ padding:74px 0 ; }
.m_con_bbs ul {position:absolute; width:100%;}
.m_con_bbs li{display:block; margin:17px;}
.m_con_bbs li:hover{font-weight:600;}
.m_con_bbs li a{display:block;}
.m_con_bbs li .bbs_icon{display:inline-block; background:url("/images/11_edu/main/bbs_dot.png")  no-repeat ;  padding:0 15px 0;  text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden; width:80% }
.m_con_bbs li .bbs_date{display:none;}
.m_con_bbs h2 a{color:#fff; font-weight:400; display:inline-block; padding:0; margin:15px 5px 10px 20px;  float:left;}
.m_con_bbs h2 a:hover{font-weight:600; border-bottom:solid 3px #fff;}
.m_con_bbs .bbs_more a{display:block;  position:absolute; top:0; right:0;} 
.m_con_bbs .bbs_more a span {}

.con_gallery{background: rgba(255, 255, 255, 0.8);}
.con_gallery h1 {color:#000; font-size:30px; text-align:center; padding: 22px 0 10px 0; }
.con_gallery h1 span{border-bottom:solid 2px #000;  font-size:27px}
.con_gallery ul{overflow:hidden; width:100%; }
.con_gallery ul li{width:65%; display:block; margin:0 auto;    padding-top: 10px; }
.con_gallery ul li:last-child{display:none;}
.con_gallery ul li img{width:100%; }
.con_gallery ul li a{display:block; width:100%; text-align: center;}
.con_gallery ul li a span{display:block; color: #000;  padding: 15px 0; text-overflow:ellipsis; white-space:nowrap;overflow:hidden;font-size:15px;}
.con_gallery ul li a:hover span{font-weight: 600;}
.con_wrap2{width:100%;float:left;}
.con_banner{width:100%; position:relative; overflow:hidden; }

.con_banner .img_list li{float:left; width:100%;}
.con_banner .img_list img{width:100%;}

.con_banner .banner_btn{position:absolute; top: 12px;right: 13px;}
.con_banner .banner_btn li{float:left;}
.con_banner .banner_btn .stop{background:url("/images/11_edu/main/banner_stop.png")  no-repeat;padding:5px; margin:5px;}
.con_banner .banner_btn .play{background:url("/images/11_edu/main/play_icon.png") no-repeat; padding:5px ;  margin:5px;}
.con_banner .banner_btn .xx{display:none;}
.con_banner .banner_btn li a{display:block;padding-top: 6px; margin:0 2px}
.con_banner .banner_btn .on a{margin-top:5px;}
.con_banner .banner_btn .off a{margin-top:5px;}
.con_banner .banner_btn .stop a{float:left;}



.top_st h1 span{background:url("/images/11_edu/main/moblie_log.jpg")  no-repeat; padding:28px 0;}



/* Tablet */
@media all and (min-width:768px) {
.m_contents {overflow:hidden; background:url("/images/11_edu/main/main_bg.jpg") no-repeat  center; background-size:cover;}
.m_con_wrap1{padding:40px 30px 141px 30px; }

.m_con_wrap1 .con_wrap1 .con_title{width:100%; font-size:31px; line-height:50px; margin-bottom:15px; background:none;}
.con_title .pc_title {width:100%;}

.con_title .pc_title .f_color{font-size:35px; }
.con_title .pc_title .f_size{font-size:40px; }
.m_con_wrap1 .con_wrap1 .quick .title{background-color:#fff;display:block;     padding: 7px 0;}
.m_con_wrap1 .con_wrap1 .quick .text{height:55px; padding-top:13px;}
.m_con_wrap1 .con_wrap1 .quick .text h1{float:left; display:inline-block; font-size:28px; padding:0 20px;}
.m_con_wrap1 .con_wrap1 .quick .text p{display:inline-block; font-size:14px;}
.m_con_wrap1 .con_wrap1 .quick .icon li{width:25%;}
.m_con_wrap1 .con_wrap1 .quick .icon li a{   background:url("/images/11_edu/main/icon_line2.png") no-repeat center right ; border:none; }

.m_con_wrap1 .con_wrap1 .quick .icon .icon_1 span{background-position: center 17px; }
.m_con_wrap1 .con_wrap1 .quick .icon .icon_2 span{background-position: center -160px;}
.m_con_wrap1 .con_wrap1 .quick .icon .icon_3 span{background-position: center -358px;}
.m_con_wrap1 .con_wrap1 .quick .icon .icon_4 span{background-position: center -564px;}

.m_con_wrap1 .con_wrap1 .quick .icon li a span{padding:130px 0 30px 0;  }
.m_con_wrap1 .con_wrap1 .quick .icon li:last-child a {background:none;}
.m_con_visual {margin:0;float:left; width:50%;  height:300px;}
.m_con_visual .img_list img{width:100%; min-height:270px;}
.m_con_visual .play_btn{ width:100%; /*padding:1px 2px 3px 15px;*/ }

.m_con_bbs {width:50%; float:left; height:285px;}
.m_con_bbs li .bbs_icon{text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden; width:60% }
.m_con_bbs li .bbs_date{display:block; float:right; padding-top:0;}
.con_wrap2{float:left; width:100%;}
.con_banner{width:50%;float:left; height:285px;}
.con_banner .img_list img{ height: 285px; }

.con_gallery{float:left; width:50%;height: 300px; background: rgba(255, 255, 255, 0.6);}
.con_gallery ul li{height:200px;}
.con_gallery ul li a{height:150px; overflow:hidden;}
.top_st h1 span{background:url("/images/11_edu/main/log.jpg")  no-repeat; padding:26px 173px;}

}


/* Desktop */
@media all and (min-width:1023px) {
.m_contents{min-width:1400px;}
.m_con_wrap1{ width:1400px; margin:0 auto; overflow:hidden; padding:51px 0 141px 0;}
.m_con_wrap1 .con_wrap1{width:970px;}
.m_con_wrap1 .con_wrap1 .con_title{width:970px;font-size:35px; float:left;box-sizing:border-box; margin-bottom:15px;}
.con_title .pc_title {margin: 26px 0 0 10px;}
.con_title .pc_title .f_color{font-size:40px; }
.con_title .pc_title .f_size{font-size:45px;  }

.con_gallery{height: 280px; }
.m_con_wrap1 .con_wrap1 .quick{float:left; border:none; box-sizing:border-box; position:relative;}
.m_con_wrap1 .con_wrap1 .quick .shadow{display:block; position:absolute; top:0; left:193px; z-index:-99;}
.m_con_wrap1 .con_wrap1 .quick .text{position:relative;width: 208px;height: 212px;float: left;margin-top: 17px;padding: 0;text-align: center;box-sizing: border-box; border:solid 1px #ccc;}
.m_con_wrap1 .con_wrap1 .quick .text h1{float:left;font-size:28px;padding:0 20px;margin: 40px 20px 15px 20px;line-height: 1.3em;}
.m_con_wrap1 .con_wrap1 .quick .text p{line-height: 1.5em;padding: 0 23px;}
.m_con_wrap1 .con_wrap1 .quick .icon{width:762px; }
.m_con_wrap1 .con_wrap1 .quick .icon li{float: left;width: 25%;display: inline-block;box-sizing: border-box;}
.m_con_wrap1 .con_wrap1 .quick .icon li a span{padding:160px 0 50px 0; }
.m_con_wrap1 .con_wrap1 .quick .icon li a{font-size:16px;; border:none; }
.m_con_wrap1 .con_wrap1 .quick .icon .icon_1 span{background-position: center 36px;}
.m_con_wrap1 .con_wrap1 .quick .icon .icon_2 span{background-position: center -137px;}
.m_con_wrap1 .con_wrap1 .quick .icon .icon_3 span{background-position: center -338px;}
.m_con_wrap1 .con_wrap1 .quick .icon .icon_4 span{background-position: center -542px;}
.m_con_visual {margin:0;  float:left; width:400px; height:280px;}
.m_con_visual .play_btn{  }
.m_con_visual .img_list img{height:250px; width:100%;}

.m_con_bbs{width:430px;height:280px;position: relative;}
.m_con_bbs p {margin:0 0 0 10px; padding:20px ; font-size:17px; text-align:left;}
.m_con_bbs ul {position:absolute;  width:100%}
.con_gallery{width:570px; }
.con_gallery ul{overflow:hidden; width:100%; }
.con_gallery ul li{width:40%; float:left; display:block;margin:0 auto; }
.con_gallery ul li:last-child{display:block; margin:0 40px 0 30px;}
.con_gallery ul li:first-child{margin:0 0 0 38px;}

/*.top_st .gnb{width:309px;}*/

.com_wrap1{position:relative;}
.con_wrap2{ width:430px;}
.con_banner{width:100%; height:350px;}
.con_banner .img_list img{width:100%; height:350px;}
.menu_style2 .menu3 div{padding-left:250px; box-sizing:border-box;}
.menu_style2 .menu4 div{padding-left:440px; box-sizing:border-box;}
.menu_style2 .menu5 div{padding-left:550px; box-sizing:border-box;}
.menu_style2 .menu6 div{padding-left:905px; box-sizing:border-box;}




}