@charset "utf-8";

#body_layout {overflow: hidden;position:relative;z-index: 1;}
.main_cont {position: relative; display: inline-block; vertical-align: top; z-index: 3;}
.main_cont .inner {width: 100%;max-width: 1240px;margin: 0 auto;box-sizing: border-box;}

#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: 630px;}
#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;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;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: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/gafsc/main/icn_prev.png')no-repeat center;}
#main_vis .control button[data-control="next"]{background: url('/images/gafsc/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/gafsc/main/icn_vispause.png')no-repeat;}
#main_vis .control button[data-control="play"]{background: url('/images/gafsc/main/icn_visplay.png')no-repeat;}
#main_vis .control button:hover:after,
#main_vis .control button: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 {min-height: 108px;line-height: 1.309523;margin: 0 0 68px;font-family: serif;font-size: 42px;font-weight: 800;word-break: keep-all;letter-spacing: -1.7px;}
#main_vis .vis_content .text_box .text_q {position: relative;display: inline-block;margin: 0 0 10px 15px;font-family: 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/gafsc/main/deco_textq1.png');}
#main_vis .vis_content .text_box .text_a {display: block;max-width: 730px;line-height: 1.5;padding: 0 0 0 4px;font-size: 16px;font-weight: 600;word-break: keep-all;}
#main_vis .vis_content .text_box img {display: block;}

