@charset "utf-8";

.t140 {top:140px;}

.mtit {font-size:60px; color:#090909; text-align:center; font-weight:100; letter-spacing:-0.5px;}
.stit {font-size:24px; color:#171717; text-align:center; font-weight:100; letter-spacing:-0.5px; padding-top:20px;}

.main_box {position:relative; margin-top:1000px; z-index:2;}

/* intro pop */
.epop {display:none; z-index:20; position:fixed; left:50%; margin-left:-400px; top:50%; margin-top:-350px; width:800px; height:700px; background:#d2d6de; padding:100px; box-sizing:border-box;}
.epop .close {text-align:right;}
.epop .econ {}
.epop .econ .tit {font-size:35px; text-align:center; color:#444;}
.epop .econ .tit span {font-weight:bold;}
.epop .econ .wbox {width:450px; height:235px; margin:20px auto 0; background:#fff; padding:20px;}
.epop .econ .wbox .txt {font-size:14px; text-align:center; color:#333; margin-bottom:20px;}
.epop .econ .wbox p label {display:block; font-size:14px; color:#666; font-weight:700; margin-bottom:5px;}
.epop .econ .wbox .nick input[type="text"] {width:450px; height:34px; padding:6px 12px; box-sizing:border-box;}
.epop .econ .wbox .num input[type="text"] {width:102px; height:34px; padding:6px 12px; margin-right:10px; box-sizing:border-box;}
.epop .econ .wbox .num {margin-top:20px;}
.epop .econ .wbox .send {float:right; margin-top:20px; width:115px; height:34px; background:#286090; border:1px solid #204d74; box-sizing:border-box;}
.epop .econ .wbox .send a {display:block; line-height:34px; color:#fff; text-align:center;}
.epop .econ .wbox .send:hover {background:#367fa9;}

/* intro */
.intro {position:fixed; z-index:0; top:0; width:100%; height:1000px; min-height:1000px; text-align:center;}
.intro .txt_wrap {width:1100px; top:380px; left:50%; margin-left:-550px; position:absolute; z-index:100; text-align:center;}
.intro .txt_wrap .txt01 {font-size:14px; font-weight:300; letter-spacing:5px; color:#fff;}
.intro .txt_wrap .txt02 {text-align:center; margin:30px auto 37px;}
.intro .txt_wrap .txt03 {font-size:30px; font-weight:100; letter-spacing:-0.5px; color:#fff;}
.intro .txt_wrap .txt04 {margin-top:15px; text-align:center; color:#fff; font-size:15px; font-weight:300; letter-spacing:-0.3px;}
.intro .txt_wrap .down_arrow {width:60px; height:60px; margin:45px auto 0;}
.intro .btn_w {overflow:hidden; width:540px; margin:65px auto 0;}
.intro .btn_w p {float:left;}
.intro .btn_w .app {background:url("../img/app_off.png") no-repeat; width:260px; height:70px; line-height:68px; box-sizing:border-box; color:#fff; font-size:16px; font-weight:300; letter-spacing:-0.5px;} 
.intro .btn_w .app .icon01 {margin:19px 0 0 14px; display:inline-block;}
.intro .btn_w .app .bar {display:inline-block; border-right:1px solid #fff; height:20px; margin:0 8px; vertical-align:text-bottom;}
.intro .btn_w .app .icon02 {margin-top:19px; display:inline-block;}
.intro .btn_w .enter {background:url("../img/enter_off.png") no-repeat; width:260px; height:70px; line-height:70px; margin-left:20px;}
.intro .btn_w .enter a {color:#fff; font-size:16px; font-weight:400; text-align:center; display:block; letter-spacing:-0.5px;}
.intro .btn_w .enter:hover {background:url("../img/enter_on.png") no-repeat; width:260px; height:70px;}
.intro #animation_container {margin:0 auto;}
.intro #canvas {left:50%; margin-left:-960px; height:1000px !important;}
.intro .intro_m {display:none; width:100%; height:100%; background:url("../img/intro_m.jpg") center top no-repeat; background-size: cover;
	-webkit-animation: bgScale 5000ms 1 ease-out; -o-animation: bgScale 5000ms 1 ease-out; animation: bgScale 5000ms 1 ease-out;
	-webkit-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1);}
@-webkit-keyframes bgScale {
	0% {-webkit-transform: scale(1);}
	100% {-webkit-transform: scale(1.1);}
}
@-o-keyframes bgScale {
	0% {-o-transform: scale(1);}
	100% {-o-transform: scale(1.1);}
}
@keyframes bgScale {
	0% {transform: scale(1);}
	100% {transform: scale(1.1) rotate(0.02deg);}
}

.intro ul li {z-index:0; transform:scale(1);  -o-transform:scale(1); -moz-transform:scale(1); -webkit-transform:scale(1);}
.intro ul li.on {-webkit-animation: introimg 6000ms 1 ease-in-out; -o-animation: introimg 6000ms 1 ease-in-out; animation: introimg 6000ms 1 ease-in-out;
	-webkit-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1);}
@-webkit-keyframes introimg {
	0% {-webkit-transform: scale(1);}
	100% {-webkit-transform: scale(1.1);}
}
@-o-keyframes introimg {
	0% {-o-transform: scale(1);}
	100% {-o-transform: scale(1.1);}
}
@keyframes introimg {
	0% {transform: scale(1);}
	100% {transform: scale(1.1);}
}

.intro .bx-wrapper .bx-pager.bx-default-pager {display:none;}
.intro ul li {width:100% !important;}
.intro ul li.intro00 {background:url("../img/intro_img00.jpg") center no-repeat; height:1000px;}
.intro ul li.intro01 {background:url("../img/intro_img01.jpg") center no-repeat; height:1000px;}
.intro ul li.intro02 {background:url("../img/intro_img02.jpg") center no-repeat; height:1000px;}
.intro ul li.intro03 {background:url("../img/intro_img03.jpg") center no-repeat; height:1000px;}
.intro ul li.intro04 {background:url("../img/intro_img04.jpg") center no-repeat; height:1000px;}
.intro ul li.intro05 {background:url("../img/intro_img05.jpg") center no-repeat; height:1000px;}
.intro ul li.intro06 {background:url("../img/intro_img06.jpg") center no-repeat; height:1000px;}
.intro ul li.intro07 {background:url("../img/intro_img07.jpg") center no-repeat; height:1000px;}
.intro ul li.intro08 {background:url("../img/intro_img08.jpg") center no-repeat; height:1000px;}
.intro ul li.intro09 {background:url("../img/intro_img09.jpg") center no-repeat; height:1000px;}
.intro ul li.intro010 {background:url("../img/intro_img010.jpg") center no-repeat; height:1000px;}
.intro ul li.intro011 {background:url("../img/intro_img011.jpg") center no-repeat; height:1000px;}
.intro ul li.intro012 {background:url("../img/intro_img012.jpg") center no-repeat; height:1000px;}
.intro ul li.intro013 {background:url("../img/intro_img013.jpg") center no-repeat; height:1000px;}


/* main visual */
.mv {width:100%; position:relative;}
/*.mv .bx-wrapper img {width:100%;}*/
.mv .bx-wrapper .bx-controls-direction {display:none;}
.mv .bx-wrapper .bx-pager {width:100%; position:absolute; bottom:20%; left:0; text-align:center;}
.mv .bx-wrapper .bx-pager .bx-pager-item {display:inline-block; margin-right:10px;}
.mv .bx-wrapper .bx-pager .bx-pager-item:last-of-type {margin-right:0;}
.mv .bx-wrapper .bx-pager.bx-default-pager a {display:block; width:9px; height:9px; background:url("../img/btn_off.png") no-repeat; text-indent:-9999px;}
.mv .bx-wrapper .bx-pager.bx-default-pager a.active {width:26px; height:9px; background:url("../img/btn_on.png") no-repeat;}
.mv ul li.mv01 {background:url("../img/mv01_img.jpg") center no-repeat; width:100%; height:1000px;}
.mv ul li.mv02 {background:url("../img/mv02_img.jpg") center no-repeat; width:100%; height:1000px;}
.mv ul li.mv03 {background:url("../img/mv03_img.jpg") center no-repeat; width:100%; height:1000px;}
.mv ul li.mv04 {background:url("../img/mv04_img.jpg") center no-repeat; width:100%; height:1000px;}
.mv ul li .mv_txt {width:1100px; margin:260px auto 0; text-align:center;}
.mv ul li .mv_txt .stit {margin-top:25px;}
.mv ul li .mv_txt .btn {width:250px; height:54px; border:1px solid #5a7994; border-radius:100px; margin:80px auto 0;}
.mv ul li .mv_txt .btn a {color:#fff; line-height:54px; display:block; text-align:center; font-size:12px; font-weight:500;}

/* video */
.video {position:relative; cursor:pointer;}
.video .vimg {text-align:center; background:url("../img/video_img.jpg") center no-repeat; height:930px;}
.vpop_wrap {display:none; width:100%; height:100%; background:rgba(0,0,0,0.9); position:fixed; top:0; z-index:7;}
.vpop {position:absolute; width:1100px; height:730px; left:50%; margin-left:-550px; top:50%; margin-top:-365px;}
.vpop .close {position:absolute; top:0; right:0;}
.vpop .vplay {margin:80px auto 0;}

/* product */
.product {position:relative; height:930px; padding-top:60px; background:#f5f5f5;}
.product .p_slide_wrap {width:1100px; margin:0 auto;}
.product .p_slide {width:100%;}
.product .p_slide ul {width:1100px; margin:0 auto; position:relative;}
.product .p_slide .p01 {position:relative; background:url("../img/pp01_img.png") 235px 157px no-repeat; width:1100px; height:737px; margin:75px auto 0;}
.product .p_slide .p01 .circle {position:absolute; top:0; width:200px; height:200px; border:1px solid #c8c8c9; border-radius:100px; box-sizing:border-box; text-align:center;}
.product .p_slide .p01 .circle .num {font-size:12px; color:#090909; text-align:center; margin-top:30px; font-weight:800;}
.product .p_slide .p01 .circle .num span {border-top:1px solid #c8c8c9; border-bottom:1px solid #c8c8c9; display:inline-block; padding:5px 0;}
.product .p_slide .p01 .circle .txt {font-size:16px; line-height:26px; letter-spacing:-0.7px; color:#090909; margin-top:30px; font-weight:200;}
.product .p_slide .p01 .circle.gray {background:#c8c8c9;}
.product .p_slide .p01 .circle.gray .num {color:#fff;}
.product .p_slide .p01 .circle.gray .num span {border-top:1px solid #fff; border-bottom:1px solid #fff;}
.product .p_slide .p01 .circle.gray .txt {color:#fff;}
.product .p_slide .p01 .cr02 {left:260px;}
.product .p_slide .p01 .cr03 {right:0;}
.product .p_slide .p01 .cr04 {left:0; top:370px;}
.product .p_slide .p01 .cr05 {right:0; top:370px;}
.product .p_slide .p01 .cr05 {background:#82828a;}
.product .p_slide .p01 .cr05 .txt {color:#fff;}
.product .p_slide .p01 .cr05 .num {color:#fff;}
.product .p_slide .p02 {font-size:0; position:relative; width:1100px; margin:60px auto 0;}
.product .p_slide .p02 div {display:inline-block; position:relative;}
.product .p_slide .p02 div:nth-child(1) {margin:0 25px 25px 0;}
.product .p_slide .p02 div:nth-child(2) {margin-bottom:25px;}
.product .p_slide .p02 div:nth-child(3) {margin-right:25px;}
.product .p_slide .p02 div:nth-child(4) {margin-right:25px;}
.product .p_slide .p02 div .mask {background:rgba(0,0,0,0.7); position:absolute; top:0; width:100%; height:100%; display:none;}
.product .p_slide .p02 div .txt {display:none; position:absolute; width:100%; text-align:center; color:#fff; top:0; font-size:30px; font-weight:100; line-height:36px; padding-top:90px;}
.product .p_slide .p02 div:nth-child(3) .txt {padding-top:70px;}
.product .p_slide .p02 div .btn {display:none; position:absolute; width:128px; height:30px; border:1px solid #fff; left:50%; margin-left:-64px; color:#fff; text-align:center; line-height:30px; font-size:12px; border-radius:100px; bottom:70px;}
.product .p_slide .p02 div:hover .txt {display:block;}
.product .p_slide .p02 div:hover .mask {display:block;}
.product .p_slide .p02 div:hover .btn {display:block;}
.product .p_slide .bx-wrapper .bx-controls-direction {width:1200px; position:absolute; top:50%; left:50%; margin-left:-600px; margin-top:-31px;}
.product .p_slide .bx-wrapper .bx-controls-direction a {position:absolute; width:80px; height:80px; background-size:cover; text-indent:-9999px;}
.product .p_slide .bx-wrapper .bx-prev {left:-130px; background:url("../img/pro_left_off.png") no-repeat;}
.product .p_slide .bx-wrapper .bx-next {right:-130px; background:url("../img/pro_right_off.png") no-repeat;}
.product .p_slide .bx-wrapper .bx-prev:hover {left:-130px; background:url("../img/pro_left_on.png") no-repeat;}
.product .p_slide .bx-wrapper .bx-next:hover {right:-130px; background:url("../img/pro_right_on.png") no-repeat;}
.product .p_slide .bx-wrapper .bx-pager {width:100%; position:absolute; bottom:40px; left:0; text-align:center;}
.product .p_slide .bx-wrapper .bx-pager .bx-pager-item {display:inline-block; margin-right:10px;}
.product .p_slide .bx-wrapper .bx-pager .bx-pager-item:last-of-type {margin-right:0;}
.product .p_slide .bx-wrapper .bx-pager.bx-default-pager a {display:block; width:7px; height:7px; background:url("../img/book_off.png") no-repeat; text-indent:-9999px;}
.product .p_slide .bx-wrapper .bx-pager.bx-default-pager a.active {background:url("../img/book_on.png") no-repeat;}

/* war */
.war {background:url("../img/war_img.jpg") center no-repeat; position:relative; height:860px; padding-top:70px;}
.war .book_wrap {width:1100px; margin:0 auto; position:relative;}
.war .book {background:url("../img/war_book.png") no-repeat; position:relative; width:810px; height:480px; margin:60px 0 0 290px; overflow:hidden;}
.war .book .left_txt {width:320px; float:left; padding:50px 0 0 50px; box-sizing:border-box;}
.war .book .left_txt .btit {color:#171717; font-size:24px; line-height:36px; font-weight:300;}
.war .book .left_txt .btit span {display:block; font-size:60px; font-weight:100; margin-bottom:35px;}
.war .book .right_img {width:490px; float:left; padding:50px 0 0 25px; box-sizing:border-box; position:relative;}
.war .book .right_img .bx-wrapper .bx-viewport ul li {z-index:0 !important;}
.war .book .bx-wrapper .bx-controls-direction {width:101px;}
.war .book .bx-wrapper .bx-controls-direction a {position: absolute; width:50px; height:50px; background-size:cover; text-indent:-9999px;}
.war .book .bx-wrapper .bx-prev {left:50px; bottom:50px; background: url("../img/bl_off.png") no-repeat;}
.war .book .bx-wrapper .bx-prev:hover {background: url("../img/bl_on.png") no-repeat;}
.war .book .bx-wrapper .bx-next {left:102px; bottom:50px; background: url("../img/br_off.png") no-repeat;}
.war .book .bx-wrapper .bx-next:hover {background: url("../img/br_on.png") no-repeat;}
.war .book .right_img .bx-wrapper .bx-pager .bx-pager-item {display:inline-block; margin-right:10px;}
.war .book .right_img .bx-wrapper .bx-pager .bx-pager-item:last-of-type {margin-right:0;}
.war .book .right_img .bx-wrapper .bx-pager.bx-default-pager a {display:block; width:7px; height:7px; background:url("../img/book_off.png") no-repeat; text-indent:-9999px;}
.war .book .right_img .bx-wrapper .bx-pager.bx-default-pager a.active {background:url("../img/book_on.png") no-repeat;}
.war .book .right_img .bx-wrapper .bx-controls {text-indent:0 !important; width:450px; position:absolute; bottom:70px; text-align:center;}
.war .book .b_slide .bx-wrapper .bx-viewport {height:450px !important;}
.war .book .b_slide .b_slide .bx-pager .bx-pager-item a {color:#fff;}
.war .book .b_slide .bx-wrapper .bx-viewport ul li {z-index:0 !important;}
.war .book .b_slide .bx-wrapper .bx-controls {text-indent:-9999px;}
.war .book .right_img .bx-wrapper .bx-controls-direction {display:none;}
.war .pop {display:none; position:absolute; top:0; left:0; background:#000; width:100%; height:930px; z-index:5;}
.war .pop .tit {color:#fff; text-align:center; font-size:30px; font-weight:100; padding:130px 0 60px 0;}
.war .pop .img {text-align:center;}
.war .pop .close {text-align:center; margin-top:90px;}

/* contact */
.contact {background:url("../img/contact_img.jpg") center no-repeat; position:relative; height:340px;}
.contact .tit {font-size:46px; color:#fff; font-weight:100; text-align:center; padding-top:70px;}
.contact .btn {background:url("../img/contact_btn.png") center 0 no-repeat; width:260px; height:70px; margin:40px auto 0;}
.contact .btn a {display:block; text-align:center; color:#fff; font-size:16px; font-weight:300; line-height:68px;}

@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
/*	.intro body {display:none;}*/
/*	.intro #animation_container {display:none;}*/
/*	.intro #canvas {display:none;}*/
/*	.intro .intro_m {display:block;}*/
/*	.intro .txt_wrap {top:460px;}*/
}

@media only screen and (orientation: portrait) {
.mv ul li .mv_txt .tit {display: none;}
}

body {background: #000;}