/*mainContent*/
#mainContent {position:relative;}

/*visual*/
#visual {position:relative; top:0; left:0; width:100%; height:920px; background:url(/resource/www/images/main.png) center no-repeat; background-size:cover;}
#visual .inner {position:relative;}
#visual .vis_txt {position:absolute; top:212px; left:0; width:100%; color:#fff; text-align:center; text-shadow:0 0 10px rgba(0,0,0,.4);}
#visual .vis_txt h2 {font-size:4.8rem; font-weight:400; letter-spacing:-1.9px;}
#visual .vis_txt p {font-size:2.2rem; margin-top:30px; font-weight:400; letter-spacing:2.3px;}

/*section1*/
#section1 {position:relative; margin-top:-450px;}
#section1 .inner {position:relative;}
#section1 h3 {background:#202752; color:#fff; font-size:2.4rem; text-align:center; height:86px; line-height:86px;}
#section1 h3 span {font-weight:300;}
#section1 .sec1_slider_wrap {position:relative; height:364px; padding:53px 120px 56px 120px; background:#fff;}
#section1 .sec1_slider {margin:0 -25px;}
#section1 .sec1_slider .box {position:relative; display:flex; justify-content:space-between; width:33.33%; padding:32px 25px 35px; border:1px solid #ddd; margin:0 25px;}
#section1 .sec1_slider .box a {position:absolute; top:0; left:0; width:100%; height:100%;}
#section1 .sec1_slider .box .date {text-align:center; color:#a6805b;}
#section1 .sec1_slider .box .date dt {font-size:3.6rem; font-weight:600;}
#section1 .sec1_slider .box .date dd {font-size:1.6rem; font-weight:300; letter-spacing:-.3px; margin-top:5px;}
#section1 .sec1_slider .box .txt {width:calc(100% - 70px);}
#section1 .sec1_slider .box .txt span {font-size:1.7rem; display:block; color:#999; line-height:1; }
#section1 .sec1_slider .box .txt strong {display:block; font-size:2rem; color:#333; line-height:1; margin-top:28px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
#section1 .sec1_slider .box .txt p {color:#666; line-height:1.5; height:6em; margin-top:21px; display:-webkit-box; -webkit-line-clamp:4; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis;}
#section1 .sec1_slider .slick-arrow {position:absolute; top:50%; transform:translateY(-50%); font-size:0; z-index:999;}
#section1 .sec1_slider .slick-prev {left:-58px; width:24px; height:47px; background:url(/resource/www/images/ic_prev.png) center no-repeat; background-size:cover;}
#section1 .sec1_slider .slick-next {right:-58px; width:24px; height:47px; background:url(/resource/www/images/ic_next.png) center no-repeat; background-size:cover}
#section1 a.btn_more {position:absolute; top:0; right:0;}

/*section2*/
#section2 {padding-top:240px; background:url(/resource/www/images/main2.png) center no-repeat; background-size:cover;}
#section2 .inner {display:flex; justify-content:flex-end;}
#section2 .sec2_box {position:relative; display:flex; width:1360px; z-index:1;}
#section2 .sec2_box:before {content:''; position:absolute; bottom:0; left:0; width:9999px; height:100%; background:rgba(255,255,255,.8); z-index:-1;}
#section2 .sec2_box li {width:33.33%; padding:75px 100px 71px 100px;}
#section2 .sec2_box li span {height:60px;}
#section2 .sec2_box li h4 {font-size:2.8rem; margin-top:23px;}
#section2 .sec2_box li p {font-size:1.6rem; margin-top:23px; font-weight:500;}
#section2 .sec2_box li a {display:inline-block; font-size:1.6rem; font-weight:500; padding:11px 31px 10px 11px; border:1px solid rgba(0,0,0,.3); margin-top:51px; background:url(/resource/www/images/ic_go.png) 85% center no-repeat; background-size:4px 7px; transition:.3s;}
#section2 .sec2_box li a:hover {background-position:90%;}

/*section3*/
#section3 .inner {display:flex; justify-content:flex-end;}
#section3 .sec3_box {position:relative; width:1360px; min-height:230px; z-index:1;}
#section3 .sec3_box:before {content:''; position:absolute; bottom:0; left:0; width:9999px; height:100%; background:#484c6e; z-index:-1;}
#section3 .sec3_box .box_inner {display:flex; width:100%; height:100%; justify-content:space-between; padding:45px 100px 60px 100px; background:url(/resource/www/images/main_introduce_bg.png) center bottom no-repeat; }

#section3 .sec3_box .title {color:#fff;}
#section3 .sec3_box .title span {display:block; font-size:2rem; line-height:1;}
#section3 .sec3_box .title h5 {font-size:3.8rem; line-height:1; margin-top:13px;}

#section3 .sec3_box a.btn_more {position:absolute; top:155px; left:100px; color:#fff;}
#section3 .sec3_box a.btn_more:after {content:''; display:inline-block; width:99px; height:8px; background:url(/resource/www/images/ic_gooo.png) center no-repeat; background-size:99px 8px; margin-left:20px; transition:.3s;}
#section3 .sec3_box a.btn_more:hover:after {margin-left:40px;}
#section3 .sec3_box .organi {display:flex; flex-wrap:wrap; justify-content:center; align-content:center; width:156px; height:156px; border:1px solid rgba(255,255,255,.1);}
#section3 .sec3_box .organi span {display:block; width:100%; text-align:center;}
#section3 .sec3_box .organi p {margin-top:10px; font-size:1.8rem; color:#fff;}