.link_wrap {position:absolute;left:0;bottom:0;z-index: 1;width:100%;background:rgba(0,0,0,0.8);}
.link_wrap .inner {position:relative;width:100%;max-width:1240px;height: 100%;margin:0 auto;padding:0 0 0 355px;}
.link_wrap .inner strong {display:block;position:absolute;left:0;top: -13px;z-index: 1;width:369px;height:156px;line-height: 156px;padding-left: 100px;background:url(/images/eng/main/link_bg.png)no-repeat;color:#fff;font-size:28px;}
.link_wrap .inner strong em {display:inline-block; font-weight:600;}
.link_wrap .inner strong span {display:inline-block;width:44px;height:13px;margin: -10px 0 0 15px;background:url(/images/eng/main/link_icon.png)no-repeat 0 -41px;vertical-align:middle;}
.link_wrap .inner ul {height: 130px;}
.link_wrap .inner ul:after {display:block; clear:both; visibility:hidden; content:'';}
.link_wrap .inner ul li {float: left;position:relative;width: 33.33%;height: 100%;text-align: center;}
.link_wrap .inner ul li:after {display:block; position:absolute; right:0; top:46px; bottom:46px; content:''; width:1px; height:auto; background:#818183; }
.link_wrap .inner ul li:last-child:after {display:none;}
.link_wrap .inner ul li a {display: inline-block;position:relative;height: 100%;padding: 46px 0 0 70px;font-size:20px;color:#fff;text-align: left;}
.link_wrap .inner ul li a:after {opacity:0;position:absolute;left: 0;top:40px;z-index: 1;content:'';width:24px;height:24px;border-radius:50%;background:#bc1d1b;-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;}
.link_wrap .inner ul li a span {display:block;line-height: 1;}
.link_wrap .inner ul .ico {display:inline-block;position:absolute;left:0;top: 46px;z-index: 2;width:38px;height:37px;background:url(/images/eng/main/link_icon.png)no-repeat;}
.link_wrap .inner ul .ico.ico1 {background-position:-1px 0;}
.link_wrap .inner ul .ico.ico2 {background-position:-41px 0;}
.link_wrap .inner ul .ico.ico3 {background-position:-81px 0;}

.link_wrap .inner ul a:hover:after,
.link_wrap .inner ul a:focus:after {display:block; opacity:1; }

.main_cont_wrap {}
.main_cont_wrap:after {display:block; clear:both; visibility:hidden; content:'';}
#main_cont1 {display: block;width: 100%;max-width: 1240px;margin: 75px auto;}
#main_cont1:after {display:block; clear:both; visibility:hidden; content:'';}
#main_cont1 .group {display: inline-block; float:left; vertical-align: top; height: 100%;}
#main_cont1 .group1 {width: 50%;padding: 0 25px 0 0;}
#main_cont1 .group1 .box1 {width: 100%;height: 100%;box-sizing: border-box;background-color: #fff;}
#main_cont1 .group1 .box1 .main-board__skin .board__title {position: relative;height: 20px;line-height: 20px;padding: 0;margin: 0 0 10px;color: #212121;font-size: 20px;font-weight: 600;text-transform: capitalize;}
#main_cont1 .group1 .box1 .main-board__skin {position:relative;min-height: auto;}
#main_cont1 .group1 .box1 .board__typeC .board__item:first-child {min-height: 132px;margin:0 0 15px;padding:0;border-bottom: 1px dashed #ddd;}
#main_cont1 .group1 .box1 .board__typeC .board__item:first-child:after {display: none;position:absolute;left: -10px;top: 15px;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_cont1 .group1 .box1 .board__typeC .board__item:first-child .board__link {padding: 30px 0;padding-left: 100px;}
#main_cont1 .group1 .box1 .board__typeC .board__item:first-child .board__link .board__item--title {display:block;float: none;width:100%;margin: 0 0 5px;font-size:16px;color:#222;}
#main_cont1 .group1 .box1 .board__typeC .board__item:first-child .board__link .board__item--content {display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;height: 42px;font-size:14px;color: #666;text-overflow: ellipsis;white-space: normal;line-height: 1.5;}
#main_cont1 .group1 .box1 .board__typeC .board__item:first-child .board__link .board__item--date {top: 26px;left: 0;width: 80px;height: 80px;padding: 48px 0 0;border: 2px solid #000;text-align:center;}
#main_cont1 .group1 .box1 .board__typeC .board__item:first-child .board__link .board__item--date .year {display:inline-block; font-size:12px; color:#222; font-weight:600;}
#main_cont1 .group1 .box1 .board__typeC .board__item:first-child .board__link .board__item--date .month {display:inline-block;font-size:12px; color:#222; font-weight:600;}
#main_cont1 .group1 .box1 .board__typeC .board__item:first-child .board__link .board__item--date .day {display: block;position:absolute;top: 18px;left:50%;width: 47px;font-size: 35px;color:#222;font-weight:600;transform:translate(-50%,0);-webkit-transform:translate(-50%,0);}
#main_cont1 .group1 .box1 .board__typeC .board__item {margin: 0 0 11px;padding:0;}
#main_cont1 .group1 .box1 .board__typeC .board__item .board__link {margin: 0;padding: 0;}
#main_cont1 .group1 .box1 .board__typeC .board__item .board__link:after {display:block; clear:both; visibility:hidden; content:'';}
#main_cont1 .group1 .box1 .board__typeC .board__item .board__link .board__item--title {display: inline-block;float: left;width: calc(100% - 90px);font-size:15px;color:#222;vertical-align: middle;line-height: 24px;}
#main_cont1 .group1 .box1 .board__typeC .board__item .board__link .board__item--title .ir-icon__new {display: inline-block;width: 20px;height: 20px;margin-right: 5px;border-radius: 50%;background: #f44236;color: #fff;text-align: center;line-height: 20px;font-size: 12px;font-weight: 600;vertical-align: middle;}
#main_cont1 .group1 .box1 .board__typeC .board__item .board__link .board__item--date {float: right;width: 90px;font-size: 15px;color:#9b9a9a;vertical-align:middle;line-height: 24px;}
#main_cont1 .group1 .box1 .board__more {right: 0;top: 0;width: 20px;height: 20px;}
#main_cont1 .group1 .box1 .board__more a {width:100%; height:100%;}
#main_cont1 .group1 .box1 .board__more:after,
#main_cont1 .group1 .box1 .board__more:before {background-color:#222;}
#main_cont1 .group4 {position:relative;width:50%;min-height: 345px;padding:0 0 0 25px;}
#main_cont1 .group4 .main-board__skin {min-height: auto;}
#main_cont1 .group4 .main-board__skin .board__nav-item {width: auto;margin: 0 40px 0 0;}
#main_cont1 .group4 .main-board__skin .board__nav-item button{position:relative;height:auto;line-height:20px;margin: 0;padding: 0 5px 5px;border:none;border-bottom:2px solid #fff;text-align: left;font-size: 20px;}
#main_cont1 .group4 .main-board__skin .board__nav-item button:after {display:block; position:absolute; top:6px;right:-20px; width:1px; height:10px; background:#333; content:'';  transform: rotate(45deg);}
#main_cont1 .group4 .main-board__skin .board__nav-item:last-child button:after {display:none;}
#main_cont1 .group4 .main-board__skin .board__nav-item.active button{font-weight:600;color: #212121;}
#main_cont1 .group4 .main-board__skin .board__content {overflow:hidden;top: 40px;left: 0;height: 315px;padding-left: 25px;}
#main_cont1 .group4 .main-board__skin .board__content ul {}
#main_cont1 .group4 .main-board__skin .board__content ul .board__item {min-height:155px;margin:0;padding:0;border-bottom: 1px dashed #ddd;}
#main_cont1 .group4 .main-board__skin .board__content ul .board__item:nth-child(2n) {border:none;}
#main_cont1 .group4 .main-board__skin .board__content ul .board__item .board__link {display:block;padding: 20px 20px 20px 110px;}
#main_cont1 .group4 .main-board__skin .board__content ul .board__item .board__link .board__item--thumb {top: 20px;left: 0;width:88px;min-width: auto;height:115px;border: 1px solid #ddd;}
#main_cont1 .group4 .main-board__skin .board__content ul .board__item .board__link .board__item--thumb img{width:100%; height:100%;}
#main_cont1 .group4 .main-board__skin .board__content ul .board__item .board__link .board__item--title {overflow:hidden;width:100%;margin: 0 0 10px;color:#000;font-weight:600;text-overflow: ellipsis;white-space: nowrap;line-height: 1;font-size: 18px;}
#main_cont1 .group4 .main-board__skin .board__content ul .board__item .board__link .board__item--title .cate {display:inline-block;margin-right:5px;font-weight:600;color: #b4171e;line-height:1;}
#main_cont1 .group4 .main-board__skin .board__content ul .board__item .board__link .board__item--title .ir-icon__new {display:inline-block; width:25px; height:25px; margin:0 0 0 5px; border-radius:50%; background:#f33839; color:#fff; font-size:13px; text-align:center; line-height:25px; font-weight:600; vertical-align:middle;}
#main_cont1 .group4 .main-board__skin .board__content ul .board__item .board__link .board__item--content {display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;height:48px;margin: 0 0 5px;text-overflow: ellipsis;white-space: normal;line-height: 1.5;}
#main_cont1 .group4 .main-board__skin .board__content ul .board__item .board__link .board__item--date {background: url(/images/gafsc/main/icn_date.png)no-repeat 2px center; padding-left:25px; font-size:15px; color:#acacac;}
#main_cont1 .group4 .main-board__skin .board__content ul .board__item .board__link .board__item--date span {}
#main_cont1 .group4 .main-board__skin .board__content ul .board__item .board__link .board__item--date span i {}
#main_cont1 .group4 .board__more {right: 0;top: 0;width: 20px;height: 20px;}
#main_cont1 .group4 .board__more a {width:100%; height:100%;}
#main_cont1 .group4 .board__more:after,
#main_cont1 .group4 .board__more:before {background-color:#222;}

#main_cont1 .group1 .box1 .board__more:after{width:1px;} 
#main_cont1 .group1 .box1 .board__more:before{height:1px;}
#main_cont1 .group4 .board__more:before{height:1px;}
#main_cont1 .group4 .board__more:after{width:1px;}



@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 .inner {padding:0 40px;}
  #main_cont1 {margin:40px auto;padding:0 40px;}
  #main_cont1 .group1 {float:none; width:100%; padding:0;}
  #main_cont1 .group4 {width:100%; margin:35px 0 0; padding:0;}
  #main_cont1 .group4 .main-board__skin .board__content {padding-left:0;}

  .link_wrap .inner {padding: 0 0 0 300px;}
  .link_wrap .inner strong{top: -10px;width:300px;height:127px;line-height: 127px;padding-left: 85px;background-size:300px 127px;font-size:24px;}
  .link_wrap .inner ul {height:107px;}
  .link_wrap .inner ul li a {padding: 36.5px 0 0 70px;font-size: 18px;}
  .link_wrap .inner ul .ico {top:34.5px;}
}

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

  .main_cont .inner {padding:0 30px;}
  #main_cont1 {padding:0 30px;}

  .link_wrap .inner {padding:0;}
  .link_wrap .inner strong {display:none;}

}

@media only screen and (max-width: 767px) {
  #main_vis .vis_slider {height: 410px;}
  #main_vis .vis_slider .item {min-height: 310px;}
  #main_vis .control {display:block;top:auto;right:auto;bottom: 140px;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;font-size: 14px;}
  #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 .inner {padding:0 15px;}
  #main_cont1 {padding:0 15px;}
  #main_cont1 .group1 .box1 .main-board__skin .board__title {font-size:19px;}
  #main_cont1 .group4 .main-board__skin .board__nav-item {margin-right:20px;}
  #main_cont1 .group4 .main-board__skin .board__nav-item button {font-size:19px;}
  #main_cont1 .group4 .main-board__skin .board__nav-item button:after {right:-10px;}
  #main_cont1 .group4 .main-board__skin .board__content ul .board__item .board__link {padding: 20px 0;}
  #main_cont1 .group4 .main-board__skin .board__content ul .board__item .board__link .board__item--thumb {display:none;}

  .link_wrap .inner ul {height:auto;}
  .link_wrap .inner ul li:after {top:30px; height:15px;}
  .link_wrap .inner ul li a {padding: 20px 0;font-size: 15px;}
  .link_wrap .inner ul .ico {display:none;}
}

@media screen and (max-width:500px){
    #main_vis .vis_slider {height: 510px;}
    #main_vis .control  {bottom:240px;}

    .link_wrap .inner ul li {float:none; width:100%;}
    .link_wrap .inner ul li:after {width:15px; height:1px; right:50%; top:auto; bottom:0;}
    .link_wrap .inner ul li a,
    .link_wrap .inner ul li:nth-child(2) a {padding:15px 0;}
    .link_wrap .inner ul li a span {display:inline-block;}
    
}

