@charset "utf-8";

#body_layout {position:relative; z-index: 1;}
.main_cont {position: relative; display: inline-block; vertical-align: top; z-index: 3;}

#mcont1 .mvisual {width:100%; height:860px;}
#mcont1 .mvisual .main-photo__skin,
#mcont1 .mvisual .main-photo__skin .photo_list--wrap,
#mcont1 .mvisual .main-photo__skin .photo_list--wrap .slick-list,
#mcont1 .mvisual .main-photo__skin .photo_list--wrap .slick-list .slick-track,
#mcont1 .mvisual .main-photo__skin .photo_list--wrap .slick-list .slick-track .slick-slide,
#mcont1 .mvisual .main-photo__skin .photo_list--wrap .slick-list .slick-track .slick-slide >div,
#mcont1 .mvisual .main-photo__skin .photo_list--wrap .slick-list .slick-track .slick-slide >div .photo_list--item,
#mcont1 .mvisual .main-photo__skin .photo_list--wrap .slick-list .slick-track .slick-slide >div .photo_list--item a {display:inline-block; width:100%; height:100%;}
#mcont1 .mvisual .photo_list--wrap .slick-slide .photo_list--item picture {display:block; width:100%; height:100%;background-repeat: no-repeat; background-size:cover;}
#mcont1 .mvisual .photo_list--wrap .slick-slide .photo_list--item .picture {display:block; width:100%; height:100%;background-repeat: no-repeat; background-size:cover;}
#mcont1 .mvisual .photo_list--wrap .slick-dots {position:absolute; bottom:75px;  left:50%; margin-left:-620px; }
#mcont1 .mvisual .photo_list--wrap .slick-dots:after {display:block; clear:both; visibility:hidden; content:'';}
#mcont1 .mvisual .photo_list--wrap .slick-dots li {float:left;width: auto;height: auto;margin:0 8px;}
#mcont1 .mvisual .photo_list--wrap .slick-dots li button {width:11px; height:11px; border-radius:50%; background:rgba(255,255,255,0.5); font-size:0;}
#mcont1 .mvisual .photo_list--wrap .slick-dots li.slick-active button {border:2px solid #fff;background:none;}

#main_vis {position: relative; background-color: rgba(0,0,0,1);}
#main_vis .vis_slider {position: relative;z-index:1;width:100%;height: 515px;}
#main_vis .vis_slider .main-photo__skin,
#main_vis .vis_slider .main-photo__skin .photo_list--wrap,
#main_vis .vis_slider .main-photo__skin .photo_list--wrap .slick-list,
#main_vis .vis_slider .main-photo__skin .photo_list--wrap .slick-list .slick-track,
#main_vis .vis_slider .main-photo__skin .photo_list--wrap .slick-list .slick-track .slick-slide,
#main_vis .vis_slider .main-photo__skin .photo_list--wrap .slick-list .slick-track .slick-slide >div,
#main_vis .vis_slider .main-photo__skin .photo_list--wrap .slick-list .slick-track .slick-slide >div .photo_list--item {display:inline-block; width:100%; height:100%;}
#main_vis .vis_slider .photo_list--wrap {position:relative; z-index:1;}
#main_vis .vis_slider .photo_list--wrap .slick-slide .photo_list--item picture {display:block; width:100%; height:100%;background-repeat: no-repeat; background-size:cover; background-position: center;}
#main_vis .vis_slider .photo_list--wrap .slick-slide .photo_list--item .picture {display:block; width:100%; height:100%;background-repeat: no-repeat; background-size:cover; background-position: center;}
#main_vis .control {display:inline-block;position: absolute;top: 135px;right: 50%;z-index: 4;width:auto;margin: 0 -620px 0 0;}
#main_vis .control button {display:block;overflow:visible; width: 55px; height: 55px; border: 1px solid #fff; border-radius: 50%; background:none;}
#main_vis .control button:before,
#main_vis .control button:after {display:none;}
#main_vis .control button[data-control]:after {display:block; opacity:0; position:absolute;top: -3px;left: -3px;right:auto;bottom:auto;width:100%;height:100%;border-radius:50%;border:3px solid #fff;content:'';-webkit-transition: all .3s ease-in-out;-moz-transition: all .5s ease-in-out;-ms-transition: all .5s ease-in-out;-o-transition: all .5s ease-in-out;transition: all .3s ease-in-out;}
#main_vis .control button[data-control="prev"]{background: url('/images/soe/main/icn_prev.png')no-repeat center;}
#main_vis .control button[data-control="next"]{background: url('/images/soe/main/icn_next.png')no-repeat center; margin: 0 auto 10px;}
#main_vis .control button[data-control="stop"],
#main_vis .control button[data-control="play"] {width: 11px;height: 11px;margin:0 auto;border:none;border-radius: 0;}
#main_vis .control button[data-control="stop"]{background: url('/images/soe/main/icn_vispause.png')no-repeat;}
#main_vis .control button[data-control="play"]{background: url('/images/soe/main/icn_visplay.png')no-repeat;}
#main_vis .control button[data-control]:hover:after,
#main_vis .control button[data-control]:focus:after {opacity:1;}
#main_vis .control button[data-control="stop"]:hover:after,
#main_vis .control button[data-control="stop"]:focus:after,
#main_vis .control button[data-control="play"]:hover:after,
#main_vis .control button[data-control="play"]:focus:after {opacity:0;}


