@charset "utf-8";
	
/* ======================================================
   .msec-visual
=========================================================*/
.msec-visual{position:relative;}
.msec-visual .item{position:relative; }
.msec-visual .item .video{height:978px;position:Relative;}
.msec-visual .item .video:after{position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.2);display:block; content:""}
.msec-visual .item .video video,
.msec-visual .item .video embed, 
.msec-visual .item .video object{position:absolute;top:0; left:0; width:100% !important; height:100% !important;object-fit:cover; }

.msec-visual .item .img{height:978px;transform:scale(1.35, 1.35); -webkit-transform:scale(1.3, 1.3); -moz-transform:scale(1.3, 1.3); -ms-transform:scale(1.3, 1.3);-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{visibility:hidden; width:100%;}
.msec-visual .item .txt{position:absolute;max-width:1560px; padding:0 20px; box-sizing:border-box; margin-top:-50px;width:100%;left:50%; top:50%;-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-family:"Play";*/ font-size:60px; line-height:1.1em; color:#fff; font-weight:700}
.msec-visual .item .txt .btxt p:nth-child(1){letter-spacing:-0.02em;}
.msec-visual .item .txt .btxt p:nth-child(2){letter-spacing:0.01em;}
.msec-visual .item .txt .stxt{margin-top:50px;font-family:"Roboto", 'Spoqa Han Sans'; font-size:24px; font-weight:300; color:#fff; letter-spacing:-0.02em; line-height:1.4em;text-transform:uppercase;}

.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(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.c01 .img{background:url(../img/main/visual-img01.jpg) no-repeat center center; background-size:cover;}
.msec-visual .item.c02 .img{background:url(../img/main/visual-img02.jpg) no-repeat center center; background-size:cover;}
.msec-visual .item.c03 .img{background:url(../img/main/visual-img03.jpg) no-repeat center center; background-size:cover;}
.msec-visual .item.c04 .img{background:url(../img/main/visual-img04.jpg) no-repeat center center; background-size:cover;}


.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 .btxt p:nth-child(1) span{transition-delay:0.4s;}
.msec-visual.ani .slick-active.item .txt .btxt p:nth-child(2) span{transition-delay:0.7s;}
.msec-visual.ani .slick-active.item .txt .stxt p:nth-child(1) span{transition-delay:1.0s;}
.msec-visual.ani .slick-active.item .txt .stxt p:nth-child(2) span{transition-delay:1.3s;}

.msec-visual.ani .slick-active.item .img{transform:scale(1,1); -webkit-transform:scale(1,1); -moz-transform:scale(1,1); -ms-transform:scale(1,1);}

.msec-visual.ani .visual-ctrl{transition-delay:1.6s; opacity:1;-webkit-transform:translate(-50%, 0);-moz-transform:translate(-50%, 0); -ms-transform:translate(-50%, 0);-o-transform:translate(-50%, 0);}
.msec-visual .visual-ctrl{position:absolute;z-index:912;opacity:0; max-width:1560px; padding:0 20px; box-sizing:border-box; font-size:0; width:100%;left:50%; bottom:200px;-webkit-transform: translate(-50%, 10%); -moz-transform: translate(-50%, 10%);  -ms-transform: translate(-50%, 10%);  -o-transform: translate(-50%, 10%);  transform: translate(-50%, 10%);-webkit-transition: opacity 0.4s ease-out, transform 0.4s ease-out;-moz-transition:opacity 0.4s ease-out, transform 0.4s ease-out;-o-transition: opacity 0.4s ease-out, transform 0.4s ease-out;transition: opacity 0.4s ease-out, transform 0.4s ease-out;}
.msec-visual .visual-ctrl .num{font-size:16px; line-height:26px; display:inline-block;vertical-align:top; font-weight:700; font-family:"Roboto"; color:#fff;}
.msec-visual .visual-ctrl .total{font-size:16px; line-height:26px; display:inline-block;vertical-align:top;font-weight:700; font-family:"Roboto"; color:#fff;}
.msec-visual .visual-ctrl .prev{margin-left:15px;width:20px;height:26px;display:inline-block;vertical-align:top;background:url(../img/main/visual-prev.png) no-repeat center center;}
.msec-visual .visual-ctrl .next{margin-left:10px;width:20px;height:26px;display:inline-block;vertical-align:top;background:url(../img/main/visual-next.png) no-repeat center center;}
.msec-visual .visual-ctrl .play{margin-left:10px;width:20px;height:26px;display:none;vertical-align:top;background:url(../img/main/visual-play.png) no-repeat center center;}
.msec-visual .visual-ctrl .stop{margin-left:10px;width:20px;height:26px;display:inline-block;vertical-align:top;background:url(../img/main/visual-stop.png) no-repeat center center;}
.msec-visual .visual-ctrl .scrollbar{display:inline-block;vertical-align:top; height:26px; width:200px; position:relative; z-index:932;overflow:hidden; margin:0 15px; }
.msec-visual .visual-ctrl .scrollbar:before{width:100%;height: 2px; top:50%;margin-top:-1px;background:rgba(255,255,255,0.3);cursor: pointer; left:0; display:block;content:"";z-index:1; position:Absolute;}
.msec-visual .visual-ctrl .scrollbar .handle {width:0;height: 2px; top:50%;margin-top:-1px;background:#fff;cursor: pointer; left:0; position:Absolute; z-index:2;}
	@media only screen and (max-width:1560px) {	
		.msec-visual .item .video{height:900px;}
		.msec-visual .item .img{height:900px;}
		.msec-visual .item .txt .btxt{font-size:65px;}
		.msec-visual .item .txt .stxt{margin-top:40px; font-size:21px;}

		.msec-visual .visual-ctrl{bottom:160px;}
		.msec-visual .visual-ctrl .scrollbar{width:170px;}
	}
	@media only screen and (max-width:1300px) {
		.msec-visual .item .video{height:800px;}
		.msec-visual .item .img{height:800px;}
	}
	@media only screen and (max-width:999px) {
		.msec-visual .item .video{height:700px;}
		.msec-visual .item .img{height:700px;}
		.msec-visual .item .txt .btxt{font-size:57px;}
		.msec-visual .item .txt .stxt{margin-top:30px; font-size:19px;}

		.msec-visual .visual-ctrl{bottom:120px;}
		.msec-visual .visual-ctrl .scrollbar{width:140px;}
	}
	@media only screen and (max-width:680px) {
		.msec-visual .item .video{height:600px;}
		.msec-visual .item .img{height:600px;}
		.msec-visual .item .txt .btxt{font-size:33px;}
		.msec-visual .item .txt .stxt{margin-top:20px; font-size:17px;}

		.msec-visual .visual-ctrl{bottom:100px;}
		.msec-visual .visual-ctrl .num{font-size:14px; line-height:20px;}
		.msec-visual .visual-ctrl .total{font-size:14px; line-height:20px;}
		.msec-visual .visual-ctrl .prev{width:16px;height:20px; background-size:100% auto;}
		.msec-visual .visual-ctrl .next{width:16px;height:20px; background-size:100% auto;}
		.msec-visual .visual-ctrl .next{width:16px;height:20px; background-size:100% auto;}
		.msec-visual .visual-ctrl .stop{width:16px;height:20px; background-size:100% auto;}
		.msec-visual .visual-ctrl .scrollbar{width:110px; height:20px;}
	}
	@media only screen and (max-width:600px) {
		.msec-visual .item .txt .btxt{font-size:30px;}
		.msec-visual .item .txt .stxt{font-size:16px;}

		.msec-visual .visual-ctrl .scrollbar{width:70px;}
	}
	@media only screen and (max-width:480px) {
		.msec-visual .item .video{height:500px;}
		.msec-visual .item .img{height:500px;}

		.msec-visual .item .txt .btxt{font-size:25px;}
		.msec-visual .item .txt .stxt{font-size:14px;}
	}


.msec-visual .icon-down{opacity:0;visibility:hidden;position:absolute;right:70px;bottom:70px;display:block;padding-left:10px;transition:opacity .3s; z-index:932;}
.msec-visual .icon-down.on{opacity:1;visibility:visible;transition-delay:1.5s}
.msec-visual .icon-down i{position:relative;display:block;font-size:0;line-height:0;text-indent:-999em;}
.msec-visual .icon-down i:before{content:"";display:block;width:5px;height:57px;background:#fff;animation:elasticus 1.5s cubic-bezier(0.8, 0.2, 0.2, 0.8) infinite;margin:0 auto;}
.msec-visual .icon-down i:after{content:"";display:block;width:21px;height:21px;border-top:5px solid #fff;border-right:5px solid #fff;transform:rotate(135deg);padding:0;margin:-24px auto 0}
	
	@media only screen and (max-width:1560px) {	
		.msec-visual .icon-down{right:60px; bottom:60px;}
		.msec-visual .icon-down i{}
		.msec-visual .icon-down i:before{width:3px;height:45px}
		.msec-visual .icon-down i:after{width:17px; height:17px; border-top-width:3px; border-right-width:3px; margin-left:-1px;}
	}
	@media only screen and (max-width:1300px) {
		
	}
	@media only screen and (max-width:999px) {
		.msec-visual .icon-down{right:50px; bottom:50px;}
		
	}
	@media only screen and (max-width:680px) {
		.msec-visual .icon-down{right:35px; bottom:35px;transform:scale(0.8, 0.8); -webkit-transform:scale(0.8, 0.8); -moz-transform:scale(0.8, 0.8); -ms-transform:scale(0.8, 0.8);}
	}
	@media only screen and (max-width:480px) {
		.msec-visual .icon-down{right:20px; bottom:20px;}
	}	

	@keyframes elasticus {
		0% {
			transform-origin:0% 0%;
			transform:scale(1, 0);
		}
		50% {
			transform-origin:0% 0%;
			transform:scale(1, 1);
		}
		50.1% {
			transform-origin:0% 100%;
			transform:scale(1, 1);
		}
		100% {
			transform-origin:0% 100%;
			transform:scale(1, 0);
		}
	}



/* ======================================================
   .msec-01
=========================================================*/
.msec-01{padding-top:145px ; padding-bottom:100px; position:relative; }
.msec-01 .tits{position:Absolute; left:20px; top:0; z-index:3;}
.msec-01 .tits h3{font-family: 'Montserrat'; font-size:80px; font-weight:700;color:#111; line-height:1em; letter-spacing:-0.03em; }
.msec-01 .tits p{font-size:24px; color:#111; line-height:1.3em; font-weight:400;letter-spacing:-0.02em; margin-top:40px; }
.msec-01 .tits .more{font-size:16px;font-family: 'Montserrat';color:#ac0d29; line-height:24px; display:inline-block;vertical-align:top; padding-right:50px; margin-top:80px; position:relative;}
.msec-01 .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;-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-01 .tits .more:hover:after{right:-10px;}

.msec-01 .cont{min-height:750px;}

.msec-01 .cont .live{position:Absolute;right:105px; top:50px; width:500px;}
.msec-01 .cont .live:after{width:500px; opacity:0;display:block; margin-top:-55px; padding-left:100px; font-size:380px;  line-height:1em;font-family: 'Montserrat'; z-index:2; letter-spacing:-0.04em;font-weight:700;content:"DST"; color:rgba(1,1,1,0.05);  position:absolute; left:0; top:50%; line-height:1em;-webkit-transform: translateY(-50%); -moz-transform: translateY(-50%);-ms-transform: translateY(-50%); -o-transform:  translateY(-50%);transform: translateY(-50%);}
.msec-01 .cont .live .item{position:Relative;}
.msec-01 .cont .live .item a{display:block;min-height:865px;}
.msec-01 .cont .live .item .img{overflow:hidden}
.msec-01 .cont .live .item .img img{width:100%;-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-01 .cont .live .item .btxt{font-size:28px; font-weight:500; position:absolute ;left:0; top:0; width:100%; padding:70px 50px; box-sizing:border-box; color:#fff; line-height:1.4em; letter-spacing:-0.03em;}
.msec-01 .cont .live .item .stxt{font-size:20px; font-weight:400; position:absolute ;left:0; bottom:100px; width:100%; padding:0 5px; box-sizing:border-box; color:#000; line-height:1.4em; letter-spacing:-0.03em;white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.msec-01 .cont .live:hover .item a .img img{-webkit-transform:scale(1.2); -moz-transform:scale(1.2);  -o-transform:scale(1.2);  transform:scale(1.2);}

.msec-01 .live-slide .owl-dots{opacity:0;left:-9999em; top:-9999em; position:absolute;}
.msec-01 .ctrl{width:340px; position:Absolute ;right:0; bottom:150px;padding-top:30px; z-index:55;background:#fff; padding:50px; box-sizing:border-box;}
.msec-01 .ctrl:before{width:1px;height:12px; border-left:1px solid #dedede; left:50%;margin-left:-1px; top:38px; display:block; content:""; position:absolute;}

.msec-01 .ctrl .prev{width:14px;height:10px; position:Absolute ;left:50px; top:40px;background:url(../img/main/alum-prev.jpg) no-repeat left center;}
.msec-01 .ctrl .next{width:14px;height:10px; position:Absolute ;right:50px; top:40px;background:url(../img/main/alum-next.jpg) no-repeat right center;}

.msec-01 .scrollbar{position:absolute !important; left:50px; width:calc(100% - 100px); height:2px; bottom:25px ; z-index:932;background:#e3e3e3;overflow:hidden; }
.msec-01 .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-01{padding-top:130px ; padding-bottom:130px;}
		.msec-01 .tits h3{font-size:50px;}
		.msec-01 .tits p{font-size:22px; margin-top:30px; }
		.msec-01 .tits .more{margin-top:60px; padding-right:40px;line-height:20px; font-size:15px;}
		.msec-01 .tits .more:after{width:24px;height:20px; }
		
		.msec-01 .cont{min-height:820px;}
		.msec-01 .cont .live{width:520px; right:80px;top:40px;}
		.msec-01 .cont .live:after{font-size:250px;}
		.msec-01 .cont .live .item{}
		.msec-01 .cont .live .item a{min-height:772px}
		.msec-01 .cont .live .item .btxt{font-size:24px; padding:50px 40px;}
		.msec-01 .cont .live .item .stxt{font-size:18px;}
	}
	@media only screen and (max-width:1300px) {
		.msec-01 .tits h3{font-size:44px;}
		.msec-01 .tits p{font-size:20px; max-width:500px;}
		.msec-01 .tits .more{margin-top:40px; padding-right:35px;line-height:20px; font-size:14px;}
		.msec-01 .tits .more:after{width:20px;height:20px; }
		
		.msec-01 .cont{min-height:740px;}
		.msec-01 .cont .live{width:460px; right:40px;top:30px;}
		.msec-01 .cont .live:after{font-size:220px; margin-top:-30px; }
		.msec-01 .cont .live .item{}
		.msec-01 .cont .live .item a{min-height:689px}
		.msec-01 .cont .live .item .btxt{font-size:20px; padding:30px;}
		.msec-01 .cont .live .item .stxt{font-size:16px;}

		.msec-01 .ctrl{width:300px; padding:40px;}
		.msec-01 .ctrl:before{top:28px;}
		.msec-01 .ctrl .prev{top:30px; left:40px;}
		.msec-01 .ctrl .next{top:30px; right:40px;}
		.msec-01 .scrollbar{bottom:20px;width:calc(100% - 80px); left:40px;}
	}
	@media only screen and (max-width:999px) {
		.msec-01{padding-top:100px ; padding-bottom:100px;}
		.msec-01 .tits{position:absolute; left:20px; top:0; width:48%;}
		.msec-01 .tits h3{font-size:37px;}
		.msec-01 .tits p{font-size:18px;}
		.msec-01 .tits .more{margin-top:30px; padding-right:30px;line-height:16px; font-size:13px;}
		.msec-01 .tits .more:after{width:16px;height:16px; }
		
		.msec-01 .cont{min-height:auto;}
		.msec-01 .cont:after{display:block;content:"";clear:both;}
		.msec-01 .cont .live{position:relative;width:48%; right:auto;top:auto; float:right}
		.msec-01 .cont .live:after{font-size:190px;}
		.msec-01 .cont .live .item{}
		.msec-01 .cont .live .item a{min-height:auto; padding-bottom:55px;}
	}
	@media only screen and (max-width:880px) {
		.msec-01 .tits{position:relative; left:auto; top:auto; width:auto;}
		
		.msec-01 .cont{margin-top:30px;}
		.msec-01 .cont .live{position:relative;width:auto; right:auto;top:auto; float:none}
		.msec-01 .cont .live:after{font-size:150px;}
		.msec-01 .cont .live .item a{padding-bottom:45px;}
		.msec-01 .cont .live .item .img img{width:100%;height:500px;object-fit:cover;}
		.msec-01 .cont .live .item .btxt{font-size:18px;}
		.msec-01 .cont .live .item .stxt{font-size:14px;}

		.msec-01 .ctrl{width:260px; padding:30px;bottom:45px;}
		.msec-01 .ctrl:before{top:18px;}
		.msec-01 .ctrl .prev{top:20px; left:30px;}
		.msec-01 .ctrl .next{top:20px; right:30px;}
		.msec-01 .scrollbar{bottom:15px;width:calc(100% - 60px); left:30px;}

	}
	@media only screen and (max-width:680px) {
		.msec-01{padding-top:70px; padding-bottom:70px;}
		.msec-01 .tits h3{font-size:35px;}
		.msec-01 .tits p{font-size:16px; margin-top:20px}

		.msec-01 .cont .live:after{font-size:120px;}
		.msec-01 .cont .live .item .btxt{font-size:16px; padding:20px;}
		.msec-01 .cont .live .item .img img{height:400px}

		.msec-01 .ctrl{width:220px;}
	}
	@media only screen and (max-width:480px) {
		.msec-01{padding-top:50px; padding-bottom:50px;}
		.msec-01 .tits h3{font-size:30px;}
		.msec-01 .tits p{font-size:14px;}

		.msec-01 .cont .live .item .img img{height:300px}

		.msec-01 .ctrl{width:180px;}
	}





/* ======================================================
   .msec-02
=========================================================*
.msec-02{box-sizing:border-box; overflow:hidden; position:relative;margin-top:200px;}
.msec-02 .ov{overflow:hidden; margin:0 auto;}
.msec-02 .div-cont{height:975px;padding-top:140px; z-index:3}
.msec-02 .tits{position:relative ;z-index:112;}
.msec-02 .tits h3{font-size:24px; font-weight:700; line-height:1.2em; color:#fff;letter-spacing:-0.02em; font-family: 'Montserrat';}
.msec-02 .tits p{margin-top:40px;font-size:30px; font-weight:700; line-height:1.3em; color:#fff;font-family:'GothamPro'; letter-spacing:-0.06em;}
.msec-02 .cont{margin-top:80px; }
.msec-02 .prd-slide{overflow:visible !Important;}
.msec-02 .prd-slide li.active{opacity:1}
.msec-02 .prd-slide li{float:left;cursor:pointer; margin-left:170px; opacity:0.2;-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-02 .prd-slide li:nth-child(1){ width:580px;margin-left:0}
.msec-02 .prd-slide li:nth-child(2){ width:620px;}
.msec-02 .prd-slide li:nth-child(3){ width:860px;}
.msec-02 .prd-slide li:nth-child(4){ width:620px;}
.msec-02 .prd-slide li:nth-child(5){ width:420px;}

.msec-02 .prd-slide li .txt{}
.msec-02 .prd-slide li .txt .btxt{font-size:90px; font-weight:800; color:#fff; line-height:1.1em;letter-spacing:-0.03em;font-family: 'Montserrat';}
.msec-02 .prd-slide li .txt .stxt{font-size:18px;font-weight:400 ;color:#fff; line-height:1.6em; letter-spacing:-0.03em; margin-top:140px;}
.msec-02 .prd-slide li .more{font-size:16px;font-family: 'Montserrat';color:#fff; line-height:24px; display:inline-block;vertical-align:top; padding-right:50px; margin-top:120px; position:relative;}
.msec-02 .prd-slide li .more:after{width:28px;height:24px; position:absolute;right:0; top:0; display:block;content:"";background:url(../img/main/prd-more.png) 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-02 .prd-slide li:hover .more:after{right:-10px;}

.msec-02 .scrollbar {position:absolute; left:0; top:580px; height:1px; background:rgba(255,255,255,0.3); width:100%;z-index:2; overflow:hidden;}
.msec-02 .scrollbar .handle {width: 100px;height:1px;background:#fff;cursor: pointer; }
.msec-02 .scrollbar .handle .mousearea:after{width:2000px; right:0; top:0;height:1px;background:#fff;display:block; content:"";position:absolute;}

.msec-02 .prd-thum{position:absolute; left:0; top:0; width:100%;height:100%; box-sizing:border-box;z-index:1;}
.msec-02 .prd-thum .slick-list{height:100%;}
.msec-02 .prd-thum .slick-track{height:100%;}
.msec-02 .prd-thum .item {position:absolute; left:0; top:0 ;width:100%;height:100%;overflow:hidden;text-align:center; }
.msec-02 .prd-thum .item .img{position:relative; display:inline-block;vertical-align:top; width:80%;height:100%; max-width:100%;background-size:cover !important;-webkit-transform:scale(1.1); -moz-transform:scale(1.1);  -o-transform:scale(1.1);  transform:scale(1.1);-webkit-transition: transform 5s ease-out;-moz-transition: transform 5s ease-out;-o-transition: transform 5s ease;transition: transform 5s ease-out;}
.msec-02 .prd-thum .item .img:after{position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.2);display:block; content:""}

.msec-02 .prd-thum .item .img img{visibility:hidden}
.msec-02 .prd-thum .item.c01 .img{background:url(../img/main/prd-bg01.jpg) no-repeat center; }
.msec-02 .prd-thum .item.c02 .img{background:url(../img/main/prd-bg02.jpg) no-repeat center; }
.msec-02 .prd-thum .item.c03 .img{background:url(../img/main/prd-bg03.jpg) no-repeat center; }
.msec-02 .prd-thum .item.c04 .img{background:url(../img/main/prd-bg04.jpg) no-repeat center; }
.msec-02 .prd-thum .item.c05 .img{background:url(../img/main/prd-bg05.jpg) no-repeat center; }
	@media only screen and (max-width:1560px) {	
		.msec-02 .div-cont{height:auto;padding-top:130px;padding-bottom:130px;}
		.msec-02 .tits h3{font-size:22px;}
		.msec-02 .tits p{margin-top:30px;font-size:28px;} 

		.msec-02 .cont{margin-top:60px; }
		.msec-02 .scrollbar {top:420px;}
		
		.msec-02 .prd-slide li{margin-left:150px;}
		.msec-02 .prd-slide li:nth-child(1){ width:540px;}
		.msec-02 .prd-slide li:nth-child(2){ width:580px;}
		.msec-02 .prd-slide li:nth-child(3){ width:820px;}
		.msec-02 .prd-slide li:nth-child(4){ width:580px;}
		.msec-02 .prd-slide li:nth-child(5){ width:380px;}


		.msec-02 .prd-slide li .txt .btxt{font-size:80px;}
		.msec-02 .prd-slide li .txt .stxt{font-size:17px; margin-top:120px;}

		.msec-02 .prd-slide li .more{margin-top:60px; padding-right:40px;line-height:20px; font-size:15px;}
		.msec-02 .prd-slide li .more:after{width:24px;height:20px; }
	}
	@media only screen and (max-width:1300px) {
		.msec-02 .div-cont{height:auto;padding-top:100px;padding-bottom:100px;}
		.msec-02 .tits h3{font-size:20px;}
		.msec-02 .tits p{margin-top:15px;font-size:26px;}

		.msec-02 .scrollbar {top:360px;}

		.msec-02 .prd-slide li{margin-left:120px;}
		.msec-02 .prd-slide li:nth-child(1){ width:480px;}
		.msec-02 .prd-slide li:nth-child(2){ width:520px;}
		.msec-02 .prd-slide li:nth-child(3){ width:720px;}
		.msec-02 .prd-slide li:nth-child(4){ width:520px;}
		.msec-02 .prd-slide li:nth-child(5){ width:320px;}
		
		.msec-02 .prd-slide li .txt .btxt{font-size:70px;}
		.msec-02 .prd-slide li .txt .stxt{font-size:16px; margin-top:100px;}
		.msec-02 .prd-slide li .more{margin-top:40px; padding-right:35px;line-height:20px; font-size:14px;}
		.msec-02 .prd-slide li .more:after{width:20px;height:20px; }
	}
	@media only screen and (max-width:999px) {
		.msec-02 .div-cont{height:auto;padding-top:100px; padding-bottom:100px;}
		.msec-02 .tits h3{font-size:20px;}
		.msec-02 .tits h3{font-size:18px;}
		.msec-02 .tits p{font-size:24px;}

		.msec-02 .cont{margin-top:40px; }

		.msec-02 .scrollbar {top:310px;}
		
		.msec-02 .prd-slide li{margin-left:90px;}
		.msec-02 .prd-slide li:nth-child(1){ width:400px;}
		.msec-02 .prd-slide li:nth-child(2){ width:420px;}
		.msec-02 .prd-slide li:nth-child(3){ width:620px;}
		.msec-02 .prd-slide li:nth-child(4){ width:420px;}
		.msec-02 .prd-slide li:nth-child(5){ width:260px;}
		
		.msec-02 .prd-slide li .txt .btxt{font-size:60px;}
		.msec-02 .prd-slide li .txt .stxt{font-size:15px;margin-top:80px;}
		.msec-02 .prd-slide li .more{margin-top:30px; padding-right:30px;line-height:16px; font-size:13px;}
		.msec-02 .prd-slide li .more:after{width:16px;height:16px; }
	}
	@media only screen and (max-width:680px) {
		.msec-02 .div-cont{padding-top:70px; padding-bottom:70px;}
		.msec-02 .tits h3{font-size:16px;}
		.msec-02 .tits p{font-size:22px;}
		
		.msec-02 .scrollbar {top:256px;}

		.msec-02 .prd-slide li{margin-left:60px;}
		.msec-02 .prd-slide li:nth-child(1){ width:340px;}
		.msec-02 .prd-slide li:nth-child(2){ width:360px;}
		.msec-02 .prd-slide li:nth-child(3){ width:320px;}
		.msec-02 .prd-slide li:nth-child(4){ width:360px;}
		.msec-02 .prd-slide li:nth-child(5){ width:240px;}

		.msec-02 .prd-slide li .txt .btxt{font-size:50px; line-height:55px;}
		.msec-02 .prd-slide li .txt .stxt{font-size:14px;margin-top:60px;}

		.msec-02 .prd-slide li:nth-child(3) .btxt{height:55px; line-height:1em; font-size:32px;}
	}
	@media only screen and (max-width:480px) {

		.msec-02 .scrollbar {top:280px;}

		.msec-02 .prd-slide li{margin-left:30px;}
		.msec-02 .prd-slide li:nth-child(1){ width:280px;}
		.msec-02 .prd-slide li:nth-child(2){ width:280px;}
		.msec-02 .prd-slide li:nth-child(3){ width:280px;}
		.msec-02 .prd-slide li:nth-child(4){ width:280px;}
		.msec-02 .prd-slide li:nth-child(5){ width:280px;}

		.msec-02 .prd-slide li .txt .btxt{font-size:32px; line-height:1em; }

		.msec-02 .prd-slide li:nth-child(3) .btxt{height:55px; line-height:1em; font-size:32px;}
		
	}

		
/* ======================================================
   .msec-02
=========================================================*/
.msec-02{/* position:relative;height:975px; */ position:relative; padding: 130px 0px;}
.msec-02:after{width:20000px; left:50%; top:0;margin-left:-10000px;height:100%; display:block; content:""; background:#313444; z-index:-1; position:absolute;}
.msec-02 .tits{text-align:center;}
.msec-02 .tits h3{font-size:80px; font-weight:700;color:#fff; letter-spacing:-0.03em; line-height:1.2em; font-family: 'Montserrat';}
.msec-02 .tits p{font-size:18px; font-weight:400; color:#fff; line-height:1.3em; letter-spacing:-0.045em; margin-top:25px}
.msec-02 .cont{margin-top:70px; position:relative;z-index:2;} 
.msec-02 .cont ul{margin:0 -1%}
.msec-02 .cont ul:after{display:block; content:"";clear:both;}
.msec-02 .cont li{float:left; width:23%; margin:0 1%;}
.msec-02 .cont li a{position:relative; display:block;height:500px;overflow:hidden}
.msec-02 .cont li .img{position:absolute ;left:0; top:0; z-index:5; height:100%; width:100%; overflow:hidden; -webkit-transition: top 0.5s ease-out, height 0.5s ease-out;-moz-transition: top 0.5s ease-out, height 0.5s ease-out;;-o-transition: top 0.5s ease-out, height 0.5s ease-out;;transition: top 0.5s ease-out, height 0.5s ease-out;}
.msec-02 .cont li .img img{width:100%;object-fit:cover; position:Absolute; left:0; top:0; width:100%;-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;/*-webkit-transform: translateY(-50%); -moz-transform: translateY(-50%);-ms-transform: translateY(-50%); -o-transform:  translateY(-50%);transform: translateY(-50%);*/}

.msec-02 .cont li a:hover{box-shadow: 20px 30px 30px rgba(0,0,0,0.4);}

.msec-02 .cont li .btxt{font-size:42px; font-weight:700;line-height:1.1em; letter-spacing:-0.03em; font-family:'Roboto'}
.msec-02 .cont li .stxt{font-size:16px; font-weight:400; line-height:1.5em; letter-spacing:-0.03em;margin-top:12px;}

.msec-02 .cont li .txt{position:absolute; left:0; top:-50px; width:100%; z-index:3;padding:25px 0;opacity:0;}
.msec-02 .cont li .txt .btxt{ color:#000; }
.msec-02 .cont li .txt .stxt{ color:#555; }
.msec-02 .cont li .more{position:absolute; left:0; top:415px;width:54px;height:12px;display:inline-block;vertical-align:top;z-index:1;}
.msec-02 .cont li .more:after{position:absolute; left:0; top:0; width:100%;height:100%;background:url(../img/Main/biz-more.png) no-repeat center center; display:block; content:""}

.msec-02 .cont li .over{position:absolute;z-index:7; left:0; bottom:0; opacity:1; box-sizing:border-box; padding:35px;}
.msec-02 .cont li .over .btxt{ color:#fff; }
.msec-02 .cont li .over .stxt{ color:#fff; opacity:0.76; font-size:14px;}

.msec-02 .cont li a:hover .txt{top:0; opacity:1;}
.msec-02 .cont li a:hover .img{transition-delay: 0.2s;top:0px; height:505px;}
.msec-02 .cont li a:hover .over {transition-delay: 0.4s; bottom:0px; opacity:1;}
.msec-02 .cont li a:hover .img img{-webkit-transform:scale(1.2); -moz-transform:scale(1.2);  -o-transform:scale(1.2);  transform:scale(1.2); /*transition-delay: 0.3s; 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:1440px){
		.msec-02 .tits h3{font-size:49px;}
		.msec-02 .tits p{font-size:17px; margin-top:15px;}
		
		.msec-02 .cont li a{height:460px;}
		.msec-02 .cont li .btxt{font-size:26px;}
		.msec-02 .cont li .stxt{font-size:15px;}
		.msec-02 .cont li .stxt br{display:none }
		.msec-02 .cont li .more{top:390px;}
		.msec-02 .cont li .more:after{background-size:45px auto;}

		.msec-02 .cont li .img{top:0;}
		.msec-02 .cont li a:hover .img{top:155px}

		.msec-02 .cont li .over{padding:27px}
	}
	@media only screen and (max-width:1200px){
		.msec-02 {position:relative;padding:100px 0; height:auto !important}
		.msec-02 .tits h3{font-size:41px;}
		.msec-02 .tits p{font-size:16px;}
		.msec-02 .cont{margin-top:50px;}

		.msec-02 .cont li{width:48%;}
		.msec-02 .cont li:nth-child(n+3){margin-top:8px;}

		.msec-02 .cont li a:hover .img{top:140px}
	}
	@media only screen and (max-width:999px){
		.msec-02{padding:70px 0}
		.msec-02 .tits h3{font-size:35px;}
		.msec-02 .tits p{font-size:15px;}
		.msec-02 .cont{margin-top:30px; }
		
		.msec-02 .cont li a{height:360px;}
		.msec-02 .cont li .txt{display:none;}
		.msec-02 .cont li .img{height:100%; top:0;}
		.msec-02 .cont li .img img{width:100%; height:100%; position:relative; left:auto; top:auto; -webkit-transform: translateY(0); -moz-transform: translateY(0);-ms-transform: translateY(0); -o-transform:  translateY(0);transform: translateY(0);}
		.msec-02 .cont li .over{ opacity:1; bottom:0; padding:22px}
		
		.msec-02 .cont li .btxt{font-size:23px;}
		.msec-02 .cont li .stxt{font-size:14px; margin-top:7px;}

		.msec-02 .cont li a:hover .img{top:0; height:100%;}
		.msec-02 .cont li a:hover .over {bottom:0; opacity:1;}
	}
	@media only screen and (max-width:680px){
		.msec-02{padding:50px 0}
		.msec-02 .tits h3{font-size:27px;}
		.msec-02 .cont{padding:0;}
	
		.msec-02 .cont li a{height:300px;}	
		
		.msec-02 .cont li .over{ padding:17px;}
		.msec-02 .cont li .btxt{font-size:18px;}
		.msec-02 .cont li .stxt{font-size:13px;}
		.msec-02 .cont li .over .stxt{font-size:13px;}
	}
	@media only screen and (max-width:480px){
		.msec-02 .cont li a{height:240px;}	
	}	
	


/* ======================================================
   .msec-03
=========================================================*/
.msec-03{padding-top:145px ; padding-bottom:145px; position:relative; }
.msec-03 .tits{position:Absolute; left:20px; top:145px; z-index:3;}
.msec-03 .tits h3{/*font-family: 'Montserrat';*/ font-size:60px; font-weight:700;color:#111; line-height:1.1em; letter-spacing:-0.03em; }
.msec-03 .tits p{font-size:24px; color:#555; line-height:1.3em; font-weight:400;letter-spacing:-0.02em; margin-top:40px; }
.msec-03 .tits .more{font-size:16px;font-family: 'Montserrat';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:45%; top:0;height:100%; background:#fff; position:absolute; top:0; display:block; content:"";z-index:2;}

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

.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;}
.msec-03 .alum-slide .item .img img{width:100%;-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:35px; padding:0 5px;}
.msec-03 .alum-slide .item .txt .btxt{font-size:30px; color:#000; line-height:1.2em; font-weight:700; letter-spacing:-0.03em;}
.msec-03 .alum-slide .item .txt .stxt{margin-top:20px;font-size:16px; font-weight:300; color:#444; line-height:1.6em; 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:110px;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:50px;}
		.msec-03 .tits p{font-size:22px; 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:27px;}
		.msec-03 .alum-slide .item .txt .stxt{margin-top:15px;font-size:15px;}

		.msec-03 .ctrl{bottom:100px;}
	}
	@media only screen and (max-width:1300px) {
		.msec-03 .tits h3{font-size:44px;}
		.msec-03 .tits p{font-size:20px;}
		.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:90px;}
	}
	@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:37px;}
		.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:23px;}
		.msec-03 .alum-slide .item .txt .stxt{margin-top:10px;font-size:14px;}
		.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:35px;}
		.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:20px;}
		.msec-03 .alum-slide .item .txt .stxt{font-size:13px;}

		.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:30px;}
		.msec-03 .tits p{font-size:14px;}
		
		.msec-03 .alum-slide{width:280px;}
		.msec-03 .alum-slide .item .txt{margin-top:15px;}
		.msec-03 .alum-slide .item .txt .btxt{font-size:17px;}

		.msec-03 .ctrl{width:160px;}
	}



/* ======================================================
   .msec-04
=========================================================*/
.msec-04{ background:#555; box-sizing:border-box; overflow:hidden; position:relative;}
.msec-04 .div-cont{height:975px;padding-top:110px; padding-bottom:160px;z-index:2;}
.msec-04 .tits{padding:0 40px;position:relative ;z-index:112;}
.msec-04 .tits h3{font-size:24px; font-weight:700; line-height:1.2em; color:#fff;letter-spacing:-0.02em; font-family: 'Montserrat';}
.msec-04 .tits p{margin-top:60px;font-size:48px; font-weight:700; line-height:1.3em; color:#fff;font-family:'GothamPro'; letter-spacing:-0.06em;}

.msec-04 .cont{margin-top:130px;}
.msec-04 .cont ul{}
.msec-04 .cont ul:aftr{display:block; content:"";clear:both;}
.msec-04 .cont ul li{float:left; width:33.33333%; position:relative; padding:0 45px;box-sizing:border-box;cursor:pointer;}
.msec-04 .cont ul li:before{width:0;height:2000px;border-left:1px solid rgba(255,255,255,0.15); display:block; content:"";position:Absolute; left:0px; top:50%;margin-top:-1000px;}
.msec-04 .cont ul li:last-child:after{width:0;height:2000px;border-right:1px solid rgba(255,255,255,0.15); display:block; content:"";position:Absolute; right:0px; top:50%;margin-top:-1000px;}
.msec-04 .cont ul li .txt{min-height:250px; opacity:0.3;-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-04 .cont ul li .txt .btxt{font-size:30px; font-weight:700; color:#fff; letter-spacing:-0.03em ;line-height:1.2em;}
.msec-04 .cont ul li .txt .stxt{margin-top:55px; font-size:16px; font-weight:300; color:#fff; letter-spacing:-0.03em ;line-height:1.6em;}
.msec-04 .cont ul li .more{width:57px;height:22px; display:inline-block;vertical-align:top; position:relative; opacity:0.3;-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-04 .cont ul li .more:before {content:'';position:absolute;bottom:0;left:0;width:100%;height:100%;background:url(../img/main/career-more.png) no-repeat left center;background-size:100% auto;opacity:1; display:block; content:"";-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-04 .cont ul li:hover .more:before{left:15px;}

.msec-04 .cont ul li.active .txt, .msec-04 .cont ul li.active .more{opacity:1;}
	@media only screen and (max-width:1560px) {	
		.msec-04 .div-cont{height:920px; padding-top:90px; padding-bottom:140px;}
		.msec-04 .tits h3{font-size:22px;}
		.msec-04 .tits p{margin-top:50px;font-size:44px;}
		
		.msec-04 .cont{margin-top:100px;}
		.msec-04 .cont ul li{padding:0 40px;}
		.msec-04 .cont ul li .txt{min-height:220px;}
		.msec-04 .cont ul li .txt .btxt{font-size:27px;}
		.msec-04 .cont ul li .txt .stxt{margin-top:40px;font-size:15px;}
		.msec-04 .cont ul li .txt .stxt br{display:none;}
		.msec-04 .cont ul li .more{width:48px;height:20px;}
	}
	@media only screen and (max-width:1300px) {
		.msec-04 .div-cont{height:850px;padding-top:90px; padding-bottom:140px;}
		.msec-04 .tits{padding:0 20px;}
		.msec-04 .tits h3{font-size:20px;}
		.msec-04 .tits p{margin-top:40px;font-size:38px; }
		
		.msec-04 .cont ul li .txt{min-height:200px;}
		.msec-04 .cont ul li .txt .btxt{font-size:24px;}
		.msec-04 .cont ul li .txt .stxt{margin-top:30px;font-size:14px;}
		.msec-04 .cont ul li .more{width:40px;height:20px;}
	}
	@media only screen and (max-width:999px) {
		.msec-04 .div-cont{height:auto;padding-top:90px; padding-bottom:140px;}
		.msec-04 .tits h3{font-size:17px;}
		.msec-04 .tits p{margin-top:30px;font-size:32px;}
		
		.msec-04 .cont ul li{text-align:center; padding:0 20px;padding-bottom:50px;}
		.msec-04 .cont ul li:first-child:before,.msec-04 .cont ul li:last-child:after{display:none;}
		.msec-04 .cont ul li .txt{min-height:auto;}
		.msec-04 .cont ul li .txt .btxt{font-size:21px;}
		.msec-04 .cont ul li .txt .stxt{display:none;}
		.msec-04 .cont ul li .more{margin-top:25px;}
		.msec-04 .cont ul li:hover .more:before{left:10px;}

		.msec-04 .cont{margin-top:70px;}
	}
	@media only screen and (max-width:680px) {
		.msec-04 .div-cont{padding-top:70px; padding-bottom:120px;}
		.msec-04 .tits{padding:0 10px;}
		.msec-04 .tits h3{font-size:15px;}
		.msec-04 .tits p{margin-top:20px;font-size:30px;}

		.msec-04 .cont{margin-top:50px;}
		.msec-04 .cont ul li{padding:0 10px;padding-bottom:30px;}
		.msec-04 .cont ul li .more{width:25px;}
		.msec-04 .cont ul li .txt .btxt{font-size:18px;}
	}
	@media only screen and (max-width:480px) {
		.msec-04 .div-cont{}
		.msec-04 .tits p{font-size:24px;}

		.msec-04 .cont ul li .more{width:20px; margin-top:20px;}
		.msec-04 .cont ul li:hover .more:before{left:5px;}
		.msec-04 .cont ul li .txt .btxt{font-size:16px;}
	}


.msec-04 .cont .abr{position:Absolute;right:20px; bottom:0; padding:50px 0 50px 70px; box-sizing:border-box; width:760px; z-index:122}
.msec-04 .cont .abr:after{position:Absolute; left:0; bottom:0; width:20000px;height:100%; z-index:-1; background:#fff; display:block; content:""}
.msec-04 .cont .abr h4{font-size:30px; color:#000; line-height:1.2em; font-weight:700; letter-spacing:-0.03em;}
.msec-04 .cont .abr p{margin-top:20px;font-size:18px; font-weight:400; color:#000; line-height:1.2em; letter-spacing:-0.03em;white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.msec-04 .cont .abr a{width:125px;font-size:16px; color:#000; z-index:12;line-height:45px; text-align:center;letter-spacing:-0.03em;position:absolute;right:0; top:50%;-webkit-transform: translateY(-50%); -moz-transform: translateY(-50%);-ms-transform: translateY(-50%); -o-transform:  translateY(-50%);transform: translateY(-50%);}
.msec-04 .cont .abr a:after{width:100%;height:100%; position:Absolute; left:0; top:0; border:1px solid #000; display:block; content:"";box-sizing:border-box;z-index:-1}
.msec-04 .cont .abr a:before {content:'';position:absolute;bottom:0;left:0;width:100%;height:100%;background-color:#000;opacity:0;z-index:-1;-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-04 .cont .abr a:hover:before {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-04 .cont .abr a:hover{color:#fff;}

.msec-04 .career-slide{position:absolute; left:0; top:0; width:100%;height:100%; box-sizing:border-box;z-index:1;}
.msec-04 .career-slide:after{position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.2);display:block; content:""}
.msec-04 .career-slide .slick-list{height:100%;}
.msec-04 .career-slide .slick-track{height:100%;}
.msec-04 .career-slide .item {position:absolute; left:0; top:0 ;width:100%;height:100%;overflow:hidden; }
.msec-04 .career-slide .item .img{position:relative; width:100%;height:100%;background-size:cover !important;-webkit-transform:scale(1.1); -moz-transform:scale(1.1);  -o-transform:scale(1.1);  transform:scale(1.1);-webkit-transition: transform 5s ease-out;-moz-transition: transform 5s ease-out;-o-transition: transform 5s ease;transition: transform 5s ease-out;}
.msec-04 .career-slide .item .img img{visibility:hidden}
.msec-04 .career-slide .item.c01 .img{background:url(../img/main/career-bg01.jpg) no-repeat center; }
.msec-04 .career-slide .item.c02 .img{background:url(../img/main/career-bg02.jpg) no-repeat center; }
.msec-04 .career-slide .item.c03 .img{background:url(../img/main/career-bg03.jpg) no-repeat center; }

.msec-04 .career-slide.ani .slick-active.item .img{-webkit-transform:scale(1.2); -moz-transform:scale(1.2);  -o-transform:scale(1.2);  transform:scale(1.2);}
	@media only screen and (max-width:1560px) {	
		.msec-04 .cont .abr{padding:35px 0 35px 50px; width:700px;}
		.msec-04 .cont .abr h4{font-size:26px;}
		.msec-04 .cont .abr p{margin-top:15px;font-size:17px; padding-right:120px;}
		.msec-04 .cont .abr a{width:115px;line-height:42px; font-size:15px;}
	}
	@media only screen and (max-width:1300px) {
		.msec-04 .cont .abr{padding:25px 0 25px 40px; width:640px;}
		.msec-04 .cont .abr h4{font-size:22px;}
		.msec-04 .cont .abr p{margin-top:10px;font-size:16px;; padding-right:110px;}
		.msec-04 .cont .abr a{width:105px;line-height:40px; font-size:14px;}
	
	}
	@media only screen and (max-width:999px) {
		.msec-04 .cont .abr{width:96%; left:2%; padding:20px; }
		.msec-04 .cont .abr:after{width:100%;}
		.msec-04 .cont .abr h4{font-size:18px;}
		.msec-04 .cont .abr p{font-size:15px;; padding-right:100px;}
		.msec-04 .cont .abr a{width:95px;line-height:35px; font-size:13px; right:20px;}
	}
	@media only screen and (max-width:680px) {
		.msec-04 .cont .abr h4{font-size:17px;}
		.msec-04 .cont .abr p{margin-top:5px;font-size:14px;; padding-right:90px;}
		.msec-04 .cont .abr a{width:80px; line-height:30px; font-size:12px;}
	}
	@media only screen and (max-width:480px) {
		.msec-04 .cont .abr h4{font-size:16px;}
		.msec-04 .cont .abr p{font-size:13px; padding-right:80px;}
		.msec-04 .cont .abr a{width:70px;}
	}



/* ======================================================
   .msec-05
=========================================================*/
.msec-05{padding-top:145px; padding-bottom:145px;position:Relative;}
.msec-05 .tits h3{font-size:100px; font-weight:800; line-height:1em; color:#000;font-family:'GothamPro'; letter-spacing:-0.02em;}
.msec-05 .tits h3 span{text-transform:uppercase}

.msec-05 .cont{margin-top:60px; position:relative;}

.msec-05 .vtit{min-height:200px;}
.msec-05 .vtit h4{font-weight:800; color:#000; line-height:1.15em; letter-spacing:-0.03em; font-size:40px;}
.msec-05 .vtit p{font-weight:400; color:#777; line-height:1.3em; letter-spacing:-0.03em; font-size:18px; margin-top:20px;}
.msec-05 .vtit .more{width:57px;height:22px;display:inline-block;vertical-align:top; margin-top:40px; position:relative;}
.msec-05 .vtit .more:before {content:'';position:absolute;bottom:0;left:0;width:100%;height:100%;background:url(../img/main/ir-more.jpg) no-repeat right center; background-size:100% auto;opacity:1; display:block; content:"";-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-05 .vtit .more:hover:before{left:15px;}

.msec-05 .ov{height:200px; padding-top:25px; box-sizing:border-box; position:absolute;right:0; top:0; width:1000px;}
.msec-05 .ov:after{display:block; content:"";clear:both}
.msec-05 .ov h5{font-weight:800; color:#000; line-height:1.2em; letter-spacing:-0.03em; font-size:30px;margin-bottom:25px;}
.msec-05 .ov .stock{float:left; width:calc(50% - 40px);}
.msec-05 .ov .stock .txt{position:relative;text-align:right;}
.msec-05 .ov .stock .txt .btxt{font-size:48px; color:#ff5400; position:absolute; left:0; top:0;font-family: 'Titillium Web'; font-weight:400; letter-spacing:-0.03em; line-height:1.2em; height:100%; display:flex;align-items: center; justify-content:left;text-align:left;}
.msec-05 .ov .stock .txt .stxt{font-size:14px; font-weight:400; color:#aaaaaa; line-height:18px; font-family: 'Titillium Web';}
.msec-05 .ov .stock .txt .stxt span{display:inline-block;vertical-align:top; padding-left:24px;background:url(../img/main/ir-date.jpg) no-repeat left center;}
.msec-05 .ov .stock .txt .ctxt{margin-top:5px;font-size:17px; color:#555; line-height:20px; font-family: 'Titillium Web';}
.msec-05 .ov .stock .txt .ctxt span{display:inline-block;vertical-align:top; padding-left:18px;background:url(../img/main/ir-up.jpg) no-repeat left calc(50% + 1px);}

.msec-05 .ov .notice{float:right; width:calc(50% - 40px);position:Relative;}
.msec-05 .ov .notice:before{border-left:1px solid #d8d8d8; left:-40px; height:80px;bottom:0;position:Absolute; display:block; content:"" }
.msec-05 .ov .notice ul{}
.msec-05 .ov .notice li{}
.msec-05 .ov .notice li:nth-child(n+2){margin-top:7px;}
.msec-05 .ov .notice li a{font-size:16px; color:#666; line-height:20px; letter-spacing:-0.03em;white-space: nowrap; overflow: hidden; text-overflow: ellipsis; position:relative; padding-right:90px; display:block;}
.msec-05 .ov .notice li a span{font-size:15px; line-height:20px; color:#999;position:Absolute;right:0; top:0;}
.msec-05 .ov .notice li a:hover{color:#111}
	@media only screen and (max-width:1560px) {	
		.msec-05{padding-top:110px; padding-bottom:110px;}
		.msec-05 .tits h3{font-size:90px;}
		
		.msec-05 .cont{margin-top:50px;}
		.msec-05 .vtit{min-height:180px;}
		.msec-05 .vtit h4{font-size:36px;}
		.msec-05 .vtit p{font-size:17px; margin-top:15px;}
		.msec-05 .vtit .more{width:48px;height:20px; margin-top:35px;}
		
		.msec-05 .ov{width:900px; height:180px;padding-top:20px;}
		.msec-05 .ov h5{font-size:26px;}
		.msec-05 .ov .stock .txt .btxt{font-size:44px;}
		.msec-05 .ov .stock .txt .stxt{font-size:13px;}
		.msec-05 .ov .stock .txt .ctxt{font-size:16px;}
		
		.msec-05 .ov .notice li a{font-size:15px; }
		.msec-05 .ov .notice li a span{font-size:14px;}
	
	}
	@media only screen and (max-width:1360px) {	
		.msec-05 .vtit{min-height:160px;}
		.msec-05 .vtit h4{font-size:32px;}
		.msec-05 .vtit p{font-size:16px; max-width:250px;}
		.msec-05 .vtit .more{width:40px;height:20px; margin-top:30px;}

		.msec-05 .ov{width:800px; height:160px} 
	}
	@media only screen and (max-width:1200px) {	
		.msec-05 .tits h3{font-size:80px;}

		.msec-05 .vtit h4{font-size:28px;}
		.msec-05 .vtit p{font-size:15px; max-width:200px;}
		.msec-05 .vtit .more{width:30px;height:15px; margin-top:20px;}
	
		.msec-05 .ov{width:700px; padding-top:10px;}
		.msec-05 .ov h5{font-size:22px; margin-bottom:20px;}
		.msec-05 .ov .stock .txt .btxt{font-size:40px;}
	}
	@media only screen and (max-width:999px) {
		.msec-05{padding-top:80px; padding-bottom:80px;}
		.msec-05 .tits h3{font-size:60px;}
		
		.msec-05 .cont{margin-top:40px;}
		.msec-05 .vtit{position:Relative;min-height:auto;}
		.msec-05 .vtit h4{font-size:25px;}
		.msec-05 .vtit h4 br{display:none;}
		.msec-05 .vtit p{max-width:none; margin-top:10px;}
		.msec-05 .vtit .more{position:Absolute;right:0; top:7px; margin-top:0;}
		.msec-05 .vtit .more:hover:before{left:10px;}
		
		.msec-05 .ov{width:auto; padding:0; margin-top:35px;position:relative; right:auto; top:auto; height:auto;}
		.msec-05 .ov .stock{ width:calc(50% - 30px);}
		.msec-05 .ov .stock .txt .btxt{font-size:35px;}
		.msec-05 .ov .stock .txt .stxt{font-size:12px;}
		.msec-05 .ov .stock .txt .ctxt{font-size:15px; margin-top:2px;}

		.msec-05 .ov .notice{width:calc(50% - 30px)}
		.msec-05 .ov .notice:before{ left:-30px; }
		.msec-05 .ov .notice li a{font-size:14px; }
		.msec-05 .ov .notice li a span{font-size:13px;}
	}
	@media only screen and (max-width:680px) {
		.msec-05{padding-top:50px; padding-bottom:50px;}
		.msec-05 .tits h3{font-size:35px;}

		.msec-05 .cont{margin-top:25px;}

		.msec-05 .vtit h4{font-size:21px;}
		.msec-05 .vtit p{font-size:14px;}
		.msec-05 .vtit .more{width:25px;top:5px;}
		
		.msec-05 .ov h5{font-size:17px; margin-bottom:15px;}
		.msec-05 .ov .stock{ width:auto; float:none;}
		.msec-05 .ov .stock .txt .btxt{font-size:30px;}
		.msec-05 .ov .stock .txt .ctxt{font-size:13px;}
		.msec-05 .ov .notice{ width:auto; float:none; margin-top:25px; border-top:1px solid #d8d8d8; padding-top:25px;}
		.msec-05 .ov .notice:before{display:none;}

	}
	@media only screen and (max-width:480px) {
		.msec-05 .tits h3{font-size:40px;}
		.msec-05 .vtit .more:hover:before{left:5px;}
	}
	@media only screen and (max-width:400px) {
		.msec-05 .tits h3{font-size:35px;}
	}





/* ======================================================
   .msec-06
=========================================================*/
.msec-06{padding-top:140px; padding-bottom:190px;position:Relative;}
.msec-06:before{width:20000px; top:0; left:50%;margin-left:-10000px; height:0; border-top:0px solid #d8d8d8; display:block; content:""; position:absolute;}

.msec-06 .tits{}
.msec-06 .tits h3{font-size:80px; font-weight:800; line-height:1em; color:#000;font-family:'GothamPro'; letter-spacing:-0.02em;}
.msec-06 .tits h3 span{text-transform:uppercase}
.msec-06 .cont{}
.msec-06 .cont:after{display:block; content:"";clear:both;}

.msec-06 .news{float:left; width:45%; padding-top:110px;}
.msec-06 .news h4{display:inline-block;vertical-align:top; line-height:40px; font-size:30px; font-weight:600; color:#000; letter-spacing:-0.03em; l}
.msec-06 .news .more{width:44px;height:40px;display:inline-block;vertical-align:top;position:Relative;margin-left:20px;}
.msec-06 .news .more:before {content:'';position:absolute;bottom:0;left:0;width:100%;height:100%;background:url(../img/main/news-more.jpg) no-repeat right center;opacity:1; display:block; content:"";-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-06 .news .more:hover:before{left:15px;}


.msec-06 .news ul{margin-top:30px;}
.msec-06 .news li{}
.msec-06 .news li a{display:block;}
.msec-06 .news li a .txt{white-space: nowrap; overflow: hidden; text-overflow: ellipsis;  font-size:24px; font-weight:400; color:#000 ;letter-spacing:-0.03em; line-height:1.3em;}
.msec-06 .news li a .date{display:block; color:#777; font-size:16px; margin-top:20px;}

.msec-06 .pr{float:right; width:50%; margin-top:-100px;}
.msec-06 .pr ul{}
.msec-06 .pr ul:after{display:block; content:"";clear:both}
.msec-06 .pr li{float:left; width:47%}
.msec-06 .pr li:nth-child(2){float:right}
.msec-06 .pr li .txt{ min-height:190px;box-sizing:border-box; padding-top:25px; border-top:1px solid #000; color:#000;}
.msec-06 .pr li .txt .btxt{font-size:18px; font-weight:500; letter-spacing:-0.03em; line-height:1.4em;}
.msec-06 .pr li .txt .stxt{font-size:28px; font-weight:700; letter-spacing:-0.03em; line-height:1.2em; margin-top:45px;position:relative;}
.msec-06 .pr li .img{position:relative;overflow:hidden}
.msec-06 .pr li .img img{width:100%;transform:scale(1, 1); -webkit-transform:scale(1, 1); -moz-transform:scale(1, 1); -ms-transform:scale(1, 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-06 .pr li:nth-child(1) .img:after{width:52px;height:52px; position:absolute; left:50%; top:50%;-webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%);  -ms-transform: translate(-50%, -50%);  -o-transform: translate(-50%, -50%);  transform: translate(-50%, -50%); background:url(../img/main/movie-btn.png) no-repeat  center center; background-size:100%;display:block; content:""}
.msec-06 .pr li:nth-child(2) .txt .stxt:after{width:22px;height:22px; position:Absolute;right:0; top:50%;margin-top:-11px; background:url(../img/main/pr-down.jpg) no-repeat center center; display:block; content:""}

.msec-06 .pr 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);}
	@media only screen and (max-width:1560px) {	
		.msec-06{padding-top:110px; padding-bottom:160px;}
		.msec-06 .tits h3{font-size:60px;}
		
		.msec-06 .news{padding-top:110px;}
		.msec-06 .news h4{font-size:26px}
		.msec-06 .news .more{width:38px;}
		.msec-06 .news .more:before{background-size:38px auto;}
		.msec-06 .news ul{margin-top:20px;}
		.msec-06 .news li a .txt{font-size:20px;}
		.msec-06 .news li a .date{font-size:15px;}

		.msec-06 .pr{margin-top:-80px;}
		
		.msec-06 .pr li .txt{ min-height:180px;}
		.msec-06 .pr li .txt .btxt{font-size:16px;}
		.msec-06 .pr li .txt .stxt{font-size:25px; margin-top:30px;}

		.msec-06 .pr li:nth-child(1) .img:after{width:48px;height:48px;}
		.msec-06 .pr li:nth-child(2) .txt .stxt:after{width:20px;height:20px; background-size:100% auto; top:50%;margin-top:-10px;}
	}
	@media only screen and (max-width:1200px) {	
		.msec-06{padding-top:110px; padding-bottom:130px;}
		.msec-06 .tits h3{font-size:50px;}
		
		.msec-06 .news{padding-top:90px;}
		.msec-06 .news h4{font-size:24px}
		.msec-06 .news .more{width:34px;}
		.msec-06 .news .more:before{background-size:34px auto;}
		
		.msec-06 .news li a .txt{font-size:18px;}
		.msec-06 .news li a .date{font-size:14px;}
		
		.msec-06 .pr{margin-top:-60px;}
		.msec-06 .pr li .txt{ min-height:160px;}
		.msec-06 .pr li .txt .btxt{font-size:15px;}
		.msec-06 .pr li .txt .btxt br{display:none;}
		.msec-06 .pr li .txt .stxt{font-size:22px;}
		
	}
	@media only screen and (max-width:999px) {
		.msec-06{padding-top:80px; padding-bottom:100px;}
		.msec-06 .tits h3{font-size:50px;}
		
		.msec-06 .news{padding-top:40px; float:none; width:auto;}
		.msec-06 .news h4{font-size:21px}
		.msec-06 .news .more{width:30px;}
		.msec-06 .news .more:before{background-size:30px auto;}
		.msec-06 .news .more:hover:before{left:10px;}
		.msec-06 .news li a {position:Relative;}
		.msec-06 .news li a .txt{font-size:16px; padding-right:80px}
		.msec-06 .news li a .date{font-size:13px;position:absolute;right:0; top:0; margin-top:0; line-height:1.2em;}
		
		.msec-06 .pr{margin-top:30px; float:none; width:auto;}
		.msec-06 .pr li{width:49%}
		.msec-06 .pr li .txt{ padding-top:15px; min-height:130px;}
		.msec-06 .pr li .txt .btxt{font-size:14px;}
		.msec-06 .pr li .txt .btxt br{display:block;}
		.msec-06 .pr li .txt .stxt{font-size:19px; margin-top:20px;}

		.msec-06 .pr li:nth-child(1) .img:after{width:40px;height:40px;}
		.msec-06 .pr li:nth-child(2) .txt .stxt:after{width:16px;height:16px; top:50%;margin-top:-8px;}
	}
	@media only screen and (max-width:680px) {
		.msec-06{padding-top:50px; padding-bottom:70px;}
		.msec-06 .tits h3{font-size:35px;}

		.msec-06 .news{padding-top:25px;}
		.msec-06 .news h4{font-size:18px; line-height:30px;}
		.msec-06 .news .more{width:25px;height:30px;margin-left:10px;}
		.msec-06 .news .more:before{background-size:25px auto; }
		.msec-06 .news ul{margin-top:10px;}
		.msec-06 .news li a .txt{font-size:15px;}
		
		.msec-06 .pr li .txt{min-height:120px}
		.msec-06 .pr li .txt .btxt{font-size:13px;}
		.msec-06 .pr li .txt .btxt br{display:none;}
		.msec-06 .pr li .txt .stxt{font-size:17px;}

		.msec-06 .pr li:nth-child(1) .img:after{width:30px;height:30px;}
	}
	@media only screen and (max-width:480px) {
		.msec-06{padding-bottom:50px;}
		.msec-06 .tits h3{font-size:40px;}
		
		.msec-06 .news li a .txt{font-size:14px;}
		.msec-06 .news li a .date{font-size:12px;}
		.msec-06 .news .more{width:20px;}
		.msec-06 .news .more:before{background-size:20px auto; }
		.msec-06 .news .more:hover:before{left:5px;}
		
		.msec-06 .pr li .txt{min-height:100px}
		.msec-06 .pr li .txt .btxt{font-size:12px;}
		.msec-06 .pr li .txt .stxt{font-size:16px;}
	}
	@media only screen and (max-width:400px) {
		.msec-06 .tits h3{font-size:35px;}
	}



/* ======================================================
   .msec-07
=========================================================*/
.msec-07{position:Relative;}
.msec-07 ul:after{display:block; content:"";clear:both}
.msec-07 li{float:left; width:50%;position:relative; overflow:hidden; }
.msec-07 li a:after{width:100%;height:100%; position:Absolute ;left:0; top:0; display:block; content:"";clear:both; background-size:cover !important; vertical-align:top;transform:scale(1, 1); -webkit-transform:scale(1, 1); -moz-transform:scale(1, 1); -ms-transform:scale(1, 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-07 li a{display:block;display:flex;align-items: center; justify-content: center; height:200px;position:relative; z-index:2;}
.msec-07 li a span{display:inline-block;vertical-align:top; line-height:40px; font-weight:700; color:#fff; letter-spacing:-0.03em; position:relative; z-index:55;}
.msec-07 li a span:after {content:'';position:absolute;bottom:-10px;left:0;width:100%;height:3px;background-color:#fff;opacity:0;-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-07 li a: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-07 li:nth-child(1) a:after{background:url(../img/main/make-bg.jpg) no-repeat center center}
.msec-07 li:nth-child(2) :after{background:url(../img/main/rnd-bg.jpg) no-repeat center center}

.msec-07 li: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);}

.msec-07 li:nth-child(1) a span{font-size:30px;}
.msec-07 li:nth-child(2) a span{/*font-family: 'Titillium Web';*/ font-size:30px;}

.msec-07 li a:before{position: absolute; top: 0; left: -75%; z-index: 2; display: block; content: ''; width: 50%; height: 100%; background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.2) 100%); background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.2) 100%);-webkit-transform: skewX(-25deg);transform: skewX(-25deg); content:''}
.msec-07 li a:hover:before{-webkit-animation: shine 1.5s; animation: shine 1.5s;}

	@media only screen and (max-width:1560px) {	
		.msec-07 li a{height:210px;}
		.msec-07 li a span{line-height:36px;}
		.msec-07 li a span:after{height:2px; bottom:-8px;}
		.msec-07 li:nth-child(1) a span{font-size:26px;}
		.msec-07 li:nth-child(2) a span{font-size:32px}
	}
	@media only screen and (max-width:1300px) {
		
	}
	@media only screen and (max-width:999px) {
		.msec-07 li a{height:170px;}
		.msec-07 li a span{line-height:32px;}
		.msec-07 li a span:after{height:2px; bottom:-6px;}
		.msec-07 li:nth-child(1) a span{font-size:22px;}
		.msec-07 li:nth-child(2) a span{font-size:28px}
	}
	@media only screen and (max-width:680px) {
		/* .msec-07 li{float:none; width:auto;} */
		.msec-07 li a{height:130px;}
		.msec-07 li:nth-child(1) a span{font-size:18px;}
		.msec-07 li:nth-child(2) a span{font-size:24px}
	}
	@media only screen and (max-width:480px) {
		.msec-07{display:none;}
		.msec-07 li a{height:100px;}
		.msec-07 li:nth-child(1) a span{font-size:16px;}
		.msec-07 li:nth-child(2) a span{font-size:22px}
	}




	/* shine */
	@-webkit-keyframes shine {
	  100% {left: 125%; }
	}
	@keyframes shine {
	  100% {left: 125%;}
	}


/* ======================================================
   .layer-pop
=========================================================*/
.layer-pop {z-index:9900; width:96%;max-width:410px; display:none; position:absolute; right:90px; border-radius:25px;background:#fff; overflow:hidden; top:50%; margin-top:40px;-webkit-transform: translateY(-50%); -moz-transform: translateY(-50%);-ms-transform: translateY(-50%); -o-transform:  translateY(-50%);transform: translateY(-50%);}
.layer-pop form{margin:0; padding:0;}

.layer-pop .chk{box-sizing:border-box;  position:relative;}
.layer-pop .chk:after{display:block; content:"";clear:both;}
.layer-pop .chk:before{width:1px;height:100%; position:absolute ;left:50%; top:0; z-index:1;display:block; content:"";border-right:1px solid #d1d1d1;-webkit-transform: translateX(-50%); -moz-transform: translateX(-50%);-ms-transform: translateX(-50%); -o-transform:  translateX(-50%);transform: translateX(-50%);}

.layer-pop .close{position:absolute; right:0; top:-45px; width:25px;height:25px; display:block; height:25px;background:url(../img/main/pop-close.png) no-repeat center center;background-size:100% auto;text-indent:-9999em;}
.layer-pop .check{float:left; width:50%; text-align:center; position:relative; z-index:2;}
.layer-pop .check label{display:block; line-height:50px; font-size:15px; color:#111; letter-spacing:-0.03em;-webkit-transition: background 0.3s ease-in-out,  color 0.3s ease-in-out;-moz-transition: background 0.3s ease-in-out,  color 0.3s ease-in-out;-o-transition: background 0.3s ease-in-out,  color 0.3s ease-in-out;transition: background 0.3s ease-in-out,  color 0.3s ease-in-out;}
.layer-pop .check label span{display:inline-block;vertical-align:top;background:url(../img/main/pop-chk.png) no-repeat left center;background-size:14px auto; padding-left:25px;}

.layer-pop .check label:hover{background:#111; color:#fff;}
.layer-pop .check input[type="checkbox"]{display:none;}
.layer-pop .check input[type="checkbox"]:checked +  label{background:#111; color:#fff;}
.layer-pop .check input[type="checkbox"]:checked +  label span, .layer-pop .check label:hover span{background-image:url(../img/main/pop-chko.png)}
.layer-pop .closev{float:left; width:50%; text-align:center;position:relative; z-index:2;}
.layer-pop .closev a{display:block;line-height:50px; font-size:15px; color:#111; letter-spacing:-0.03em;}
.layer-pop .closev a span{display:inline-block;vertical-align:top;background:url(../img/main/pop-close.png) no-repeat left center;background-size:12px auto; padding-left:25px;}
.layer-pop .closev a:hover{background:#4880ed; color:#fff;}
.layer-pop .closev a:hover span{background-image:url(../img/main/pop-closeo.png)}

.layer-pop .pop-slide{position:relative;}
.layer-pop .item{height:auto !important;}
.layer-pop .img{padding:0; margin:0;}
.layer-pop .img a{display:block; padding:0; margin:0;}
.layer-pop .img img{width:100%;}

.layer-pop .slick-dots{position:absolute; left:0px; bottom:20px; text-align:center; height:6px;  z-index:55; width:100%;}
.layer-pop .slick-dots ul{height:auto;text-align:center; font-size:0; width:100%; height:7px ;}
.layer-pop .slick-dots li{display:inline-block;vertical-align:top; margin:0; padding:0; width:7px; height:7px ;}
.layer-pop .slick-dots li:nth-child(n+2){margin-left:6px;}
.layer-pop .slick-dots li button{ background:#fff; width:7px !important;height:7px; padding:0; position:relative; border-radius:100%}
.layer-pop .slick-dots li.slick-active button{background:#ffe900}

	@media only screen and (max-width:1640px) {	
			.layer-pop {max-width:360px; right:60px;}
			.layer-pop .check label{font-size:14px;}
			.layer-pop .closev a{font-size:14px;}
	}
	@media only screen and (max-width:1480px) {
		
	}
	@media only screen and (max-width:1280px) {
		.layer-pop {max-width:320px; right:30px;}
		.layer-pop .check label{font-size:13px; line-height:45px;}
		.layer-pop .closev a{font-size:13px;line-height:45px;}
	}
	@media only screen and (max-width:999px) {
		.layer-pop{position:fixed; width:90%; max-width:280px; left:50%; top:50%; border-radius:15px;-webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%);  -ms-transform: translate(-50%, -50%);  -o-transform: translate(-50%, -50%);  transform: translate(-50%, -50%);box-shadow: 3px 3px 18px rgba(0, 0, 0, 0.15)  ; -webkit-box-shadow: 3px 3px 18px rgba(0, 0, 0, 0.15); -moz-box-shadow: 3px 3px 18px rgba(0, 0, 0, 0.15)  ; }
		
		.layer-pop .check label{line-height:40px; font-size:12px;}
		.layer-pop .check label span{padding-left:20px; background-size:10px auto;}
		.layer-pop .closev a{line-height:40px;font-size:12px;}
		.layer-pop .closev a span{padding-left:20px; background-size:8px auto;}

	}
	@media only screen and (max-width:680px) {
	
		
	}
	@media only screen and (max-width:480px) {
		
	}