@charset "utf-8";

/* ======================================================
   .msec-visual
=========================================================*/
.msec-visual{position:relative;}
.msec-visual .item{position:relative;}
/*.msec-visual .item:after{position:Absolute ; left:50%; width:20000px ; margin-left:-10000px; top:0 ;height:100%; z-index:-1; display:block; content:""}

.msec-visual .item .img{position:Relative; max-width:1400px; margin:0 auto; height:600px; opacity:0;-webkit-transform: translateY(20px); -moz-transform: translateY(50px);-ms-transform: translateY(50px); -o-transform:  translateY(20px);transform: translateY(50px);-webkit-transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out;;-moz-transition:opacity 0.5s ease-in-out, transform 0.5s ease-in-out;;-o-transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out;;transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out;}
.msec-visual .item .img img{height:600px;position:absolute;right:0; bottom:0;}*/

.msec-visual .item .img{height:600px;transform:scale(1.20, 1.20); -webkit-transform:scale(1.2, 1.2); -moz-transform:scale(1.2, 1.2); -ms-transform:scale(1.2, 1.2);-webkit-transition: transform 2.5s ease-in-out;-moz-transition: transform 2.5s ease-in-out;-o-transition: transform 2.5s ease-in-out;transition: transform 2.5s ease-in-out;}
.msec-visual .item .img img{width:100%;}