#main_vis .control .paging {display:block;float: none;width: 100%;height: 100%;margin:15px 0;text-align:center;}
#main_vis .control .paging .total {display:block;width: 100%;height: 100%;}
#main_vis .control .paging .total span {display:inline-block; font-size:14px; text-align:center; color:#fff; line-height:1;}
#main_vis .control .paging .total .current {font-weight:600;border-bottom:1px solid #fff;}
#main_vis .control .paging .total .line {display:block; margin:5px 0;}
#main_vis .control .paging .total .current:before,
#main_vis .control .paging .total .count:before {display:inline-block; content:'0';}

#main_vis .vis_content {position: absolute;top: 0;left: 50%;margin-left: -620px;padding: 90px 0 0;z-index: 1;box-sizing: border-box;}
#main_vis .vis_content .text_box {color: #fff; text-shadow: 1px 1px 1px rgba(0,0,0,.1);}
#main_vis .vis_content .text_box .eng_title {position: relative; display: inline-block; margin: 0 0 19px; font-size: 16px; font-style: italic; word-spacing: 1px;}
#main_vis .vis_content .text_box .eng_title::after {position: absolute; display: block; content: ""; right: -167px; bottom: 8px; width: 158px; height: 1px; box-shadow: 1px 1px 1px rgba(0,0,0,.1); background-color: rgba(255,255,255,.35);}
#main_vis .vis_content .text_box .slogan {line-height: 1.309523;margin: 0 0 68px;font-family:'nmj', serif;font-size: 42px;font-weight: 800;word-break: keep-all;}
#main_vis .vis_content .text_box .text_q {position: relative;display: inline-block;margin: 0 0 10px 15px;font-family: 'nmj', serif;font-size: 23px;font-weight: 600;}
#main_vis .vis_content .text_box .text_q::before {position: absolute;display: block;content: "";top: -20px;left: -20px;width: 37px;height: 26px;background-repeat: no-repeat;background-size: cover;background-position: center;background-image: url('/images/soe/main/deco_textq1.png');}
#main_vis .vis_content .text_box .text_a {display: block;max-width: 590px;line-height: 1.714285;padding: 0 0 0 4px;font-size: 14px;font-weight: 600;word-break: keep-all;}
#main_vis .vis_content .text_box img {display: block;}

