.inner{width: 1200px;margin: 0 auto}


.main_tit strong{display: block;text-align: center;font-size:40px;margin-top:167px;margin-bottom: 60px;color: #3a3d51;letter-spacing: -0.5px;font-weight: 400;position: relative;left: -30px;transition: 0.8s ease-in-out;transition-delay: 0.5s;opacity: 0}
.main03.active .main_tit strong{left: 0;opacity: 1}
.main_tit strong{display: block;position: relative;z-index: 5}
.main_tit{position: relative}
.main_tit:after{content: '';display: block;width: 119px;height: 70px;background: url(/img/main/tit_bg2.png);position: absolute;left: 38%;top:-50px;opacity: 0;transition: 0.8s ease-in-out;transition-delay: 2.3s}
.main03.active .main_tit:after{left: 40%;opacity: 1}
.main01{width: 100%;height: 100%;background-position: center;}
#fp-nav ul li a.active:before{font-size: 16px;color: #fff;letter-spacing: -0.25px;display: block;}
.fp-viewing-0thPage ul li a.active:before{content: 'VIDEO MAIN';color: #edc682;position: absolute;top:-30px;right: 60px;width: 95px}
/*.fp-viewing-firstPage #fp-nav ul li a.active:before,*/
.fp-viewing-secondPage #fp-nav ul li a.active:before{color: #244193}

.fp-viewing-firstPage ul li a.active:before{content: 'PRODUCTS';color: #edc682;position: absolute;top:-30px;right: 60px;}
.fp-viewing-secondPage ul li a.active:before{content: 'CASES';color: #edc682;position: absolute;top:-30px;right: 60px;}
.fp-viewing-3 ul li a.active:before{content: 'QUOTATION';color: #edc682;position: absolute;top:-30px;right: 60px;width: 100px}
.fp-viewing-4 ul li a.active:before{content: 'CONTACT US';color: #edc682;position: absolute;top:-30px;right: 60px;width: 100px}
#fp-nav ul li:first-child, .fp-slidesNav ul li:first-child{margin-top: 0}
#fp-nav ul li, .fp-slidesNav ul li{float: right;width: 100%;margin: 0;margin-top: 38px;}
/*#fp-nav ul li:last-child, .fp-slidesNav ul li:last-child{display: none}*/
#fp-nav ul li, .fp-slidesNav ul li{height: 1px;}
#fp-nav ul{width: 100px;}
#fp-nav.fp-right{right: 0}
#fp-nav ul li a span, .fp-slidesNav ul li a span,#fp-nav ul li a.active span, #fp-nav ul li:hover a.active span, .fp-slidesNav ul li a.active span, .fp-slidesNav ul li:hover a.active span{width: 100%;border-radius: 0;height: 1px;color: #d6d6d6;background: #cfd0d4}
#fp-nav ul li a.active span, #fp-nav ul li:hover a.active span, .fp-slidesNav ul li a.active span, .fp-slidesNav ul li:hover a.active span{height: 3px;background: #fff;margin: 0}


/*
.fp-viewing-firstPage #fp-nav ul li a.active span,
.fp-viewing-firstPage #fp-nav ul li:hover a.active span,
.fp-viewing-firstPage  .fp-slidesNav ul li a.active span,
.fp-viewing-firstPage  .fp-slidesNav ul li:hover a.active span,
*/
.fp-viewing-secondPage #fp-nav ul li a.active span,
.fp-viewing-secondPage #fp-nav ul li:hover a.active span,
.fp-viewing-secondPage  .fp-slidesNav ul li a.active span,
.fp-viewing-secondPage  .fp-slidesNav ul li:hover a.active span{background: #244193}


.fp-viewing-secondPage #fp-nav ul li a span, 
.fp-viewing-secondPage .fp-slidesNav ul li a span, 
.fp-viewing-secondPage #fp-nav ul li a.active span, 
.fp-viewing-secondPage #fp-nav ul li:hover a.active span, 
.fp-viewing-secondPage .fp-slidesNav ul li a.active span, 
.fp-viewing-secondPage .fp-slidesNav ul li:hover a.active span{background: #244193}

/*

.fp-viewing-firstPage #fp-nav ul li a span, .fp-viewing-firstPage .fp-slidesNav ul li a span, .fp-viewing-firstPage #fp-nav ul li a.active span, .fp-viewing-firstPage #fp-nav ul li:hover a.active span, .fp-viewing-firstPage .fp-slidesNav ul li a.active span, .fp-viewing-firstPage .fp-slidesNav ul li:hover a.active span{background: #244193}
*/




#fp-nav ul li a.active span, #fp-nav ul li:hover a.active span, .fp-slidesNav ul li a.active span, .fp-slidesNav ul li:hover a.active span{width: 100px;}

#fp-nav ul li:hover a span, .fp-slidesNav ul li:hover a span{width: 100%;height: 1px;margin: 0}
#fp-nav ul li a, .fp-slidesNav ul li a{width: 70px;float: right;height:20px;}

#fp-nav ul li a span, .fp-slidesNav ul li a span{position: static;display: block;margin: 0;float: right; }
/*#fp-nav ul li a.active span, .fp-slidesNav ul li a.active span{margin-top: 80px;}*/
#top{position: fixed;z-index: 5;right: 56px;bottom: 56px;}
#footer #top{display: none}
#top i{display: block;position: relative;-webkit-animation : 1.8s infinite;-moz-animation : 1.8s infinite;-o-animation : 1.8s infinite;-ms-animation : 1.8s infinite;animation-name: TOP; }
@keyframes TOP {
  0%{
    top:0px;
  }

  50% {
    top:-8px;
  }
  100% {
    top:-0px;
  }
}
.fp-viewing-firstPage #fp-nav ul li:nth-child(2), .fp-slidesNav ul li:nth-child(2){;margin-top: 52px;}
.fp-viewing-secondPage #fp-nav ul li:nth-child(3), .fp-secondPage ul li:nth-child(3){;margin-top: 52px;}
.fp-viewing-3 #fp-nav ul li:nth-child(4), .fp-viewing-3 #fp-nav ul li:nth-child(4){;margin-top: 52px;}
.fp-viewing-4 #fp-nav ul li:nth-child(5), .fp-viewing-4 #fp-nav ul li:nth-child(5){;margin-top: 52px;}
#top i img{display: block;margin-left: 2px;margin-bottom: 10px;}
#top span{color: #fff !important;font-size: 15px;font-weight: 500;line-height: 20px;}

@-webkit-keyframes fadeInUp{from{opacity:0;-webkit-transform:translate3d(0,30px,0);-moz-transform:translate3d(0,30px,0);-o-transform:translate3d(0,30px,0);transform:translate3d(0,30px,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes fadeInUp{from{opacity:0;-webkit-transform:translate3d(0,30px,0);-moz-transform:translate3d(0,30px,0);-o-transform:translate3d(0,30px,0);transform:translate3d(0,30px,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}
@-webkit-ke.main01 .bgyframes fadeInUpBig{from{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes fadeInUpBig{from{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}


.scroll{position: fixed;z-index: 5;bottom: 0;left: 50%;margin-left: -38px;display: none}
.fp-viewing-0thPage .scroll{display: block}
.scroll a > *{display: block}
.scroll a > * img{display: block;margin-left: 24px;margin-bottom: 13px;position: relative;-webkit-animation : 1.8s infinite;-moz-animation : 1.8s infinite;-o-animation : 1.8s infinite;-ms-animation : 1.8s infinite;animation-name: TOP; }
.scroll a span{font-size: 20px;font-weight: 500;color: #fff;letter-spacing: -0.25px;}
.scroll a span:after{content: '';display: block;width: 1px;height: 56px;background: #fff;margin: 0 auto;margin-top: 9px;}
.main01{background: #000}
#videobcg{display: block;background: #000}

#myVideo{
/*
		position: absolute;
		right: 0;
		bottom: 0;
		top:0;
		right:0;
		width: 100%;
		height: 100%;
		background-size: 100% 100%;
 		background-color: black;
*/
/*
  		background-image:  ;
  		background-position: center center;
  		background-size: contain;
   		object-fit: cover;
   		z-index:3;
*/
	position: fixed;
	top: 50%;
	left: 50%;
	min-width: 100%;
	min-height: 100%;
	width: auto;
	height: auto;
/*	z-index: -100;*/
	-moz-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	-webkit-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	}


#videobcg2{display: none}
#videobcg {
/*
		position: absolute;
		right: 0;
		bottom: 0;
		top:0;
		left:0;
		width: 100%;
		height: 100%;
		background-size: 100% 100%;
 		background-color: black; 
  		background-position: center center;
  		background-size: contain;
   		object-fit: cover;
   		z-index:3;
*/
	position: absolute;
	top: 50%;
	left: 50%;
	min-width: 100%;
	min-height: 100%;
	width: auto;
	height: auto;
/*	z-index: -100;*/
	-moz-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	-webkit-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
/*
     position: absolute;
     left: 50%;
     top: 50%;
     left: 50%;
     top: 50%; 
	 min-width: 1920px;
     min-height: 970px;
 	min-width: 100%;
    min-height: 100%;
	left: 0%;
     top: 0%;
	z-index: ;
     overflow: hidden !important;
	background: #000;
	margin-top: -485px;
	margin-left: -960px;
*/

}
#videobcg source {
     min-width: 100%;
     min-height: 100%;	
	vertical-align: middle;
	text-align: center;
}
#videobcg2 {
     position: absolute;
     left: 50%;
     top: 50%;
/*     min-width: 2137px;*/
/*     min-height: 1080px;;*/
     z-index: -1000;
     overflow: hidden !important;
	background: #000;
/*	margin-top: -540px;*/
/*	margin-left: -1068.5px;*/

}
#videobcg2 source {
     min-width: 100%;
     min-height: 100%;	
}
.main01 .bg video{min-width: 100%;min-height: 100%}
.main01 .bg video source{min-width: 100%;min-height: 100%}\
#videobcg source.pc{display: block}
#videobcg source.mo{display: none}
/*.main01 .bg{height: 100%;overflow: hidden;width: 100%;position: absolute;top:0;left: 0;background-size: cover}*/
/*background: url('/img/main/main_visual.jpg') no-repeat center center;*/
/*.main02{background:url(/img/main/con2_bg.jpg) no-repeat;background-size: cover}*/
.main02{background:url(/img/main/con2_bg3.jpg) no-repeat;background-size: cover}
/*.main02{background:#30358a}*/
.main02 .inner2{padding-top: 190px;}
.main02 .inner2 ul{padding-bottom: 80px;}

.main02 ul:after{content: '';display: block;clear: both}
.main02 ul li{float: left;margin-right: 3.5%;}
/*.main02.active ul li{opacity: 1;animation: 1.2s fadeInUp;animation-delay: 0.7s;transition-delay: 0.7s}*/
.main02 ul li:after{content: '';display: block;clear: both}
.main02 ul li:last-child{margin-right: 0}
.main02 ul li:first-child,.main02 ul li:nth-child(2){width: 22%}
.main02.active ul li .name img{width: 80%}
.main02 ul li:nth-child(3){width: 20%}
.main02 ul li:nth-child(4){width: 25.5%}
.main02 ul li .wrap_img{position: relative;}
.main02 ul li .m_duct1 .wrap_img img{width: 100%}
.main02 ul li  .wrap_img img{transition: 0.8s ease-in-out}
.main02 ul li  .wrap_img img{box-shadow: 15px 15px 20px 0px rgba(0,0,0,0.1);}
.main02 ul li a:after{content: '';display: block;clear: both}
.main02 ul li .wrap_img .gray{position: absolute;top:0;left: 0;transition: 0.8s ease-in-out}
.main02 ul li .wrap_img:hover .gray{opacity: 0}
.main02 ul li .wrap_img:hover img{transform: scale(1.3)}
.main02 ul li:nth-child(3) .wrap_img{float: right}
.main02 ul li a{position: relative;display: block;transition: 0.3s}
.main02 ul li .info{position: absolute;}
.main02 ul li:first-child .info{top:65%;right: 10%;z-index: 5}
.main02 ul li:nth-child(2) div:nth-child(1)  .info{bottom: 15%;left: 25px}
.main02 ul li:nth-child(2) div:nth-child(2) .info{bottom: 10%;left: 8%}
.main02 ul li:nth-child(3) div:nth-child(1) .info{top: 25%;left: 5%}
.main02 ul li:nth-child(3) div:nth-child(1) .info{top: 25%;left: 8%}
.main02 ul li:nth-child(3) div:nth-child(2) .info{bottom: 15%;left: -28%}
.main02 ul li:nth-child(4) div:nth-child(1) .info{bottom: 15%;left: 5%}
.main02 ul li:nth-child(4) div:nth-child(2) .info{bottom: 10%;left: 9%}
.main02 ul li .info strong{font-size: 30px;font-weight: 400;color: #fff;letter-spacing: -0.25px;line-height: 35px;}
.main02 ul li .info p{font-size: 14px;font-weight: 200;color: #fff;line-height: 15px;margin-top: 7px;line-height: 20px;}

.main02 ul li:nth-child(1) > div:first-child{margin-bottom: 20%;padding-top: 20%}
.main02 ul li:nth-child(2) > div:first-child{margin-bottom: 18%;margin-top: 25%}
.main02 ul li:nth-child(3) > div:first-child{margin-bottom: 18%;margin-top:16%}
.main02 ul li:nth-child(4) > div:first-child{margin-bottom: 18%;margin-top: -5%}
/*.main02 ul li:nth-child(1) > div:first-chil*/
.main02 ul li:first-child .wrap_img img{width: 100%}
.main02 svg{display: block;width:80px;stroke:#fff;fill:none;stroke-width:1px;}
.main02 ul li .duct{opacity: 0;position: relative;transition: 1s ease-in-out}
.main02.active ul li .name{opacity:1;left: 0;}
.main02 ul li .name{opacity: 0;position: relative;transition: 1s ease-in-out;transition-delay: 0.4s;left: -30px;}
.main02 ul li .m_duct1{left: -30px;transition-delay: 0.8s}
.main02.active ul li .m_duct1{opacity:1;left: 0;}
.main02 ul li .m_duct2{top: -30px;
	transition-delay: 1.1s
}
.main02.active ul li .m_duct2{opacity:1;top: 0;}
.main02 ul li .m_duct3{top: 30px;
	transition-delay: 1.4s
}
.main02.active ul li .m_duct3{opacity:1;top: 0;}
.main02 ul li .m_duct4{top: -30px;
	transition-delay: 1.7s
}
.main02.active ul li .m_duct4{opacity:1;top: 0;}
.main02 ul li .m_duct5{top: 30px;transition-delay: 2s;left: 0}
.main02.active ul li .m_duct5{opacity:1;top: 0;}
.main02 ul li .m_duct6{top: -30px;transition-delay: 2.3s}
.main02.active ul li .m_duct6{opacity:1;top: 0;}
.main02 ul li .m_duct7{top: 30px;transition-delay: 2.6s}
.main02.active ul li .m_duct7{opacity:1;top: 0;}
.main02 svg #st0{animation: tw 1.5s;-webkit-animation: tw 1.5s;-moz-animation: tw 1.5s;-o-animation: tw 1.5s;-ms-animation: tw 1.5s;animation-delay: 3s}
@keyframes tw {
    10%{
        stroke-dasharray:35,35,35;
    }
    100%{
        stroke-dasharray:100,100,100;
    }
}

/*설치사례*/
.main03{background:url(/img/main/con3_bg2.jpg) no-repeat;background-size: cover}
/*.main03{background:url(/img/main/con3_bg.jpg) no-repeat;background-size: cover}*/
.main03 ul.list{padding-bottom: 50px;}
.main03 ul.list:after{content: '';display: block;clear: both}
.main03 ul.list li{float: left;width: 32%;;margin-left: 1%;margin-bottom: 69px;opacity: 0;transition: 1s ease-in-out;transition-delay: 0.7s;position: relative;top:30px;height: 303px;}
/*.main03 ul.list li{float: left;width: 32%;;margin-right: 2%;margin-bottom: 69px;opacity: 0;transition: 1.5s;transition-delay: 0.7s}*/

/*.main03.active ul.list li{opacity: 1;animation: 1.5s fadeInUp;animation-delay: 0.7s}*/
.main03.active ul.list li{opacity: 1;top:0}
.main03 ul.list li:nth-child(2){transition-delay: 1s}
.main03.active ul.list li:nth-child(2){animation-delay: 1s}
.main03 ul.list li:nth-child(3){transition-delay: 1.3s}
.main03.active ul.list li:nth-child(3){animation-delay: 1.3s}
.main03 ul.list li:nth-child(4){transition-delay: 1.6s}
.main03.active ul.list li:nth-child(4){animation-delay: 1.6s}
.main03 ul.list li:nth-child(5){transition-delay: 1.9s}
.main03.active ul.list li:nth-child(5){animation-delay: 1.90s}
.main03 ul.list li:nth-child(6){transition-delay: 2.1s}
.main03.active ul.list li:nth-child(6){animation-delay: 2.1s}
.main03 ul.list li:first-child{margin-left: 0% !important}
.main03 ul.list li:nth-child(1){margin-left: 0% !important}
.main03 ul.list li:nth-child(4){margin-left: 0% !important}
.main03 ul.list li .img > img{width: 100%}
.main03 ul.list li .img{position: relative}
.main03 ul.list li .img > .hover{position: absolute;width: 100%;height: 100%;left: 0;top:0;background: rgba(10,26,74,0.9);transition: 0.3s;opacity: 0}
.main03 ul.list li:hover .img > .hover{opacity: 1}
.main03 ul.list li .img > .hover div{position: absolute;top:50%;margin-top: -21.5px;;width: 100%}
.main03 ul.list li .img > .hover div img{display: block;margin: 0 auto}
.main03 ul.list li  strong{font-size: 20px;display: block;letter-spacing: -0.5px;font-weight: 300;text-align: center;margin-top: 18px;color: #333333}
.main02 ul li:nth-child(2) > div:first-child img{width: 100%}
.main02 ul li:nth-child(2) > div:nth-child(2) img{width: 64%}
.main02 ul li:nth-child(3) > div:nth-child(1) img{width: 100%}
.main02 ul li:nth-child(3) > div:nth-child(2) img{width: 137%;float: right}
.main02 ul li:nth-child(3) > div:nth-child(2) .wrap_img .gray{right: 0;left: auto}
.main02 ul li:nth-child(4) > div:nth-child(1) img{width: 100%}
.main02 ul li:nth-child(4) > div:nth-child(2) img{width: 87.5%}

/*폼*/
.mid02{;position: relative;background: #182855}
.inner{width: 1200px;margin: 0 auto}
.inner2{width: 85%;margin: 0 auto}
.sub_title{display: block;text-align: center;font-size: 28px;color: #191919;margin-bottom: 50px;}
.mid02 .con1 > div {float: left;width: 50%}
.mid02 .con1 > div.sec2 {background: url(/img/common/bg.png) no-repeat 70% 30%}
.mid02 .con1{padding-top: 165px;position: relative;z-index: 6}
.mid02 .con1:after{content: '';display: block;clear: both}
.mid02 .con1 > .sec1{padding-right: 20px;}
.mid02 .con1 > .sec1 strong {font-size: 40px;display: block;color: #ffffff;margin-bottom: 40px;position: relative;left: -30px;transition: 1s ease-in-out;opacity: 0;transition-delay: 0.5s}
.mid02.active .con1 > .sec1 strong{opacity: 1;left:0}
.mid02 .con1 > .sec1 p {font-size: 20px;color: #dbdce0;display: block;letter-spacing: -0.5px;line-height: 38px;font-weight: 400}
.mid02 .con1 > .sec1 p span{display: block;font-size: 16px;font-weight: 200;color: #9ea3b3}
.mid02 .con1 > .sec1 ul {margin-top: 40px;}
.mid02 .con1 > .sec1 ul li{font-size: 16px;color: #9ea3b3;font-weight: 300;letter-spacing:-0.5px;line-height: 38px;}
.mid02 .con1 > .sec1 ul.social li{float: left;transition: 0.3s;position: relative}
.mid02 .con1 > .sec1 ul.social li:first-child{margin-right: 20px;}
.mid02 .con1 > .sec1 ul.social  li a{display: block;width: 24px;height: 24px;background: url(/img/main/face.png);}
.mid02 .con1 > .sec1 ul li:last-child a{background: url(/img/main/you.png);transition: 0.3s}
.mid02 .con1 > .sec1 ul li:hover a{background: url(/img/main/face_h.png);}
.mid02 .con1 > .sec1 ul li:nth-child(2):hover a{background: url(/img/main/you_h.png);}
.mid02 .con1 > .sec1 ul span{display: inline-block;margin-right: 5px;font-weight: 600}
.mid02 .con1 > .sec2 .form div{width: 100%;border-bottom: 1px solid #26324f;padding: 10px 0;padding-top: 30px;}
.mid02 .con1 > .sec2 .form div:last-child{border-bottom: none;padding-top:18.5px;}
.mid02 .con1 > .sec2 .form div label{width: 20%;font-size: 16px; color: #566083;font-weight: 300;letter-spacing: 0.5px; display: inline-block;float: left;position: relative;top:7px;letter-spacing: -0.5px;}
.mid02 .con1 > .sec2 .form div label:before{content: '';display: inline-block;width: 5px;height: 5px;background: #566083;margin-right: 10px;position: relative;top:-3px;}
.mid02 .con1 > .sec2 .form div input[type="text"],.mid02 .con1 > .sec2 .form div input[type="email"],.mid02 .con1 > .sec2 .form div input[type="tel"]{background: none;border: none;height: 34px;color: #fff}
.mid02 .con1 > .sec2 .form div input::placeholder,.mid02 .con1 > .sec2 .form div textarea::placeholder{color: #d3dce6;font-size: 18px;letter-spacing: -0.5px;font-weight: 300}
.mid02 .con1 > .sec2 .form div input,.mid02 .con1 > .sec2 .form div textarea{width: 80%}
.mid02 .con1 > .sec2 .form div textarea{background: none;border: none;min-height: 155px;color: #fff;padding-top: 7px;}
.mid02 .con1 > .sec2 .form .file1 .btn-upload{width: 125px;background: #33416c;color: #c5cfdb;text-align: center;font-size: 15px;display:inline-block;padding: 10px 0;transition: 0.3s;margin-right: 5px;border-radius: 3px;}
.mid02 .con1 > .sec2 .form .file1 .btn-upload.on{background: #004595}
.mid02 .con1 > .sec2 .form .file1 .btn-upload:hover{background:#004595;color: #fff }
.mid02 .con1 > .sec2 .form div.file{height: 55px;padding-top: 7px;}
.mid02 .con1 > .sec2 .form .file1{width: 80%;float: left;position: relative}
.mid02 .con1 > .sec2 .form .file1 input[type="file"]{position: absolute;opacity: 0}
.mid02 .con1 > .sec2 .form .file1 input[type="checkbox"]{width: auto}
.mid02 .con1 > .sec2 .form .file1 span{color: #fff;font-style: normal;color: #788492;font-size: 15px;}
.mid02 .con1 > .sec2 .form .personal{position: relative;left: -25px;border-bottom: none}
.mid02 .con1 > .sec2 .form .personal div:after{content: '';display: block;clear: both}
.mid02 .con1 > .sec2 .form .personal input[type="checkbox"]{width: auto;float: left}
.mid02 .con1 > .sec2 .form .personal label{width: auto;color: #8891a5}
.mid02 .con1 > .sec2 .form .personal label span{font-weight: 400;display: inline-block;color:#d4d9e6;padding-bottom: 5px;}
.mid02 .con1 > .sec2 .form .personal input[type="checkbox"] {
 opacity: .0;
  position: relative;
  left: 30px;
  top:22px;
    height: 14px;height: 14px;
    z-index: 5
}
.mid02 .con1 > .sec2 .form .personal input[type="checkbox"] + label:before {
content: ' ';
display: inline-block;
width: 14px;
height: 14px;
	background: #182855;
margin: 10px 8px 0 15px;
border: 1px solid #ddd;
position: relative;
top:3px;
}
.mid02 .con1 > .sec2 .form .personal input[type="checkbox"]:checked + label:before {
content: '';
color: #314ca2;
background: url(/img/sub/check.jpg) no-repeat 50% 50%;background-size:8px 8px;
}
.mid02 .con1 > .sec2 .form .personal input[type="button"]{width: 150px;float: right;font-size: 15px;color: #202a41;height: 43px;background: #e1eefb;border-radius: 30px;position: relative;right: -25px;transition: 0.3s;border: none;font-weight: 500}
.mid02 .con1 > .sec2 .form .personal input[type="button"]{width: 150px;float: right;font-size: 15px;color: #202a41;height: 43px;background: #e1eefb;border-radius: 30px;position: relative;right: -25px;transition: 0.3s;border: none;font-weight: 500}
.mid02 .con1 > .sec2 .form .personal input[type="button"]:hover{color: #fff;background:#33416c}
.mid02 .con2{margin-top: 70px;padding-bottom: 129px;position: relative;}
.mid02 .con2 .map{width: 100%;overflow: hidden;box-shadow: 2px 5px 35px rgba(0,0,0,0.2);}
.mid03 .con2 .map{height: 500px;overflow: hidden}
.mid02 .con2:before{content: '';display: block;width: 672px;height: 131px;background: url(img/contact.png);top:-160px;z-index: 2;position: absolute}
.mid03{background: #182855}
.mid03 .con2 .map .map_inf{position: absolute;z-index: 555;width: 100%;height: 100%;background: rgba(0,0,0,.8);top:0;left: 0;
}
.mid03 .con2 .map .map_inf.remove{display: none}
.mid03 .con2 .map .map_inf strong{display: block;text-align: center;color: #fff;font-size: 20px;line-height: 38px;margin-top: 170px}
.mid03 .con2 .map .map_inf button{display: block;width: 150px;padding: 10px 0 ;margin: 0 auto;margin-top: 30px;font-size: 18px;color: #fff;border: 1px solid #fff}
.mid03 .con2 .map .map_inf 
.mid03 .fp-tableCell{vertical-align: top}
/*.mid03 .inner{padding-top: 150px;}*/
.mid03 #footer .inner{padding-top: 0}
.pop{position: fixed;width: 100%;top:0;background: rgba(0,0,0,0.5);height: 100%;display: none}
.pop.on{display: block;overflow-y: scroll;}
.pop > div{position: absolute;top:50%;margin-top: -248.5px;;width: 100%}
.pop > div > div{width: 980px;min-height: 563px;margin: 0 auto;background: #fff;position: relative;padding: 50px 40px;height: 500px;overflow-y: scroll}
.pop > div > div button{position: absolute;top:-0;right: 0}
.pop > div > div > div{;overflow: hidden;width: 100%;box-sizing: border-box}
.pop > div > div > div.tit span{font-size: 15px;color: #404040;line-height: 50px;display: block}
.pop > div > div > div.tit strong{font-size: 22.5px;color: #212121;line-height: 50px;display: block;letter-spacing: -0.5px;margin-bottom:10px;}
.pop > div > div > div.tit {border-bottom: 1px solid #d2d2d2}
.pop > div > div > div.txt{margin-top: 20px;}
.pop > div > div > div.txt p{line-height: 26px;margin-top: 10px;}
.pop > div > div > div.tit{margin-bottom: 20px;}

#footer{position: absolute;bottom: 0;left: 0;width: 100%}
@media (max-width: 1920px){
	.main01 .bg img{width: auto;height: 100%}
}
@media (max-width: 1780px){
	.mid03 .con2 .map{height: 400px}
	.mid03 .con2 .map .map_inf strong{margin-top: 50px;font-size: 14px;line-height: 24px;}
	.mid03 .con2 .map .map_inf button{width: 100px;font-size: 13px;padding: 7px 0;margin-top: 17px}
}
@media (max-width: 1380px){
	.inner2{width: 100%;padding: 0 20px;}
}
@media (max-width: 1240px){
    .inner{width: 100% !important;padding: 0 20px;}
	#top{bottom: 20px;right: 20px;}
	#fp-nav ul li a, .fp-slidesNav ul li a{width: 40px;}
	#fp-nav ul li a.active span, #fp-nav ul li:hover a.active span, .fp-slidesNav ul li a.active span, .fp-slidesNav ul li:hover a.active span{width: 50px;}
	.fp-viewing-0thPage ul li a.active:before{right: 10px;}
	.fp-viewing-firstPage ul li a.active:before{right: 10px;}
	.fp-viewing-secondPage ul li a.active:before{right: 10px;}
	.fp-viewing-3 ul li a.active:before{right: 10px;}
	#fp-nav ul li a.active:before{font-size: 11px;}
	#fp-nav ul li, .fp-slidesNav ul li{margin-top: 20px;}
	.fp-viewing-firstPage #fp-nav ul li:nth-child(2), .fp-slidesNav ul li:nth-child(2){;margin-top:35px;}
	.fp-viewing-secondPage #fp-nav ul li:nth-child(3), .fp-secondPage ul li:nth-child(3){;margin-top: 35px;}
	.fp-viewing-3 #fp-nav ul li:nth-child(4), .fp-viewing-3 #fp-nav ul li:nth-child(4){;margin-top: 35px;}
	.fp-viewing-4 #fp-nav ul li:nth-child(5), .fp-viewing-4 #fp-nav ul li:nth-child(5){;margin-top: 35px;}
	.fp-viewing-firstPage ul li a.active:before{top:-20px;}
	.fp-viewing-secondPage ul li a.active:before{top:-20px;}
	.fp-viewing-3 ul li a.active:before{top:-20px;width: 70px;}
	.fp-viewing-4 ul li a.active:before{width: 70px;right: 10px;;top:-20px;}
	.fp-viewing-0thPage ul li a.active:before{top:-20px;width: 60px;}
}


@media (max-width: 1020px){
    .pop > div > div{width: 90%;}
	.main02 ul li .info strong{font-size: 20px;}
	.main02 ul li .info p{font-size: 11px;}
}
@media (max-width: 850px){
	.main03 ul.list li strong{font-size: 13px;}
	.main_tit strong{font-size: 20px;}
	.main_tit{margin-top: 100px;}
	.scroll a span{font-size: 14px;}
	.scroll a span:after{height: 20px;}
	.scroll a > * img{width: 16px;margin-left: 18px;margin-bottom: 5px;}
	#top span{font-size: 11px;}
	#top i img{width: 5px;}
	.mid02 .con1 > .sec2 .form .personal label span{font-size: 12px;}
}

@media (max-width: 780px){
    .mid02 .con1 > div{float: none;width: 100%}
    .mid02 .con1 > .sec1{margin-bottom: 50px;}
    .mid02 .con1 > .sec1 strong{text-align: center}
    .mid02 .con1 > .sec1 p{text-align: center}
    .mid02 .con1 > .sec1 ul li{text-align: center}
    .mid02 .con1 > .sec1 strong{font-size: 34px;}
    .mid02 .con1 > .sec1 p{font-size: 16px;}
    .mid02 .con1 > .sec1 ul li{font-size: 13px;line-height: 26px;}
    .mid02 .con1 > .sec2 .form div label{font-size: 12px}
    .mid02 .con1 > .sec2 .form div input::placeholder,.mid02 .con1 > .sec2 .form div textarea::placeholder{font-size: 13px;}
	.mid02 .con1 > .sec2 .form div textarea{padding-top: 5px;}
    .mid02 .con2 .map{height: 300px;}
    .mid02 .con1 > .sec2 .form .file1 span{font-size: 12px;}
    .mid02 .con1 > .sec2 .form .file1 .btn-upload{width: 100px;padding: 5px 0}
    .mid02 .con1 > .sec1 ul.social li{float: none;display: inline-block}
    .mid02 .con1 > .sec1 ul.social{text-align: center}
    .mid02 .con1{padding-top: 60px;}
    .mid02 .con2{padding-bottom: 60px;}
    .location li{ width: 27px; height: 27px; }
    .location li a{ line-height: 27px; }
    .location li.prev a,.location li.m_prev a{ top: 8px; }
    .location li.next a,.location li.m_next a{ top: 8px; }
	.mid03 .con2 .map{height: 200px}
	.mid03 .inner{padding-top: 150px;}
	.mid03 .fp-tableCell{vertical-align: top}
	
}


@media screen and (max-width:720px){
	#videobcg{display: none}
	#videobcg2{display: block}
    .pop > div > div > div.tit strong{font-size: 20px;;line-height: 40px}
    .pop > div > div > div.tit span{font-size: 13px;line-height: 22px}
    .pop > div > div{width: 497px}
    .pop > div > div > div.txt p{font-size: 13px}
	.main02 ul li:first-child, .main02 ul li:nth-child(2){width:  48%}
	.main02 ul li:nth-child(4), .main02 ul li:nth-child(3){width:  48%}
	.main02 ul li:nth-child(2){margin-right: 0;margin-bottom: 16%}
	.main02 ul li:nth-child(3){position: relative;top:-50%;}
	.main02 ul li:nth-child(4){position: relative;}
	.main02 ul li:nth-child(3) > div:first-child{margin-bottom: 23%}
	.main02 ul li:nth-child(4) > div:first-child,.main02 ul li:nth-child(2) > div:first-child{margin-bottom: 15%}
	.main02 ul li:nth-child(2) div:nth-child(1) .info{left: 5%}
	.main02 ul li:nth-child(4) div:nth-child(2) .info{left: 5%}
	.main02 ul li:nth-child(3) div:nth-child(1) .info,.main02 ul li:nth-child(3) div:nth-child(2) .info{top: auto;bottom: -15%;left: 5%}
	.main02 ul li:nth-child(3) > div:nth-child(2) img{width: 100%}
/*	.main02 ul li:nth-child(3){margin-top: -5%}*/
	.main02 ul li:nth-child(3){margin-top: -35%}
	.main02 ul li:nth-child(1) > div:first-child img{width: 100%}
	.main02 .inner2{padding-top: 80px;}
	.main02 ul li .wrap_img img{width: 100%}
	.mid02 .con1 > .sec1 strong{font-size: 24px;margin-bottom: 20px;}
	.mid02 .con1 > .sec1 ul{margin-top: 20px;}
	.wrap_video {position: absolute;width: 100%; height: 100%;overflow: hidden;top:0}
	.main03 ul.list li{height: 200px;}
/*	.main02 ul li:nth-child(4){margin-top: -38%}*/
	#videobcg2 {
/*
     position: static;
		top:0;
		left: 0;
*/
/*		height: 100%;*/
/*		width: 100%;*/
/*		height: 100%;*/
/*
		position: absolute;
		right: 0;
		bottom: 0;
		top:0;
		left:0;
		width: 100%;
		height: 100%;
		background-size: 100% 100%;
 		background-color: black;
  		background-position: center center;
  		background-size: contain;
   		object-fit: cover; 
   		z-index:3;			
*/
		position: absolute;
		top: 50%;
		left: 50%;
		min-width: 100%;
		min-height: 100%;
		width: 100%;
		height: auto;
		z-index: 100;
		-moz-transform: translateX(-50%) translateY(-50%);
		-ms-transform: translateX(-50%) translateY(-50%);
		-webkit-transform: translateX(-50%) translateY(-50%);
		transform: translateX(-50%) translateY(-50%);
}
}
@media (max-width: 680px){
	.main03 ul.list li{width: 49%;margin-bottom: 5%}
/*	.main03 ul.list li:nth-child(3n){margin-right: 2%}*/
	.main03 ul.list li:nth-child(2n){margin-right: 0}
	.mid02 .con1{padding-top: 80px;}
	
}
@media screen and (max-width:450px){
    .mid02 .con1 > .sec2 .form .personal input[type="button"]{float: none;display: block;margin: 0 auto;margin-top: 60px;}
	.mid02 .con1 > .sec1 ul li{font-size: 12px;}
	.mid02 .con1 > .sec1 ul span{font-size: 12px;}
	.main02 ul li .info strong{font-size: 16px;}
	.main02 ul li .info strong{line-height: 28px;}
	.main02 ul li .info p{margin-top: 3px;}
	.mid02 .con1 > .sec2 .form div label{width: 24%;}
	.mid02 .con1 > .sec2 .form .file1,.mid02 .con1 > .sec2 .form div input, .mid02 .con1 > .sec2 .form div textarea{width: 76%}
}
@media screen and (max-width:450px){
	#top{bottom:60px;}
	.main03 ul.list li{height: 160px;}
}
@media screen and (max-width:500px){
    .pop > div > div{width: 90%}
}