.mainCtt .container { position:relative; z-index:3; }

.mainCtt .visualWrap { height:1200px; background:url(../img/visual.png) center center no-repeat; background-size:cover; overflow:hidden; }
.mainCtt .visualWrap .container { position:static; }
.mainCtt .visualWrap .visualTxt { padding-top: 500px; box-sizing:border-box; }
.mainCtt .visualWrap .visualTxt .tit { font-size:4rem; color:#f7f7f7; font-weight: 500; }
.mainCtt .visualWrap .visualTxt .txt { font-size:2rem; color:#ceced2; font-weight: 500; line-height: 3rem; margin-top: 2.5rem; }
.mainCtt .visualWrap .visualTxt .more { background:rgba(52, 108, 159, 0.7); display:inline-block; width:300px; height:60px; line-height: 60px; text-align: center; font-size:1.8rem; color:#fff; font-weight: 400; margin-top: 135px; }
.mainCtt .visualWrap .swiper-button-next,
.mainCtt .visualWrap .swiper-button-prev { top:60%; }


.over_scale .img { overflow:hidden; display:block; }
.over_scale .img img { transition:all 0.5s; }
.over_scale:hover .img img { transform:scale(1.1); }


.mainCtt .section_tit { text-align: center; padding: 0 !important; }
.mainCtt .section_tit .sectionTit { font-size:5.2rem; color:#000; font-weight: 500; }
.mainCtt .section_tit .sectionTxt { font-size:1.8rem; color:#666; font-weight: 400; margin-top: 1rem; }
.mainCtt .section_tit.white {  }
.mainCtt .section_tit.white .sectionTit { color:#fff }
.mainCtt .section_tit.white .sectionTxt { color:#fff; }


.mainCtt .section01 { padding-top: 15.5rem; padding-bottom: 7.5rem; box-sizing:border-box; position:relative; }
.mainCtt .section01:after { content:""; display:block; width:100%; height:50%; position:absolute; bottom:0; background:#f5f5f5; }
.mainCtt .section01 .boxWrap { margin-top: 6rem; }
.mainCtt .section01 .boxWrap .box {  }
.mainCtt .section01 .boxWrap .box a {  }
.mainCtt .section01 .boxWrap .box a .topBox { position:relative; }
.mainCtt .section01 .boxWrap .box a .topBox .img {  }
.mainCtt .section01 .boxWrap .box a .topBox .img img { width:100%; }
.mainCtt .section01 .boxWrap .box a .topBox .more { position:absolute; width:64px; height:64px; right:0; bottom:0; background:#fff url(../img/more_btn.png) right center no-repeat; transition:all 0.5s; box-sizing:border-box; text-align:left; }
.mainCtt .section01 .boxWrap .box a .topBox .more i { opacity:0; line-height: 64px; color:#000; font-size:1.4rem; transition:all 0.5s; font-weight: 500; font-style: normal; padding-right: 64px; box-sizing:border-box; display:inline-block; width:140px; }
.mainCtt .section01 .boxWrap .box a .topBox .more .arr { display:none; }
.mainCtt .section01 .boxWrap .box a .txtBox { padding-right: 1.5rem; box-sizing:border-box; }
.mainCtt .section01 .boxWrap .box a .txtBox .tit { font-size:2.4rem; color:#3a3a3a; line-height: 3rem; font-weight: 500; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap:break-word; height: 6rem; margin: 2.2rem 0 1.6rem; }
.mainCtt .section01 .boxWrap .box a .txtBox .txt { font-size:1.8rem; color:#666; line-height: 2.4rem; }

.mainCtt .section01 .boxWrap .box a:hover .topBox .more { width:200px; padding-left: 1.5rem; }
.mainCtt .section01 .boxWrap .box a:hover .topBox .more i { opacity:1; }



.mainCtt .section02 { padding-top: 7.5rem; box-sizing:border-box; background:#f5f5f5; margin-bottom: -28rem; overflow-x:hidden; }
.mainCtt .section02 {   }
.mainCtt .section02 .boxWrap { margin-top: 6.5rem; }
.mainCtt .section02 .boxWrap .box {  }
.mainCtt .section02 .boxWrap .box a { display:block; background-size:cover; background-repeat:no-repeat; background-position: center center; height:500px; padding: 7.5rem 5rem; box-sizing:border-box; border: 1px solid #3a3a3a; }
.mainCtt .section02 .boxWrap .box01 a { background-image:url(../img/section02_img01.png); }
.mainCtt .section02 .boxWrap .box02 a { background-image:url(../img/section02_img02.png); }
.mainCtt .section02 .boxWrap .box a .tit { font-size:3.4rem; color:#fff; font-weight: 500; line-height: 4rem; }
.mainCtt .section02 .boxWrap .box a .txt { font-size:1.8rem; color:rgba(255, 255, 255, 0.6); font-weight: 400; line-height: 2.2rem; margin-top: 2.5rem; }
.mainCtt .section02 .boxWrap .box a .more { opacity:0.6; display:inline-block; width:190px; height:50px; text-align: center; border: 1px solid #fff; box-sizing:border-box; color:#fff; font-weight: 500; line-height:48px; margin-top: 13.5rem; position:relative; }
.mainCtt .section02 .boxWrap .box a .more i { display:inline-block; width:18px; height:6px; background:url(../img/more_arrow.png) center center no-repeat; margin-left: 3px;}
.mainCtt .section02 .boxWrap .box a .more:before,
.mainCtt .section02 .boxWrap .box a .more:after { content:""; display:inline-block; width:1px; height:100%; position:absolute; left:0; top:0; background:#346c9f; opacity:0; z-index:-1; }
.mainCtt .section02 .boxWrap .box a .more:before { transition:all 0.2s; }
.mainCtt .section02 .boxWrap .box a .more:after { transition:all 1.0s; }

.mainCtt .section02 .boxWrap .box a:hover .more:before,
.mainCtt .section02 .boxWrap .box a:hover .more:after { width:100%; opacity:1; }



.mainCtt .section03 { padding-top: calc(28rem + 10.5rem); padding-bottom: 13rem; box-sizing:border-box; background:url(../img/section03_back.png) center center no-repeat; background-size:cover; overflow-x:hidden; }
.mainCtt .section03 .boxWrap { margin-top: 6rem; }
.mainCtt .section03 .boxWrap .box {  }
.mainCtt .section03 .boxWrap .box a {  }
.mainCtt .section03 .boxWrap .box a .topBox,
.mainCtt .section03 .boxWrap .box a .txtBox { position:relative; }
.mainCtt .section03 .boxWrap .box a .topBox:before,
.mainCtt .section03 .boxWrap .box a .txtBox:before { content:""; display:inline-block; width:1px; height:25px; position:absolute; left:50%; z-index:2; }
.mainCtt .section03 .boxWrap .box a .topBox {  }
.mainCtt .section03 .boxWrap .box a .topBox:before { background:#dadada; bottom:0; }
.mainCtt .section03 .boxWrap .box a .topBox .img { display:block; }
.mainCtt .section03 .boxWrap .box a .topBox .img img { width:100%; }
.mainCtt .section03 .boxWrap .box a .txtBox { background:#fff; margin-top: -2px; text-align: center; padding: 3.5rem 1rem; box-sizing:border-box; }
.mainCtt .section03 .boxWrap .box a .txtBox:before { background:#0f4874; top:0; }
.mainCtt .section03 .boxWrap .box a .txtBox .tit { font-size:2.4rem; color:#3a3a3a; font-weight: 500; }
.mainCtt .section03 .boxWrap .box a .txtBox .txt { font-size:1.8rem; color:#666; line-height: 2.2rem; margin-top: 1.5rem; }



.mainCtt .section04 { position:relative; padding: 9.5rem 0; box-sizing:border-box; }
.mainCtt .section04:before { content:""; display:block; width:50%; height:100%; position:absolute; left:0; top:0; background:#f5f5f5; }
.mainCtt .section04 .container { position:relative; z-index:3; }
.mainCtt .section04 .boxTit { font-size:3rem; color:#3a3a3a; font-weight: 600; text-align: center; margin-bottom: 4.5rem; }
.mainCtt .section04 .leftBox,
.mainCtt .section04 .rightBox { float: left; width:50%; box-sizing:border-box; }
.mainCtt .section04 .leftBox { padding-right: 5rem; }
.mainCtt .section04 .typeTxt01 {  }
.mainCtt .section04 .typeTxt01 li { margin-top: 8px; }
.mainCtt .section04 .typeTxt01 li:first-child { margin-top: 0; }
.mainCtt .section04 .typeTxt01 li a { background:#fff; display:block; width:100%; font-size:0; padding: 18px 0 22px; box-sizing:border-box; position:relative; }
.mainCtt .section04 .typeTxt01 li a:before,
.mainCtt .section04 .typeTxt01 li a:after {  content:""; display:inline-block; width:1px; height:100%; background:#346c9f; position:absolute; top:0; opacity:0; transition:all 0.5s; }
.mainCtt .section04 .typeTxt01 li a:before { left:50%; }
.mainCtt .section04 .typeTxt01 li a:after { right:50%; }
.mainCtt .section04 .typeTxt01 li a .date,
.mainCtt .section04 .typeTxt01 li a .tit,
.mainCtt .section04 .typeTxt01 li a .arrow { display:inline-block; box-sizing:border-box; vertical-align: middle; position:relative; z-index:2; transition:all 0.5s; }
.mainCtt .section04 .typeTxt01 li a .date { color:#336791; font-weight: 500; font-size:1.4rem; text-align: center; width:107px; }
.mainCtt .section04 .typeTxt01 li a .date .big { display:block; font-size:4rem; font-weight: 600; line-height: 1em; margin-bottom: 4px; }
.mainCtt .section04 .typeTxt01 li a .tit { padding-left: 2.1rem; padding-right: 7.5rem; font-size:2rem; color:#3a3a3a; font-weight: 500; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden; width:calc(100% - 107px - 74px); }
.mainCtt .section04 .typeTxt01 li a .arrow { width:74px; height:13px; background:url(../img/news_more.png) center center no-repeat; }

.mainCtt .section04 .typeTxt01 li a:hover:before,
.mainCtt .section04 .typeTxt01 li a:hover:after { width:50%; opacity:1; }
.mainCtt .section04 .typeTxt01 li a:hover .date,
.mainCtt .section04 .typeTxt01 li a:hover .tit { color:#fff; }


.mainCtt .section04 .rightBox { padding-left: 5rem; }
.mainCtt .section04 .boxWrap { margin-left: -1rem; }
.mainCtt .section04 .boxWrap .box { float: left; width:50%; padding-left: 1rem; box-sizing:border-box; }
.mainCtt .section04 .boxWrap .box a { display:block; height:424px; text-align: center; font-size:2.6rem; color:#fff; font-weight: 600; line-height: 424px; background-repeat:no-repeat; background-position:  center center; background-size:100% auto; transition:all 0.3s; }
.mainCtt .section04 .boxWrap .box01 a { background-image:url(../img/section04_img01.png); }
.mainCtt .section04 .boxWrap .box02 a { background-image:url(../img/section04_img02.png); }

.mainCtt .section04 .boxWrap .box a:hover { background-size:110%; }



.footer { background:#090c23; }
.footer .fnb { border-bottom: 1px solid #222539; box-sizing:border-box; }
.footer .fnb .fmenu { font-size:0; }
.footer .fnb .fmenu li { line-height: 7.2rem; display:inline-block; opacity:0.8; }
.footer .fnb .fmenu li:before { content:""; display:inline-block; width:1px; height:11px; background:#fff; margin: 0 1.5rem; }
.footer .fnb .fmenu li:first-child:before { display:none; }
.footer .fnb .fmenu li a { font-size:1.4rem; color:#fff; font-weight: 400; }

.footer .copy { padding-top: 3rem; padding-bottom: 4.5rem; box-sizing:border-box; }
.footer .copy .container { position:relative; }
.footer .copy .f_logo { float: left; }
.footer .copy .f_logo a {  }
.footer .copy .right { float: left; padding-left: 5.5rem; box-sizing:border-box;  }
.footer .copy .right .info {  }
.footer .copy .right .info li { margin-left: -2rem; margin-top: 1rem; }
.footer .copy .right .info li:first-child { margin-top: 0; }
.footer .copy .right .info li span { display:inline-block; color:#81808e; font-size:1.6rem; margin-left: 2rem; }
.footer .copy .right .info li span:first-child {  }
.footer .copy .right .copyright { font-size:1.6rem; color:#515465; margin-top: 1.5rem; }
.footer .copy .selectBox { width:250px; height:44px; background:#090c23; padding-left: 1.6rem; box-sizing:border-box; border: 1px solid #3a3d4f; font-weight: 500; color:#797979; font-size:1.4rem; position:absolute; right:0; top:0; }
.footer .copy .selectBox option {  }