/*section4*/
#section4 {border-top:1px solid #dedede;}
#section4 .sec4_slider_wrap {position:relative; display:flex; padding:23px 0; align-items:center;}
#section4 strong {padding-right:70px; font-size:1.6rem; color:#333;}
#section4 .sec4_slider {width:1300px;}
#section4 .sec4_slider .sec4_slide {display:flex; width:100%; height:65px; margin:0 -10px;}
#section4 .sec4_slider .sec4_slide .img {position:relative; width:16.66%; height:100%; border:1px solid #dedede; margin:0 10px;}
#section4 .sec4_slider .sec4_slide .img img {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);}
#section4 .sec4_slider .slick-arrow {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); font-size:0; width:13px; height:8px; z-index:999;}
#section4 .sec4_slider .slick-next {background:url(/resource/www/images/ic_up.png) no-repeat; margin-left:730px;}
#section4 .sec4_slider .slick-prev {background:url(/resource/www/images/ic_down.png) no-repeat; margin-left:820px;}
#section4 .slick_pause_play {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); margin-left:749px;}
#section4 .slick_pause_play button {cursor:pointer; background:none; border:none;}  
#section4 .slick_pause_play .slick_pause {width:8px; height:11px; background:url(/resource/www/images/ic_pause.png) center no-repeat;}
#section4 .slick_pause_play .slick_play {display:none; width:8px; height:13px; background:url(/resource/www/images/ic_play.png) center no-repeat;}


@media screen and (max-width:1620px) {
  #section4 {display:none;}
}

@media screen and (max-width:1599px) {
    #section1 .inner {padding:0;}
    #section1 .sec1_slider_wrap {height:auto; padding:58px 0 56px 0;}
    #section1 .sec1_slider .box {margin:0 15px; width:500px;}
    #section1 .sec1_slider .slick-current {opacity:1 !important;}
    #section1 .sec1_slider .slick-slide {opacity:.3;}
    #section1 .sec1_slider .slick-next {right:60px;}
    #section1 .sec1_slider .slick-prev {left:60px;}
    
    #section2 {padding-top:170px;}
    #section2 .sec2_box {width:85%;}
    #section2 .sec2_box li {padding:75px 8% 71px 8%;}
    #section3 .sec3_box {width:85%;}
  }

  @media screen and (max-width:1500px) {
    #section4 {display:none;}
  }

  @media screen and (max-width:1370px) {
    #visual {height:560px;}

    #section1 {margin:0;}
    #section1 .sec1_slider_wrap {padding:40px 0;}
  }

  @media screen and (max-width:1100px) {    
    #section1 .sec1_slider .slick-next {right:50px;}
    #section1 .sec1_slider .slick-prev {left:50px;}

    #section2 {background-position: 11% center;}
    #section2 .sec2_box {flex-wrap:wrap; width:67%; padding:60px 0;}
    #section2 .sec2_box li {position:relative; width:100%; padding:0 50px 0 160px;}
    #section2 .sec2_box li + li {padding-top:48px;}
    #section2 .sec2_box li h4 {margin-top:0;}
    #section2 .sec2_box li span {position:absolute; bottom:15px; left:50px; margin:auto;}
    #section2 .sec2_box li:nth-child(3) span {left:60px;} 
    #section2 .sec2_box li p {display:none;}
    #section2 .sec2_box li a {margin-top:12px;}
    
    #section3 .sec3_box {width:100%;}
    #section3 .sec3_box .title span {padding-top:20px;}
    #section3 .sec3_box .box_inner {padding:37px 5%; background-position:center bottom;}
    #section3 .sec3_box a.btn_more {left:5%;}
  }
  
  @media screen and (max-width:768px) {    
    #visual .vis_txt h2 {font-size:4.7rem;}
    #visual .vis_txt h2 .mob {display:block;}
    #visual .vis_txt p {font-size:2rem;}

    #section1 h3 {font-size:2.9rem;}
    #section1 .sec1_slider .box {width:410px;}
    #section1 .sec1_slider .box .date dt {font-size:4.5rem;}
    #section1 .sec1_slider .box .date dd {font-size:2rem;}
    #section1 .sec1_slider .box .txt span {font-size:2rem;}
    #section1 .sec1_slider .box .txt strong {font-size:2.4rem; height:2.6em; line-height:1.3; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; white-space:normal; overflow:hidden; word-break:keep-all; text-overflow:ellipsis;}
    #section1 .sec1_slider .box .txt p {font-size:1.9rem; height:4.5em; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis; word-break:keep-all;}
    
    #section1 .sec1_slider .slick-next {right:43px;}
    #section1 .sec1_slider .slick-prev {left:43px;}

    #section2 .sec2_box {width:75%;}
    #section2 .sec2_box li {padding:0 20px 0 145px;}
    #section2 .sec2_box li h4 {font-size:2.7rem;}
    #section2 .sec2_box li a {font-size:1.8rem; background:url(/resource/www/images/m_ic_go.png) 85% center no-repeat;}
    
    #section3 .sec3_box .box_inner {background-position:65% bottom;}
    #section3 .sec3_box a.btn_more {font-size:1.8rem;}
  }

  @media screen  and (max-width:460px) {
    #section1 h3 {font-size:2.6rem; text-align:left; padding-left:4%;}
  
    #section2 {padding-top:115px;}
    #section2 .sec2_box {width:79%; padding:40px 0;}
    #section2 .sec2_box li {padding:0 20px 0 125px;}
    #section2 .sec2_box li h4 {font-size:2.7rem;}
    #section2 .sec2_box li span {left:37px;}
    #section2 .sec2_box li:nth-child(3) span {left:47px;}

    #section3 .sec3_box .organi {display:none;}
    #section3 .sec3_box .box_inner {background-position:170% bottom;}
  }