@charset "utf-8";

.mt20 {margin-top:20px;}
.mt50 {margin-top:50px !important;}
.mt80 {margin-top:80px !important;}
.mt100 {margin-top:100px !important;}
.mt120 {margin-top:120px;}
.mt_300 {margin-top:-300px;}
.ml50 {margin-left:50px !important;}
.ml95 {margin-left:95px;}
.ml100 {margin-left:100px;}
.ml160 {margin-left:160px;}
.pl50 {padding-left:50px;}
.pl90 {padding-left:90px;}
.pl95 {padding-left:95px;}
.pl150 {padding-left:150px;}

.w1100 {width:1100px; margin:0 auto;}
.w1150 {width:1150px; margin:0 auto;}
.w600 {width:600px; box-sizing:border-box;}

.fl {float:left;}
.fr {float:right;}
.oh {overflow:hidden;}
.txt_r {text-align:right;}
.ws_x {white-space:normal !important;}

.bb_txt {color:#090909; font-size:16px; font-weight:bold; line-height:30px; letter-spacing:-0.5px; display:inline-block; margin-bottom:7px;}

.con {}
.untit {padding-top:75px; font-size:20px; color:#e9eff4; line-height:30px; letter-spacing:10px; font-weight:100; text-align:center;}
.untit span {display:inline-block; border-bottom:1px solid #d5e1ea; padding-bottom:15px;}
.untit.black {color:#000;}
.untit.black span {border-bottom:1px solid #e5e5e5;}

/* product */
.pcon {position:relative;}
.pcon .p01 {position:fixed; top:0; width:100%; height:1070px; background:url("../img/prod_img01.jpg") center top no-repeat;}
.pcon .p01 .p01_txt {width:1100px; margin:0 auto; padding-top:80px;}
.pcon .p01 .p01_txt .btxt {font-size:42px; color:#fff; text-align:center; line-height:60px; font-weight:100; letter-spacing:-0.5px; margin-top:60px;}
.pcon .p01 .p01_txt .bstxt {font-size:16px; color:#fff; text-align:center; font-weight:400; margin:60px 0 35px 0;}
.pcon .p01 .p01_txt .stxt {font-size:14px; color:#fff; text-align:center; font-weight:100; line-height:30px;}
.pcon .p01 .p01_txt .down {text-align:center; margin-top:145px;}
.pcon .p02 {position:relative; margin-top:1070px; background:#000 url("../img/prd_bk.jpg") center top no-repeat; padding-bottom:85px;}
.pcon .p02 .p02_img {background:url("../img/prod_img02.png") no-repeat; width:1100px; height:733px; margin:80px auto 0;}
.pcon .p03 {position:relative; background:#f5f5f5; padding-bottom:80px;}
.pcon .p03 .info {width:1100px; margin:0 auto;}
.pcon .p03 .info .tit {color:#393939; font-size:16px; font-weight:bold; padding-top:80px; letter-spacing:1.5px;}
.pcon .p03 table {margin-top:30px; width:100%;}
.pcon .p03 table tr {border-bottom:1px solid #eaeaea;}
.pcon .p03 table tr th {font-size:14px; color:#999; font-weight:400; text-align:left; width:200px; height:60px;}
.pcon .p03 table tr td {font-size:14px; color:#222; font-weight:400; height:60px;}
.pcon .p04 {position:relative; background:#fff; height:870px;}
.pcon .p04 .cslide {width:1100px; margin:70px auto 0; position:relative;}
.pcon .p04 .cslide .bx-wrapper .bx-viewport ul li {z-index:0 !Important;}
.pcon .p04 .cslide .bx-wrapper .bx-controls-direction {width:92px; position:absolute; top:230px; left:0;}
.pcon .p04 .cslide .bx-wrapper .bx-controls-direction a {position:absolute; width:45px; height:45px; background-size:cover; text-indent:-9999px;}
.pcon .p04 .cslide .bx-wrapper .bx-prev {left:0; background:url("../img/fea_left_off.png") no-repeat;}
.pcon .p04 .cslide .bx-wrapper .bx-next {left:47px; top:0; background:url("../img/fea_right_off.png") no-repeat;}
.pcon .p04 .cslide .bx-wrapper .bx-prev:hover {left:0; background:url("../img/fea_left_on.png") no-repeat;}
.pcon .p04 .cslide .bx-wrapper .bx-next:hover {left:47px; top:0; background:url("../img/fea_right_on.png") no-repeat;}
.pcon .p04 .cslide .bx-wrapper .bx-pager {display:none;}
.pcon .p04 .cslide #bx-pager {position:absolute; top:180px; left:10px;}
.pcon .p04 .cslide #bx-pager a {color:#8b8b8b; font-size:14px; margin-right:35px; font-weight:500; letter-spacing:-0.3px;}
.pcon .p04 .cslide #bx-pager a.active {color:#090909; border-bottom:3px solid #d7d8d9; padding-bottom:7px; font-weight:600; letter-spacing:-0.3px;}
.pcon .p04 .cslide #bx-pager a:last-of-type {margin-right:0;}
.pcon .p04 .cslide .bxslider .tit {font-size:100px; color:#090909; font-weight:100;}
.pcon .p04 .cslide .bxslider .img {float:right; margin-top:-116px; position:relative; z-index:1;}
.pcon .p04 .cslide .bxslider .btm {position:relative; bottom:295px; clear:both;}
.pcon .p04 .bg {position:absolute; bottom:0; width:100%; height:390px;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#efefef+0,e5e5e5+100 */
	background: #efefef; /* Old browsers */
	background: -moz-linear-gradient(left, #efefef 0%, #e5e5e5 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, #efefef 0%,#e5e5e5 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, #efefef 0%,#e5e5e5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efefef', endColorstr='#e5e5e5',GradientType=1 ); /* IE6-9 */}
.pcon .p04 .cslide .btm .txt01 {display:block; font-size:32px; color:#090909; line-height:42px; font-weight:300; padding-top:80px; letter-spacing:-1px; width:500px;}
.pcon .p04 .cslide .btm .txt02 {display:block; font-size:16px; color:#393939; line-height:30px; font-weight:300; padding-top:50px; width:500px; letter-spacing:-0.3px;}
.pcon .p04 .cslide .cs01 .btm {background:url("../img/btm_img01.jpg") no-repeat; height:390px;} 
.pcon .p04 .cslide .cs02 .btm {background:url("../img/btm_img02.jpg") no-repeat; height:390px;} 
.pcon .p04 .cslide .cs03 .btm {background:url("../img/btm_img03.jpg") no-repeat; height:390px;} 
.pcon .p04 .cslide .cs04 .btm {background:url("../img/btm_img04.jpg") no-repeat; height:390px;} 
.pcon .p04 .cslide .cs05 .btm {background:url("../img/btm_img05.jpg") no-repeat; height:390px;} 

/* the potal war */
.wcon {position:relative;}
.wcon .w01 {position:fixed; top:0; width:100%; height:1023px; background:url("../img/portal_img01.jpg") center top no-repeat;}
.wcon .w01 .w01_txt {width:1100px; margin:0 auto; padding-top:80px;}
.wcon .w01 .w01_txt .tit {text-align:center; margin:60px 0 35px 0;}
.wcon .w01 .w01_txt .btxt {font-size:31px; color:#fff; text-align:center; line-height:44px; font-weight:100; letter-spacing:-0.5px;}
.wcon .w01 .w01_txt .bstxt {font-size:16px; color:#fff; text-align:center; font-weight:400; margin:60px 0 35px 0;}
.wcon .w01 .w01_txt .line {width:72px; height:7px; background:#fff; margin:40px auto 35px;}
.wcon .w01 .w01_txt .stxt {font-size:14px; color:#fff; text-align:center; font-weight:100; line-height:30px;}
.wcon .w01 .w01_txt .down {text-align:center; margin:132px auto 0;}
.wcon .w02 {position:relative; width:100%; height:1000px; margin-top:1023px; background:url("../img/war_bg02.jpg") center top no-repeat;}
.wcon .w02 .btxt {font-size:31px; color:#fff; text-align:center; line-height:44px; font-weight:100; letter-spacing:-0.5px; margin-top:60px;}
.wcon .w02 .line {width:72px; height:7px; background:#fff; margin:40px auto 35px;}
.wcon .w02 .stxt {font-size:14px; color:#c7c7c7; text-align:center; font-weight:100; line-height:30px; letter-spacing:-0.5px;}
.wcon .w03 {position:relative; background:#fff;}
.wcon .w03 .cslide {width:1100px; margin:80px auto 0; position:relative;}
.wcon .w03 .cslide .bx-wrapper .bx-controls-direction {width:92px; position:absolute; top:210px; left:0;}
.wcon .w03 .cslide .bx-wrapper .bx-controls-direction a {position:absolute; width:45px; height:45px; background-size:cover; text-indent:-9999px;}
.wcon .w03 .cslide .bx-wrapper .bx-prev {left:0; background:url("../img/fea_left_off.png") no-repeat;}
.wcon .w03 .cslide .bx-wrapper .bx-next {right:0; background:url("../img/fea_right_off.png") no-repeat;}
.wcon .w03 .cslide .bx-wrapper .bx-prev:hover {left:0; background:url("../img/fea_left_on.png") no-repeat;}
.wcon .w03 .cslide .bx-wrapper .bx-next:hover {right:0; background:url("../img/fea_right_on.png") no-repeat;}
.wcon .w03 .cslide .bx-wrapper .bx-pager {display:none;}
.wcon .w03 .cslide #bx-pager {position:absolute; top:160px; left:10px;}
.wcon .w03 .cslide #bx-pager a {color:#8b8b8b; font-size:14px; margin-right:25px; font-weight:500; letter-spacing:-0.3px;}
.wcon .w03 .cslide #bx-pager a.active {color:#090909; border-bottom:3px solid #d7d8d9; padding-bottom:7px; font-weight:600; letter-spacing:-0.3px;}
.wcon .w03 .cslide #bx-pager a:last-of-type {margin-right:0;}
.wcon .w03 .cslide .bxslider li {z-index:0 !important;}
.wcon .w03 .cslide .bxslider .tit {font-size:100px; color:#090909; font-weight:100; width:500px;}
.wcon .w03 .cslide .bxslider .img {margin-top:140px;}
.wcon .w03 .cslide .bxslider .btm {position:absolute; top:0; left:565px; width:500px;}
.wcon .w03 .bg {position:absolute; bottom:0; background:#efefef; width:100%; height:618px;}
.wcon .w03 .cslide .btm .txt01 {display:block; font-size:32px; color:#090909; line-height:42px; font-weight:400; padding-top:30px; letter-spacing:-1px;}
.wcon .w03 .cslide .btm .txt02 {display:block; font-size:16px; color:#818181; line-height:30px; font-weight:300; padding-top:40px;}

/* review */
.rv_bg {position:absolute; top:0; left:0; background:#f8f8f8; width:100%; height:1050px;}
.rv_con {width:1100px; margin:0 auto; padding-bottom:80px; min-height:1640px; position:relative;}
.rv_con .untit {padding:157px 0 55px 0;}
.rv_con .rv_list {position:relative; min-height:1430px;}
.rv_con .rv_list dl {position:absolute;}
.rv_con .rv_list dl dd .tit {font-size:16px; color:#131313; font-weight:bold; letter-spacing:-0.5px; margin-top:30px;}
.rv_con .rv_list dl dd .txt {font-size:13px; color:#131313; font-weight:400; letter-spacing:-0.5px; line-height:28px; margin-top:15px;}
.rv_con .rv_list dl dd .date {margin-top:23px; font-size:12px; color:#131313;}
.rv_con .rv_list dl.rv02 {left:465px;}
.rv_con .rv_list dl.rv03 {right:0;}
.rv_con .rv_list dl.rv04 {right:0; top:200px;}
.rv_con .rv_list dl.rv05 {left:465px; top:520px;}
.rv_con .rv_list dl.rv06 {right:0; top:490px;}
.rv_con .rv_list dl.rv07 {left:120px; top:780px;}
.rv_con .rv_list dl.rv08 {left:120px; top:1270px;}
.rv_con .rv_list dl.rv09 {left:465px; top:980px;}
.rv_con .more {width:200px; height:38px; border:1px solid #e1e1e1; box-sizing:border-box; margin:0 auto;}
.rv_con .more a {display:block; text-align:center; line-height:36px; font-size:12px; color:#171717;}

/* review °ψΕλ */
.revisual {position:relative; width:100%; height:680px;}
.revisual .visual_txt {text-align:center; color:#fff; padding-top:170px;}
.revisual .visual_txt .btxt {font-size:50px; font-weight:bold; line-height:60px;}
.revisual .visual_txt .stxt {font-size:16px; margin-top:40px;}
.revisual .visual_txt .date {margin-top:50px; width:220px; height:50px; border:1px solid #9aa3ad; border-radius:50px; font-size:16px; font-weight:bold; text-align:center; line-height:50px; color:#fff; font-weight:bold; margin:50px auto 0;}
.revisual .visual_txt .hash {margin-top:95px; font-size:16px;}
.revisual .visual_txt .hash span {display:inline-block; margin-right:12px;}
.revisual .visual_txt .hash span:last-of-type {margin-right:0;}

.recon {width:1200px; margin:0 auto; position:relative;}
.recon .nbox {}
.recon .nbox .num01 {background:url("../img/num01.png") no-repeat; height:44px; margin-bottom:75px;}
.recon .nbox .num02 {background:url("../img/num02.png") no-repeat; height:44px; margin-bottom:75px;}
.recon .nbox .num03 {background:url("../img/num03.png") no-repeat; height:44px; margin-bottom:75px;}
.recon .nbox .num04 {background:url("../img/num04.png") no-repeat; height:43px; margin-bottom:75px;}
.recon .nbox .num05 {background:url("../img/num05.png") no-repeat; height:44px; margin-bottom:75px;}
.recon .nbox .undtit {color:#090909; display:inline-block; border-bottom:2px solid #090909; font-size:16px; font-weight:500; padding-bottom:10px; margin-bottom:50px;}
.recon .nbox .undtit.gray {color:#cbcbcb; display:inline-block; border-bottom:2px solid #cbcbcb; font-size:16px; font-weight:500; padding-bottom:10px; margin-bottom:50px;}
.recon .nbox .que_t {font-size:30px; color:#090909; font-weight:300; line-height:46px; letter-spacing:-0.5px; margin-bottom:60px;}
.recon .nbox .ans_t {font-size:16px; color:#090909; font-weight:300; line-height:30px; letter-spacing:-0.5px;}

.other_rv {background:#f8f8f8; margin-top:100px; padding-bottom:100px;}
.other_rv .ovtit {font-size:24px; color:#090909; font-weight:300; padding:100px 0 80px 0; text-align:center;}
.other_rv ul {overflow:hidden;}
.other_rv ul li {width:330px; height:440px; background:#fff; float:left; margin-right:55px;}
.other_rv ul li:last-of-type {margin-right:0;}
.other_rv ul li .img {position:relative;}
.other_rv ul li .img .mask {position:absolute; top:0; left:0; display:none; width:100%; height:100%; background:rgba(0,0,0,0.4);}
.other_rv ul li:hover .mask {display:block;}
.other_rv ul li .gtxt {font-size:12px; color:#c1c1c1; font-weight:500; letter-spacing:1px; margin:40px 0 30px 40px;}
.other_rv ul li .txt {font-size:14px; color:#090909; line-height:24px; font-weight:500; letter-spacing:-0.5px; margin:40px 0 30px 40px;}
.other_rv .rvlist_btn {width:220px; height:50px; border:1px solid #9aa3ad; border-radius:100px; margin:80px auto 0;}
.other_rv .rvlist_btn a {color:#090909; line-height:54px; display:block; text-align:center; font-size:12px; font-weight:500;}

/* review 01 */
.r01_wrap {position:relative;}
.r01_wrap .revisual {background:url("../img/r01_01.jpg") center top no-repeat;}
.r01_wrap .ctimg {background:url("../img/r01_04.jpg") center no-repeat; width:100%; height:260px; margin-top:100px;}
.r01_wrap .nbox_txt {width:600px; box-sizing:border-box;}

/* review 02 */
.r02_wrap {position:relative;}
.r02_wrap .recon {width:1100px; margin:0 auto;}
.r02_wrap .revisual {background:url("../img/r02_01.jpg") center top no-repeat;}
.r02_wrap .ctimg {background:url("../img/r02_05.jpg") center no-repeat; width:100%; height:502px; margin-top:95px;}
.r02_wrap .mtwhite {margin-top:-100px; background:#fff; padding:50px 0 0 50px;}
.r02_wrap .mtwhite .nbox_txt:first-of-type {width:400px;}
.r02_wrap .mtwhite .nbox_txt:last-of-type {width:600px;}
.r02_wrap .num05 {background-position:right 0 !important;}
.r02_wrap .r02_nt02 {width:500px; box-sizing:border-box;}

/* review 03 */
.r03_wrap {position:relative;}
.r03_wrap .revisual {background:url("../img/r03_01.jpg") center top no-repeat;}
.r03_wrap .ctimg {background:url("../img/r03_04.jpg") center no-repeat; width:100%; height:260px; margin-top:95px;}
.r03_wrap .nbox_txt {width:600px; box-sizing:border-box;}

/* review 04 */
.r04_wrap {position:relative;}
.r04_wrap .revisual {background:url("../img/r04_01.jpg") center top no-repeat;}
.r04_wrap .ctimg {background:url("../img/r04_04.jpg") center no-repeat; width:100%; height:260px; margin-top:95px;}
.r04_wrap .img01 {position:relative;}
.r04_wrap .img01 .blue_txt {color:#4b5cd7; font-size:44px; font-weight:700; line-height:65px; position:absolute; top:130px; left:600px;}
.r04_wrap .img01 .quo {position:absolute; top:50px; right:0;}
.r04_wrap .num01_box {width:600px; box-sizing:border-box; padding-left:50px;}
.r04_wrap .num01 {width:93px;}

/* customer */
.cus {margin-top:85px; padding-bottom:100px; position:relative; width:100%;}
.cus .visual {background:url("../img/cus_img01.jpg") no-repeat; width:100%; height:154px; text-align:center; font-size:40px; color:#090909; font-weight:100; line-height:154px;}
.cus .form {width:1100px; margin:80px auto 0;}
.cus .form .btit {font-size:30px; color:#090909; font-weight:200; letter-spacing:-1px; border-bottom:1px solid #e6e6e6; margin-bottom:50px;}
.cus .form .btit span {font-weight:400;}
.cus .form .btit p {border-bottom:1px solid #000; padding-bottom:20px; display:inline-block;}
.cus .form table {width:100%; position:relative;}
.cus .form table tr {height:60px;}
.cus .form table tr th {font-size:12px; color:#090909; font-weight:bold; text-align:left;}
.cus .form table tr td {margin-bottom:10px;}
.cus .form table tr td input[type="text"] {height:48px; border:1px solid #e1e1e1; box-sizing:border-box; padding-left:10px;}
.cus .form table tr td.name input[type="text"] {width:980px;}
.cus .form table tr td.email input[type="text"] {width:300px;}
.cus .form table tr td.email .btn {float:right; width:300px; height:48px; background:#3d559b;}
.cus .form table tr td.email .btn a {display:block; text-align:center; color:#fff; line-height:48px; font-size:12px; font-weight:bold;}
.cus .form table tr td.email span {display:inline-block; font-size:12px; color:#090909; font-weight:bold; margin:0 10px;}
.cus .form table tr td.phone input[type="text"] {width:300px;}
.cus .form table tr td.phone input:last-of-type {float:right;}
.cus .form table tr td.phone span {display:inline-block; font-size:12px; color:#090909; font-weight:bold; margin:0 16px;}
.cus .dot_line {margin:60px auto 60px; border-top:1px dotted #a1a1a1; width:1100px;}
.cus .form table tr td.title input[type="text"] {width:980px;}
.cus .form table tr.cont th {vertical-align:top; padding-top:20px;}
.cus .form table tr.cont td textarea {resize:none; width:980px; height:290px; border:1px solid #e1e1e1; box-sizing:border-box; padding:10px;}
.cus .line {margin:50px auto 60px; border-top:1px solid #a1a1a1; width:1100px;}
.cus .terms {width:1100px; margin:0 auto;}
.cus .terms > .tit {font-size:30px; color:#090909; margin-bottom:25px;}
.cus .terms > .stit {font-size:16px; color:#090909; font-weight:bold; margin-bottom:15px;}
.cus .terms > .sstit {font-size:14px; color:#090909; font-weight:100; margin-bottom:25px;}
.cus .terms .box {width:1100px; letter-spacing:-0.5px; border:1px solid #a1a1a1; box-sizing:border-box; padding:40px 0 40px 40px;}
.cus .terms .box .btit {font-size:14px; color:#090909; font-weight:500; margin-bottom:20px;}
.cus .terms .box .list li {background:url("../img/list_li.jpg") 0 10px no-repeat; padding-left:15px; font-size:13px; color:#848484; font-weight:300; margin-bottom:15px;}
.cus .email_sel {float:right;}
.cus .sel_style {display:inline-block; position:relative; width:300px; height:48px; border:1px solid #e1e1e1; box-sizing:border-box;}
.cus .sel_style > a {display:block; height:48px; text-align:left; padding:0 20px; box-sizing:border-box; line-height:48px; font-size:12px; color:#999; font-weight:500; letter-spacing:-0.8px;}
.cus .sel_style > a:after {content:''; display:block; position:absolute; top:50%; right:18px; width:7px; height:5px; margin-top:-2px; background:url("../img/f_arrow.png") no-repeat; transition: all .3s ease;}
.cus .sel_style.on > a:after {transform:rotate(180deg);}
.cus .sel_style ul {display:none; position:absolute; top:46px; left:-1px; right:-1px; border:1px solid #e1e1e1; background:#f7f7f7;}
.cus .sel_style li + li {border-top:1px solid #e1e1e1;}
.cus .sel_style li a {display:block; height:48px; text-align:left; padding:0 20px; line-height:48px; color:#7a7a7a; font-weight:500; letter-spacing:-0.8px; font-size:12px;}
.cus .send {width:300px; height:48px; background:#3d559b; margin:50px auto 0; border-radius:3px;}
.cus .send a {display:block; line-height:48px; text-align:center; font-size:12px; color:#fff; font-weight:500;}