@charset "utf-8";

.mobileView{display:none;}

.mainBanner{position:relative;}
.mainBanner .mainBannerCont img{display:none;}
.mainBanner .mainBannerCont .slick-list img{width:100%;}
.mainBanner .mainBannerCont .slick-slide div{vertical-align:top;}
.mainBanner .mainBannerCont .bannerFirst img{display:block;}
.mainBanner .mainBannerCont.slick-initialized .slick-list .bannerImg img{display:block;}

.mainBanner .mainBannerCont .mainBannerText{width:100vw;max-width:1480px;position:absolute;left:50%;bottom:45.59%;transform:translateX(-50%);}
.mainBanner .mainBannerCont .mainBannerText p{max-width:1480px;margin:0 auto;}
.mainBanner .mainBannerCont .mainBannerText p.text01{font-size:6.6rem;font-weight:700;letter-spacing:-0.04em;color:#fff;}
.mainBanner .mainBannerCont .mainBannerText p.text01 .mView{display:none;}
.mainBanner .mainBannerCont .mainBannerText p.text02{font-size:3.2rem;font-weight:500;letter-spacing:-0.02em;color:#fff;margin-top:15px;}

.mainBanner .slick-controls{width: 100%;position: absolute;left: 0;bottom:29.414%;line-height: 0;display: flex;}
.mainBanner .slick-controls .slick-dots{width:100%;max-width:1480px;margin:0 auto;}
.mainBanner .slick-controls .slick-dots li{display:inline-block;margin-right:15px;}
.mainBanner .slick-controls .slick-dots li button{width:8px;height:8px;background:#fff;border-radius:50%;border:1px solid #fff;font-size:0;letter-spacing:-1000em;text-indent:-1000em;}
.mainBanner .slick-controls .slick-dots li.slick-active button{width:46px;height:8px;background:#fff;border:0;border-radius:4px;}
.mainBanner .slick-controls > button{position:relative;border:0;background:none;}
.mainBanner .slick-controls .slide-pause{width:10px;height:15px;}
.mainBanner .slick-controls .slide-pause:before,
.mainBanner .slick-controls .slide-pause:after{width:3px;height:15px;background:#fff;position:absolute;top:0;content:"";}
.mainBanner .slick-controls .slide-pause:before{left:0;}
.mainBanner .slick-controls .slide-pause:after{right:0;}
.mainBanner .slick-controls .slide-play{border-top:7.5px solid transparent;border-right:0 solid transparent;border-bottom:7.5px solid transparent;border-left:10px solid #fff;}
.mainBanner .slick-controls .pagingInfo{color:#fff;margin-left:10px;line-height:15px;}
.mainBanner .linkView{position:absolute;left:50%;bottom:65px;transform:translateX(-50%);text-align:center;}
.mainBanner .linkView a{width:168px;height:52px;line-height:52px;display:inline-block;background:#2e3b83;border-radius:30px;color:#fff;font-size:1.6rem;}


.mainCont {max-width:1480px;margin:0 auto;}
.mainCont .gotoBox {padding:30px 0;}
.mainCont .gotoBox ul {display:flex;}
.mainCont .gotoBox ul li{width:23.65%;height:160px;margin-right:1.757%;flex-shrink: 0;border-radius:10px;}
.mainCont .gotoBox ul li:last-child{margin-right:0;}
.mainCont .gotoBox ul li a {width:100%;height:100%;display:block;padding:10px 0 0 10px;}
.mainCont .gotoBox ul li a span{width:150px;height:45px;display:flex;justify-content:center;align-items:center;font-size:1.9rem;font-weight:700;letter-spacing:-0.02em;color:#111;background:#fff;border-radius:5px;}
.mainCont .gotoBox ul li a span:before{width:24px;height:26px;display:inline-block;margin:0 8px 0 0;content:'';}
.mainCont .gotoBox ul li a span:after{width:8px;height:15px;display:inline-block;margin:0 0 0 24px;background:url('/img/main/goto_arrow.png')no-repeat center;content:'';}
.mainCont .gotoBox ul .support{background:url('/img/main/support_bg.png')no-repeat center / cover;}
.mainCont .gotoBox ul .support span:before{background:url('/img/main/support_sign.png')no-repeat center;}
.mainCont .gotoBox ul .type{background:url('/img/main/type_bg.png')no-repeat center / cover;}
.mainCont .gotoBox ul .type span:before{background:url('/img/main/type_sign.png')no-repeat center;}
.mainCont .gotoBox ul .process{background:url('/img/main/process_bg.png')no-repeat center / cover;}
.mainCont .gotoBox ul .process span:before{background:url('/img/main/process_sign.png')no-repeat center;}
.mainCont .gotoBox ul .spot{background:url('/img/main/spot_bg.png')no-repeat center / cover;}
.mainCont .gotoBox ul .spot span:before{background:url('/img/main/spot_sign.png')no-repeat center;}



@media all and (max-width:1520px){
.mainBanner .mainBannerCont .mainBannerText p{margin:0 20px;}
.mainBanner .slick-controls{left:20px;}
.mainCont{margin:0 20px;}
}

@media all and (max-width:1279px){

.mainBanner .mainBannerCont .slick-list {margin: 0 -25%;}

.mainCont .gotoBox ul li a span{width:130px;height:35px;}
.mainCont .gotoBox ul li a span:before{margin:2px 6px 0 0;}
.mainCont .gotoBox ul li a span:after{background-size:80% auto;margin: 0 0 0 18px;}
.mainCont .gotoBox ul .support span:before{background-size:80% auto;}
.mainCont .gotoBox ul .type span:before{background-size:80% auto;}
.mainCont .gotoBox ul .process span:before{background-size:80% auto;}
.mainCont .gotoBox ul .spot span:before{background-size:80% auto;}


}

@media all and (max-width:979px){

.mainBanner .mainBannerCont .mainBannerText p.text01{font-size:5.6rem;}
.mainBanner .mainBannerCont .mainBannerText p.text02{font-size:2.2rem;}

.mainCont .gotoBox ul{flex-wrap:wrap;}
.mainCont .gotoBox ul li{width:49.1215%;height:150px;}
.mainCont .gotoBox ul li:nth-child(2n+2){margin-right:0;}
.mainCont .gotoBox ul li:nth-child(n+3){margin-top:1.757%;}

}

@media all and (max-width:767px){

.mainBanner .mainBannerCont .slick-list {margin:0;}
.mainBanner .mainBannerCont .mainBannerText {bottom:40%;text-align:center;}
.mainBanner .mainBannerCont .mainBannerText p.text01{font-size:8.6049543677vw;}
.mainBanner .mainBannerCont .mainBannerText p.text01 .mView{display:block;}
.mainBanner .mainBannerCont .mainBannerText p.text02{font-size:4.1720990874vw;}
.mainBanner .slick-controls{width:auto;bottom:35%;left:50%;transform:translateX(-50%);}
.mainBanner .slick-controls .slick-dots li{margin-right:7.5px;}
.mainBanner .slick-controls .slick-dots li button{width:6px;height:6px;}
.mainBanner .slick-controls .slick-dots li.slick-active button{width:36px;height:6px;}

.mainCont .gotoBox{padding:15px 0;}
.mainCont .gotoBox ul li a span:after {background-size: 80% auto;margin: 0 0 0 12px;}
.mainCont .gotoBox ul .support span:before{background-size:70% auto;}
.mainCont .gotoBox ul .type span:before{background-size:70% auto;}
.mainCont .gotoBox ul .process span:before{background-size:70% auto;}
.mainCont .gotoBox ul .spot span:before{background-size:70% auto;}

}

@media all and (max-width:501px){

.mainCont .gotoBox ul li {width:100%;height:203px;margin-right:0;}
.mainCont .gotoBox ul li:nth-child(n+2){margin-top:1.757%;}
.mainCont .gotoBox ul li a span:after {margin:-1px 0 0 12px;}
.mainCont .gotoBox ul .support span:before{margin: 2px 3px 0 0;}
}