.msec-visual .item .txt{position:absolute;max-width:1400px; padding:0 100px; box-sizing:border-box; margin-top:-50px;width:100%;left:50%; top:55%;-webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%);  -ms-transform: translate(-50%, -50%);  -o-transform: translate(-50%, -50%);  transform: translate(-50%, -50%);}
.msec-visual .item .txt .btxt{font-size:55px; line-height:1.3em; color:#fff; letter-spacing:-0.03em; font-weight:700;  }
.msec-visual .item .txt .stxt{margin-top:10px;font-size:30px; font-weight:600; color:#fff; letter-spacing:-0.03em; line-height:1.5em;text-transform:uppercase; }
.msec-visual .item .txt .stxt i{color:#0054a6}
.msec-visual .item .txt .ctxt{margin-top:20px;font-size:20px; font-weight:400; color:#fff; letter-spacing:-0.03em; line-height:1.5em;text-transform:uppercase; opacity:1}
	@media only screen and (max-width:1400px){
		.msec-visual .item .img{height:440px;}
		.msec-visual .item .img img{height:440px;}
		.msec-visual .item .txt .btxt{font-size:16px;}
		.msec-visual .item .txt .stxt{font-size:32px;}
		.msec-visual .item .txt .ctxt{margin-top:25px;font-size:15px;}
	}
	@media only screen and (max-width:1185px) {
		.msec-visual .item .txt{padding:0 80px;}
		.msec-visual .item .txt .btxt{font-size:14px;}
		.msec-visual .item .txt .stxt{font-size:28px;}
		.msec-visual .item .txt .ctxt{margin-top:20px;font-size:14px;}

		.msec-visual .item .img{height:400px;}
		.msec-visual .item .img img{height:400px;}
	}
	@media only screen and (max-width:999px) {
		.msec-visual .item .txt{padding:0 65px;}
		.msec-visual .item .txt .btxt{font-size:13px;}
		.msec-visual .item .txt .stxt{font-size:24px;}
		.msec-visual .item .txt .ctxt{margin-top:15px;font-size:13px;}

		.msec-visual .item .img{height:350px;}
		.msec-visual .item .img img{height:350px;}
	}
	@media only screen and (max-width:780px) {
		.msec-visual .item .img img{height:350px;}
	}
	@media only screen and (max-width:680px) {
		.msec-visual .item .txt{padding:0 50px; top:30%;-webkit-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0);  -ms-transform: translate(-50%, 0);  -o-transform: translate(-50%, 0);  transform: translate(-50%, 0);}
		.msec-visual .item .txt .btxt{font-size:12px;}
		.msec-visual .item .txt .stxt{font-size:22px;}
		.msec-visual .item .txt .ctxt{margin-top:10px;font-size:12px;}

		.msec-visual .item .img{height:320px;}
		.msec-visual .item .img img{height:320px;}
	}
	@media only screen and (max-width:580px) {
		.msec-visual .item .txt .stxt br{display:none;}
		.msec-visual .item .txt .ctxt br{display:none;}

		.msec-visual .item .img img{height:320px;}
	}
	@media only screen and (max-width:480px) {
		.msec-visual .item .txt{padding:0 40px;}
		.msec-visual .item .img{height:250px;}
		.msec-visual .item .img img{height:250px;}
		.msec-visual .item .txt .btxt{font-size:15px;}
		.msec-visual .item .txt .stxt{font-size:20px;}
		.msec-visual .item .txt .ctxt{font-size:13px;}
	}

.msec-visual .item.c01 .img{background:url(../img/main/mvisual-img01.jpg) no-repeat center center; background-size:cover;}
.msec-visual .item.c02 .img{background:url(../img/main/mvisual-img02.jpg) no-repeat center center; background-size:cover;}
.msec-visual .item.c03 .img{background:url(../img/main/mvisual-img03.jpg) no-repeat center center; background-size:cover;}

.msec-visual .item .txt .btxt p{position:Relative; overflow:hidden;}
.msec-visual .item .txt .btxt p span{opacity:0;display:block;position:relative;-webkit-transform:translateY(100%);-moz-transform:translateY(100%); -ms-transform:translateY(100%);-o-transform:translateY(100%);-webkit-transition: opacity 0.8s ease-out, transform 0.8s ease-out;-moz-transition:opacity 0.8s ease-out, transform 0.8s ease-out;-o-transition: opacity 0.8s ease-out, transform 0.8s ease-out;transition: opacity 0.8s ease-out, transform 0.8s ease-out;}
.msec-visual .item .txt .stxt p{position:Relative; overflow:hidden;}
.msec-visual .item .txt .stxt p span{opacity:0;display:block;position:relative;-webkit-transform:translateY(50%);-moz-transform:translateY(50%); -ms-transform:translateY(50%);-o-transform:translateY(50%);-webkit-transition: opacity 0.8s ease-out, transform 0.8s ease-out;-moz-transition:opacity 0.8s ease-out, transform 0.8s ease-out;-o-transition: opacity 0.8s ease-out, transform 0.8s ease-out;transition: opacity 0.8s ease-out, transform 0.8s ease-out;}
.msec-visual .item .txt .ctxt p{position:Relative; overflow:hidden;}
.msec-visual .item .txt .ctxt p span{opacity:0;display:block;position:relative;-webkit-transform:translateY(50%);-moz-transform:translateY(50%); -ms-transform:translateY(50%);-o-transform:translateY(50%);-webkit-transition: opacity 0.8s ease-out, transform 0.8s ease-out;-moz-transition:opacity 0.8s ease-out, transform 0.8s ease-out;-o-transition: opacity 0.8s ease-out, transform 0.8s ease-out;transition: opacity 0.8s ease-out, transform 0.8s ease-out;}

.msec-visual .item.c01:after{background:#89dbfa;}
.msec-visual .item.c02:after{background:#a0c4ff;}
.msec-visual .item.c03:after{background:#47cfea;}

.msec-visual.ani .slick-active.item .txt .btxt p span{ opacity:1;-webkit-transform:translateY(0);-moz-transform:translateY(0); -ms-transform:translateY(0);-o-transform:translateY(0);}
.msec-visual.ani .slick-active.item .txt .stxt p span{ opacity:1;-webkit-transform:translateY(0);-moz-transform:translateY(0); -ms-transform:translateY(0);-o-transform:translateY(0);}
.msec-visual.ani .slick-active.item .txt .ctxt p span{ opacity:1;-webkit-transform:translateY(0);-moz-transform:translateY(0); -ms-transform:translateY(0);-o-transform:translateY(0);}
.msec-visual.ani .slick-active.item .txt .btxt p:nth-child(1) span{transition-delay:0.3s;}
.msec-visual.ani .slick-active.item .txt .stxt p:nth-child(1) span{transition-delay:0.6s;}
.msec-visual.ani .slick-active.item .txt .stxt p:nth-child(2) span{transition-delay:0.9s;}
.msec-visual.ani .slick-active.item .txt .ctxt p:nth-child(1) span{transition-delay:1.2s;}
.msec-visual.ani .slick-active.item .txt .ctxt p:nth-child(2) span{transition-delay:1.5s;}

.msec-visual.ani .slick-active.item .img{transition-delay:1.0s; -webkit-transform:translateX(0);-moz-transform:translateX(0); -ms-transform:translateX(0);-o-transform:translateX(0);opacity:1;}

.msec-visual .slick-dots{position:absolute; left:50%;  width:100%; max-width:1400px; font-size:0;padding:0 100px;text-align:center; height:40px;  z-index:2855; box-sizing:border-box;text-align:left; bottom:80px;-webkit-transform: translateX(-50%); -moz-transform: translateX(-50%);-ms-transform: translateX(-50%); -o-transform:  translateX(-50%);transform: translateX(-50%);}
.msec-visual .slick-dots ul{display:inline-block;vertical-align:top; box-sizing:border-box; padding:0; margin:0 10px 0 0 ; height:40px;}
.msec-visual .slick-dots ul:after{display:block; content:"";clear:both;}
.msec-visual .slick-dots li{float:left;text-align:left;width:auto;position:relative; padding:0; margin:0;}
.msec-visual .slick-dots li:nth-child(n+2){margin-left:15px;}
.msec-visual .slick-dots li:before{width:100px; left:20px; top:20px; height:1px; background:rgba(255,255,255,0.3); display:none;content:""; position:absolute;}
.msec-visual .slick-dots li:after{width:0; left:20px; top:20px; height:1px; background:#fff;opacity:0;content:""; position:absolute; z-index:21;-webkit-transition: width 3s linear;-moz-transition: width 3s linear;-o-transition: width 3s linear;transition: width 3s linear;}
.msec-visual .slick-dots li a{font-size:14px; color:#fff; line-height:40px; letter-spacing:-0.03em; font-weight:400;}
.msec-visual .slick-dots.ani li.slick-active{ padding-right:110px;}
.msec-visual .slick-dots.ani li.slick-active a{font-weight:600}
.msec-visual .slick-dots.ani li.slick-active:before{display:block;}
.msec-visual .slick-dots.ani li.slick-active:after{width:100px;opacity:1}

.msec-visual .visual-ctrl {position:absolute ;left:50%; width:100%; max-width:1600px;top:50%;-webkit-transform: translateX(-50%); -moz-transform: translateX(-50%);-ms-transform: translateX(-50%); -o-transform:  translateX(-50%);transform: translateX(-50%);}
.msec-visual .visual-ctrl .prev{opacity:0.3;position:absolute; left:10px; top:50%;margin-top:-23px;width:46px;height:46px;background:url(../img/main/visual-prev.png) no-repeat center center;background-size:100% auto;-webkit-transition: opacity 0.3s ease-in-out;-moz-transition: opacity 0.3s ease-in-out;-o-transition: opacity 0.3s ease-in-out;transition: opacity 0.3s ease-in-out;}
.msec-visual .visual-ctrl .next{opacity:0.3;position:absolute; right:10px; top:50%;margin-top:-23px;width:46px;height:46px;background:url(../img/main/visual-next.png) no-repeat center center;background-size:100% auto;-webkit-transition: opacity 0.3s ease-in-out;-moz-transition: opacity 0.3s ease-in-out;-o-transition: opacity 0.3s ease-in-out;transition: opacity 0.3s ease-in-out;}

.msec-visual .visual-ctrl .prev:hover{opacity:1}
.msec-visual .visual-ctrl .next:hover{opacity:1}
	@media only screen and (max-width:1400px){
		.msec-visual .visual-ctrl .prev{width:40px;height:40px; margin-top:-20px;}
		.msec-visual .visual-ctrl .next{width:40px;height:40px; margin-top:-20px;}
	}
	@media only screen and (max-width:1185px) {
		.msec-visual .slick-dots{padding:0 80px; bottom:60px}
		
		.msec-visual .slick-dots li:before{width:80px;}
		.msec-visual .slick-dots li a{font-size:13px;}
		.msec-visual .slick-dots.ani li.slick-active{ padding-right:90px;}
		.msec-visual .slick-dots.ani li.slick-active:after{width:80px;}
	}
	@media only screen and (max-width:999px) {
		.msec-visual .slick-dots{padding:0 65px; bottom:40px}
		.msec-visual .slick-dots li a{font-size:12px;}
		.msec-visual .visual-ctrl .prev{width:34px;height:34px; margin-top:-17px;}
		.msec-visual .visual-ctrl .next{width:34px;height:34px; margin-top:-17px;}
	}
	@media only screen and (max-width:680px) {
		
		.msec-visual .visual-ctrl .prev{width:28px;height:28px; margin-top:-14px;}
		.msec-visual .visual-ctrl .next{width:28px;height:28px; margin-top:-14px;}
		
		.msec-visual .slick-dots{padding:0 50px; bottom:20px}
		.msec-visual .slick-dots li a{font-size:11px;}
		.msec-visual .slick-dots li:before{width:60px;}
		.msec-visual .slick-dots.ani li.slick-active{ padding-right:70px;}
		.msec-visual .slick-dots.ani li.slick-active:after{width:60px;}
	}
	@media only screen and (max-width:480px) {
		.msec-visual .slick-dots{padding:0 40px;}
		.msec-visual .slick-dots li a{font-size:10px;}
		.msec-visual .slick-dots li:before{width:40px;}
		.msec-visual .slick-dots.ani li.slick-active{ padding-right:50px;}
		.msec-visual .slick-dots.ani li.slick-active:after{width:40px;}

		.msec-visual .visual-ctrl .prev{width:22px;height:22px; margin-top:-11px;}
		.msec-visual .visual-ctrl .next{width:22px;height:22px; margin-top:-11px;}
	}




/*=======================================================
  .msec-cont
=========================================================*/
.msec-cont{}



/* ======================================================
   .msec-00
=========================================================*/
.msec-00{position:relative; padding:33px 20px 30px}
.msec-00 .tits{height:188px;display:flex;align-items: center; justify-content: center;}
.msec-00 .tits h3{font-weight:400; color:#000; font-size:33px; padding-top:75px; height:188px;box-sizing:border-box;text-align:center; letter-spacing:-0.04em;letter-spacing:-0.03em; line-height:1.3em; padding-left:280px; background:url(../img/main/msec00-tit.png) no-repeat left center;}
.msec-00 .tits h3 span{color:#6d92ed; font-weight:600;}
.msec-00 .cont{}
.msec-00 .cont ul{text-align:center; font-size:0;}
.msec-00 .cont ul:after{display:block; content:"";clear:both;}
.msec-00 .cont li{display:inline-block;vertical-align:top;}
.msec-00 .cont li:nth-child(n+2){margin-left:120px;}
.msec-00 .cont li a{display:block; line-height:20px; padding-top:80px; text-align:center;font-size:18px; color:#000;letter-spacing:-0.03em;position:relative; font-weight:500; }
.msec-00 .cont li a:before{width:64px; height:64px; position:Absolute; left:50%; top:0;margin-left:-32px; display:block; content:"";background-size:100% auto !important;-webkit-transition: transform 0.3s ease-out;-moz-transition: transform 0.3s ease-out;-o-transition: transform 0.3s ease;transition: transform 0.3s ease-out;}
.msec-00 .cont li a:hover{color:#2189ff}

.msec-00 .cont li:nth-child(1) a:before{background:url(../img/main/msec00-ico01.png) no-repeat center top}
.msec-00 .cont li:nth-child(2) a:before{background:url(../img/main/msec00-ico02.png) no-repeat center top}
.msec-00 .cont li:nth-child(3) a:before{background:url(../img/main/msec00-ico03.png) no-repeat center top}
.msec-00 .cont li:nth-child(4) a:before{background:url(../img/main/msec00-ico04.png) no-repeat center top}
.msec-00 .cont li:nth-child(5) a:before{background:url(../img/main/msec00-ico05.png) no-repeat center top}
.msec-00 .cont li:nth-child(6) a:before{background:url(../img/main/msec00-ico06.png) no-repeat center top}

.msec-00 .cont li a:hover:before{-webkit-transform: translateY(-10px); -moz-transform: translateY(-10px);-ms-transform: translateY(-10px); -o-transform:  translateY(-10px);transform: translateY(-10px);}
	@media only screen and (max-width:1440px){
		.msec-00{padding:30px 0}
		.msec-00 .tits{height:160px;}
		.msec-00 .tits h3{font-size:31px; padding-top:55px; height:160px; background-size:auto 160px; padding-left:260px}

		.msec-00 .cont li:nth-child(n+2){margin-left:75px;}
		.msec-00 .cont li a:before{width:60px; height:64px; margin-left:-30px;}
		.msec-00 .cont li a{font-size:17px; padding-top:85px;}
	}
	@media only screen and (max-width:1184px) {
		.msec-00 .tits{height:130px;}
		.msec-00 .tits h3{font-size:29px; background-size:auto 130px; padding-left:220px}
		.msec-00 .cont li:nth-child(n+2){margin-left:50px;}
		.msec-00 .cont li a{font-size:16px; }
	}
	@media only screen and (max-width:999px){
		.msec-00{}
		.msec-00 .tits{height:auto; display:block;}
		.msec-00 .tits h3{padding-top:110px;font-size:26px;background-position:center top; background-size:auto 100px; padding-left:0;height:auto;}
		.msec-00 .cont{margin-top:30px;}
		.msec-00 .cont li:nth-child(n+2){margin-left:40px;}
		.msec-00 .cont li a:before{width:54px; height:60px; margin-left:-27px;}
		.msec-00 .cont li a{font-size:15px; padding-top:75px; }
	}
	@media only screen and (max-width:680px){
		
		.msec-00 .tits h3{font-size:23px ; padding-top:90px; background-size:auto 80px;}
		.msec-00 .cont ul{max-width:98%; margin:0 auto;}
		.msec-00 .cont li{float:left; width:33.3333%;}
		.msec-00 .cont li:nth-child(n+2){margin-left:0;}
		.msec-00 .cont li:nth-child(n+4){margin-top:30px;}
		.msec-00 .cont li a:before{width:48px; height:54px; margin-left:-24px;}
		.msec-00 .cont li a{font-size:14px; padding-top:60px; }
	}
	@media only screen and (max-width:480px){
		.msec-00 .tits h3{font-size:21px}
		.msec-00 .cont li a:before{width:50px; height:50px; margin-left:-25px;}
		.msec-00 .cont li a{font-size:15px; padding-top:60px; }
	}


/* ======================================================
   .msec-01
=========================================================*/
.msec-01{position:relative; padding:100px 0 120px;}
.msec-01:after{background:#2189ff; position:absolute ;left:50%;  top:0;margin-left:-10000px; width:20000px;height:100%;display:block;content:""; z-index:-1;}
.msec-01 .tits{text-align:center;}
.msec-01 .tits h3{font-size:40px; letter-spacing:-0.03em; line-height:1.2em; color:#fff;  margin-top:20px; }
.msec-01 .tits P{font-size:24px; letter-spacing:-0.03em; line-height:1.2em; color:#fff; font-weight:600; }
	@media only screen and (max-width:1700px) {
		.msec-01{}
		.msec-01 .tits h3{font-size:37px;}
	}
	@media only screen and (max-width:1500px) {
		
	}
	@media only screen and (max-width:1300px) {
		.msec-01{}
		.msec-01 .tits h3{font-size:34px;}
	}
	@media only screen and (max-width:1185px) {
		
	}
	@media only screen and (max-width:999px) {
		.msec-01{padding:50px 15px;}
		.msec-01 .tits h3{font-size:30px;}
	}
	@media only screen and (max-width:680px) {
		.msec-01{}
		.msec-01 .tits h3{font-size:27px; }
		.msec-01 .tits h3 br{display:none;}
	}
	@media only screen and (max-width:480px) {
		.msec-01 .tits h3{font-size:20px;}
		.msec-01 .tits P{font-size:18px;}
	}


.msec-01 .cont{margin-top:50px;}
.msec-01 .cont ul{ margin:0 -10px;}
.msec-01 .cont ul:after{display:block; content:"";clear:both;}
.msec-01 .cont li{float:left; width:calc(25% - 20px); margin:0 10px; position:relative;}
.msec-01 .cont li a{display:block; height:400px; position:relative;overflow:hidden; border-radius: 25px;}
.msec-01 .cont li a:after{position:absolute ;left:0; top:0; width:100%; height:100%; display:block; content:"";z-index:-1;-webkit-transition: transform 0.6s ease-in-out;-moz-transition: transform 0.6s ease-in-out;-o-transition: transform 0.6s ease-in-out;transition: transform 0.6s ease-in-out;}
.msec-01 .cont li .txt{position:Absolute; left:0; bottom:-2px; text-align:center; width:100%; box-sizing:border-box; padding:20px; background-color: rgba(0, 0, 0, 0.25); backdrop-filter: blur(10px);}
.msec-01 .cont li .txt .btxt{font-size:28px; color:#fff ;letter-spacing:-0.01em; line-height:1.3em; font-weight:700; }
.msec-01 .cont li .txt .stxt{font-size:15px;font-weight:300; color:#fff; letter-spacing:-0.03em; line-height:1.5em; margin-top:10px;}

.msec-01 .cont li:nth-child(1) a:after{background:url(../img/main/msec01-img01.jpg) no-repeat center center; background-size:cover;}
.msec-01 .cont li:nth-child(2) a:after{background:url(../img/main/msec01-img02.jpg) no-repeat center center; background-size:cover;}
.msec-01 .cont li:nth-child(3) a:after{background:url(../img/main/msec01-img03.jpg) no-repeat center center; background-size:cover;}
.msec-01 .cont li:nth-child(4) a:after{background:url(../img/main/msec01-img04.jpg) no-repeat center center; background-size:cover;}

.msec-01 .cont li a:hover:after{transform:scale(1.05, 1.05); -webkit-transform:scale(1.05, 1.05); -moz-transform:scale(1.05, 1.05); -ms-transform:scale(1.05, 1.05);}
	@media only screen and (max-width:1700px) {
		.msec-01 .cont{margin-top:40px;}
		.msec-01 .cont li a{height:360px}
		.msec-01 .cont li .txt{padding:25px;}
		.msec-01 .cont li .txt .btxt{font-size:24px;}
		.msec-01 .cont li .txt .stxt{font-size:15px}
	}
	@media only screen and (max-width:1500px) {
		
	}
	@media only screen and (max-width:1300px) {
		.msec-01 .cont li a{height:300px}
		.msec-01 .cont li .txt{padding:20px;}
		.msec-01 .cont li .txt .btxt{font-size:22px;}
		.msec-01 .cont li .txt .stxt{font-size:14px}
	}
	@media only screen and (max-width:1185px) {
		
	}
	@media only screen and (max-width:999px) {
		.msec-01 .cont{margin-top:30px;}
		
		.msec-01 .cont li a{height:240px}
		.msec-01 .cont li .txt{padding:15px;}
		.msec-01 .cont li .txt .btxt{font-size:20px;}
		.msec-01 .cont li .txt .stxt{font-size:12px; margin-top:15px;}
	}
	@media only screen and (max-width:680px) {
		.msec-01 .cont ul{ margin:0 -5px;}
		.msec-01 .cont li{float:left; width:calc(50% - 10px); margin:0 5px; }
		.msec-01 .cont li:nth-child(n+3){margin-top:10px;}
		
		.msec-01 .cont li a{height:200px}
		.msec-01 .cont li .txt .btxt{font-size:18px;}
		.msec-01 .cont li .txt .stxt{font-size:11px; margin-top:10px}
	}
	@media only screen and (max-width:480px) {
		.msec-01 .cont li a{height:150px; border-radius: 15px;}
		.msec-01 .cont li .txt .btxt{font-size:16px;}
	}





/* ======================================================
   .msec-02
=========================================================*/
.msec-02{position:relative; padding:100px 20px;box-sizing:border-box; max-width:1500px ;margin:0 auto;}
.msec-02:after{width: 20000px; left: 50%; top: 0; margin-left: -10000px; height: 100%; display: block; content: ""; background: #ecf5ff; z-index: -1; position: absolute;}
/*.msec-02:after{background: linear-gradient(0deg, rgba(236, 245, 255, 0.00) -2.19%, #ECF5FF 103.1%); position:absolute ; left:0%;  top:0; margin-left:-150px; width:20000px;height:100%;display:block;content:""; z-index:-1;border-radius:200px 0px 0px 0px;}*/
.msec-02 .tits{text-align:center; position:Relative;}
.msec-02 .tits h3{font-size:60px; line-height:1.2em; letter-spacing:-0.03em; font-weight:700;transform: skew(-0.001deg); padding-left:14px; color:#2f2f2f; font-family: 'Taenada';}
.msec-02 .tits .more{ position:absolute;right:0; bottom:5px;font-size:16px; font-weight:500; color:#111 ;line-height:20px ;padding-right:17px;background:url(../img/main/more-arrow.png) no-repeat right 40%} 
.msec-02 .tits .more span{display:inline-block;vertical-align:top; position:relative;}
.msec-02 .tits .more span:after {content:'';position:absolute;bottom:-5px;left:0;width:100%;height:1px;background-color:#111;opacity:0; z-index:12;-webkit-transform:scaleX(0);-moz-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:100% 50%;-moz-transform-origin:100% 50%;transform-origin:100% 50%;-webkit-transition:-webkit-transform .3s cubic-bezier(.77,0,.175,1),opacity .5s;-moz-transition:-moz-transform .3s cubic-bezier(.77,0,.175,1),opacity .5s;transition:transform .3s cubic-bezier(.77,0,.175,1),opacity .5s}
.msec-02 .tits .more:hover  span:after{opacity:1;-webkit-transform-origin:0 50%;-moz-transform-origin:0 50%;transform-origin:0 50%;-webkit-transform:scaleX(1);-moz-transform:scaleX(1); transform:scaleX(1);-webkit-transition:-webkit-transform .3s cubic-bezier(.77,0,.175,1),opacity .3s; -moz-transition:-moz-transform .3s cubic-bezier(.77,0,.175,1),opacity .3s;transition:transform .3s cubic-bezier(.77,0,.175,1),opacity .3s}

.msec-02 .cont{margin-top:40px;  box-sizing:border-box; position:relative; }
.msec-02 .cont .ov{position:relative;}
.msec-02 .cont .prev{display:block !important;width:42px;height:42px; position:absolute; right:58px;  top:0; background:url(../img/main/lik-prevo.png) no-repeat center center; background-size:100% auto;}
.msec-02 .cont .prev:hover{background-image:url(../img/main/lik-prev.png)}
.msec-02 .cont .next{display:block !important;width:42px;height:42px; position:absolute; right:0; top:0; background:url(../img/main/lik-nexto.png) no-repeat center center; background-size:100% auto;}
.msec-02 .cont .next:hover{background-image:url(../img/main/lik-next.png)}

.msec-02 .occ-slide{/*overflow:visible !important*/}
.msec-02 .occ-slide .owl-stage-outer{overflow:visible}
.msec-02 .occ-slide ul:after{display:block;content:"";clear:both}
.msec-02 .occ-slide li {float:left; width:440px; margin-left:20px; position:relative;}
.msec-02 .occ-slide li:first-child{margin-left:0;}
.msec-02 .occ-slide li{}
.msec-02 .occ-slide li a{border:0px solid #ddd; background:#fff;display:block;min-height:270px; border-radius:40px;overflow:hidden;-webkit-transition: box-shadow 0.3s ease-in-out, transform 0.3s ease-in-out;-moz-transition: box-shadow 0.3s ease-in-out, transform 0.3s ease-in-out;-o-transition: box-shadow 0.3s ease-in-out, transform 0.3s ease-in-out;transition: box-shadow 0.3s ease-in-out, transform 0.3s ease-in-out;}
.msec-02 .occ-slide li .img{overflow:hidden;}
.msec-02 .occ-slide li .img img{width:100%;height:306px;object-fit:cover;-webkit-transition: transform 0.4s ease-out;-moz-transition: transform 0.4s ease-out;-o-transition: transform 0.4s ease-out;transition: transform 0.4s ease-out;}
.msec-02 .occ-slide li .txt{position:relative;text-align:left; padding:25px 35px; box-sizing:border-box; min-height:226px;-webkit-transition: background 0.3s ease-in-out;-moz-transition: background 0.3s ease-in-out;-o-transition: background 0.3s ease-in-out;transition: background 0.3s ease-in-out;}
.msec-02 .occ-slide li .txt .ztxt{font-size:0}
.msec-02 .occ-slide li .txt .ztxt span{display:inline-block;vertical-align:top; line-height:32px; padding:0 12px; color:#fff; border-radius:32px;background:#2a87d9; font-size:14px; }
.msec-02 .occ-slide li .txt .ztxt span:nth-child(n+2){margin-left:5px;}


.msec-02 .occ-slide li .txt .ztxt{font-size:0}
.msec-02 .occ-slide li .txt .ztxt span{display:inline-block;vertical-align:top; line-height:32px; padding:0 12px; color:#1482e9; border-radius:32px;background:#ecf5ff; font-size:14px; font-weight:600; }
.msec-02 .occ-slide li .txt .ztxt span:nth-child(n+2){margin-left:5px;}

.msec-02 .occ-slide li .txt .ztxt02{font-size:0}
.msec-02 .occ-slide li .txt .ztxt02 span{display:inline-block;vertical-align:top; line-height:32px; padding:0 12px; color:#43941b; border-radius:32px;background:#e9f8f1; font-size:14px; font-weight:600;  }
.msec-02 .occ-slide li .txt .ztxt02 span:nth-child(n+2){margin-left:5px;}

.msec-02 .occ-slide li .txt .ztxt03{font-size:0}
.msec-02 .occ-slide li .txt .ztxt03 span{display:inline-block;vertical-align:top; line-height:32px; padding:0 12px; color:#e5820f; border-radius:32px;background:#fef7e7; font-size:14px; font-weight:600;  }
.msec-02 .occ-slide li .txt .ztxt03 span:nth-child(n+2){margin-left:5px;}

.msec-02 .occ-slide li .txt .ztxt04{font-size:0}
.msec-02 .occ-slide li .txt .ztxt04 span{display:inline-block;vertical-align:top; line-height:32px; padding:0 12px; color:#a25aff; border-radius:32px;background:#f6efff; font-size:14px; font-weight:600;  }
.msec-02 .occ-slide li .txt .ztxt04 span:nth-child(n+2){margin-left:5px;}


.msec-02 .occ-slide li .txt .btxt{margin-top:15px;font-size:24px ;font-weight:600; color:#000; line-height:1.3em; letter-spacing:-0.03em; overflow:hidden; max-height:62px;-webkit-transition: color 0.3s ease-in-out;-moz-transition: color 0.3s ease-in-out;-o-transition: color 0.3s ease-in-out;transition: color 0.3s ease-in-out;}
.msec-02 .occ-slide li .txt .stxt{font-size:16px; color:#111;font-weight:400; line-height:1.5em;  margin-top:20px;-webkit-transition: color 0.3s ease-in-out;-moz-transition: color 0.3s ease-in-out;-o-transition: color 0.3s ease-in-out;transition: color 0.3s ease-in-out;}
.msec-02 .occ-slide li .txt .ctxt{margin-top:20px;font-size:16px; font-weight:400; color:#111;-webkit-transition: color 0.3s ease-in-out;-moz-transition: color 0.3s ease-in-out;-o-transition: color 0.3s ease-in-out;transition: color 0.3s ease-in-out;}
.msec-02 .occ-slide li .txt .abr{position:Absolute;right:25px; bottom:25px; font-size:0;}
.msec-02 .occ-slide li .txt .abr .chk{display:inline-block;vertical-align:top; height:22px; font-size:16px; color:#4d4d4d;line-height:22px; padding-left:25px; background:url(../img/main/recom-chk.png) no-repeat left 2px;-webkit-transition: color 0.3s ease-in-out;-moz-transition: color 0.3s ease-in-out;-o-transition: color 0.3s ease-in-out;transition: color 0.3s ease-in-out;}
.msec-02 .occ-slide li .txt .abr .like{display:inline-block;vertical-align:top; position:Relative;width:22px;height:22px;margin-left:24px; background:url(../img/main/recom-like.png) no-repeat center center;}
.msec-02 .occ-slide li .txt .abr .like:before{width:1px;height:10px; left:-12px; top:50%;position:Absolute ;background:#ddd; display:block;content:""; margin-top:-5px;}
.msec-02 .occ-slide li .txt .abr .like.active{background-image:url(../img/main/recom-likeo.png)}

/*.msec-02 .occ-slide li.rlz a, .msec-02 .occ-slide li:hover a{box-shadow: 6px 6px 14px rgba(0, 0, 0, 0.35)  ; -webkit-box-shadow: 6px 6px 14px rgba(0, 0, 0, 0.35)  ;-moz-box-shadow: 6px 6px 14px rgba(0, 0, 0, 0.35); -webkit-transform: translateY(-10px); -moz-transform: translateY(-10px);-ms-transform: translateY(-10px); -o-transform:  translateY(-10px);transform: translateY(-10px);}
.msec-02 .occ-slide li:hover .img img{transform:scale(1.1, 1.1); -webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1);}*/

.msec-02 .occ-slide li .share-btn.active{opacity:0;}
.msec-02 .occ-slide li .share-btn{width:18px;height:25px; position:absolute;right:20px; top:27px;background:url(../img/main/event-more.jpg) no-repeat center center; z-index:5; border:none;-webkit-transition: box-shadow 0.3s ease-in-out, transform 0.3s ease-in-out;-moz-transition: box-shadow 0.3s ease-in-out, transform 0.3s ease-in-out;-o-transition: box-shadow 0.3s ease-in-out, transform 0.3s ease-in-out;transition: box-shadow 0.3s ease-in-out, transform 0.3s ease-in-out;}
.msec-02 .occ-slide li.rlz .share-btn, .msec-02 .occ-slide li:hover .share-btn{ -webkit-transform: translateY(-10px); -moz-transform: translateY(-10px);-ms-transform: translateY(-10px); -o-transform:  translateY(-10px);transform: translateY(-10px);}

.msec-02 .occ-ctrl{position:relative;padding-top:22px; margin-top:55px;padding-right:150px;height:48px;}
.msec-02 .scrollbar{}
.msec-02 .scrollbar {/* position:absolute; left:0; bottom:-15px; */ position:relative; background:#bfbfbf;width:100%;height:2px;line-height:0; overflow:hidden; }
.msec-02 .scrollbar .handle {position:absolute; left:0; top:0;height: 100%;background: #111;cursor: pointer; }
.msec-02 .scrollbar .handle .mousearea {position: absolute;top: 0;left: 0;width: 100%;height:2px;}
.msec-02 .scrollbar .handle .mousearea:after{width:2000px; right:0; top:0; background:#111; display:block; content:"";position:absolute;height:2px;}
	@media only screen and (max-width:1500px) {
		.msec-02 .tits h3{font-size:36px;}
		.msec-02 .tits p{margin-top:10px; font-size:17px;}
		.msec-02 .cont{margin-top:40px;}
		
		.msec-02 .occ-slide li {width:380px; margin-left:27px}
		.msec-02 .occ-slide li .img img{height:280px;}
		.msec-02 .occ-slide li .txt{min-height:210px;}
		.msec-02 .occ-slide li .txt .btxt{font-size:22px;}
		.msec-02 .occ-slide li .txt .stxt{font-size:15px;}
		.msec-02 .occ-slide li .txt .ctxt{margin-top:15px;font-size:15px;}
		
	} 
	@media only screen and (max-width:1280px) {
		 
	} 
	@media only screen and (max-width:999px) {
		.msec-02{padding:75px 20px}
		.msec-02 .tits h3{font-size:32px;}
		.msec-02 .tits p{font-size:16px;}
		.msec-02 .tits .more{font-size:15px; background-size:8px auto}

		.msec-02 .cont{margin-top:30px;}
		.msec-02 .cont .prev{width:36px;height:36px;right:44px;}
		.msec-02 .cont .next{width:36px;height:36px}
		
		.msec-02 .occ-slide li {width:340px; margin-left:20px;}
		.msec-02 .occ-slide li .img img{height:250px;}
		.msec-02 .occ-slide li .txt{padding:25px;min-height:200px}
		.msec-02 .occ-slide li .txt .ztxt span{font-size:13px;}
		.msec-02 .occ-slide li .txt .btxt{font-size:20px;}
		.msec-02 .occ-slide li .txt .stxt{font-size:14px;}
		.msec-02 .occ-slide li .txt .ctxt{margin-top:15px;font-size:14px;}
		
		.msec-02 .occ-ctrl{margin-top:30px;padding-right:95px; padding-top:17px; height:36px;}
	} 
	@media only screen and (max-width:680px) {
		.msec-02{padding:50px 15px}
		.msec-02 .tits h3{font-size:28px;}
		.msec-02 .tits p{font-size:15px;}
		.msec-02 .tits .more{font-size:14px;background-size:6px auto}

		.msec-02 .cont{margin-top:20px;}
		.msec-02 .occ-slide li {width:320px;}
		.msec-02 .occ-slide li .img img{height:230px;}
		.msec-02 .occ-slide li .txt .btxt{font-size:18px;}
		
	} 
	@media only screen and (max-width:480px) {
		.msec-02 .tits h3{font-size:24px;}
		.msec-02 .tits p{font-size:14px;}
		
		.msec-02 .occ-slide li {width:290px;}
		.msec-02 .occ-slide li a{min-height:380px}
		.msec-02 .occ-slide li .img img{height:210px;}
	} 





/* ======================================================
   .msec-03
=========================================================*/
.msec-03{ padding:145px 0px; position:relative; }
.msec-03 .tits{position:Absolute; left:20px; top:145px; z-index:3;}
.msec-03 .tits h3{ font-size:44px; font-weight:700;color:#000; line-height:1.1em; letter-spacing:-0.03em; }
.msec-03 .tits p{font-size:18px; color:#555; line-height:1.4em; font-weight:400;letter-spacing:-0.02em; margin-top:30px; }
.msec-03 .tits .more{font-size:16px; color:#ac0d29; line-height:24px; display:inline-block;vertical-align:top; padding-right:50px; margin-top:80px; position:relative;}
.msec-03 .tits .more:after{width:28px;height:24px; position:absolute;right:0; top:0; display:block;content:"";background:url(../img/main/alum-more.jpg) no-repeat right center;background-size:100% auto;-webkit-transition: right 0.3s ease-in-out;-moz-transition: right 0.3s ease-in-out;-o-transition: right 0.3s ease-in-out;transition: right 0.3s ease-in-out;}
.msec-03 .tits .more:hover:after{right:-10px;}

.msec-03 .cont{position:relative;padding-top:30px;z-index:1}
.msec-03 .cont:before{width:20000px; right:70%; top:0;height:100%; background:#fff; position:absolute; top:0; display:block; content:"";z-index:2;}

.msec-03 .cont .ov{position:Relative; padding-left:30%;}

.msec-03 .alum-slide{width:400px;}
.msec-03 .alum-slide .owl-stage-outer{overflow:visible !important;}
.msec-03 .alum-slide .item {}
.msec-03 .alum-slide .item .img{overflow:hidden; border-radius: 40px;}
.msec-03 .alum-slide .item .img img{width:100%; height:250px; -webkit-transform:scale(1.1); -moz-transform:scale(1.1);  -o-transform:scale(1.1);  transform:scale(1.1);-webkit-transition: transform 1s ease-out;-moz-transition: transform 1s ease-out;-o-transition: transform 1s ease;transition: transform 1s ease-out;}
.msec-03 .alum-slide .item .txt{margin-top:30px; padding:0 5px;}
.msec-03 .alum-slide .item .txt .btxt{font-size:20px; color:#000; line-height:1.2em; font-weight:500; letter-spacing:-0.03em;}
.msec-03 .alum-slide .item .txt .stxt{margin-top:10px;font-size:16px; font-weight:300; color:#555; line-height:1.3em; letter-spacing:-0.03em;}

.msec-03 .alum-slide .item:hover .img img{-webkit-transform:scale(1.2); -moz-transform:scale(1.2);  -o-transform:scale(1.2);  transform:scale(1.2);}

.msec-03 .alum-slide .owl-dots{opacity:0;left:-9999em; top:-9999em; position:absolute;}

.msec-03 .ctrl{width:340px; position:Absolute ;left:0; bottom:20px;padding-top:30px; z-index:545}
.msec-03 .ctrl:before{width:1px;height:12px; border-left:1px solid #dedede; left:50%;margin-left:-1px; top:-1px; display:block; content:""; position:absolute;}
.msec-03 .ctrl .prev{width:14px;height:10px; position:Absolute ;left:0; top:0;background:url(../img/main/alum-prev.jpg) no-repeat left center;}
.msec-03 .ctrl .next{width:14px;height:10px; position:Absolute ;right:0; top:0;background:url(../img/main/alum-next.jpg) no-repeat right center;}

.msec-03 .scrollbar{position:absolute !important; left:0; width:100%; height:2px; bottom:10% ; z-index:932;background:#e3e3e3;overflow:hidden; }
.msec-03 .scrollbar .handle {width:0;height: 100%;background:#222222;cursor: pointer; left:0; top:0; -webkit-transition: width 0.3s ease-out;-moz-transition:width 0.3s ease-out;-o-transition: width 0.3s ease-out;transition: width 0.3s ease-out;}
	@media only screen and (max-width:1560px) {	
		.msec-03{padding-top:130px ; padding-bottom:130px;}
		.msec-03 .tits{top:130px}
		.msec-03 .tits h3{font-size:40px;}
		.msec-03 .tits p{font-size:18px; margin-top:30px; }
		.msec-03 .tits .more{margin-top:60px; padding-right:40px;line-height:20px; font-size:15px;}
		.msec-03 .tits .more:after{width:24px;height:20px; }

		.msec-03 .cont{padding-top:65px;}

		.msec-03 .alum-slide .item .txt .btxt{font-size:20px;}
		.msec-03 .alum-slide .item .txt .stxt{margin-top:15px;font-size:16px;}

		.msec-03 .ctrl{bottom:0px;}
	}
	@media only screen and (max-width:1300px) {
		.msec-03 .tits h3{font-size:30px;}
		.msec-03 .tits p{font-size:17px;}
		.msec-03 .tits .more{margin-top:40px; padding-right:35px;line-height:20px; font-size:14px;}
		.msec-03 .tits .more:after{width:20px;height:20px; }

		.msec-03 .ctrl{bottom:20px;width:300px;}
	}
	@media only screen and (max-width:999px) {
		.msec-03{padding-top:100px ; padding-bottom:100px;}
		.msec-03 .tits{position:relative; left:auto; top:auto;}
		.msec-03 .tits h3{font-size:30px;}
		.msec-03 .tits p{font-size:18px;}
		.msec-03 .tits .more{margin-top:30px; padding-right:30px;line-height:16px; font-size:13px;}
		.msec-03 .tits .more:after{width:16px;height:16px; }
		
		.msec-03 .cont{padding-top:50px;}
		.msec-03 .cont:before{display:none;}
		.msec-03 .cont .ov{padding:0;}
		
		.msec-03 .alum-slide{width:400px;}
		.msec-03 .alum-slide .item .txt{margin-top:25px;}
		.msec-03 .alum-slide .item .txt .btxt{font-size:20px;}
		.msec-03 .alum-slide .item .txt .stxt{margin-top:10px;font-size:15px;}
		.msec-03 .alum-slide .item .txt .stxt br{display:none;}

		.msec-03 .ctrl{position:relative; left:auto; bottom:auto; width:280px; margin:0 auto; margin-top:40px;}
	}
	@media only screen and (max-width:680px) {
		.msec-03{padding-top:70px; padding-bottom:70px;}
		.msec-03 .tits h3{font-size:25px;}
		.msec-03 .tits p{font-size:16px; margin-top:20px}
		
		.msec-03 .cont{padding-top:35px;}
		.msec-03 .alum-slide{width:340px;}
		.msec-03 .alum-slide .item .txt{margin-top:20px;}
		.msec-03 .alum-slide .item .txt .btxt{font-size:19px;}
		.msec-03 .alum-slide .item .txt .stxt{font-size:15px; color:#000;}

		.msec-03 .ctrl{width:220px;}
	}
	@media only screen and (max-width:480px) {
		.msec-03{padding-top:50px; padding-bottom:50px;}
		.msec-03 .tits h3{font-size:27px;}
		.msec-03 .tits p{font-size:15px;}
		
		.msec-03 .alum-slide{width:280px;}
		.msec-03 .alum-slide .item .txt{margin-top:15px;}
		.msec-03 .alum-slide .item .txt .btxt{font-size:19px;}

		.msec-03 .ctrl{width:160px;}
		.msec-03 .alum-slide .item .img img{ height:170px;}
	}




/* ======================================================
   .msec-04
=========================================================*/
.msec-04{position:relative;box-sizing:border-box; padding:100px 0px;}
.msec-04:after{width: 20000px; left: 50%; top: 0; margin-left: -10000px; height: 100%; display: block; content: ""; background: #ecf5ff; z-index: -1; position: absolute;}
.msec-04 .tits{text-align:center; }
.msec-04 .tits h3{font-size:60px;line-height:1.2em; font-weight:700; letter-spacing:-0.03em; color:#2f2f2f; font-family: 'Taenada';}
.msec-04 .tits p{margin-top:12px;font-size:16px;line-height:1.3em;color:rgba(255,255,255,0.5); font-weight:300; letter-spacing:-0.03em; word-break: keep-all;}

.msec-04 .con{margin-top:40px;position:relative;}
.msec-04 .con ul{margin:0 -1%}
.msec-04 .con ul:after{display:block; content:"";clear:both;}
.msec-04 .con li{float:left; width:23%; margin:0 1%; }
.msec-04 .con li:nth-child(n+5){margin-top:2%;}
.msec-04 .con li a{border:1px solid rgba(255,255,255,0.5); background: #fff; border-radius: 40px; display:block; min-height:200px; box-sizing:border-box; padding:30px 30px 0 30px; position:relative;-webkit-transition: background 0.3s ease-out, transform 0.3s ease-out;-moz-transition: background 0.3s ease-out, transform 0.3s ease-out;-o-transition: background 0.3s ease-out, transform 0.3s ease-out;transition: background 0.3s ease-out, transform 0.3s ease-out;}
.msec-04 .con li .txt{position:relative; z-index:5;}
.msec-04 .con li .btxt{font-size:30px; color:#143f91; font-weight:700; line-height:1.2em; font-family: 'Ria'; font-family: 'Taenada'; -webkit-transition: color 0.3s ease-out;-moz-transition: color 0.3s ease-out;-o-transition: color 0.3s ease-out;transition: color 0.3s ease-out;}
.msec-04 .con li .stxt{margin-top:17px;font-size:17px; color:#555; font-weight:400; line-height:1.55em;word-break: keep-all; letter-spacing:-0.03em; max-height:70px; overflow:hidden}
.msec-04 .con li .ctxt{margin-top:40px;font-size:15px; color:#555;font-weight:400; line-height:1.2em;}
/*.msec-04 .con li a:hover{-webkit-transform: translateY(-2%); -moz-transform: translateY(-2%);-ms-transform: translateY(-2%); -o-transform:  translateY(-2%);transform: translateY(-2%);box-shadow: 0 5px 8px rgba(0, 0, 0, 0.2)  ; -webkit-box-shadow: 0 5px 8px rgba(0, 0, 0, 0.2)  ; -moz-box-shadow: 0 5px 8px rgba(0, 0, 0, 0.2)  ;}*/

.msec-04 .con li a:after{width:60px;height:60px; position:absolute; right:30px; bottom:25px; display:block; content:""}
.msec-04 .con li:nth-child(1) a:after{background:url(../img/main/msec04-ico01.png) no-repeat center center;}
.msec-04 .con li:nth-child(2) a:after{background:url(../img/main/msec04-ico02.png) no-repeat center center;}
.msec-04 .con li:nth-child(3) a:after{background:url(../img/main/msec04-ico03.png) no-repeat center center;}
.msec-04 .con li:nth-child(4) a:after{background:url(../img/main/msec04-ico04.png) no-repeat center center;}
.msec-04 .con li:nth-child(5) a:after{background:url(../img/main/msec04-ico05.png) no-repeat center center;}
.msec-04 .con li:nth-child(6) a:after{background:url(../img/main/msec04-ico06.png) no-repeat center center;}
.msec-04 .con li:nth-child(7) a:after{background:url(../img/main/msec04-ico07.png) no-repeat center center;}
.msec-04 .con li:nth-child(8) a:after{background:url(../img/main/msec04-ico08.png) no-repeat center center;}

.msec-04 .con li:nth-child(1) a:hover:after{background-image:url(../img/main/msec04-ico01.png);}
.msec-04 .con li:nth-child(2) a:hover:after{background-image:url(../img/main/msec04-ico02.png);}
.msec-04 .con li:nth-child(3) a:hover:after{background-image:url(../img/main/msec04-ico03.png);}
.msec-04 .con li:nth-child(4) a:hover:after{background-image:url(../img/main/msec04-ico04.png);}
.msec-04 .con li:nth-child(5) a:hover:after{background-image:url(../img/main/msec04-ico05.png);}
.msec-04 .con li:nth-child(6) a:hover:after{background-image:url(../img/main/msec04-ico06.png);}
.msec-04 .con li:nth-child(7) a:hover:after{background-image:url(../img/main/msec04-ico07.png);}
.msec-04 .con li:nth-child(8) a:hover:after{background-image:url(../img/main/msec04-ico08.png);}

.msec-04 .con li a:hover{background:#fff; border-color:#fff;}
.msec-04 .con li a:hover .btxt{color:#073067}
.msec-04 .con li a:hover .stxt{color:#073067}
.msec-04 .con li a:hover .ctxt{color:#073067}

.msec-04 .msec-abc{z-index:1452; position:relative;}	
	@media only screen and (max-width:1440px) {
		.msec-04 .tits h3{font-size:37px}
		.msec-04 .tits p{margin-top:10px;font-size:15px;}
		
		.msec-04 .con li a{padding:30px 30px 0 30px;}
		.msec-04 .con li a:after{width:135px;height:135px; background-size:100% auto !important; right:0; bottom:0;}
		.msec-04 .con li .btxt{font-size:22px;}
		.msec-04 .con li .stxt{margin-top:15px;font-size:14px; max-height:65px;}
		.msec-04 .con li .ctxt{margin-top:30px;font-size:14px;}
	}
	@media only screen and (max-width:1240px) {
		
	}
	@media only screen and (max-width:999px) {
		.msec-04{height:auto; padding:70px 0;}
		.msec-04 .tits h3{font-size:32px}
		.msec-04 .tits p{margin-top:10px;font-size:14px;}
		
		.msec-04 .con ul{margin:0 -1%}
		.msec-04 .con li{float:left; width:48%; margin:0 1%; }
		.msec-04 .con li:nth-child(n+3){margin-top:2%;}
		.msec-04 .con li a{padding:25px 20px 0 20px; min-height:220px;}
		.msec-04 .con li a:after{width:120px;height:120px; }
		.msec-04 .con li .btxt{font-size:19px;}
		.msec-04 .con li .stxt{margin-top:12px;}
		.msec-04 .con li .ctxt{margin-top:25px;}
	} 
	@media only screen and (max-width:680px) {
		.msec-04 .tits h3{font-size:27px}
		.msec-04 .con{margin-top:25px;}
		
		.msec-04 .con li a{min-height:200px}
		.msec-04 .con li a:after{width:105px;height:105px; }
		.msec-04 .con li .btxt{font-size:17px;}
		.msec-04 .con li .stxt{font-size:13px;}
		.msec-04 .con li .ctxt{font-size:13px;}

		.msec-04 .con li a:hover{-webkit-transform: translateY(0); -moz-transform: translateY(0);-ms-transform: translateY(0); -o-transform:  translateY(0);transform: translateY(0);}

	} 
	@media only screen and (max-width:480px) {
		.msec-04{padding:50px 0;}
		.msec-04 .con ul{margin:0}
		.msec-04 .con li{float:none; width:auto; margin:0; }
		.msec-04 .con li:nth-child(n+2){margin-top:2%;}
		.msec-04 .con li a{min-height:185px}
	} 






/* ======================================================
   .msec-05
=========================================================*/
.msec-05{position:relative; padding:100px 20px;max-width:1500px; box-sizing:border-box; margin:0 auto; }
.msec-05:after{background:#fff;border-top:0px solid #ddd; position:absolute ;left:50%;  top:0;margin-left:-10000px; width:20000px;height:100%;display:block;content:""; z-index:-1;}
.msec-05 .tits{text-align:Center; position:Relative;}
.msec-05 .tits h3{ font-size:40px; color:#000; line-height:1.2em; letter-spacing:-0.03em; font-weight:900;transform: skew(-0.001deg);}
.msec-05 .tits p{margin-top:15px;font-size:18px; color:#333; line-height:1.2em;letter-spacing:-0.03em;font-weight:400;transform: skew(-0.001deg);}
.msec-05 .tits .more{ position:absolute;right:0; bottom:0;font-size:16px; font-weight:300; color:#111 ;line-height:20px} 
/*.msec-05 .tits .more:after {content:'';position:absolute;bottom:-8px;left:0;width:100%;height:1px;background-color:#111;opacity:0; z-index:12;-webkit-transform:scaleX(0);-moz-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:100% 50%;-moz-transform-origin:100% 50%;transform-origin:100% 50%;-webkit-transition:-webkit-transform .3s cubic-bezier(.77,0,.175,1),opacity .5s;-moz-transition:-moz-transform .3s cubic-bezier(.77,0,.175,1),opacity .5s;transition:transform .3s cubic-bezier(.77,0,.175,1),opacity .5s}*/
.msec-05 .tits .more:hover:after{opacity:1;-webkit-transform-origin:0 50%;-moz-transform-origin:0 50%;transform-origin:0 50%;-webkit-transform:scaleX(1);-moz-transform:scaleX(1); transform:scaleX(1);-webkit-transition:-webkit-transform .3s cubic-bezier(.77,0,.175,1),opacity .3s; -moz-transition:-moz-transform .3s cubic-bezier(.77,0,.175,1),opacity .3s;transition:transform .3s cubic-bezier(.77,0,.175,1),opacity .3s}

.msec-05 .cont{margin-top:50px; width:calc(100% + 20px); margin-left:-10px; padding:10px 0; box-sizing:border-box; position:relative;}
.msec-05 .cont .ov{position:Relative;overflow:hidden; padding:0 10px;}
.msec-05 .cont .prev{width:48px;height:48px; position:absolute; left:-75px; top:50%; margin-top:-24px;background:url(../img/main/lik-prev.png) no-repeat center center; background-size:100% auto;}
.msec-05 .cont .prev:hover{background-image:url(../img/main/lik-prevo.png)}
.msec-05 .cont .next{width:48px;height:48px; position:absolute; right:-75px; top:50%; margin-top:-24px;background:url(../img/main/lik-next.png) no-repeat center center; background-size:100% auto;}
.msec-05 .cont .next:hover{background-image:url(../img/main/lik-nexto.png)}

.msec-05 .like-slide{}
.msec-05 .like-slide .owl-stage-outer{padding:10px 0; overflow:visible}
.msec-05 .like-slide .item{}
.msec-05 .like-slide .item .vcon{border:1px solid #ddd; display:block; border-radius:15px;overflow:hidden;-webkit-transition: box-shadow 0.3s ease-in-out, transform 0.3s ease-in-out;-moz-transition: box-shadow 0.3s ease-in-out, transform 0.3s ease-in-out;-o-transition: box-shadow 0.3s ease-in-out, transform 0.3s ease-in-out;transition: box-shadow 0.3s ease-in-out, transform 0.3s ease-in-out;}
.msec-05 .like-slide .item .img{overflow:hidden;}
.msec-05 .like-slide .item .img img{width:100%;height:110px;object-fit:cover;-webkit-transition: transform 0.4s ease-out;-moz-transition: transform 0.4s ease-out;-o-transition: transform 0.4s ease-out;transition: transform 0.4s ease-out;}
.msec-05 .like-slide .item .txt{text-align:center;}
.msec-05 .like-slide .item .txt p{font-weight:600;font-size:18px; color:#000; letter-spacing:-0.03em; line-height:55px;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;  padding:0 10px;}
.msec-05 .like-slide .item .vbtn{border-top:1px solid #efefef;}
.msec-05 .like-slide .item .vbtn:after{display:block; content:"";clear:both;}
.msec-05 .like-slide .item .vbtn a{float:left; width:100%; line-height:40px;box-sizing:border-box; border-left:1px solid #efefef}
.msec-05 .like-slide .item .vbtn .vnum{}
.msec-05 .like-slide .item .vbtn .vnum span{font-size:14px; color:#111; padding-left:28px; background:url(../img/main/lik-calendar.png) no-repeat left center; display:inline-block;vertical-align:top;}
.msec-05 .like-slide .item .vbtn .scribe{font-size:14px; color:#111; }
.msec-05 .like-slide .item .vbtn .scribe span{}
.msec-05 .like-slide .item .vbtn .scribe:hover{background:#afafaf; color:#fff;}

/*.msec-05 .like-slide .item .vcon:hover .img img{transform:scale(1.1, 1.1); -webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1);}
.msec-05 .like-slide .item .vcon:hover{box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.08)  ; -webkit-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.08)  ;-moz-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.08)  ; -webkit-transform: translateY(-10px); -moz-transform: translateY(-10px);-ms-transform: translateY(-10px); -o-transform:  translateY(-10px);transform: translateY(-10px);} */
	
	@media only screen and (max-width:1500px) {
		.msec-05 .tits h3{font-size:36px;}
		.msec-05 .tits p{margin-top:10px; font-size:17px;}
		.msec-05 .cont{margin-top:40px;}
		

		.msec-05 .cont .prev{width:40px;height:40px;left:-10px; top:50%; margin-top:-20px;}
		.msec-05 .cont .next{width:40px;height:40px;right:-10px;  top:50%; margin-top:-20px;}
	} 
	@media only screen and (max-width:1280px) {
		 
	} 
	@media only screen and (max-width:999px) {
		.msec-05{padding:75px 20px}
		.msec-05 .tits h3{font-size:32px;}
		.msec-05 .tits p{font-size:16px;}
		.msec-05 .tits .more{display:none;}

		.msec-05 .cont{margin-top:30px;}
	} 
	@media only screen and (max-width:680px) {
		.msec-05{padding:50px 0px 0px;}
		.msec-05 .tits h3{font-size:28px;}
		.msec-05 .tits p{font-size:15px;}
		.msec-05 .tits .more{display:none;}

		.msec-05 .cont{margin-top:20px;}
		.msec-05 .like-slide .item .txt p{font-size:16px; line-height:40px;}
		.msec-05 .like-slide .item .img img{height:auto;object-fit:fill;}

		.msec-05 .cont .prev{width:32px;height:32px;left:-15px; top:50%; margin-top:-16px;}
		.msec-05 .cont .next{width:32px;height:32px;right:-15px;  top:50%; margin-top:-16px;}
	} 
	@media only screen and (max-width:480px) {
		.msec-05 .tits h3{font-size:24px;}
		.msec-05 .tits p{font-size:14px;}
		
		.msec-05 .cont{margin-top:10px;  calc(100% + 0px); margin-left:-10px; padding:10px 0;}
		.msec-05 .cont .ov{position:Relative;overflow:hidden; padding:0 0px;}
		.msec-05 .like-slide .item .txt p{font-size:15px;}
		.msec-05 .like-slide .item .vbtn .vnum span{font-size:13px; padding-left:24px;}
		.msec-05 .like-slide .item .vbtn .scribe{font-size:13px;}
		
	} 



/* ======================================================
   .msec-06
=========================================================*/
.msec-06{padding:65px 0 80px 0;}
.msec-06 .tits{text-align:center}
.msec-06 .tits h3{font-size:38px; font-weight:300; line-height:1.1em; color:#333; letter-spacing:-0.03em; }
.msec-06 .cont{margin-top:50px;}
.msec-06 .cont .partner-slide{}
.msec-06 .cont .partner-slide:after{display:block; content:""; clear:both}
.msec-06 .cont .partner-slide .item{float:left; width:16.6666666%}
.msec-06 .cont .partner-slide .item a{display:block;text-align:center;}
.msec-06 .cont .partner-slide .item img{height:57px; width:auto; display:inline-block;vertical-align:top;}
.msec-06 .cont .partner-slide .item:nth-child(n+7){margin-top:25px;}

.msec-06 .owl-prev{display:none !important;opacity:0.5;width:48px;height:48px; z-index:9999; position:absolute; cursor:pointer; text-indent:-9999em; left:0px; top:50%; margin-top:-24px;;background:url(../img/main/mother-prev.png) no-repeat left center;background-size:100% auto;-webkit-transition: opacity 0.3s ease-out;-moz-transition: opacity 0.3s ease-out;-o-transition: opacity 0.3s ease-out;transition: opacity 0.3s ease-out;}
.msec-06 .owl-next{display:none !important;opacity:0.5;width:48px;height:48px; z-index:9999;position:absolute;  cursor:pointer;text-indent:-9999em; right:0px; top:50%; margin-top:-24px;background:url(../img/main/mother-next.png) no-repeat right center;background-size:100% auto;-webkit-transition: opacity 0.3s ease-out;-moz-transition: opacity 0.3s ease-out;-o-transition: opacity 0.3s ease-out;transition: opacity 0.3s ease-out;}
.msec-06 .owl-prev:hover{opacity:1;background-image:url(../img/main/mother-prevo.png)}
.msec-06 .owl-next:hover{opacity:1;background-image:url(../img/main/mother-nexto.png)}
	@media only screen and (max-width:1200px){
		.msec-06{padding:50px 0 70px 0;}
		.msec-06 .tits h3{font-size:27px;}
		.msec-06 .cont{padding:0 40px;margin-top:40px;}
		.msec-06 .cont .partner-slide .item{width:auto; float:none;}
		.msec-06 .cont .partner-slide .item img{height:50px;}
		.msec-06 .owl-prev{display:block !important;opacity:0.85; width:40px;height:40px;margin-top:-20px; left:-40px; }
		.msec-06 .owl-next{display:block !important;opacity:0.85; width:40px;height:40px;margin-top:-20px; right:-40px;}
	}
	@media only screen and (max-width:999px){
		.msec-06{padding:40px 0 60px 0;}
		.msec-06 .tits h3{font-size:23px;}
		.msec-06 .cont{padding:0 32px; margin-top:30px;}
		.msec-06 .cont .partner-slide .item img{height:45px;}
		.msec-06 .owl-prev{width:32px;height:32px;margin-top:-15px; left:-32px; }
		.msec-06 .owl-next{width:32px;height:32px;margin-top:-15px; right:-32px;}
	}
	@media only screen and (max-width:680px){
		.msec-06{padding:40px 0 50px 0;}
		.msec-06 .tits h3{font-size:19px;}
		.msec-06 .cont{padding:0 26px;margin-top:20px;}
		.msec-06 .cont .partner-slide .item img{height:40px;}
		.msec-06 .owl-prev{width:26px;height:26px;margin-top:-12px; left:-26px; }
		.msec-06 .owl-next{width:26px;height:26px;margin-top:-12px; right:-26px;}
	}
	@media only screen and (max-width:480px){
		
	}


/* ======================================================
   .msec-07
=========================================================*/
.msec-07{padding:100px 0px 100px; }
.msec-07 .tits{text-align:center;}
.msec-07 .tits h3{font-size:48px; letter-spacing:-0.03em; line-height:1.2em; color:#000; }
	@media only screen and (max-width:1700px) {
		.msec-07{margin-top:110px;}
		.msec-07 .tits h3{font-size:37px;}
	}
	@media only screen and (max-width:1500px) {
		
	}
	@media only screen and (max-width:1300px) {
		.msec-07{margin-top:95px;}
		.msec-07 .tits h3{font-size:34px;}
	}
	@media only screen and (max-width:1185px) {
		
	}
	@media only screen and (max-width:999px) {
		.msec-07{margin-top:80px;}
		.msec-07 .tits h3{font-size:31px;}
	}
	@media only screen and (max-width:680px) {
		.msec-07{margin-top:30px;padding:0 15px;}
		.msec-07 .tits h3{font-size:28px;}
	}
	@media only screen and (max-width:480px) {
		.msec-07 .tits h3{font-size:25px;}
	}


.msec-07 .tab{margin-top:20px;}
.msec-07 .tab ul{font-size:0}
.msec-07 .tab ul:after{display:block; content:"";clear:both}
.msec-07 .tab li{display:inline-block;vertical-align:top}
.msec-07 .tab li:nth-child(n+2){margin-left:10px;}
.msec-07 .tab li a{display:block; /*width:140px;*/ padding:0 30px; line-height:45px; border-radius:25px; text-align:center; font-size:18px; color:#111; font-weight:400; letter-spacing:-0.035em; background:#f3f3f3;}
.msec-07 .tab li.active a{background:#000; color:#fff; font-weight:300;}

.msec-07 .cont{margin-top:50px;margin-bottom:50px;}
.msec-07 .cont .slick-list{margin:0 -10px}
.msec-07 .cont .item{margin:0 10px}
.msec-07 .cont .item a{display:block;}
.msec-07 .cont .item .img{overflow:hidden; border-radius:25px; background:#f7f7f7;}
.msec-07 .cont .item .img img{width:100%; height:360px; -webkit-transition: transform 1s ease-out;-moz-transition: transform 1s ease-out;-o-transition: transform 1s ease;transition: transform 1s ease-out;}
.msec-07 .cont .item .txt{min-height:120px; box-sizing:border-box ; padding:25px; background:#fff; border-radius: 0 0 40px 40px;}
.msec-07 .cont .item .btxt{font-size:20px ;font-weight:500; color:#111; letter-spacing:-0.03em; line-height:1.2em; }
.msec-07 .cont .item .stxt{font-size:15px ;font-weight:400; color:#777; letter-spacing:-0.03em; line-height:1.4em; margin-top:15px; padding-right:15px;}
.msec-07 .cont .item .ctxt { border-radius:35px; text-align:center; line-height:35px; font-size:12px;color:#fff; background:#594aff; padding:10px 20px;}

.msec-07 .cont .item a:hover .img img{-webkit-transform:scale(1.1); -moz-transform:scale(1.1);  -o-transform:scale(1.1);  transform:scale(1.1);}



.msec-07 .slick-dots{position:absolute ;left:0; bottom:-51px;width:100%; box-sizing:border-box; padding-right:150px;}
.msec-07 .slick-dots ul{ margin:0; padding:0; background:#c4c4c4; overflow:hidden;height:1px; }
.msec-07 .slick-dots ul:after{width:100%; height:auto;}
.msec-07 .slick-dots li{float:left; width:50%; height:1px; margin:0; padding:0;}
.msec-07 .slick-dots li button{background:none;margin:0; padding:0; height:1px; width:100%; position:relative;}
.msec-07 .slick-dots li button:after{width:0; height:100%; display:block; content:""; position:Absolute;background:#000; left:0; top:0;}

.msec-07 .slick-dots li.slick-active button{}
.msec-07 .slick-dots li.slick-active button:after{width:100%}
.msec-07 .slick-dots li.slick-active button:before{width:20000px; height:100%; display:block; content:""; position:Absolute;background:#000; right:100%; top:0;}

.msec-07 .scrollbar{position:relative; margin-top:50px; height:1px; z-index:932;padding-right:150px; }
.msec-07 .scrollbar .handle {position:relative;height:1px;background:#c4c4c4;overflow:hidden; }
.msec-07 .scrollbar .handle .mousearea{width:0; height: 100%;background:#000;cursor: pointer; left:0; top:0; -webkit-transition: width 0.3s ease-out;-moz-transition:width 0.3s ease-out;-o-transition: width 0.3s ease-out;transition: width 0.3s ease-out;}

/*.msec-07 .scrollbar .prev{position:Absolute;right:62px; top:0; width:48px;height:48px; top:50%;margin-top:-24px;background:url(../img/main/msec06-prev.png) no-repeat left center;}
.msec-07 .scrollbar .next{position:Absolute;right:0; top:0; width:48px;height:48px;top:50%;margin-top:-24px;background:url(../img/main/msec06-next.png) no-repeat left center;}*/


.msec-07 .scrollbar .prev{position:Absolute;right:62px; top:0; width:42px;height:42px; top:50%;margin-top:-24px;background:url(../img/main/msec07-prev.png) no-repeat left center;}
.msec-07 .scrollbar .next{position:Absolute;right:0; top:0; width:42px;height:42px;top:50%;margin-top:-24px;background:url(../img/main/msec07-next.png) no-repeat left center;}


.msec-07 .scrollbar .prev:hover{background-image:url(../img/main/msec07-prevo.png)}
.msec-07 .scrollbar .next:hover{background-image:url(../img/main/msec07-nexto.png)}

	@media only screen and (max-width:1700px) {
		.msec-07 .tab li:nth-child(n+2){margin-left:20px;}
		.msec-07 .tab li a{/*width:130px;*/ font-size:17px; border-radius:40px;}

		.msec-07 .cont .item .btxt{font-size:22px ;}
		.msec-07 .cont .item .stxt{font-size:14px ;}
	}
	@media only screen and (max-width:1500px) {
		
	}
	@media only screen and (max-width:1300px) {
		.msec-07 .tab{margin-top:30px;}
		.msec-07 .tab li:nth-child(n+2){margin-left:15px;}
		.msec-07 .tab li a{/*width:120px;*/ font-size:16px; line-height:40px;border-radius:40px;}

		.msec-07 .cont .item .txt{padding-top:20px; min-height:120px; padding:15px;}
		.msec-07 .cont .item .btxt{font-size:20px ;}
		.msec-07 .cont .item .stxt{font-size:13px ; margin-top:10px;}
		.msec-07 .cont .item .ctxt { border-radius:30px; line-height:30px; padding:7px 10px;}

		.msec-07 .slick-dots{padding-right:110px; bottom:-36px}

		.msec-07 .scrollbar{padding-right:110px; margin-top:35px;}
		.msec-07 .scrollbar .prev{width:34px; height:34px; background-size:30px auto; right:48px;}
		.msec-07 .scrollbar .next{width:34px; height:34px; background-size:30px auto;}
	}
	@media only screen and (max-width:1185px) {
		
	}
	@media only screen and (max-width:999px) {
		.msec-07 .tab{margin-top:25px;}
		.msec-07 .tab li:nth-child(n+2){margin-left:10px;}
		.msec-07 .tab li a{/*width:110px;*/ font-size:15px; line-height:35px; border-radius:35px;}
		
		.msec-07 .cont{margin-top:25px;}
		.msec-07 .cont .item .txt{min-height:110px;}
		.msec-07 .cont .item .btxt{font-size:18px ;}
		.msec-07 .cont .item .stxt{font-size:14px ;}

		.msec-07 .slick-dots{padding-right:80px; bottom:-25px}

		.msec-07 .scrollbar{padding-right:80px; margin-top:25px;}
		.msec-07 .scrollbar .prev{width:30px; height:30px; margin-top:-15px; background-size:30px auto; right:34px;}
		.msec-07 .scrollbar .next{width:30px; height:30px; margin-top:-15px; background-size:30px auto;}
	}
	@media only screen and (max-width:680px) {
		.msec-07 .cont{margin-bottom:50px;}
		.msec-07 .cont .slick-list{margin:0 -10px}
		.msec-07 .cont .item{margin:0 10px}
		.msec-07 .cont .item .img{border-radius:15px;}
		.msec-07 .cont .item .txt{border-radius:0px 0px 20px 20px;}

		.msec-07 .tab{margin-top:20px;}
		.msec-07 .tab li a{/*width:100px;*/ font-size:14px;line-height:30px; border-radius:30px; padding:0 15px;}

		.msec-07 .cont .item .txt{min-height:100px;}
		.msec-07 .cont .item .btxt{font-size:17px;font-weight:600;}

	}
	@media only screen and (max-width:480px) {
		.msec-07 .tab li a{/*width:90px;*/font-size:13px;}
		.msec-07 .cont .item .img img{width:100%; height:auto;}
	}


/*=======================================================
  .msec-08
=========================================================*/
.msec-08{padding:130px 0; position:relative;}
.msec-08:after{background:#fff; position:absolute; left:50%; width:20000px; top:0 ; height:100%; z-index:-1; display:block ;content:""; z-index:-1; margin-left:-10000px;}
.msec-08 .tits{text-align:center; padding:0 20px;}
.msec-08 .tits h3{font-size:36px; font-weight:700; color:#97A9EB; letter-spacing:-0.03em; line-height:1.4em; }
.msec-08 .tits h3 span{font-size:40px; color:#2189ff;}
.msec-08 .tits .btxt{font-size:48px; font-weight:700; color:#000; letter-spacing:-0.03em; line-height:1.2em; margin-top:10px;}
.msec-08 .tits .stxt{font-size:16px; font-weight:300; color:#666; letter-spacing:-0.03em; line-height:1.4em;  margin-top:10px;}
.msec-08 .cont{margin-top:65px;}
.msec-08 .cont ul{margin:0 -5px;}
.msec-08 .cont ul:after{display:block ;content:"";clear:both}
.msec-08 .cont li{float:left; width:calc(25% - 10px ); margin:0 5px;}
.msec-08 .cont li .txt{display:block;border-radius:25px; background:#2189ff; min-height:200px; text-align:center; box-sizing:Border-box; padding:30px 20px;-webkit-transition: box-shadow 0.5s ease-in-out;-moz-transition: box-shadow 0.5s ease-in-out;-o-transition: box-shadow 0.5s ease-in-out;transition: box-shadow 0.5s ease-in-out;}
.msec-08 .cont li .txt .stxt{font-size:24px; font-weight:500; color:#fff; letter-spacing:-0.03em; line-height:1.2em; padding-top:110px; position:relative; -webkit-transition: color 0.3s ease-in-out;-moz-transition: color 0.3s ease-in-out;-o-transition: color 0.3s ease-in-out;transition: color 0.3s ease-in-out;}
.msec-08 .cont li .txt .stxt br{display:none;}
.msec-08 .cont li .txt .stxt:before{width:70px;height:70px; position:Absolute; left:39%; top:10px; text-align:center; display:block; content:""; background-size:auto 100% !important;object-fit:cover;object-fit:cover; transform:scale(1.1);  transition:transform 1s cubic-bezier(.33,.02,0,.93)}
.msec-08 .cont li .txt .btxt{font-size:36px; font-weight:700; color:#fff; letter-spacing:-0.03em; line-height:1.4em; margin-top:5px; min-height:40px;}
.msec-08 .cont li .txt a{width:128px;height:40px; border-radius:40px; box-sizing:border-box; border:1px solid #e4e5ed;  text-align:center; line-height:38px; font-size:15px; color:#333; letter-spacing:-0.03em; display:inline-block;vertical-align:top;}
.msec-08 .cont li:hover .txt a{background:#08ba9c; border-color:#08ba9c; color:#fff}

.msec-08 .cont li:nth-child(1) .txt .stxt:before{background:url(../img/main/msec08-ico01.png) no-repeat center center;}
.msec-08 .cont li:nth-child(2) .txt .stxt:before{background:url(../img/main/msec08-ico02.png) no-repeat center center;}
.msec-08 .cont li:nth-child(3) .txt .stxt:before{background:url(../img/main/msec08-ico03.png) no-repeat center center;}
.msec-08 .cont li:nth-child(4) .txt .stxt:before{background:url(../img/main/msec08-ico04.png) no-repeat center center;}
.msec-08 .cont li:nth-child(5) .txt .stxt:before{background:url(../img/main/msec08-ico05.png) no-repeat center center;}
.msec-08 .cont li:nth-child(6) .txt .stxt:before{background:url(../img/main/msec08-ico06.png) no-repeat center center;}

.msec-08 .cont .more{margin-top:50px;text-align:center;}
.msec-08 .cont .more a{display:inline-block;vertical-align:top;width:200px; height:60px; border-radius:60px; line-height:60px; background:#08ba9c; color:#fff; font-size:18px; font-weight:600;letter-spacing:-0.03em; letter-spacing:-0.03em;}
.msec-08 .cont .more a:hover{color:#08ba9c; background:#fff}

.msec-08 .cont li:hover .btxt{ color:#fff}
.msec-08 .cont li:hover .btxt:before{transform:scale(1.1) translateY(-7px)}
.msec-08 .cont li:hover .txt{box-shadow:0px 2px 30px rgba(0, 0, 0, 0.1) ; -webkit-box-shadow:0px 2px 30px rgba(0, 0, 0, 0.1) ;-moz-box-shadow: 0px 2px 30px rgba(0, 0, 0, 0.1)  ; }
	@media only screen and (max-width:1240px){

		.msec-08{padding:80px 0;}
		.msec-08 .tits h3{font-size:32px;}
		.msec-08 .tits .btxt{font-size:18px; }
		.msec-08 .tits .stxt{font-size:14px; }
		
		.msec-08 .cont{margin-top:50px;}
		.msec-08 .cont li .txt .btxt{font-size:30px;}
		.msec-08 .cont li .txt .stxt{font-size:14px;}
		.msec-08 .cont li .txt a{font-size:14px;}

		.msec-08 .cont .more{margin-top:40px;}
		.msec-08 .cont .more a{width:120px; height:42px;line-height:42px;font-size:15px;}
	}
	@media only screen and (max-width:1185px) {
		
	}
	@media only screen and (max-width:999px) {
		.msec-08{padding:60px 15px;}
		.msec-08 .tits h3{font-size:28px;}
		.msec-08 .tits .btxt{font-size:16px; margin-top:15px;}
		.msec-08 .tits .stxt{font-size:12px;  margin-top:5px;}

		.msec-08 .cont{margin-top:35px;}
		.msec-08 .cont ul{ margin:0 -5px;}
		.msec-08 .cont li{width:calc(50% - 10px ); margin:0 5px;}
		.msec-08 .cont li .txt {text-align:center; min-height:200px;}
		.msec-08 .cont li .txt .btxt{font-size:30px;padding-top:60px}
		.msec-08 .cont li .txt .btxt:before{height:45px; left:50%;margin-left:-50px;background-position:center center !important;}
		.msec-08 .cont li .txt .btxt br{display:block;}
		.msec-08 .cont li .txt .stxt{font-size:13px; display:none;}
		.msec-08 .cont li .txt a{width:110px;height:32px; ; line-height:30px; font-size:13px; margin-top:20px;}

		.msec-08 .cont .more{margin-top:30px;}
		.msec-08 .cont .more a{width:100px; height:38px;line-height:38px;font-size:14px;}
	}
	@media only screen and (max-width:680px) {
		.msec-08 .tits h3{font-size:25px;}
		.msec-08 .tits .btxt{font-size:18px; }
		
		.msec-08 .cont ul{margin:0;}
		.msec-08 .cont li .txt{padding:20px;border-radius:10px; min-height:185px;}
		.msec-08 .cont li .txt .btxt{font-size:24px;padding-top:55px}
		.msec-08 .cont li .txt .btxt:before{height:40px}
		.msec-08 .cont li .txt .stxt{font-size:16px; min-height:auto; }
		.msec-08 .cont li .txt .stxt br{display:none;}
		.msec-08 .cont li .txt a{width:90px;height:30px;line-height:28px; font-size:12px;}

		.msec-08 .cont .more a{height:35px;line-height:35px;font-size:13px;}
	}
	@media only screen and (max-width:480px) {
		.msec-08 .tits h3{font-size:25px;}
		.msec-08 .cont ul{margin:0}
		/*.msec-08 .cont li{float:none; width:auto; margin:0}*/
		.msec-08 .cont li:nth-child(n+3){margin-top:15px;}
		.msec-08 .cont li .txt{min-height:130px;}
		.msec-08 .cont li .txt a{width:80px;font-size:11px;}
		.msec-08 .cont li .txt .btxt{padding-top:70px}
		.msec-08 .cont li .txt .btxt:before{height:35px}
		.msec-08 .cont li .txt .btxt br{display:none;}
		.msec-08 .cont li .txt .stxt{display:block; padding:0 20px;}

		.msec-08 .tits h3 span{font-size:23px;}
		.msec-08 .cont li .txt .stxt:before{width:45px;height:45px; left:35%; top:30px; }
	}


/*=======================================================
  .msec-09
=========================================================*/
.msec-09{position:relative; padding:100px 0px;}
.msec-09:after{border-bottom:1px solid #eee;box-sizing:Border-box; position:absolute; left:50%; width:20000px; top:0 ; height:100%; z-index:-1; display:block ;content:""; z-index:-1; margin-left:-10000px;}

.msec-09 .tits{text-align:center;}
.msec-09 .tits h3{font-size:48px; font-weight:700; color:#000; letter-spacing:-0.03em; line-height:1.2em;}
.msec-09 .tits p{font-size:24px; font-weight:600; color:#000; letter-spacing:-0.03em; line-height:1.3em; margin-top:10px;}
.msec-09 .cont{margin-top:50px;}
.msec-09 .cont ul{margin:0 -10px}
.msec-09 .cont ul:after{display:block; content:"";clear:both;}
.msec-09 .cont li{float:left;width:calc(25% - 20px);margin:0 10px;}
.msec-09 .cont li a{display:block;}
.msec-09 .cont li .img{border-radius:25px; overflow:hidden;}
.msec-09 .cont li .img img{width:100%;object-fit:cover;object-fit:cover; transform:scale(1.1);  transition:transform 1s cubic-bezier(.33,.02,0,.93)}
.msec-09 .cont li .txt{margin-top:35px; box-sizing:border-box; min-height:150px; text-align:center;}
.msec-09 .cont li .txt .btxt{font-size:25px; font-weight:700; color:#112699; letter-spacing:-0.03em; line-height:1.2em; position:relative;}
.msec-09 .cont li .txt .stxt{font-size:16px; font-weight:400; color:#666; letter-spacing:-0.04em; line-height:1.5em; margin-top:20px; /*overflow: hidden; text-overflow: ellipsis;  display: -webkit-box;   -webkit-line-clamp:2; -webkit-box-orient: vertical;*/ }
.msec-09 .cont li .txt .ctxt{font-size:14px; font-weight:400; color:#999; letter-spacing:-0.04em; line-height:1.5em; margin-top:15px; }
.msec-09 .cont li a:hover .img img{transform:scale(1.1) translateY(-4%)}
	@media only screen and (max-width:1240px){
		.msec-09{padding:70px 0}
		.msec-09 .tits h3{font-size:32px;} 

		.msec-09 .cont{margin-top:40px;}
		.msec-09 .cont li .txt{margin-top:20px; min-height:140px}
		.msec-09 .cont li .txt .btxt{font-size:22px;}
		.msec-09 .cont li .txt .stxt{font-size:15px;} 
	}
	@media only screen and (max-width:1185px) {
		
	}
	@media only screen and (max-width:999px) {
		.msec-09{padding:50px 0}
		.msec-09 .tits h3{font-size:28px;}
		.msec-09 .cont{margin-top:30px;}
		.msec-09 .cont ul{margin:0 -10px}
		.msec-09 .cont li{width:calc(33.333333% - 20px); margin:0 10px;}
		.msec-09 .cont li:nth-child(n+3){margin-top:20px;}
		.msec-09 .cont li .txt{margin-top:15px; min-height:120px}
		.msec-09 .cont li .txt .btxt{font-size:20px;}
		.msec-09 .cont li .txt .stxt{font-size:14px;} 
	}
	@media only screen and (max-width:680px) {
		.msec-09{padding:100px 20px;}
		.msec-09 .tits h3{font-size:24px;}
		.msec-09 .cont ul{margin:0 -5px}
		.msec-09 .cont li{width:calc(50% - 10px); margin:0 5px;}
		.msec-09 .cont li:nth-child(n+3){margin-top:10px;}
		.msec-09 .cont li .txt{min-height:100px}
		.msec-09 .cont li .txt .btxt{font-size:20px;}
		.msec-09 .cont li .txt .stxt{font-size:16px; margin-top:7px;}
		.msec-09 .cont li .txt .stxt br{display:none;} 
	}
	@media only screen and (max-width:480px) {
		.msec-09 .tits h3{font-size:20px;}
		.msec-09 .cont li .txt{min-height:90px}

		.msec-09 .cont li .img{border-radius:15px; }

		.msec-09 .cont ul{margin:0 -0px}
		.msec-09 .cont li{width:calc(100% - 0px); margin:0 0px;}
		.msec-09 .cont li:nth-child(n+2){margin-top:20px;}
	}


/* ======================================================
   .msec-10
=========================================================*/
.msec-10{padding:150px 0 150px; background:#fff; text-align:center;}

.msec-10 .tits{text-align:center;}
.msec-10 .tits h3{font-size:42px; font-weight:700; color:#111; letter-spacing:-0.03em; line-height:1.2em;}

.msec-10 .cont{margin-top:50px; padding:0 20px}
.msec-10 .cont img{width:100%; border-radius:25px;}
	@media only screen and (max-width:1600px) {	
		.msec-10{padding:200px 0;}
		.msec-10 .cont{margin-top:100px;}
	}
	@media only screen and (max-width:1280px) {
		.msec-10{padding:160px 0;}
		.msec-10 .cont{margin-top:80px;}
	}
	@media only screen and (max-width:999px) {
		.msec-10{padding:120px 0;}
		.msec-10 .cont{margin-top:60px;}
	}
	@media only screen and (max-width:680px) {
		.msec-10{padding:80px 0;}
		.msec-10 .cont{margin-top:40px; padding-right:90px;}
		.msec-10 .cont .swiper-container {overflow:visible}
		.msec-10 .cont img{border-radius:20px;}
	}
	@media only screen and (max-width:480px) {
		.msec-10{padding:40px 0 100px;}
		.msec-10 .tits img{width:70%; }
	}



/*=======================================================
  .msec-11
=========================================================*/
.msec-11{position:relative; padding:100px 0px 130px;}
.msec-11:after{border-bottom:1px solid #eee; border-top:1px solid #eee; box-sizing:Border-box; position:absolute; left:50%; width:20000px; top:0 ; height:100%; z-index:-1; display:block ;content:""; z-index:-1; margin-left:-10000px;}

.msec-11 .tits{text-align:center;}
.msec-11 .tits h3{font-size:48px; font-weight:700; color:#000; letter-spacing:-0.03em; line-height:1.2em;}

.msec-11 .cont{margin-top:50px;}
.msec-11 .cont ul{margin:0 -10px}
.msec-11 .cont ul:after{display:block ;content:"";clear:both;}
.msec-11 .cont li{float:left;width:calc(25% - 20px);margin:0 10px;}
.msec-11 .cont li a{display:block;  background:#f6f7ff; border-radius:25px;}
.msec-11 .cont li .img{border-radius:25px 25px 0px 0px;  overflow:hidden;}
.msec-11 .cont li .img img{width:100%;object-fit:cover;object-fit:cover; transform:scale(1.1);  transition:transform 1s cubic-bezier(.33,.02,0,.93)}
.msec-11 .cont li .txt{margin-top:25px; box-sizing:border-box; min-height:150px; text-align:center;}
.msec-11 .cont li .txt .btxt{font-size:28px; font-weight:600; color:#111; letter-spacing:-0.03em; line-height:1.2em; position:relative; margin-top:12px;}
.msec-11 .cont li .txt .stxt{font-size:19px; font-weight:500; color:#444; letter-spacing:-0.04em; line-height:1.4em; overflow: hidden; text-overflow: ellipsis;  display: -webkit-box;   -webkit-line-clamp:2; -webkit-box-orient: vertical; }

.msec-11 .cont li a:hover .img img{transform:scale(1.1) translateY(-4%)}
	@media only screen and (max-width:1240px){
		.msec-11{padding:70px 0}
		.msec-11 .tits h3{font-size:32px;} 

		.msec-11 .cont{margin-top:40px;}
		.msec-11 .cont li .txt{margin-top:20px; min-height:140px}
		.msec-11 .cont li .txt .btxt{font-size:22px;}
		.msec-11 .cont li .txt .stxt{font-size:15px;} 
	}
	@media only screen and (max-width:1185px) {
		
	}
	@media only screen and (max-width:999px) {
		.msec-11{padding:50px 15px}
		.msec-11 .tits h3{font-size:28px;}
		.msec-11 .cont{margin-top:30px;}
		.msec-11 .cont ul{margin:0 -10px}
		.msec-11 .cont li{width:calc(50% - 20px); margin:0 10px;}
		.msec-11 .cont li:nth-child(n+3){margin-top:20px;}
		.msec-11 .cont li .txt{margin-top:15px; min-height:120px}
		.msec-11 .cont li .txt .btxt{font-size:20px;}
		.msec-11 .cont li .txt .stxt{font-size:14px;} 
	}
	@media only screen and (max-width:680px) {
		.msec-11 .tits h3{font-size:24px;}
		.msec-11 .cont ul{margin:0 -5px}
		.msec-11 .cont li{width:calc(50% - 10px); margin:0 5px;}
		.msec-11 .cont li:nth-child(n+3){margin-top:10px;}
		.msec-11 .cont li .txt{min-height:100px}
		.msec-11 .cont li .txt .btxt{font-size:18px;}
		.msec-11 .cont li .txt .stxt{font-size:14px; margin-top:7px; } 
	}
	@media only screen and (max-width:480px) {
		.msec-11 .tits h3{font-size:25px;}
		.msec-11 .cont li .txt{min-height:90px}

		.msec-11 .cont li .img{border-radius:15px 15px 0px 0px;}
		.msec-11 .cont li a{ border-radius:15px;}
	}


/* ======================================================
   .msec-12
=========================================================*/
.msec-12{position:relative;height:450px; background:url(../img/main/msec12-bg.jpg) no-repeat center center; background-size:cover; display:flex;align-items: center; justify-content: center;}
.msec-12 .cont .vc{width:100%;text-align:center;}
.msec-12 .cont h3{font-size:48px; font-weight:700; color:#000; letter-spacing:-0.03em; line-height:1.2em;}
.msec-12 .cont p{font-size:30px; font-weight:700; color:#555; letter-spacing:-0.03em; line-height:1.3em; margin-top:30px;}

.msec-12 .cont a{margin-top:50px;width:280px;height:66px; display:inline-block;vertical-align:top; line-height:66px; font-size:22px; font-weight:700; color:#1a68fc; letter-spacing:-0.03em; text-align:center; background:#fff; border-radius:66px;}
.msec-12 .cont a span{padding-right:50px; position:relative; display:inline-block;vertical-align:top}
.msec-12 .cont a span:after{width:28px;height:24px; position:absolute; right:0; top:50%; margin-top:-12px; background:url(../img/main/msec16-arrow.png) no-repeat right center; display:block ;content:"";transition:transform 1s cubic-bezier(.33,.02,0,.93)}
.msec-12 .cont a:hover span:after{transform:translateX(7px); background-image:url(../img/main/msec16-arrowo.png)}
.msec-12 .cont a:hover{background:#1a68fc; color:#fff}
	@media only screen and (max-width:1240px) {
		.msec-12{height:500px;}
		.msec-12 .cont p{font-size:46px;}
		.msec-12 .cont a{margin-top:40px;width:340px;height:60px;line-height:60px; font-size:20px;}
		.msec-12 .cont a span{padding-right:45px;}
		.msec-12 .cont a span:after{background-size:24px auto;}
	}
	@media only screen and (max-width:1100px) {
		.msec-12{}
	}
	@media only screen and (max-width:999px) {
		.msec-12{height:460px;}
		.msec-12 .cont p{font-size:42px;}
		.msec-12 .cont a{margin-top:30px;width:300px;height:55px;line-height:55px; font-size:18px; border-radius:8px;}
		.msec-12 .cont a span{padding-right:40px;}
		.msec-12 .cont a span:after{background-size:22px auto;}
	}
	@media only screen and (max-width:680px) {
		.msec-12{height:380px;}
		.msec-12 .cont p{font-size:34px;}
		.msec-12 .cont a{width:260px;height:50px;line-height:50px; font-size:16px; border-radius:6px;}
		.msec-12 .cont a span{padding-right:35px;}
		.msec-12 .cont a span:after{background-size:18px auto;}
	}
	@media only screen and (max-width:480px) {
		.msec-12{height:300px;}
		.msec-12 .cont p{font-size:27px;}
		.msec-12 .cont a{width:220px;height:45px;line-height:45px; font-size:15px; border-radius:4px;}
		.msec-12 .cont a span{padding-right:30px;}
		.msec-12 .cont a span:after{background-size:16px auto;}
	}


/* ======================================================
   .msec-13
=========================================================*/
.msec-13{margin-top:110px; margin-bottom:110px; }
.msec-13 .tits{text-align:center;}
.msec-13 .tits h3{font-size:48px; letter-spacing:-0.03em; line-height:1.2em; color:#111; }
	@media only screen and (max-width:1700px) {
		.msec-13{margin-top:110px;}
		.msec-13 .tits h3{font-size:37px;}
	}
	@media only screen and (max-width:1500px) {
		
	}
	@media only screen and (max-width:1300px) {
		.msec-13{margin-top:95px;}
		.msec-13 .tits h3{font-size:34px;}
	}
	@media only screen and (max-width:1185px) {
		
	}
	@media only screen and (max-width:999px) {
		.msec-13{margin-top:80px; margin-bottom:80px; }
		.msec-13 .tits h3{font-size:31px;}
	}
	@media only screen and (max-width:680px) {
		.msec-13{margin-top:60px;padding:0 15px; margin-bottom:60px; }
		.msec-13 .tits h3{font-size:28px;}
	}
	@media only screen and (max-width:480px) {
		.msec-13 .tits h3{font-size:25px;}
	}


.msec-13 .tab{margin-top:35px;}
.msec-13 .tab ul{font-size:0}
.msec-13 .tab ul:after{display:block; content:"";clear:both}
.msec-13 .tab li{display:inline-block;vertical-align:top}
.msec-13 .tab li:nth-child(n+2){margin-left:10px;}
.msec-13 .tab li a{display:block;width:120px; line-height:45px; border-radius:45px; text-align:center; font-size:17px; color:#555; font-weight:400; letter-spacing:-0.035em; background:#fff;border:1px solid #ddd; }
.msec-13 .tab li.active a{background:#2189ff; border:1px solid #2189ff; color:#fff; font-weight:400;}

.msec-13 .cont{margin-top:35px;}
.msec-13 .cont .slick-list{margin:0 -10px}
.msec-13 .cont .item{margin:0 10px}
.msec-13 .cont .item a{display:block;}
.msec-13 .cont .item .img{overflow:hidden; border-radius: 25px; }
.msec-13 .cont .item .img img{width:100%;-webkit-transition: transform 1s ease-out;-moz-transition: transform 1s ease-out;-o-transition: transform 1s ease;transition: transform 1s ease-out;}
.msec-13 .cont .item .txt{min-height:130px; box-sizing:border-box ; padding-top:30px;}
.msec-13 .cont .item .btxt{font-size:24px ;font-weight:700; color:#111; letter-spacing:-0.03em; line-height:1.2em;}
.msec-13 .cont .item .stxt{font-size:15px ;font-weight:300; color:#333; letter-spacing:-0.03em; line-height:1.6em; margin-top:15px; padding-right:15px;}

.msec-13 .cont .item a:hover .img img{-webkit-transform:scale(1.1); -moz-transform:scale(1.1);  -o-transform:scale(1.1);  transform:scale(1.1);}

.msec-13 .slick-dots{position:absolute ;left:0; bottom:-51px;width:100%; box-sizing:border-box; padding-right:150px;}
.msec-13 .slick-dots ul{ margin:0; padding:0; background:#c4c4c4; overflow:hidden;height:1px; }
.msec-13 .slick-dots ul:after{width:100%; height:auto;}
.msec-13 .slick-dots li{float:left; width:50%; height:1px; margin:0; padding:0;}
.msec-13 .slick-dots li button{background:none;margin:0; padding:0; height:1px; width:100%; position:relative;}
.msec-13 .slick-dots li button:after{width:0; height:100%; display:block; content:""; position:Absolute;background:#000; left:0; top:0;}

.msec-13 .slick-dots li.slick-active button{}
.msec-13 .slick-dots li.slick-active button:after{width:100%}
.msec-13 .slick-dots li.slick-active button:before{width:20000px; height:100%; display:block; content:""; position:Absolute;background:#000; right:100%; top:0;}

.msec-13 .scrollbar{position:relative; margin-top:50px; height:1px;z-index:932;padding-right:150px; }
.msec-13 .scrollbar .handle {position:relative;height:1px;background:#c4c4c4;overflow:hidden; }
.msec-13 .scrollbar .handle .mousearea{width:0;height: 100%;background:#000;cursor: pointer; left:0; top:0; -webkit-transition: width 0.3s ease-out;-moz-transition:width 0.3s ease-out;-o-transition: width 0.3s ease-out;transition: width 0.3s ease-out;}

.msec-13 .scrollbar .prev{position:Absolute;right:62px; top:0; width:38px;height:28px; top:50%;margin-top:-14px;background:url(../img/main/inte-prev.jpg) no-repeat left center;}
.msec-13 .scrollbar .next{position:Absolute;right:0; top:0; width:38px;height:28px;top:50%;margin-top:-14px;background:url(../img/main/inte-next.jpg) no-repeat left center;}
	@media only screen and (max-width:1700px) {
		.msec-13 .tab li:nth-child(n+2){margin-left:20px;}
		.msec-13 .tab li a{width:130px; font-size:17px; border-radius:40px;}

		.msec-13 .cont .item .btxt{font-size:22px ;}
		.msec-13 .cont .item .stxt{font-size:14px ;}
	}
	@media only screen and (max-width:1500px) {
		
	}
	@media only screen and (max-width:1300px) {
		.msec-13 .tab{margin-top:30px;}
		.msec-13 .tab li:nth-child(n+2){margin-left:15px;}
		.msec-13 .tab li a{width:120px; font-size:16px; line-height:40px;border-radius:40px;}

		.msec-13 .cont .item .txt{padding-top:20px; min-height:120px}
		.msec-13 .cont .item .btxt{font-size:20px ;}
		.msec-13 .cont .item .stxt{font-size:13px ; margin-top:10px;}

		.msec-13 .slick-dots{padding-right:110px; bottom:-36px}

		.msec-13 .scrollbar{padding-right:110px; margin-top:35px;}
		.msec-13 .scrollbar .prev{width:34px; height:28px; background-size:24px auto; right:48px;}
		.msec-13 .scrollbar .next{width:34px; height:28px; background-size:24px auto;}
	}
	@media only screen and (max-width:1185px) {
		
	}
	@media only screen and (max-width:999px) {
		.msec-13 .tab{margin-top:25px;}
		.msec-13 .tab li:nth-child(n+2){margin-left:10px;}
		.msec-13 .tab li a{width:110px; font-size:15px; line-height:35px; border-radius:35px;}
		
		.msec-13 .cont{margin-top:25px;}
		.msec-13 .cont .item .txt{min-height:110px;}
		.msec-13 .cont .item .btxt{font-size:18px ;}
		.msec-13 .cont .item .stxt{font-size:14px ;}

		.msec-13 .slick-dots{padding-right:80px; bottom:-25px}

		.msec-13 .scrollbar{padding-right:80px; margin-top:25px;}
		.msec-13 .scrollbar .prev{width:22px; height:28px; background-size:18px auto; right:34px;}
		.msec-13 .scrollbar .next{width:22px; height:28px; background-size:18px auto;}
	}
	@media only screen and (max-width:680px) {
		.msec-13 .tab{margin-top:20px;}
		.msec-13 .tab li a{width:100px; font-size:14px;line-height:30px; border-radius:30px;}

		.msec-13 .cont .item .txt{min-height:100px;}
		.msec-13 .cont .item .btxt{font-size:16px ;}

		.msec-13 .cont .item .img{ border-radius: 15px; }
	}
	@media only screen and (max-width:480px) {
		.msec-13 .tab li a{width:90px;font-size:15px;}
	}


.msec-13 .service{margin-top:125px;}
.msec-13 .service ul{font-size:0; margin:0 -10px;}
.msec-13 .service ul:after{display:block; content:"";clear:both}
.msec-13 .service li{float:left; width:calc(50% - 20px); margin:0 10px;}
.msec-13 .service li a{display:block; position:relative; height:182px; display:flex;align-items: center; justify-content: left;  color:#fff; overflow:hidden; }
.msec-13 .service li a:after{position:Absolute ;left:0 ;top:0; width:100%;height:100%; display:block; content:""; z-index:-1;-webkit-transition: transform 1s ease-in-out;-moz-transition: transform 1s ease-in-out;-o-transition: transform 1s ease-in-out;transition: transform 1s ease-in-out;}
.msec-13 .service li a:before{width:50px;height:50px; border-radius:100%; text-align:center; font-size:20px; font-weight:600; color:#fff; line-height:50px; position:absolute;right:40px; top:50%;margin-top:-25px; background:#5776db; display:block; content:"GO";-webkit-transition: background 0.3s ease-in-out;-moz-transition: background 0.3s ease-in-out;-o-transition: background 0.3s ease-in-out;transition: background 0.3s ease-in-out;}
.msec-13 .service li a .vc{width:100%; box-sizing:border-box; padding:0 55px;}
.msec-13 .service li a .btxt{font-size:28px; font-weight:700; letter-spacing:-0.03em; line-height:1.2em;}
.msec-13 .service li a .stxt{margin-top:14px; font-size:16px; font-weight:300; letter-spacing:-0.03em; line-height:1.4em;}

.msec-13 .service li:nth-child(1) a:after{background:url(../img/main/service-bg01.jpg) no-repeat center center ; background-size:cover}
.msec-13 .service li:nth-child(2) a:after{background:url(../img/main/service-bg02.jpg) no-repeat center center ; background-size:cover}

.msec-13 .service li a:hover:before{background:#fff; color:#5776db;}
.msec-13 .service li a:hover:after{transform:scale(1.1, 1.1); -webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1);}
	@media only screen and (max-width:1700px) {
		.msec-13 .service{margin-top:110px;}
		.msec-13 .service li a{height:175px;}
		.msec-13 .service li a:before{width:44px; height:44px; font-size:18px; right:30px; margin-top:-22px ; line-height:44px;}
		.msec-13 .service li a .vc{padding:0 45px}
		.msec-13 .service li a .btxt{font-size:26px;}
		.msec-13 .service li a .stxt{margin-top:13px;} 
	}
	@media only screen and (max-width:1500px) {
		
	}
	@media only screen and (max-width:1300px) {
		.msec-13 .service{margin-top:90px;}
		.msec-13 .service li a{height:160px;}
		.msec-13 .service li a:before{width:40px; height:40px; font-size:16px; right:20px; margin-top:-20px ; line-height:40px;}
		.msec-13 .service li a .vc{padding:0 35px}
		.msec-13 .service li a .btxt{font-size:24px;}
		.msec-13 .service li a .stxt{margin-top:12px;} 
	}
	@media only screen and (max-width:1185px) {
		
	}
	@media only screen and (max-width:999px) {
		.msec-13 .service{margin-top:70px;}
		.msec-13 .service li a{height:140px;}
		.msec-13 .service li a .vc{padding:0 25px ; padding-right:80px;}
		.msec-13 .service li a .btxt{font-size:22px;}
		.msec-13 .service li a .stxt{display:none}
	}
	@media only screen and (max-width:680px) {
		.msec-13 .service{margin-top:50px;}
		.msec-13 .service li a{height:120px; }
		.msec-13 .service li a:before{width:34px; height:34px; font-size:14px; right:20px; margin-top:-17px ; line-height:34px;}
		.msec-13 .service li a .vc{padding:0 20px; padding-right:70px;}
		.msec-13 .service li a .btxt{font-size:20px;}
	}
	@media only screen and (max-width:480px) {
		.msec-13 .service li a{height:100px;}
		.msec-13 .service li a .btxt{font-size:18px;}

		.msec-13 .service li{float:none; width:auto;}
		.msec-13 .service li:nth-child(n+2){margin-top:15px}
		.msec-13 .service li:nth-child(1) a{border-radius:20px 0 0 0}
		.msec-13 .service li:nth-child(2) a{border-radius:0 0 20px 0}
	}


/* ======================================================
   .msec-14
=========================================================*/
.msec-14{position:relative; padding:0px 0 130px 0;}
.msec-14:after{position:absolute; left:0; top:0; width:100%;height:100%; display:block; content:""; z-index:-1;background:#fff;}
.msec-14 .tits{text-align:center;}
.msec-14 .tits h3{font-size:48px;  color:#000;font-weight:700; letter-spacing:-0.03em; line-height:1.2em;margin-top:10px; }
.msec-14 .tits h3 span{color:#000}
.msec-14 .tits p{font-size:40px; color:#2189ff; line-height:1.3em; font-weight:700; letter-spacing:-0.02em; }
.msec-14 .tab{max-width:1140px; padding:0 20px;box-sizing:border-box;margin:0 auto;margin-top:50px;}
.msec-14 .tab ul{margin:0 -0.5%}
.msec-14 .tab ul:after{display:block ;content:"";clear:both}
.msec-14 .tab li{float:left; width:15.55555%; margin:0 0.5%;line-height:50px;}
.msec-14 .tab li a{background:#eee; border-radius:50px; line-height:50px; height:50px; display:block; text-align:center; color:#313444; font-size:16px; letter-spacing:-0.03em;}
.msec-14 .tab li.active a{background:#313444; color:#fff;}

.msec-14 .cont{ max-width:1340px; padding:0 20px;box-sizing:border-box;margin:0 auto;margin-top:70px; position:relative;}

	@media only screen and (max-width:1417px) {
		.msec-14{padding:100px 0 70px 0;}
		.msec-14 .tits h3{font-size:36px;}
		.msec-14 .tits p{font-size:24px; }
		
	} 
	@media only screen and (max-width:1280px) {
		.msec-14{ padding:0px 0 100px}
		.msec-14 .tits h3{font-size:30px;}
		.msec-14 .cont{margin-top:30px}
		
		.msec-14 .tab li a{line-height:50px ; height:50px ;font-size:18px;letter-spacing:-0.05em; }
		.msec-14 .tab{margin-top:30px;}
	} 
	@media only screen and (max-width:999px) {
		
		.msec-14{ padding:0px 0 100px}
		.msec-14 .tits h3{font-size:30px;}
		.msec-14 .cont{margin-top:30px}
		
		.msec-14 .tab{margin-top:30px;}
		/*.msec-14 .tab li{width:49%;}
		.msec-14 .tab li:nth-child(n+3){margin-top:10px;}*/

		.msec-14 .tab li:nth-child(n+4){margin-top:7px;}
		.msec-14 .tab li{width:32.4%; margin:0 0.3%;}


		.msec-14 .tab li a{line-height:50px ; height:50px ;font-size:20px;}
	} 
	@media only screen and (max-width:680px) {
		.msec-14{ padding:30px 0}
		.msec-14 .tits h3{font-size:30px;}

		.msec-14 .tab li a{line-height:50px ; height:50px ;font-size:18px;}


	} 
	@media only screen and (max-width:480px) {
		.msec-14{  }
		.msec-14 .tits h3{font-size:18px;}
		.msec-14 .tab li a{line-height:40px ; height:40px ;font-size:13px;}
		
		
	} 


.msec-14 .invite {max-width:1100px; margin:0 auto;}
.msec-14 .invite .owl-stage-outer{overflow:visible;}
.msec-14 .invite .item{padding:0 50px}
.msec-14 .invite .item .ov{display:block; position:relative;padding-left:350px; overflow:hidden;min-height:500px;border-radius:25px; background:#eee;}
.msec-14 .invite .item .img{width:100%;height:100%;position:Absolute; left:0; top:0;}
.msec-14 .invite .item .img img{width:100%;object-fit:cover; height:500px;}
.msec-14 .invite .item .img:after{width:100%;height:100%; position:absolute; left:0; top:0;opacity:1;  display:block; content:""; background:rgba(0,0,0,0.01);webkit-transition:opacity 0.3s ease-out;-moz-transition: opacity 0.3s ease-out;-o-transition: opacity 0.3s ease-out;transition: opacity 0.3s ease-out;}
.msec-14 .invite .item .txt{ border-radius:50px; line-height:45px; height:45px;  width:auto; padding:0 20px; z-index:4; background:#fff; opacity:0; position:absolute; right:30px; bottom:30px; box-sizing:border-box;-webkit-transform: translateY(20%); -moz-transform: translateY(20%);-ms-transform: translateY(20%); -o-transform:  translateY(20%);transform: translateY(20%);webkit-transition:opacity 0.3s ease-out, transform  0.3s ease-out;-moz-transition: opacity 0.3s ease-out, transform  0.3s ease-out;-o-transition: opacity 0.3s ease-out, transform  0.3s ease-out;transition: opacity 0.3s ease-out, transform  0.3s ease-out;}
.msec-14 .invite .owl-item.active .txt{ border-radius:45px; line-height:45px; height:45px; transition-delay: 0.5s;opacity:1;-webkit-transform: translateY(0); -moz-transform: translateY(0);-ms-transform: translateY(0); -o-transform:  translateY(0);transform: translateY(0); 
background: rgba(255, 255, 255, 0.9);
    
    /*border-radius:50%; box-shadow: 0 4px 30px rgb(0 0 0 / 10%);
    backdrop-filter: blur(4.6px);
    -webkit-backdrop-filter: blur(4.6px);*/}

.msec-14 .invite .owl-item.active .item .img:after{opacity:1;}
.msec-14 .invite .item .txt .btxt{font-size:16px; font-weight:400 ;color:#000;  line-height:45px;letter-spacing:-0.03em; ;position:relative; text-align:center;  /*padding-left:24px;*/}
.msec-14 .invite .item .txt .btxt span{font-size:36px; font-weight:700; display:block; line-height:1.15em; }
/*.msec-14 .invite .item .txt .btxt:before{width:3px;height:100%; background:#65b957; position:absolute; left:0; top:-3px;display:block;content:""}*/

.msec-14 .invite .item .txt ul{margin-top:25px; }
.msec-14 .invite .item .txt li{font-size:16px; line-height:1.4em;position:relative; padding-left:10px; color:#fff;}
.msec-14 .invite .item .txt li a{color:#fff;}
.msec-14 .invite .item .txt li:nth-child(n+2){margin-top:10px;}
.msec-14 .invite .item .txt li:before{width:3px;height:3px; border-radius:100%;position:absolute; left:0; top:8px; display:block;background:#fff; content:""; }
.msec-14 .invite .item .txt li span{font-weight:700;color:#fff;}

.msec-14 .invite .item .txt .btns{margin-top:30px;text-align:center;}
.msec-14 .invite .item .txt .more{width:150px; line-height:40px; height:40px; border-radius:40px;text-align:center; background:#fff; font-size:15px;color:#000;font-weight:400; letter-spacing:-0.03em; display:inline-block;vertical-align:top;-webkit-transition: box-shadow 0.3s ease-in-out;-moz-transition: box-shadow 0.3s ease-in-out;-o-transition: box-shadow 0.3s ease-in-out;transition: box-shadow 0.3s ease-in-out;}
.msec-14 .invite .item .txt .more:hover{box-shadow: 0 3px 5px rgba(0, 0, 0, 0.3) ;	-webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.3)  ; -moz-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.3)  ;}
.msec-14 .invite .item .txt .more span{display:inline-block;vertical-align:top; padding-right:50px;position:relative; height:40px;}
.msec-14 .invite .item .txt .more span:after{width:30px;height:30px; position:absolute;right:0; top:50%; margin-top:-15px;;background:url(../img/main/more-arrow.png) no-repeat right center; background-size:8px auto; display:block; content:"";-webkit-transition: right 0.3s ease-in-out;-moz-transition: right 0.3s ease-in-out;-o-transition: right 0.3s ease-in-out;transition: right 0.3s ease-in-out;}
.msec-14 .invite .item .txt .more:hover span:after{right:-10px;}

.msec-14 .invite .item.c01 .txt .btxt{color:#000;}
.msec-14 .invite .item.c01 .txt .btxt:before{background:#99c3e5;}
.msec-14 .invite .item.c02 .txt .btxt{color:#000;}
.msec-14 .invite .item.c02 .txt .btxt:before{background:#99c3e5;}
.msec-14 .invite .item.c03 .txt .btxt{color:#000;}
.msec-14 .invite .item.c03 .txt .btxt:before{background:#cde5e9;}
.msec-14 .invite .item.c04 .txt .btxt{color:#000;}
.msec-14 .invite .item.c04 .txt .btxt:before{background:#cde5e9;}
.msec-14 .invite .item.c05 .txt .btxt{color:#000;}
.msec-14 .invite .item.c05 .txt .btxt:before{background:#cde5e9;}
.msec-14 .invite .item.c06 .txt .btxt{color:#000;}
.msec-14 .invite .item.c06 .txt .btxt:before{background:#cde5e9;}

.msec-14 .desktop{display:block;}
.msec-14 .mobile{display:none;}

	@media only screen and (max-width:1240px) {
		
		.msec-14 .invite .item{padding:0 60px}
		.msec-14 .invite .item .ov{padding-left:350px;min-height:350px;}
		.msec-14 .invite .item .img{width:auto; }
		.msec-14 .invite .item .txt .btxt{font-size:15px;}
		.msec-14 .invite .item .txt .btxt span{font-size:32px; }
		.msec-14 .invite .item .txt li{font-size:17px; }

		.msec-14 .invite .item .txt .btns{margin-top:50px;}
		.msec-14 .invite .item .txt .more{width:204px; line-height:59px; height:55px;  font-size:18px;}
		.msec-14 .invite .item .txt .more span{padding-right:40px;height:55px;}

		.msec-14 .invite .item .ov{display:block; position:relative;padding-left:550px; overflow:hidden;min-height:450px;border-radius:30px; background:#eee;}
		

	} 
	@media only screen and (max-width:999px) {
		.msec-14 .invite .item{padding:0 50px}
		.msec-14 .invite .item .txt{padding:40px 40px;}
		.msec-14 .invite .item .ov{padding-left:300px; min-height:300px;}
		.msec-14 .invite .item .img{width:100%;;height:550px;}
		.msec-14 .invite .item .img img{height:400px;}
		.msec-14 .invite .item .txt ul{margin-top:25px;}
		.msec-14 .invite .item .txt li{font-size:16px;}
		.msec-14 .invite .item .txt li span{display:block; margin-bottom:5px;}
		.msec-14 .invite .item .txt .btxt{font-size:24px;}
		.msec-14 .invite .item .txt .btxt span{font-size:28px; }
		
		.msec-14 .invite .item .txt .btns{margin-top:30px;}
		.msec-14 .invite .item .txt .more{width:184px; line-height:54px; height:50px;  font-size:17px;}
		.msec-14 .invite .item .txt .more span{padding-right:35px;height:50px;}

	} 
	@media only screen and (max-width:880px) {
		
		.msec-14 .invite .item{padding:0 40px}

		.msec-14 .invite .item .txt{padding:40px 40px;}
		.msec-14 .invite .item .ov{padding-left:0px; min-height:230px;}
		.msec-14 .invite .item .img{width:100%;height:300px;}
		.msec-14 .invite .item .img img{height:300px}
		.msec-14 .invite .item .txt{padding:0;}
		.msec-14 .invite .item .txt ul{margin-top:0; padding:30px 30px 20px 30px;}
		
		.msec-14 .invite .item .txt li span{display:inline; margin-bottom:0;}
		.msec-14 .invite .item .txt .btxt{font-size:16px; padding:0px 20px; height:50px;box-sizing:border-box; display:flex;align-items: center; justify-content: left; box-sizing:border-box;}
		.msec-14 .invite .item .txt .btxt span{font-size:28px; }
		.msec-14 .invite .item .txt .btxt:before{display:none;}
		
		.msec-14 .invite .item .txt .btns{margin-top:15px; padding-bottom:30px;}
		.msec-14 .invite .item .txt .more{width:184px; line-height:54px; height:50px;  font-size:17px;}
		.msec-14 .invite .item .txt .more span{padding-right:35px;height:50px;}



	}
	@media only screen and (max-width:680px) {
		.msec-14 .invite .item{padding:0 20px}
		.msec-14 .invite .item .img{width:auto ;position:relative;height:auto; left:auto;}
		.msec-14 .invite .item .img img{width:100%;object-fit:fill;height:auto} 
		.msec-14 .invite .item .txt .btxt{font-size:21px; padding:0 ;height:auto; display:block; padding:25px 30px; border:none; /*background:#fff;*/ }
		.msec-14 .invite .item .txt .btxt span{font-size:24px;}
		
		.msec-14 .invite .item .txt ul{margin-top:0; padding:0 30px 20px 30px;}
		.msec-14 .invite .item .txt li{font-size:15px;}

		.msec-14 .invite .item .txt .more{width:160px; line-height:49px; height:45px;  font-size:16px;}
		.msec-14 .invite .item .txt .more span{padding-right:30px;height:45px;}
		.msec-14 .invite .item .txt .btns{margin-top:5px;}

		.msec-14 .desktop{display:none;}
		.msec-14 .mobile{display:block;}
	} 
	@media only screen and (max-width:480px) {
		.msec-14 .invite .item{padding:0 0px}
		.msec-14 .invite .item .txt .btxt{padding:0px 10px;font-size:16px; }
		.msec-14 .invite .item .txt ul{display:none;}
		.msec-14 .invite .item .txt li{font-size:14px;}
		.msec-14 .invite .item .txt li:nth-child(n+2){margin-top:7px;}
		.msec-14 .invite .item .txt li:before{top:6px;}

		.msec-14 .invite .item .txt{display:none; padding:20px 40px; width: 100%; padding:15px; right:0px; bottom:0px; height:50px; line-height:50px; rgba(0, 0, 0, 0.4); border-radius: 0px 0px 20px 20px; box-shadow: 0 4px 30px rgb(0 0 0 / 0%); backdrop-filter: blur(0px);-webkit-backdrop-filter: blur(0px);}

		.msec-14 .invite .item .ov{border-radius:20px; min-height:185px;}
		
		} 

.msec-14 .invite-ctrl{}
.msec-14 .invite-ctrl a{position:absolute ; top:50%;margin-top:-25px; width:50px;height:50px; border-radius:100%; overflow:hidden;-webkit-transition: box-shadow 0.3s ease-in-out;-moz-transition: box-shadow 0.3s ease-in-out;-o-transition: box-shadow 0.3s ease-in-out;transition: box-shadow 0.3s ease-in-out;}
.msec-14 .invite-ctrl a:before{position:absolute; top:0;width:100%;height:100%; display:block; content:""; z-index:2;}
.msec-14 .invite-ctrl a:after{position:absolute; top:0;width:100%;height:100%; display:block; content:""; z-index:3;}
.msec-14 .invite-ctrl a:hover{box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1) ;	-webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1)  ; -moz-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1)  ;}

.msec-14 .invite-ctrl .prev{left:80px;}
.msec-14 .invite-ctrl .prev:before{left:0;-webkit-transition: left 0.3s ease-in-out;-moz-transition: left 0.3s ease-in-out;-o-transition: left 0.3s ease-in-out;transition: left 0.3s ease-in-out;}
.msec-14 .invite-ctrl .prev:after{left:100%;-webkit-transition: left 0.3s ease-in-out;-moz-transition: left 0.3s ease-in-out;-o-transition: left 0.3s ease-in-out;transition: left 0.3s ease-in-out;}
.msec-14 .invite-ctrl .prev:before{background:url(../img/main/invite-prev.png) no-repeat center center #fff; }
.msec-14 .invite-ctrl .prev:after{ background:url(../img/main/invite-prevo.png) no-repeat center center #fff;}
.msec-14 .invite-ctrl .prev:hover:before{left:-100%}
.msec-14 .invite-ctrl .prev:hover:after{left:0;}

.msec-14 .invite-ctrl .next{right:80px;}
.msec-14 .invite-ctrl .next:before{right:0;-webkit-transition: right 0.3s ease-in-out;-moz-transition: right 0.3s ease-in-out;-o-transition: right 0.3s ease-in-out;transition: right 0.3s ease-in-out;}
.msec-14 .invite-ctrl .next:after{right:100%;-webkit-transition: right 0.3s ease-in-out;-moz-transition: right 0.3s ease-in-out;-o-transition: right 0.3s ease-in-out;transition: right 0.3s ease-in-out;}
.msec-14 .invite-ctrl .next:before{background:url(../img/main/invite-next.png) no-repeat center center #fff; }
.msec-14 .invite-ctrl .next:after{ background:url(../img/main/invite-nexto.png) no-repeat center center #fff;}
.msec-14 .invite-ctrl .next:hover:before{right:-100%}
.msec-14 .invite-ctrl .next:hover:after{right:0;}
	@media only screen and (max-width:1240px) {
		.msec-14 .invite-ctrl  a{width:44px;height:44px; margin-top:-22px;}
	} 
	@media only screen and (max-width:999px) {
		.msec-14 .invite-ctrl  a{width:38px;height:38px; margin-top:-19px;}
		.msec-14 .invite-ctrl  .prev{left:14px;}
		.msec-14 .invite-ctrl  .next{right:14px;}
	} 
	@media only screen and (max-width:680px) {
		.msec-14 .invite-ctrl  .prev{left:20px;}
		.msec-14 .invite-ctrl  .next{right:20px;}
	} 
	@media only screen and (max-width:480px) {
		.msec-14 .invite-ctrl  .prev{left:12px;}
		.msec-14 .invite-ctrl  .next{right:12px;}
	} 


/* ======================================================
   .msec-15
=========================================================*/
.msec-15{height:500px;position:relative;box-sizing:border-box;background:#fff;}
.msec-15 .tits{text-align:center; }
.msec-15 .tits h3{font-size:40px;line-height:1.2em;color:#111; font-weight:700; letter-spacing:-0.03em;}
.msec-15 .tits p{margin-top:20px;font-size:24px;line-height:1.3em;color:#111; font-weight:700; letter-spacing:-0.03em; word-break: keep-all;}

.msec-15 .con{margin-top:50px;position:relative;}
.msec-15 .con ul{margin:0 -1%}
.msec-15 .con ul:after{display:block; content:"";clear:both;}
.msec-15 .con li{float:left; width:31.333333333%; margin:0 1%; }
.msec-15 .con li:nth-child(n+4){margin-top:2%;}
.msec-15 .con li a{border:1px solid rgba(0,0,0,0.5); display:block; min-height:250px; box-sizing:border-box; padding:35px 35px 0 35px; border-radius: 25px; position:relative;-webkit-transition: background 0.3s ease-out, transform 0.3s ease-out;-moz-transition: background 0.3s ease-out, transform 0.3s ease-out;-o-transition: background 0.3s ease-out, transform 0.3s ease-out;transition: background 0.3s ease-out, transform 0.3s ease-out;}
.msec-15 .con li .txt{position:relative; z-index:5;}
.msec-15 .con li .btxt{font-size:30px; color:#000; font-weight:700; line-height:1.2em; -webkit-transition: color 0.3s ease-out;-moz-transition: color 0.3s ease-out;-o-transition: color 0.3s ease-out;transition: color 0.3s ease-out;}
.msec-15 .con li .stxt{margin-top:17px;font-size:15px; color:#555; font-weight:400; line-height:1.55em;word-break: keep-all; letter-spacing:-0.03em; max-height:70px; overflow:hidden}
.msec-15 .con li .ctxt{margin-top:40px;font-size:15px; color:#cbdee9;font-weight:400; line-height:1.2em;}
.msec-15 .con li a:hover{-webkit-transform: translateY(-2%); -moz-transform: translateY(-2%);-ms-transform: translateY(-2%); -o-transform:  translateY(-2%);transform: translateY(-2%);box-shadow: 0 5px 8px rgba(0, 0, 0, 0.2)  ; -webkit-box-shadow: 0 5px 8px rgba(0, 0, 0, 0.2)  ; -moz-box-shadow: 0 5px 8px rgba(0, 0, 0, 0.2)  ;}

.msec-15 .con li a:after{width:120px;height:120px; position:absolute; right:15px; bottom:15px; display:block; content:""}
.msec-15 .con li:nth-child(1) a:after{background:url(../img/main/msec15-img01.jpg) no-repeat center center;}
.msec-15 .con li:nth-child(2) a:after{background:url(../img/main/msec15-img02.jpg) no-repeat center center;}
.msec-15 .con li:nth-child(3) a:after{background:url(../img/main/msec15-img03.jpg) no-repeat center center;}
.msec-15 .con li:nth-child(4) a:after{background:url(../img/main/msec15-img04.png) no-repeat center center;}
.msec-15 .con li:nth-child(5) a:after{background:url(../img/main/msec15-img05.png) no-repeat center center;}
.msec-15 .con li:nth-child(6) a:after{background:url(../img/main/msec15-img06.png) no-repeat center center;}

.msec-15 .con li:nth-child(1) a:hover:after{background-image:url(../img/main/msec15-img01o.jpg);}
.msec-15 .con li:nth-child(2) a:hover:after{background-image:url(../img/main/msec15-img02o.jpg);}
.msec-15 .con li:nth-child(3) a:hover:after{background-image:url(../img/main/msec15-img03o.jpg);}
.msec-15 .con li:nth-child(4) a:hover:after{background-image:url(../img/main/msec15-img04o.png);}
.msec-15 .con li:nth-child(5) a:hover:after{background-image:url(../img/main/msec15-img05o.png);}
.msec-15 .con li:nth-child(6) a:hover:after{background-image:url(../img/main/msec15-img06o.png);}

.msec-15 .con li a:hover{background:#fff; border-color:#fff;}
.msec-15 .con li a:hover .btxt{color:#073067}
.msec-15 .con li a:hover .stxt{color:#073067}
.msec-15 .con li a:hover .ctxt{color:#073067}

.msec-15 .msec-abc{z-index:1452; position:relative;}	
	@media only screen and (max-width:1440px) {
		.msec-15 .tits h3{font-size:37px}
		.msec-15 .tits p{margin-top:10px;font-size:15px;}
		
		.msec-15 .con li a{padding:30px 30px 0 30px;}
		.msec-15 .con li a:after{width:135px;height:135px; background-size:100% auto !important; right:0; bottom:0;}
		.msec-15 .con li .btxt{font-size:22px;}
		.msec-15 .con li .stxt{margin-top:15px;font-size:14px; max-height:65px;}
		.msec-15 .con li .ctxt{margin-top:30px;font-size:14px;}
	}
	@media only screen and (max-width:1240px) {
		
	}
	@media only screen and (max-width:999px) {
		.msec-15{height:auto; padding:70px 0;}
		.msec-15 .tits h3{font-size:32px}
		.msec-15 .tits p{margin-top:10px;font-size:14px;}
		
		.msec-15 .con ul{margin:0 -1%}
		.msec-15 .con li{float:left; width:48%; margin:0 1%; }
		.msec-15 .con li:nth-child(n+3){margin-top:2%;}
		.msec-15 .con li a{padding:25px 20px 0 20px; min-height:220px;}
		.msec-15 .con li a:after{width:120px;height:120px; }
		.msec-15 .con li .btxt{font-size:19px;}
		.msec-15 .con li .stxt{margin-top:12px;}
		.msec-15 .con li .ctxt{margin-top:25px;}
	} 
	@media only screen and (max-width:680px) {
		.msec-15 .tits h3{font-size:27px}
		.msec-15 .con{margin-top:25px;}
		
		.msec-15 .con li a{min-height:200px}
		.msec-15 .con li a:after{width:105px;height:105px; }
		.msec-15 .con li .btxt{font-size:17px;}
		.msec-15 .con li .stxt{font-size:13px;}
		.msec-15 .con li .ctxt{font-size:13px;}

		.msec-15 .con li a:hover{-webkit-transform: translateY(0); -moz-transform: translateY(0);-ms-transform: translateY(0); -o-transform:  translateY(0);transform: translateY(0);}

	} 
	@media only screen and (max-width:480px) {
		.msec-15{padding:50px 0;}
		.msec-15 .con ul{margin:0}
		.msec-15 .con li{float:none; width:auto; margin:0; }
		.msec-15 .con li:nth-child(n+2){margin-top:2%;}
		.msec-15 .con li a{min-height:185px}
	} 

/* ======================================================
   .msec-16
=========================================================*/
.msec-16{position:relative;height:450px; background:url(../img/main/msec16-bg.jpg) no-repeat center center; background-size:cover; display:flex;align-items: center; justify-content: center;}
.msec-16 .cont .vc{width:100%;text-align:center;}
.msec-16 .cont p{margin-top:30px; font-size:40px; font-weight:700; color:#fff; letter-spacing:-0.03em; line-height:1.3em;}
.msec-16 .cont a{margin-top:30px;width:260px;height:60px; display:inline-block;vertical-align:top; line-height:60px; font-size:20px; font-weight:600; color:#fff; letter-spacing:-0.03em; text-align:center; background:#2189ff; border-radius:60px;}
.msec-16 .cont a span{padding-right:50px; position:relative; display:inline-block;vertical-align:top}
.msec-16 .cont a span:after{width:28px;height:24px; position:absolute; right:0; top:50%; margin-top:-12px; background:url(../img/main/msec16-arrowo.png) no-repeat right center; display:block ;content:"";transition:transform 1s cubic-bezier(.33,.02,0,.93)}
.msec-16 .cont a:hover span:after{transform:translateX(7px); background-image:url(../img/main/msec16-arrow.png)}
.msec-16 .cont a:hover{background:#fff; color:#2189ff;}
	@media only screen and (max-width:1240px) {
		.msec-16{height:400px;}
		.msec-16 .cont p{font-size:26px;}
		.msec-16 .cont a{margin-top:40px;width:340px;height:60px;line-height:60px; font-size:20px;}
		.msec-16 .cont a span{padding-right:45px;}
		.msec-16 .cont a span:after{background-size:24px auto;}
	}
	@media only screen and (max-width:1100px) {
		.msec-16{}
	}
	@media only screen and (max-width:999px) {
		.msec-16{height:360px;}
		.msec-16 .cont p{font-size:22px;}
		.msec-16 .cont a{margin-top:20px;width:260px;height:55px;line-height:55px; font-size:18px; border-radius:55px;}
		.msec-16 .cont a span{padding-right:40px;}
		.msec-16 .cont a span:after{background-size:22px auto;}
	}
	@media only screen and (max-width:680px) {
		.msec-16{height:300px;}
		.msec-16 .cont p{margin-top:0px; font-size:24px;}
		.msec-16 .cont a{width:200px;height:50px;line-height:50px; font-size:16px; border-radius:50px;}
		.msec-16 .cont a span{padding-right:35px;}
		.msec-16 .cont a span:after{background-size:18px auto;}
	}
	@media only screen and (max-width:480px) {
		.msec-16{height:240px;}
		.msec-16 .cont p{font-size:18px;}
		.msec-16 .cont a{width:200px;height:45px;line-height:45px; font-size:15px; border-radius:45px;}
		.msec-16 .cont a span{padding-right:30px;}
		.msec-16 .cont a span:after{background-size:16px auto;}
	}

/* ======================================================
   .msec-17 
=========================================================*/
.msec-17{margin:0 auto ; margin-top:50px; margin-bottom:150px; max-width:1240px; padding:0 20px; }
.msec-17:after{display:block; content:"";clear:both;}
.msec-17 .tv{float:left; width:100%;display:flex; display:-webkit-flex; }
.msec-17 .ov{width:100%;}

.msec-17 h3{font-size:33px; font-weight:700; color:#111; letter-spacing:-0.035em; line-height:1.5em; margin-top:90px;}

.msec-17 .tv .sample{/*overflow:hidden;*/}
.msec-17 .tv .sample:hover iframe{/*transform:scale(1.02) */}
.msec-17 .tv .sample iframe{transition:transform 1.5s cubic-bezier(.33,.02,0,.93)}
.msec-17 .tv .sample img{width:100%;}

.msec-17 .tv .videos{position:relative;height:0;padding-bottom:56.25%;overflow:hidden; border-radius:30px;}
.msec-17 .tv .videos iframe {position:absolute; top:0; left:0; width:100%; height:100%;}

.msec-17 .tv .txt{font-size:0; margin-top:30px;}
.msec-17 .tv .txt .btxt{font-size:30px; font-weight:500; letter-spacing:-0.05em;  color:#111; line-height:1.5em; margin-bottom:10px;}
.msec-17 .tv .txt .stxt{font-size:14px; font-weight:400; letter-spacing:-0.03em;  color:#666; line-height:1.3em; display:inline-block;vertical-align:top;}
.msec-17 .tv .txt .ctxt{font-size:14px; font-weight:400; letter-spacing:-0.03em;  color:#666; line-height:1.3em; display:inline-block;vertical-align:top; margin-left:12px;}


	@media only screen and (max-width:1640px) {	
		.msec-17{margin-top:50px; margin-bottom:50px; }
		.msec-17 h3{font-size:24px; margin-bottom:30px; font-weight:500}

		.msec-17 .tv{ width:calc(100% - 0px);}
		.msec-17 .exam{ width:calc(52% - 40px); margin-left:80px;}

		.msec-17 .tv .txt .btxt{font-size:24px;}
		.msec-17 .tv .txt .stxt{font-size:13px;}

		
	}
	@media only screen and (max-width:1480px) {
		
	}
	@media only screen and (max-width:1280px) {
		.msec-17 h3{font-size:20px; margin-top:50px;}
		.msec-17 .tv .txt{margin-top:20px;}
		.msec-17 .tv .txt .btxt{font-size:26px;}
	}
	@media only screen and (max-width:1185px) {
		.msec-17{display:block;}
		.msec-17 .tv{ float:none;width:auto; display:block;}
		
	}
	@media only screen and (max-width:999px) {
		.msec-17{margin-top:60px}
		.msec-17 h3{font-size:20px; margin-bottom:25px;}
		
		.msec-17 .tv .txt{margin-top:15px;}
		.msec-17 .tv .txt .btxt{font-size:24px;margin-bottom:5px;}
		
	}
	@media only screen and (max-width:680px) {
		.msec-17{margin-top:40px; margin-bottom:50px;}
		.msec-17 h3{font-size:18px; margin-bottom:20px; margin-top:30px; font-weight:400}
		.msec-17 .tv .txt .btxt{font-size:22px; margin-bottom:2px;}

		
	}
	@media only screen and (max-width:480px) {
		.msec-17 h3{margin-bottom:15px;}
		.msec-17 .tv .txt .btxt{font-size:20px;}
	}


/* ======================================================
   .msec-18
=========================================================*/
.msec-18{position:relative; padding:110px 0;}
.msec-18:after{background:#f9f9f9; position:absolute ;left:50%; top:0;margin-left:-10000px; width:20000px;height:100%; display:block ;content:"";z-index:-1;}
.msec-18 .tits{text-align:center;}
.msec-18 .tits h3{ font-size:48px; letter-spacing:-0.03em; line-height:1.2em; color:#000; }
.msec-18 .cont{position:relative;margin-top:35px;}
	@media only screen and (max-width:1700px) {
		.msec-18{padding:90px 0}
		.msec-18 .tits h3{font-size:37px;}
	}
	@media only screen and (max-width:1500px) {
		
	}
	@media only screen and (max-width:1300px) {
		.msec-18{padding:80px 0}
		.msec-18 .tits h3{font-size:36px;}
	}
	@media only screen and (max-width:1185px) {
		
	}
	@media only screen and (max-width:999px) {
		.msec-18{padding:70px 0}
		.msec-18 .tits h3{font-size:30px;}

		.msec-18 .cont{margin-top:20px; padding:0 15px;}
	}
	@media only screen and (max-width:680px) {
		.msec-18{padding:60px 0}
		.msec-18 .tits h3{font-size:28px;}
	}
	@media only screen and (max-width:480px) {
		.msec-18 .tits h3{font-size:25px;}
	}

.msec-18 .cont .ov{overflow:hidden;padding:15px 20px;}
.msec-18 .cont .work-slide{overflow:visible !important;}
.msec-18 .cont .work-slide .owl-stage-outer{overflow:visible }
.msec-18 .cont .item{}
.msec-18 .cont .item a{border-radius: 25px; display:block;overflow:hidden;-webkit-transition: box-shadow 0.3s ease-in-out;-moz-transition: box-shadow 0.3s ease-in-out;-o-transition: box-shadow 0.3s ease-in-out;transition: box-shadow 0.3s ease-in-out;}
.msec-18 .cont .item a:hover{box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.1)  ;-moz-box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.1); }
.msec-18 .cont .item .img{overflow:hidden;}
.msec-18 .cont .item .img img{height:250px; width:100%;object-fit:cover;-webkit-transition: transform 0.6s ease-in-out;-moz-transition: transform 0.6s ease-in-out;-o-transition: transform 0.6s ease-in-out;transition: transform 0.6s ease-in-out;}
.msec-18 .cont .item .txt{background:#fff;padding:30px 30px; box-sizing:border-box; min-height:150px;}
.msec-18 .cont .item .txt .btxt{font-size:18px; font-weight:400; coloR:#000; letter-spacing:-0.03em; line-height:1.3em; min-height:70px;max-height:70px; overflow:hidden;}
.msec-18 .cont .item .txt .stxt{font-size:15px; font-weight:400; coloR:#777; letter-spacing:-0.03em; line-height:1.2em; margin-top:5px;}

.msec-18 .cont .item .txt .ctxt{font-size:14px; font-weight:300; coloR:#777; letter-spacing:-0.03em; line-height:1.2em;}

.msec-18 .cont .item a:hover .img img{transform:scale(1.05, 1.05); -webkit-transform:scale(1.05, 1.05); -moz-transform:scale(1.05, 1.05); -ms-transform:scale(1.05, 1.05);}

.msec-18 .ctrl{}
.msec-18 .ctrl .prev{width:50px;height:50px;position:absolute; left:-70px; top:50%; margin-top:-28px;background:url(../img/main/work-prevo.png) no-repeat center center;border-radius:100%; background-size:100% auto; }
.msec-18 .ctrl .next{width:50px;height:50px;position:absolute; right:-70px; top:50%; margin-top:-28px;background:url(../img/main/work-nexto.png) no-repeat center center;border-radius:100%;background-size:100% auto}
.msec-18 .ctrl .prev:hover{background-image:url(../img/main/work-prev.png)}
.msec-18 .ctrl .next:hover{background-image:url(../img/main/work-next.png)}
	@media only screen and (max-width:1700px) {
		.msec-18 .cont .item .txt .btxt{font-size:15px;}
		.msec-18 .cont .item .txt .stxt{font-size:20px;}
		.msec-18 .cont .item .txt .ctxt{font-size:13px;}
	}
	@media only screen and (max-width:1500px){
		.msec-18 .ctrl .prev{width:60px;height:60px; left:10px; margin-top:-30px;background-color:#fff !important; opacity:0.7;}
		.msec-18 .ctrl .prev:hover{opacity:1;}
		.msec-18 .ctrl .next{width:60px;height:60px; right:10px; margin-top:-30px;background-color:#fff !important;opacity:0.7;}
		.msec-18 .ctrl .next:hover{opacity:1;}
	}
	@media only screen and (max-width:1300px){
		.msec-18 .cont .item .txt .btxt{font-size:14px;}
		.msec-18 .cont .item .txt .stxt{font-size:18px;}
		.msec-18 .cont .item .txt .ctxt{font-size:12px;}
	}
	@media only screen and (max-width:1185px){

	}
	@media only screen and (max-width:999px){
		.msec-18 .cont .item .txt{padding:25px; min-height:150px;}
		.msec-18 .cont .item .txt .btxt{font-size:16px;}
		.msec-18 .cont .item .txt .stxt{font-size:15px;}
		.msec-18 .cont .item .txt .ctxt{font-size:14px;}

		.msec-18 .ctrl .prev{width:50px;height:50px;margin-top:-25px}
		.msec-18 .ctrl .next{width:50px;height:50px;margin-top:-25px}
	}
	@media only screen and (max-width:680px){
		.msec-18 .cont .ov{padding:10px 0px;}
		.msec-18 .cont .item .txt{padding:20px;min-height:80px;} 
		.msec-18 .cont .item .txt .stxt{}
		.msec-18 .cont .item .txt .ctxt{font-size:14px;}

		.msec-18 .ctrl .prev{width:40px;height:40px;margin-top:-20px}
		.msec-18 .ctrl .next{width:40px;height:40px;margin-top:-20px}
	}
	@media only screen and (max-width:480px){
		.msec-18 .cont .item .img img{height:auto;}
		.msec-18 .cont .item a{border-radius: 15px;}
	}	
	

/*=======================================================
  .msec-19
=========================================================*/
.msec-19{position:relative; padding:100px 0px 130px; }
.msec-19:after{background:#ecf2f9; border-bottom:1px solid #eee; border-top:1px solid #eee; box-sizing:Border-box; position:absolute; left:50%; width:20000px; top:0 ; height:100%; z-index:-1; display:block ;content:""; z-index:-1; margin-left:-10000px;}

.msec-19 .tits{text-align:center;}
.msec-19 .tits h3{font-size:48px; font-weight:700; color:#000; letter-spacing:-0.03em; line-height:1.2em;}
.msec-19 .tits h3 span{ color:#182899;}
.msec-19 .cont{margin-top:50px;}
.msec-19 .cont ul{margin:0 -10px}
.msec-19 .cont ul:after{display:block ;content:"";clear:both;}
.msec-19 .cont li{float:left;width:calc(25% - 20px);margin:0 10px;}
.msec-19 .cont li a{display:block;  background:#f6f7ff; border-radius:25px;}
.msec-19 .cont li .img{border-radius:25px 25px 0px 0px;  overflow:hidden;}
.msec-19 .cont li .img img{width:100%;object-fit:cover;object-fit:cover; transform:scale(1.0);  transition:transform 1s cubic-bezier(.33,.02,0,.93)}
.msec-19 .cont li .txt{padding-top:30px; box-sizing:border-box; min-height:170px; text-align:center; background:#182899; border-radius:0 0 25px 25px;}
.msec-19 .cont li .txt .btxt{font-size:36px; font-weight:700; color:#fff; letter-spacing:-0.03em; line-height:1.2em; position:relative; margin-top:20px;}
/*.msec-19 .cont li .txt .stxt{font-size:30px; font-weight:700; color:#a0cdff; letter-spacing:-0.04em; line-height:1.4em; overflow: hidden; text-overflow: ellipsis;  display: -webkit-box;   -webkit-line-clamp:2; -webkit-box-orient: vertical; }*/
.msec-19 .cont li .txt .stxt{display: inline-block; vertical-align: top; line-height: 46px; width: 120px; text-align: center;  background: #e0ebfd;  color:#182899;; font-size: 30px; font-weight: 700; letter-spacing: -0.03em; border-radius: 46px;}

.msec-19 .cont li a:hover .img img{transform:scale(1.1) translateY(-4%)}
	@media only screen and (max-width:1240px){
		.msec-19{padding:70px 0}
		.msec-19 .tits h3{font-size:32px;} 

		.msec-19 .cont{margin-top:40px;}
		.msec-19 .cont li .txt{padding-top:20px; min-height:150px}
		.msec-19 .cont li .txt .btxt{font-size:22px;}
		.msec-19 .cont li .txt .stxt{font-size:18px;} 
	}
	@media only screen and (max-width:1185px) {
		
	}
	@media only screen and (max-width:999px) {
		.msec-19{padding:50px 15px}
		.msec-19 .tits h3{font-size:28px;}
		.msec-19 .cont{margin-top:30px;}
		.msec-19 .cont ul{margin:0 -10px}
		.msec-19 .cont li{width:calc(50% - 20px); margin:0 10px;}
		.msec-19 .cont li:nth-child(n+3){margin-top:20px;}
		.msec-19 .cont li .txt{padding-top:20px; min-height:150px}
		.msec-19 .cont li .txt .btxt{font-size:24px;}
		.msec-19 .cont li .txt .stxt{line-height: 30px; width: 120px; font-size: 20px; border-radius: 30px;}
	}
	@media only screen and (max-width:680px) {
		.msec-19 .tits h3{font-size:24px;}
		.msec-19 .cont ul{margin:0 -5px}
		.msec-19 .cont li{width:calc(50% - 10px); margin:0 5px;}
		.msec-19 .cont li:nth-child(n+3){margin-top:10px;}
		.msec-19 .cont li .txt{min-height:120px}
		.msec-19 .cont li .txt .btxt{font-size:22px; margin-top:13px;} 
	}
	@media only screen and (max-width:480px) {
		.msec-19 .tits h3{font-size:25px;}
		.msec-19 .cont li .txt{min-height:110px; border-radius:0 0 15px 15px;}
		.msec-19 .cont li .txt .stxt{line-height: 30px; width: 100px; font-size: 20px; border-radius: 30px;}
		.msec-19 .cont li .img{border-radius:15px 15px 0px 0px;}
		.msec-19 .cont li a{ border-radius:15px;}
	}


/* ======================================================
   .msec-banner
=========================================================*/
.msec-banner{max-width:1460px; margin:0 auto; box-sizing:border-box ; padding:40px 180px 40px 20px; position:relative; z-index:100;}
.msec-banner:before{width:20000px; left:50%;margin-left:-10000px; top:0; display:block; content:""; background:#dddd; z-index:-1; position:absolute;}
.msec-banner .banner-slide{}
.msec-banner .banner-slide:after{display:block; content:"";clear:both;}
.msec-banner .banner-slide .item{}
.msec-banner .banner-slide .item a{display:block;text-align:center;}

.msec-banner .ctrl{position:absolute;width:180px; right:10px; top:50%; margin-top:-20px; text-align:center;font-size:0;}
.msec-banner .ctrl a{display:inline-block;vertical-align:top; width:39px;height:39px; margin:0 1px;}
.msec-banner .ctrl .prev{background:url(../img/main/fbanner-prev.jpg) no-repeat center center;}
.msec-banner .ctrl .next{background:url(../img/main/fbanner-next.jpg) no-repeat center center;}
.msec-banner .ctrl .stop{background:url(../img/main/fbanner-stop.jpg) no-repeat center center;}
.msec-banner .ctrl .play{background:url(../img/main/fbanner-play.jpg) no-repeat center center;display:none;}
	@media only screen and (max-width:1320px) {
		.msec-banner{padding:30px 150px 30px 20px;}
		.msec-banner .banner-slide .item img{height:48px;}
		.msec-banner .ctrl{width:130px; margin-top:-12px; }
		.msec-banner .ctrl a{width:18px;height:24px; background-size:15px auto !important;}
	} 
	@media only screen and (max-width:999px) {
		.msec-banner{padding:20px 110px 20px 20px;}
		.msec-banner .banner-slide .item img{height:44px;}

		.msec-banner .ctrl{width:90px; right:10px;  margin-top:-10px;}
		.msec-banner .ctrl a{width:15px;height:20px; background-size:11px auto !important; margin:0 5px;}
	} 
	@media only screen and (max-width:680px) {
		.msec-banner{padding:20px 90px 20px 10px;}
		.msec-banner .banner-slide .item img{height:40px;}
		.msec-banner .ctrl{right:0;}
	} 
	@media only screen and (max-width:480px) {
		.msec-banner .banner-slide .item img{height:35px;}
	} 











/* ======================================================
   .quick-wrap
=========================================================*/
.quick-wrap{position:fixed; z-index:9123; width:62px;right:-80px; margin-top:-30px; top:50%;-webkit-transform: translateY(-50%); -moz-transform: translateY(-50%);-ms-transform: translateY(-50%); -o-transform:  translateY(-50%);transform: translateY(-50%);-webkit-transition: right 0.3s ease-in-out;-moz-transition: right 0.3s ease-in-out;-o-transition: right 0.3s ease-in-out;transition: right 0.3s ease-in-out;}
.quick-wrap.over{right:20px; }
.quick-wrap ul{}
.quick-wrap li:nth-child(n+2){margin-top:15px}
.quick-wrap li a{display:block;width:62px;height:62px; background-size:100% auto !important ;border-radius:100% ;overflow:hidden}
.quick-wrap li:nth-child(1) a{background:url(../img/main/quick-ico01.jpg) no-repeat center  center; }
	@media only screen and (max-width:1240px){
		.quick-wrap{width:50px}
		.quick-wrap li a{width:50px;height:50px;}
	}
	@media only screen and (max-width:1185px) {
		.quick-wrap{display:none !important;}
	}
	@media only screen and (max-width:999px) {
		
	}
	@media only screen and (max-width:680px) {
		
	}
	@media only screen and (max-width:480px) {
		
	}



/* ======================================================
   .msec-quick
=========================================================*/
.msec-quick{position:fixed; z-index:9123; width:70px; right:20px; margin-top:-30px; top:50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%);-ms-transform: translateY(-50%); -o-transform:  translateY(-50%);transform: translateY(-50%);-webkit-transition: right 0.3s ease-in-out;-moz-transition: right 0.3s ease-in-out;-o-transition: right 0.3s ease-in-out;transition: right 0.3s ease-in-out;}
.msec-quick.over{right:10px; }
.msec-quick dl{/*background:#f8f8f8;*/ background-color: rgba(255, 255, 255, 0.25); backdrop-filter: blur(20px); text-align:center; box-shadow: 7px 5px 14px rgba(0, 0, 0, 0.1)  ; -webkit-box-shadow: 7px 5px 14px rgba(0, 0, 0, 0.1)  ; -moz-box-shadow: 7px 5px 14px rgba(0, 0, 0, 0.1)  ; border-radius:70px; overflow:hidden; }
.msec-quick dt{/*background:#f8f8f8;*/  padding:0px 0px 0px 0px; }
.msec-quick dt a{display:block;  font-size:13px; font-weight:600; color:#111; padding-top:20px; text-transform:uppercase;background:url(../img/main/quick-ico01.png) no-repeat center top;}
.msec-quick dd{padding:10px 5px 5px 5px;}
.msec-quick dd a{display:block;  font-size:13px;font-weight:400; color:#555; letter-spacing:-0.03em; padding-top:40px; text-transform:uppercase;position:Relative;}
.msec-quick dd a:hover{ color:#f36f21;}

.msec-quick dd a:before{position:Absolute ;left:50%; margin-left:-20px;; top:0; width:40px;height:40px; border-radius:40px; display:block; content:"";-webkit-transition: transform 0.3s ease-in-out;-moz-transition: transform 0.3s ease-in-out;-o-transition: transform 0.3s ease-in-out;transition: transform 0.3s ease-in-out;}
.msec-quick dd a:hover:before{-webkit-transform: translateY(-4px); -moz-transform: translateY(-4px);-ms-transform: translateY(-4px); -o-transform:  translateY(-4px);transform: translateY(-4px);}

.msec-quick dd:nth-child(2) a:before{background:url(../img/layout/f-sns01.jpg) no-repeat center  center; }
.msec-quick dd:nth-child(3) a:before{background:url(../img/layout/f-sns02.jpg) no-repeat center  center; }
.msec-quick dd:nth-child(4) a:before{background:url(../img/layout/f-sns03.jpg) no-repeat center  center; }
.msec-quick dd:nth-child(5) a:before{background:url(../img/layout/f-sns04.jpg) no-repeat center  center; }

.msec-quick dd:nth-child(2){padding-top:10px; }
.msec-quick dd:nth-child(5){padding-bottom:20px}
	@media only screen and (max-width:1580px){
		
	}
	@media only screen and (max-width:1440px) {
		.msec-quick{right:-150px !important}
	}
	@media only screen and (max-width:1185px) {
		
	}
	@media only screen and (max-width:999px) {
		
	}
	@media only screen and (max-width:680px) {
		
	}
	@media only screen and (max-width:480px) {
		
	}