.br{display:block;}

.inner{max-width:1440px; margin:0 auto;}

.mvisual{background:url('/images/main/visual_bg.png') no-repeat center 0; height: 953px; text-align:center; margin-top:100px; position:relative; }
.mvisual_slider{display:block; position:relative; width:100%;   height:727px; border-radius:30px; box-shadow:5px 5px 10px rgba(0, 0, 0, 0.3); }
.mvisual_slider img{position:relative; z-index:0; max-width:100%; border-radius:30px;}
.mvisual .inner:before{content:""; display:inline-block; width:280px; height:357px; position:absolute;  left: 30px; bottom:0; background:url('/images/main/chr_l.png') no-repeat 0 bottom;  background-size: contain; z-index: 10;}
.mvisual .inner:after{content:""; display:inline-block; width:277px; height:343px; position:absolute; right:30px; bottom:0; background:url('/images/main/chr_r.png') no-repeat 0 bottom; z-index:1; background-size: contain;} 

.visual_txt{display: block; padding: 50px 0 25px; /* text-shadow: 5px 5px 10px rgba(0, 0, 0, 0.3); */ }
.visual_txt .btxt{font-family: 'Cafe24 Ssurround'; font-size:50px; color:#fff; }
.visual_txt .btxt .vtxt_col1{color:#ffdd67; font-size:70px;}
.visual_txt .btxt .vtxt_col2{color:#ffb1b1; font-size:70px;}

.mvisual_slider .swiper-pagination{transform: none !important; position: relative !important; text-align:center !important; display: flex; align-items: center; gap: 8px; justify-content: center;  margin-top: -40px;}
.mvisual_slider .swiper-pagination-bullet{width:11px !important; height:11px !important; background:#a5ecfd !important; opacity:1 !important;}
.mvisual_slider .swiper-pagination-bullet-active{width:19px !important; height:19px !important; background:transparent !important; border:4px solid #fff}

.mh3_tit{font-family: 'Cafe24 Ssurround'; font-size:50px; color:#111}
.sect1 .mh3_tit span{color:#ff4343}
 
.rlink_w{display:flex; justify-content: space-between; gap:40px; margin: 20px 0 20px; }
.big_link{width: 704px; background: #fff1f1 url('/images/main/Blink_bg3.png') no-repeat bottom right; height: 334px;  border-radius: 14px 100px 14px 14px; border: 1px solid #edc8c8; box-shadow: 0 0 13px rgba(0, 0, 0, 0.1); 
				outline: 1px solid transparent; position:relative; padding:42px 0 0 43px; letter-spacing:-1px; transition: all 0.2s ease-in-out;}
.big_link_tit{font-family: 'Cafe24 Ssurround'; color:#5c3372; font-size:40px; display:block;}
.big_link_stxt{color:#5b4b64; font-size:20px; display:block; line-height:1.4; margin-top:10px;}
.big_link_go{display: flex; align-items: center;  justify-content: center; width:80px; height:80px; background:#ff4343; border-radius:50%; position:absolute; right:0; top:0;
				box-shadow:5px 5px 20px rgba(0, 0, 0, 0.4)}

.big_link:hover{border: 1px solid #eaadad; outline: 1px solid #eaadad; box-shadow: 5px 5px 13px rgba(0, 0, 0, 0.2); }

.link_wrap{display:flex;  flex-wrap:wrap; width:860px; gap:16px 18px;}
.link_wrap a{text-align:center; font-size:20px; width:calc(100% / 4 - 18px); height: 159px; border-radius: 14px; font-size: 16px; background: #fff1f1; 
			position: relative; letter-spacing: 0.5px; display: flex; align-items: center; justify-content: center; flex-direction: column; transition: all 0.2s ease-in-out;
			border: 1px solid #edc8c8; box-shadow: 0 0 13px rgba(0, 0, 0, 0.1); outline: 1px solid transparent; }
.link_wrap a .ico {  }
.link_wrap a:hover{border: 1px solid #eaadad; outline: 1px solid #eaadad; box-shadow: 5px 5px 13px rgba(0, 0, 0, 0.2);/*  margin-top: -10px */}

/* .link_wrap a:hover{color:#1d56bc; }		 */	 
.link_wrap a i {display: block; width:116px;  height:92px;  margin: 0 auto 10px;}
.link_wrap a i[class^='link_'] {display: inline-block; background-image: url('/images/main/linkb_ico.png'); background-repeat: no-repeat;}  
.link_wrap i.link_ico1{ background-position:25px 0px;}
.link_wrap i.link_ico2{background-position:-122px 0px;}
.link_wrap i.link_ico3{background-position:-280px 0px;}
.link_wrap i.link_ico4{background-position:-422px 0px;}
.link_wrap i.link_ico5{background-position:-574px 0px;}
.link_wrap i.link_ico6{background-position:-720px 0px;}
.link_wrap i.link_ico7{background-position:-1068px 0px;}

/* .link_wrap a:after {content: ''; border-radius:14px; position: absolute; top: -1px; left: -1px; width: 100%; height: 100%;transition: all 0.4s;
border: 2px solid rgba(29, 86, 188,  0.281); border-radius: 14px; transform: scale(1.1,1.1); opacity: 0;z-index: 1;}
.link_wrap a:hover:after {border-radius:14px; opacity: 1;  transform: scale(0.99);} */


.sect2{background: #2fa361;position:relative;margin-top:110px;}
.sect2:after{content:""; display:inline-block; width:374px; height:585px; position:absolute;  right:0; bottom:0; background:url('/images/main/toy_bg.png') no-repeat 0 bottom;  background-size: contain;}
.sect2 .inner{padding:80px 0 120px;}
.sect2 .mh3_tit{ position:relative; display: inline-block; color:#fff;}
.sect2 .mh3_tit span{color: #ffea00;}
.sect2 .mh3_tit:after{ content:""; display:inline-block; width:302px; height:209px; position:absolute;  right: -310px; bottom:0; background:url('/images/main/toy_timg.png') no-repeat 0 bottom; 
					background-size: contain; z-index: 10; animation: float 3s ease-in-out infinite;}
.toy_wrap .swiper-wrapper{display:flex; justify-content: space-between; }
.toy_wrap a{ text-align:center;  margin-top:40px;}
.toy_wrap .img{border-radius:30px; width:337px; height:244px;overflow:hidden; position:relative;}
.toy_wrap .img .rtsta{border-radius:30px 0 30px 0; padding:8px 30px;font-size:15px; color:#fff; position:absolute; left:0; top:0;}
.toy_wrap .img .rtsta.on{background:#2897e6}
.toy_wrap .img .rtsta.off{background:#575757}
.toy_wrap .txt{font-size:20px;color: #ffffff;display:block;margin-top:20px;max-width: 335px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

.sect2 .toy_control{position:relative; margin-top:100px; display:flex; height:50px; /* align-items:center; */}
.sect2 .swiper-scrollbar{position:relative !important; width:calc(100% - 200px) !important; left:200px !important;}
.sect2 .swiper-horizontal>.swiper-scrollbar, 
.sect2 .swiper-scrollbar.swiper-scrollbar-horizontal{height:1px !important; background:#fff !important;}
.sect2 .swiper-scrollbar-drag{background:#ffea00 !important; height:3px !important; margin-top: -1px;}
.sect2 .swiper-scrollbar{    margin-top: 26px;}

.toy_control .swiper-button-next:after,
.toy_control .swiper-button-prev:after,
.toy_control .swiper-button-next:after, 
.toy_control .swiper-button-prev:after{color:#fff; font-size:30px !important; font-weight:bold;}
.toy_control .swiper-button-prev{left:30px !important;}
.toy_control .swiper-button-next{left:130px !important;  position:relative;}
.toy_control .swiper-button-next:before{content:""; display:inline-block; width:2px; height:40px; background:rgba(255, 255, 255, .5); position:absolute; left:-39px}

@keyframes float {
	0%, 100% {
		transform: translateY(0);
	}
	50% {
		transform: translateY(-30px);
	}
}

@media screen and (max-width: 1440px) {
	
	.inner{width:100%; padding:0 30px;}
	.mvisual {height: auto; padding-bottom: 50px; margin-bottom:10px; background-size:110% }
	.mvisual_slider{height:auto;}

	.mvisual .inner:before{width:160px; left:0}
	.mvisual .inner:after{width:160px; right:0}
	
	.rlink_w {gap: 19px;}
	.link_wrap{flex-wrap:wrap; gap: 0 10px;}
	.link_wrap a .ico { width: 100%;}

	.mh3_tit { font-size:30px;}

	.sect2 .mh3_tit:after {width: 25vw; right: auto; left: 180px;}
	.sect2 .inner { padding: 60px 30px 50px;}
	.toy_wrap .img {width: 100%;  height: auto; background: #fff;}
	.toy_wrap .img img{max-width:100%;}
	.sect2:after {width: 34vw;}
	
}

@media screen and (max-width: 999px) {
	.visual_txt { padding: 20px 0 8px;}
	.visual_txt .btxt .vtxt_col1 { font-size: 40px;}
	.visual_txt .btxt .vtxt_col2 { font-size: 40px;}
	.visual_txt .btxt {font-size: 30px;}
	.link_wrap a { font-size: 16px; width: calc(100% / 3 - 10px);}
	.toy_wrap .txt {font-size: 16px;}
	.sect2 .toy_control {margin-top: 50px;}

	.rlink_w{flex-wrap:wrap;}
	.big_link {width: 100%;}
	.link_wrap {width: 100%; gap:10px;}

}

@media screen and (max-width:765px) {
	.br{display:inline}
	.big_link_tit { font-size: 30px;}
	.big_link_stxt { font-size: 16px;}

	
	.big_link {height: 244px; background-size: 100%; padding:30px 0 0 30px}

	.mvisual .inner:before,
	.mvisual .inner:after{display:none;}
}

@media screen and (max-width:499px) {	
	.mvisual { margin-top: 80px;}
	.visual_txt .btxt .vtxt_col1 { font-size: 25px;}
	.visual_txt .btxt .vtxt_col2 { font-size: 25px;}
	.visual_txt .btxt {font-size: 18px;}

	.link_wrap a { font-size: 16px; width: calc(100% / 2 - 10px);}
	.sect2 {margin-top: 50px;}
	.sect2 .inner {padding: 30px 30px 50px;}
    .sect2 .mh3_tit:after {width: 33vw;}
	.link_wrap a{padding:17px}
}

.link_no{pointer-events: none !important;}