.main_cont_wrap {max-width:1240px;width:100%;margin: 65px auto;}
.main_cont_wrap:after {display:block; clear: both; visibility: hidden; content:'';}
.main_cont_wrap .group {float:left;}   
.main_cont_wrap .group.group1 {}
.main_cont_wrap .group.group1 .box {}
.main_cont_wrap .group.group1 .box .main-board__skin {position:relative;height: 195px;min-height: auto;padding:25px;}
.main_cont_wrap .group.group1 .box.box1 .main-board__skin {margin:0 0 30px;}
.main_cont_wrap .group.group1 .box.box2 .main-board__skin {border: 1px solid #ebebeb;}
.main_cont_wrap .group.group1 .box .main-board__skin .board__title {display:block;height: auto;line-height: 1.3;padding: 0 0 20px;margin: 0 0 20px;border-bottom:1px dashed #cbcbcb;font-size:21px;color:#0d0d0d;font-weight:600;text-transform: capitalize;}
.main_cont_wrap .group.group1 .box .main-board__skin .board__item--title {}
.main_cont_wrap .group.group1 .box .main-board__skin .board__item--title .ir-icon__new {display:inline-block; width:25px; height:25px; margin:0 5px 0 0; border-radius:50%; background:#f33839; color:#fff; font-size:13px; text-align:center; line-height:25px; font-weight:600; vertical-align:middle;}
.main_cont_wrap .group.group1 .box .main-board__skin .board__item--content {height: auto;margin: 7px 0 0;text-overflow: ellipsis;white-space: nowrap;}
.main_cont_wrap .group.group1 .box .board__typeC .board__item {margin:10px 0;}
.main_cont_wrap .group.group1 .box .board__typeC .board__item:first-child {border:none;margin: 0;padding: 0;min-height: 86px;}
.main_cont_wrap .group.group1 .box .board__typeC .board__item:first-child .board__link { padding: 13px 5px 5px; padding-left: 94px;}
.main_cont_wrap .group.group1 .box .board__typeC .board__item:first-child:after {display: none;position:absolute;left: -10px;top: -14px;width:28px;height:28px;border-radius:50%;background:#f44236;color:#fff;text-align:center;line-height:28px;font-size:13px;font-weight:600;content: 'N';}
.main_cont_wrap .group.group1 .box .board__typeC .board__item:first-child .board__item--date {top:0;left: 0;width: 70px;height: 70px;border: 2px solid #000;text-align:center;}
.main_cont_wrap .group.group1 .box .board__typeC .board__item:first-child .board__item--date .year {display:inline-block;width: 100%;font-size:12px;color:#222;font-weight:600;}
.main_cont_wrap .group.group1 .box .board__typeC .board__item:first-child .board__item--date .month {display:none;}
.main_cont_wrap .group.group1 .box .board__typeC .board__item:first-child .board__item--date .day {display: inline-block;position:absolute;top: 11px;left: 0;width: 100%;font-size: 30px;color:#222;font-weight:600;}
.main_cont_wrap .group.group1 .box .board__typeC  .board__item .board__link .board__item--date i {margin:0 5px}
.main_cont_wrap .group.group1 .box .main-board__skin .board__more {top:25px; right: 25px;width:25px;height:25px;}
.main_cont_wrap .group.group1 .box .main-board__skin .board__more a {width:100%; height:100%;}
.main_cont_wrap .group.group1 .box .main-board__skin .board__more:before{height:1px;background-color:#000;}
.main_cont_wrap .group.group1 .box .main-board__skin .board__more:after{width:1px;background-color:#000;}

.main_cont_wrap .group.group1 .box .board__typeC .board__item.noData:after {left:0;top: 5px;}
.main_cont_wrap .group.group1 .box .board__typeC .board__item.noData .board__link{padding-left:40px;}

.main_cont_wrap .group.group1 {width:33%;}
.main_cont_wrap .group.group2 {width:30%; margin:0 2.5%;}
.main_cont_wrap .group.group3 {width:32%;}

.main_cont_wrap .group .box_tit { display: block;height: auto;line-height: 1.3; padding: 0 0 20px;font-size: 21px;color: #0d0d0d;font-weight: 600;}
.main_cont_wrap .group .box_tit span {display:block;}
.main_cont_wrap .group .box_p {line-height:1.5;}
.main_cont_wrap .group .links {margin:15px 0 0;}
.main_cont_wrap .group .links a {display:block;width: 125px;height: 34px;margin-bottom: 5px;border-radius: 3px;background:#5f6475;color:#fff;font-size: 13px;font-weight: 600;text-align: left;box-shadow: 1px 1px 1px rgba(0,0,0,.15);}
.main_cont_wrap .group .links a span {display:block;height: 100%;line-height: 34px;background: url(/images/soeeng/main/icn_to2.png)no-repeat 90% center;padding: 0 15px;vertical-align:middle;}

.main_cont_wrap .group.group2 .box {height:195px; padding:25px; }
.main_cont_wrap .group.group2 .box.box1 {margin:0 0 30px;background: #f2f3f5 url(/images/soeeng/main/bg_obj1.png)no-repeat right bottom; background-size:90px auto;}
.main_cont_wrap .group.group2 .box.box2 {background:#e1eff6 url(/images/soeeng/main/bg_obj3.png)no-repeat right bottom; }

.main_cont_wrap .group.group3 {position:relative;height:420px;padding: 25px 0 0;}
.main_cont_wrap .group.group3 ul {position:absolute;left:0;bottom:0;width: 100%;}
.main_cont_wrap .group.group3 ul li {position:relative;margin:15px 0 0;padding-left: 85px;border:1px solid #ebebeb; border-radius:10px;}
.main_cont_wrap .group.group3 ul li a {display:block; width:100%; height:100%;}
.main_cont_wrap .group.group3 ul li a .ico {display:block;position:absolute;left: 20px;top:11.5px;width:47px;height:47px;border-radius:50%;background-color:#a4a4a4;background-image:url(/images/soeeng/main/ico_ir.png);-webkit-transition: all .5s ease-in-out;-moz-transition: all .5s ease-in-out;-ms-transition: all .5s ease-in-out;-o-transition: all .5s ease-in-out;transition: all .5s ease-in-out;}
.main_cont_wrap .group.group3 ul li a .ico.ico1 {background-position:0 0;}
.main_cont_wrap .group.group3 ul li a .ico.ico2 {background-position:0 -91px;}
.main_cont_wrap .group.group3 ul li a .ico.ico3 {background-position:0 -184px;}
.main_cont_wrap .group.group3 ul li a .t1 {display:inline-block;line-height:70px; margin-right:20px;font-size: 15px;font-weight: 600;color: #222;}
.main_cont_wrap .group.group3 ul li a .t2 {display:inline-block; line-height:70px; font-size:13px; color:#6e6e6e; }
.main_cont_wrap .group.group3 ul li a:hover .ico,
.main_cont_wrap .group.group3 ul li a:focus .ico {background-color:#b5171e;}

.main_cont_wrap .group.group3 .more{top: 25px;width:25px;height:25px;}
.main_cont_wrap .group.group3 .more a {display:block; width:100%; height:100%;}
.main_cont_wrap .group.group3 .more:before {width: 100%;height: 1px;background: #000;}
.main_cont_wrap .group.group3 .more:after {width: 1px;height:100%;background: #000;}




@media only screen and (max-width:1279px) {
  #main_vis .vis_content {left:0; margin-left:0; padding:90px 0 0 40px;}
  #main_vis .control {right:0;margin:0;padding:0 40px 0 0;}

  .main_cont_wrap {padding:0 40px;margin: 30px auto 60px;}
  .main_cont_wrap .group {float:none;margin:0 0 30px;}
  .main_cont_wrap .group.group1 {width:100%;}
  .main_cont_wrap .group.group2 {width:100%;margin:0;}
  .main_cont_wrap .group.group3 {width:100%;height:auto;border: 1px solid #ebebeb;margin: 30px 0 0;padding: 25px;}
  .main_cont_wrap .group.group3 ul {position:static; margin:30px 0 0;}
  .main_cont_wrap .group.group3 .more {right:25px;}

  .main_cont_wrap .group.group1 .box .main-board__skin {height:auto;border: 1px solid #ebebeb;}
  .main_cont_wrap .group.group2 .box {height:auto;}

 
}

@media only screen and (max-width: 1023px) {
  #main_vis .vis_content {padding: 105px 0 0 30px;}
  #main_vis .vis_content .text_box .slogan {font-size: 35px;}
  #main_vis .control {padding:0 30px 0 0;}

  .main_cont_wrap {padding:0 30px;}
}

@media only screen and (max-width: 767px) {
  
  #main_vis .vis_slider {height: 310px;}
  #main_vis .vis_slider .item {min-height: 310px;}
  #main_vis .control {display:block;top:auto;right:auto;bottom: 40px;width:100%;}
  #main_vis .control button {display:inline-block; position:absolute;margin:0; }
  #main_vis .control button[data-control="prev"] {left:15px; bottom:-20px;margin:0;}
  #main_vis .control button[data-control="next"] {right:15px;bottom: -20px;margin:0;}
  #main_vis .control button[data-control="stop"],
  #main_vis .control button[data-control="play"] {right:50%;margin-right:-45px;bottom: 5px;display: block;}
  #main_vis .control .paging {display:inline-block;margin:0 auto;}
  #main_vis .control .paging .total {display:block;width: 100%;height: 100%;}
  #main_vis .control .paging .total span {display:inline-block; }
  #main_vis .control .paging .total .line {display:inline-block; margin:0 5px;}

  #main_vis .vis_content {display: block;width: 100%;padding: 55px 0 0;}
  #main_vis .vis_content .text_box .eng_title {display: block;margin: 0 auto 19px;text-align: center;}
  #main_vis .vis_content .text_box .eng_title::after {bottom: -14px; left: 50%; margin-left: -79px;}
  #main_vis .vis_content .text_box .slogan {max-width: 100%;line-height: 1.421052;margin: 42px auto 0;padding: 0 5px;font-size: 19px;text-align: center;letter-spacing: -1px;word-spacing: 1px;}
  #main_vis .vis_content .text_box .text_q {display: none;}
  #main_vis .vis_content .text_box .text_a {display: none;}

  .main_cont_wrap {padding:0 15px;}
  .main_cont_wrap .group.group1 .box .main-board__skin .board__item--title {/* width:100%; */}
  .board__typeB .board__item .board__link .board__item--date {display:none;}
  .main_cont_wrap .group.group3 ul li a .t2 {display:none;}
  
}