﻿#wrap {width: 100%;}
#headerWrap {
	width: 100%;
	border-top: 2px solid #005aab;
}
.header {
	overflow: hidden;
	margin: 14px auto 0;
	width: 100%;
}
.header h2 {
	float: left;
	padding-top: 4px;
	margin-left: 1px;
}
.ce h1 {
    font-size: 22px;
    color: #333333;
	margin-left: 253px;
    line-height: 63px;
    font-weight: bold;
	position: absolute;
}.ce p a {
    font-size: 13px;
    color: #F60600;
}.ce p {
    font-size: 13px;
    color: #6b6b6b;
    margin-left: 253px;
    padding-top: 53px;
    position: absolute;
}.ce .free-tel{ float:right; background:url(../image/pht.png) no-repeat left center; margin-top:16px; padding-left:66px;}
.free-tel font{ text-align:center;line-height:28px}
.free-tel .t1{ font-size:13px; color:#221815;}
.free-tel .t2{ color:#221815; font-size:22px; font-weight:bold;}
.cd{width:100%;    background-color: #333; margin: 0 auto;    overflow: hidden;}
.ce{width:1200px;margin: 0 auto;    overflow: hidden;    padding-bottom: 10px;}
.gnb {
	margin: 0 auto;
	width: 1200px;
}
.gnb > li > a {
	position: relative;
	display: inline-block;
	zoom: 1;
	*display: inline;
	margin-left: 5px;
	width: 124px;
	height: 34px;
	font-size: 17px;
	padding-top: 15px;
	color: #fff;
	text-align: center;
}
.gnb a:hover, .gnb .current a{ text-decoration:none; background:url(../image/h_nav.jpg) no-repeat 0 0;}
.gnb > li > a:first-child {margin-left: 0;}
/*.gnb > li > a.current:after {
	content: '';
	position: absolute;
	top: 46px;
	left: 0;
	display: inline-block;
	zoom: 1;
	width: 100%;
	border-bottom: 3px solid #8dc63f;
	text-align: center;
}*/
.depth2Wrap {
	position: absolute;
	overflow: hidden;
	display: none;
	top: 144px;
	left: 50%;
	margin-left: -600px;
	width: 1200px;
	height: 0;
	z-index: 102;
}
.depth2Wrap.line3 ul {margin-left: 0px;}
.depth2Wrap.line4 ul {margin-left: 190px;}
.depth2Wrap.line5 ul {margin-left: 60px;}
.depth2Wrap.line6 ul {margin-left: 450px;}
.depth2Wrap .gnbTit {
	float: left;
	margin-top: 44px;
	width: 377px;
}
.depth2Wrap > ul {float: left;}
.depth2Wrap .gnbTit h2 {
	position: relative;
	padding-top: 12px;
	margin-bottom: 12px;
	font-size: 26px;
	font-weight: 500;
	color: #2c2c2c;
}
.depth2Wrap .gnbTit h2:before {
	content:"";
	position: absolute;
	display: inline-block;
	top: 0;
	zoom: 1;
	*display: inline;
	width: 36px;
	height: 3px;
	background: #000;
}
.depth2Wrap .gnbTit p {font-size: 14px;word-break: keep-all;float:left;}
.depth2Wrap > ul {
	margin-left: 80px;
	margin-top: 30px;
}
.depth2Wrap > ul li {
	float: left;
	margin-left: 45px;
	width: 80px;
	text-align: center;
}
.depth2Wrap > ul li:first-child {margin-left: 0;}
.depth2Wrap > ul li a {
	display: block;
	padding-top: 70px;
	font-size: 14px;
	letter-spacing: -.07em;
}
.depth2Wrap > ul li.g_longTxt {width: 84px;}
.depth2Wrap > ul li a:hover {color:#5b9e00;}
.depth2Wrap > ul li.cable {width: 80px;}
/* gnb technology */
.depth2Wrap > ul li.ip a {background: url('../image/ico_ip.png') 50% 0 no-repeat;}
.depth2Wrap > ul li.ip a:hover {background: url('../image/ico_ip_on.png') 50% 0 no-repeat;}
.depth2Wrap > ul li.rnd a {background: url('/statics/images/ico_rnd.png') no-repeat;}
.depth2Wrap > ul li.rnd a:hover {background: url('/statics/images/ico_rnd_on.png') no-repeat;}
.depth2Wrap > ul li.quality a {background: url('/statics/images/ico_quality.png') no-repeat;}
.depth2Wrap > ul li.quality a:hover {background: url('/statics/images/ico_quality_on.png') no-repeat;}
.depth2Wrap > ul li.order a {background: url('../image/ico_order.png') no-repeat;}
.depth2Wrap > ul li.order a:hover {background: url('../image/ico_order_on.png') no-repeat;}
.depth2Wrap > ul li.certification a {background: url('../image/ico_certification.png') no-repeat;}
.depth2Wrap > ul li.certification a:hover {background: url('../image/ico_certification_on.png') no-repeat;}
/* product */
.depth2Wrap > ul li.encloser a {background: url('../image/ico_encloser.png') no-repeat center 0px;}
.depth2Wrap > ul li.encloser a:hover {background: url('../image/ico_encloser_on.png') no-repeat center 0px;}
.depth2Wrap > ul li.plastic a {background: url('../image/ico_greeting.png') no-repeat center 0px;}
.depth2Wrap > ul li.plastic a:hover {background: url('../image/ico_greeting_on.png') no-repeat center 0px;}
.depth2Wrap > ul li.aluminium a {background: url('../image/ico_certification.png') no-repeat center 0px;}
.depth2Wrap > ul li.aluminium a:hover {background: url('../image/ico_certification_on.png') no-repeat center 0px;}
.depth2Wrap > ul li.cable a {background: url('../image/ico_cable.png') 50% 0 no-repeat;}
.depth2Wrap > ul li.cable a:hover {background: url('../image/ico_cable_on.png') 50% 0 no-repeat;}
.depth2Wrap > ul li.acc a {background: url('../image/ico_order.png') no-repeat center 0px;}
.depth2Wrap > ul li.acc a:hover {background: url('../image/ico_order_on.png') no-repeat center 0px;}
/* customer */
.depth2Wrap > ul li.notice a {background: url('../image/ico_notice.png') no-repeat center 0px;}
.depth2Wrap > ul li.notice a:hover {background: url('../image/ico_notice_on.png') no-repeat center 0px;}
.depth2Wrap > ul li.inquiry a {background: url('../image/ico_inquiry.png') no-repeat center 0px;}
.depth2Wrap > ul li.inquiry a:hover {background: url('../image/ico_inquiry_on.png') no-repeat center 0px;}
.depth2Wrap > ul li.led a {background: url('../image/ico_vision.png') no-repeat center 0px;}
.depth2Wrap > ul li.led a:hover {background: url('../image/ico_vision_on.png') no-repeat center 0px;}
.depth2Wrap > ul li.dq a {background: url('../image/dq.png') no-repeat center 0px;}
.depth2Wrap > ul li.dq a:hover {background: url('../image/dq-o.png') no-repeat center 0px;}
.depth2Wrap > ul li.ty a {background: url('../image/ty.png') no-repeat center 0px;}
.depth2Wrap > ul li.ty a:hover {background: url('../image/ty-o.png') no-repeat center 0px;}
.depth2Wrap > ul li.zs a {background: url('../image/zs.png') no-repeat center 0px;}
.depth2Wrap > ul li.zs a:hover {background: url('../image/zs-o.png') no-repeat center 0px;}
.depth2Wrap > ul li.cy a {background: url('../image/cy.png') no-repeat center 0px;}
.depth2Wrap > ul li.cy a:hover {background: url('../image/cy-o.png') no-repeat center 0px;}
.depth2Wrap > ul li.jszc a {background: url('../image/jszc.png') no-repeat center 0px;}
.depth2Wrap > ul li.jszc a:hover {background: url('../image/jszc_on.png') no-repeat center 0px;}
.depth2Wrap > ul li.jszl a {background: url('../image/jszl.png') no-repeat center 0px;}
.depth2Wrap > ul li.jszl a:hover {background: url('../image/jszl_on.png') no-repeat center 0px;}
.depth2Wrap > ul li.yjfw a {background: url('../image/yjfw.png') no-repeat center 0px;}
.depth2Wrap > ul li.yjfw a:hover {background: url('../image/yjfw_on.png') no-repeat center 0px;}
.depth2Wrap > ul li.fw a {background: url('../image/fw.png') no-repeat center 0px;}
.depth2Wrap > ul li.fw a:hover {background: url('../image/fw_on.png') no-repeat center 0px;}
.depth2Wrap > ul li.new a {background: url('../image/new.png') no-repeat center 0px;}
.depth2Wrap > ul li.new a:hover {background: url('../image/new_on.png') no-repeat center 0px;}
.depth2Wrap > ul li.kcx a {background: url('../image/kcx.png') no-repeat center 0px;}
.depth2Wrap > ul li.kcx a:hover {background: url('../image/kcx_on.png') no-repeat center 0px;}
.depth2Wrap > ul li.gx a {background: url('../image/gx.png') no-repeat center 0px;}
.depth2Wrap > ul li.gx a:hover {background: url('../image/gx_on.png') no-repeat center 0px;}
/* company */
.depth2Wrap > ul li.greeting a {background: url('../image/ico_info.png') no-repeat center 0px;}
.depth2Wrap > ul li.greeting a:hover {background: url('../image/ico_info_on.png') no-repeat center 0px;}
.depth2Wrap > ul li.info a {background: url('../image/ico_info.png') no-repeat center 0px;}
.depth2Wrap > ul li.info a:hover {background: url('../image/ico_info_on.png') no-repeat center 0px;}
.depth2Wrap > ul li.vision a {background: url('../image/ico_vision.png') no-repeat center 0px;}
.depth2Wrap > ul li.vision a:hover {background: url('../image/ico_vision_on.png') no-repeat center 0px;}
.depth2Wrap > ul li.business a {background: url('../image/ico_business.png') no-repeat center 0px;}
.depth2Wrap > ul li.business a:hover {background: url('../image/ico_business_on.png') no-repeat center 0px;}
/* util */
.util {
	float: right;
	border: 1px solid #adadad;
}
.util > li {
	display: inline-block;
	zoom: 1;
	*display: inline;
	padding: 7px 15px;
	font-size: 12px;
}
.util > li:first-child {
	width: 40px;
	border-right: 1px solid #adadad;
	text-align: center;
}
.util > li:hover {background: #858585;}
.util li:hover > a {color: #fff;}
.util li.current {background: #858585;}
.util li.current > a {color: #fff;}
.gnbLayer {
	display: block;
	position: absolute;
	width: 100%;
	height: 0;
	z-index: 101;
	background: #fff;
	opacity: .95;
	filter: alpha(opacity=95);
}
.gnbLayer2 {
	display: block;
	position: absolute;
	width: 100%;
	height: 0;
	z-index: 10003;
	background: #fff;
	opacity: .95;
	filter: alpha(opacity=95);
}
.btnMore {
	display: inline-block;
	padding: 18px 35px;
	background: #5c74a3;
	border: 1px solid #00081a;
	color: #d1e5ff;
	text-align: center;
}
#footer {
	position: relative;
	margin-bottom: -71px;
	background: #333;
}
.footerTopWrap {border-bottom: 1px solid #4e4e4e;}
.footerTop {
	padding: 13px 0 12px;
	margin: 0 auto;
	width: 1020px;
	color: #fff;
}
.footerTop span{
	position: absolute;
    padding-top: 4px;
}
.footerTop p {
	display: inline-block;
	margin-left: 95px;
	color: #c1c1c1;
	font-size: 13px;
	line-height: 25px;
}
.footerWrap {
	padding-top: 20px;
	padding-bottom: 26px;
	margin: 0 auto;
	width: 1020px;
	color: #fff;
}
.footerWrap p {
	margin-top: 8px;
	font-size: 13px;
}
.footerWrap p:first-child {margin-top: 0;}
.footerWrap p span {
	display: inline-block;
	zoom: 1;
	*display: inline;
	margin-right: 12px;
	margin-left: 12px;
}
.footerWrap em {
	display: inline-block;
	margin-top: 15px;
	font-size: 13px;
}
.topArea {
	margin-top: -10px;
    float: right;
}
/* sitemapWrap */
.sitemapArea {
	display: none;
	position: absolute;
	top: 65px;
	z-index: 10004;
}
.sitemapWrap {
	position: relative;
	clear: both;
	top: 90px;
	margin-left: 81px;
	width: 100%;
	height: 0;
}
.sitemapWrap > ul {
	overflow: hidden;
	min-height: 593px;
}
.sitemapWrap > ul > li {
	position: relative;
	float: left;
	padding-left: 33px;
	margin-top: 14px;
	width: 122px;
}
.sitemapWrap > ul > li:first-child {padding-left: 0;}
.sitemapWrap > ul > li:before {
	content:'';
	position: absolute;
	top: -14px;
	margin-left: -33px;
	display: inline-block;
	zoom:1;
	*display: inline;
	width: 1px;
	height: 414px;
	background: #e1e1e1;
}
.sitemapWrap > ul > li.site2:before {margin-left: -46px;}
.sitemapWrap > ul > li strong {
	display: block;
	margin-bottom: 27px;
	font-size: 18px;
	font-weight: 500;
	color: #000;
}
.sitemapWrap > ul > li:first-child:before {display: none;}
.sitemapWrap > ul > li > ul > li {
	margin-top: 15px;
	height: 14px;
}
.sitemapWrap > ul > li > ul > li > a {
	display: inline-block;
	zoom: 1;
	*display: inline-block;
	padding-bottom: 6px;
	font-size: 14px;
	color: #666;
}
.sitemapWrap > ul > li > ul > li:hover > a {
	color: #000;
	border-bottom: 1px solid #636363;
}
.sitemapWrap > ul > li > ul > li:hover > ul {margin-top: -1px;}
.sitemapWrap > ul > li > ul > li:first-child {margin-top: 0;}
.sitemapWrap > ul > li > ul > li > ul {padding-left: 15px;}
.sitemapWrap > ul > li > ul > li > ul > li {
	margin-top: 8px;
	height: 20px;
}
.sitemapWrap > ul > li > ul > li > ul > li:hover > a {
	margin-top: -1px;
	color: #5da100;
	border-bottom: 1px solid #8db963;
}
.sitemapWrap > ul > li > ul > li > ul > li > ul.siteD2 > li:hover a {
	margin-top: -1px;
	color: #5da100;
	border-bottom: 1px solid #8db963;
}
.sitemapWrap > ul > li > ul > li > ul > li:first-child {margin-top: 10px;}
.sitemapWrap > ul > li > ul > li > ul > li.site2:first-child {margin-top: 0;}
.sitemapWrap > ul > li > ul > li > ul > li a {
	padding-bottom: 5px;
	font-size: 14px;
	color: #999;
}
.sitemapWrap > ul > li.site2 {
	padding-left: 46px;
	width: 685px;
}
.sitemapWrap > ul > li.site2 > ul {position: relative;}
.sitemapWrap > ul > li.site2 > ul > li {position: absolute;}
.sitemapWrap > ul > li.site2 > ul > li.site2_2, .sitemapWrap > ul > li.site2 > ul > li.site2_1 {
	margin-top: 0;
	width: 203px;
}
.sitemapWrap > ul > li.site2 > ul > li.site2_2 {top: 28px;}
.sitemapWrap > ul > li.site2 > ul > li.site2_3, .sitemapWrap > ul > li.site2 > ul > li.site2_4 {
 	margin-top: 0;
	width: 180px;
	left: 241px;
}
.sitemapWrap > ul > li.site2 > ul > li.site2_4 {
 	top: 160px;
 }
 .sitemapWrap > ul > li.site2 > ul > li.site2_5,  .sitemapWrap > ul > li.site2 > ul > li.site2_6 {
 	margin-top: 0;
 	left: 466px;
 }
 .sitemapWrap > ul > li.site2 > ul > li.site2_6 {top: 175px;}
 .siteD2 {
 	margin-top: 10px;
 	margin-left: 15px;
 }
  .siteD2 li {margin-top: 10px;}
 .sitemapWrap a.more {
 	position: absolute;
	top: -40px;
	right: 81px;
 }
 .locationWrap {
 	display: none;
 	position: absolute;
 	top: 24px;
	left: 50%;
	margin-left: 434px;
 }
 .locationArea {position: relative;}
 ul.locationList {
	position: absolute;
	overflow: hidden;
	display: block;
	top: 19px;
	margin-left: 15px;
	width: 70px;
	border: 1px solid #adadad;
	background: #fff;
	z-index: 10001;
}
ul.locationList li {
	width: 70px;
	line-height: 23px;
}
 ul.locationList li a {
 	font-size: 13px;
	color: #777;
 }
 ul.locationList li:hover {background: #858585;}
 ul.locationList li:hover a {color: #fff;}
 .lnb h2.product+ul li.current .lnbD2 {display: block;}
 .lnb .lnbD2 {
 	display: none;
 	margin-left: -21px;
 }
 .lnb .lnbD2 li {
 	padding-left: 31px;
	background: #dde0e2;
	border-bottom: 1px solid #eef0f1;
	line-height: 38px;
 }
 .lnb li.current .lnbD2 li a {
 	font-size: 14px;
	color: #62696f;
 }
.lnb li.current .lnbD2 li.current {background: #8d949a}
.lnb li.current .lnbD2 li:hover {background: #8d949a}
.lnb li.current .lnbD2 li.lnbDT {border-bottom: 0;}
.lnb li.current .lnbD2 li.lnbDT:hover {background: #dce0e3}
.lnb li.current .lnbD2 li.lnbDT a:hover {color: #62696f;}
.lnb li.current .lnbD2 li.current a {color: #fff;}
.lnb li.current .lnbD2 li a:hover {color: #fff;}
.lnb li.current .lnbD3 {margin-left: -31px;}
.lnb li.current .lnbD3 li {padding-left: 51px;}
.lnb li .lnbD3 li a:hover {color: #fff;}
.lnb li.current .lnbD2 li.lnbDT ul li a:hover {color: #fff;}
.lnb li.current .lnbD3 li.current a:hover {color: #fff;}
.lnb li.current .lnbDT {
	background: #dce0e3;
	color: #62696f;
	font-size: 14px;
}
.lnb li.current .lnbD2 li.lnbDT li.last {border-bottom: 0;}
.lnb .lnbD3 li {background: #f8f8f8}


/*index*/
#info-kep {padding:0 0 20px 0; border-bottom:1px solid #ccc; }
#info-kep h2 { margin:19px 0 0 0;  font-weight:bold; letter-spacing:0;font-size: 18px;    font-weight: bold;    letter-spacing: 0;}
#info-kep h2 span { color:#0066b2; }
#info-kep {padding:100px 0 20px 0; border-bottom:1px solid #ccc; }
#info-kep:after { clear:both; content:""; display:block; }
#info-kep h3 { font-size:18px; margin:-85px 0 11px 0; color:#0066b2; font-weight:bold; }
#info-kep h3 span { font-size:14px;font-weight: 100;color:#c1c1c1; margin:0 0 0 5px; }
#info-kep .desc { color:#666; font-size:13px; line-height:18px; margin:5px 0 0 0; }
#info-kep .desc .txt-kepital { text-indent:-9999px; background:url(/statics/images/img_txt_kepital-pom.gif) no-repeat 0 -2px; display:inline-block; width:76px; height:18px; line-height:15px; }
#info-kep .btn_detail { display:block; width:65px; font-size:11px; color:#444; background:#ddd; border:1px solid #ccc; text-align:center; height:15px; line-height:15px; }
#video,#info-prod,#ts { height:198px; padding:17px 0 0 0; float:left;padding-left: 14px;}
#info-prod .desc { width:300px; }
#video { width:369px; background:url(../image/bg_section01.gif) no-repeat right 0; }


.list li {
    width: 83%;
    float: left;
    line-height: 24px;
    font-size: 13px;
}.list li span {
    float: right;
    color: #888;
    font-size: 13px;
}.list li a {
    display: inline-block;
    line-height: 28px;
    color: #555;
    /*float: left;*/
}
.bjqs-controls li { text-indent:-9999px; }


#video{width:345px; background:url(../image/bg_section01.jpg) no-repeat right 0; }
#video .btn_detail { margin:9px 0 0 0; display:inline-block; padding:1px 0; }
#info-prod { width:345px; background:url(../image/bg_section02.jpg) no-repeat right 0; }
#info-prod .btn_detail { margin:9px 0 0 0; display:inline-block; padding:1px 0; }
#ts { width:286px; background:url(../image/bg_section03.gif) no-repeat right bottom; }
#ts .btn_detail { margin:22px 0 0 0; display:inline-block; padding:1px 0; }

#fun-kep { float:left; width:629px; }
#fun-kep h2 { margin:36px 0 0 0; font-weight:bold; letter-spacing:0;font-size: 18px;    font-weight: bold;    letter-spacing: 0;}
#fun-kep h2 span { color:#0066b2; }
#fun-kep .btn_more { position:absolute; right:0; top:3px; z-index:11; }
#fun-kep .desc { margin:3px 0 0 0; padding:0 0 0 13px; background:url(../image/bul_desc.gif) no-repeat 2px 7px; display:block; color:#666; line-height:1.2; }

#fun-kep { float:left; width:629px; }
#fun-kep h2 { margin:36px 0 0 0; }
#fun-kep .btn_more { position:absolute; right:0; top:3px; z-index:11; }
#fun-kep .desc {text-align: center;background:url(../image/bul_desc.gif) no-repeat 2px 10px; display:block; color:#666; line-height:25px;font-size: 15px;border-bottom: 1px solid #ccc;    height: 29px;}

#application { margin:16px 0 0 0; border:1px solid #ccc; width:627px; height:223px; }
#application ul.bjqs li { height:223px; }
#application ul.bjqs .l_01 { background:url(../image/bg_fun01_cn.gif) no-repeat 299px 24px; }
#application ul.bjqs .l_02 { background:url(../image/bg_fun02.gif) no-repeat 313px 44px; }
#application ul.bjqs .l_03 { background:url(../image/bg_fun03.gif) no-repeat 373px 40px; }
#application ul.bjqs .l_04 { background:url(../image/bg_fun04.gif) no-repeat 293px 44px; }
#application ul.bjqs .l_05 { background:url(../image/bg_fun05.jpg) no-repeat 345px 24px; }
#application ul.bjqs li a { display:block; height:178px; padding:45px 0 0 55px; }
#application ul.bjqs li a span { display:block; }
#application ul.bjqs li a .title { color:#0066b2; font-size:28px; font-weight:bold; }
#application ul.bjqs li a .txt01 { color:#464646; margin:22px 0 0 0; font-size:18px; }
#application ul.bjqs li a .txt02 { color:#818181; margin:5px 0 0 0; font-size:14px; line-height:18px; }

#application .bjqs { position:relative; overflow:hidden; display:none; }
#application ol.bjqs-markers{ position:absolute; right:0; top:-30px; z-index:1; }
#application ol.bjqs-markers.h-centered{text-align: center;}
#application ol.bjqs-markers li { display:block; text-indent:-9999px; width:11px; float:left; margin:0 0 0 5px; }
#application ol.bjqs-markers li a { display:block; background:url(../image/bul_slider01.png) no-repeat 0 0; width:11px; height:11px; }
#application ol.bjqs-markers li.active-marker a { background-position:0 -11px; }

#application .bjqs-controls { display:none; }

#news,
#contribute { width:285px; margin:36px 0 0 0; position:relative; }
#contribute h3 { font-weight:bold; color:#0066b2; font-size:18px; }
#news { float:left; }
#news h3 { font-weight:bold; color:#0066b2; font-size:18px; }
#news-slider { position:relative; margin:10px 0 0 0; }
#news-slider .bjqs { position:relative; }
#news-slider .bjqs-controls { }
#news-slider .bjqs-markers { display:none; }
#news-slider .bjqs-controls li { position:absolute; top:82px; z-index:11; display:block; cursor:pointer; width:24px; height:24px; display:block; }
#news-slider .bjqs-controls li a { display:block; width:24px; height:24px; }
#news-slider .bjqs-controls .bjqs-prev { left:5px; background:url(../image/btn_slider_arrow.png) no-repeat 0 0; }
#news-slider .bjqs-controls .bjqs-next { right:5px; background:url(../image/btn_slider_arrow.png) no-repeat -24px 0; }

#contribute { float:right; }
#contribute-img { margin:10px 0 0 0; }


#etc-kep { float:right; width:330px; }
#search { height:54px; background:url(../image/bg_search.gif) repeat 0 0; padding:21px 0 0 21px; }
#search div { width:284px; height:30px; border:1px solid #bcbcbc; background:#fff; position:relative; }
#search div input { position:absolute; z-index:11; }
#search div .txt { width:245px; left:0; top:0; height:30px; border:none; padding:0 0 0 10px; color:#666; }
#search div .submit { right:0; top:0; }

#pb { padding:0; line-height:0; }
#business { background:#f1f1f1; padding:26px 0 28px 37px; }
#business ul { width:256px; }
#business ul li { border-bottom:1px solid #dedede; height:80px; }
#business ul .bs { background:url(../image/bg_bs.gif) no-repeat 0 7px; }
#business ul .recruit { background:url(../image/bg_recruit.png) no-repeat 0 7px; }
#business ul .file { background:url(../image/bg_file.png) no-repeat 0 7px; border:none; }
#business ul li a { display:block; padding:15px 0 0 65px; }
#business ul li span { display:block; }
#business ul li .title { font-size:16px; color:#0066b2; font-weight:bold; }
#business ul li .desc { font-size:12px; color:#666; margin:5px 0 0 0;line-height: 20px;}

/*banner*/
.focus_slider_wrap {
    width: 100%;
    padding: 0 0 50px 0;
    position: relative;
}#focus_slider {
    width: 100%;
}.rsContainer {
    position: relative;
    width: 100%;
    height: 100%;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}.rsSlide {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    overflow: hidden;
    height: 100%;
    width: 100%;
}.rsContent {
    width: 100%;
    height: 100%;
    position: relative;
}img.rsImg {
    max-width: none;
}.rsDefault .rsBullets {
    position: absolute;
    z-index: 35;
    left: 0;
    bottom: 100px;
    width: 100%;
    height: auto;
    margin: 0 auto;
    text-align: center;
    line-height: 8px;
    overflow: hidden;
}
.rsDefault .rsBullet {
    width: 14px;
    height: 14px;
    display: inline-block;
    *display:inline;
    *zoom:1;
    padding: 6px 5px 6px;
}
.rsDefault .rsBullet span {
    display: block;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background: #777;
    /* background: rgba(255,255,255,0.5); */
}
.rsDefault .rsBullet.rsNavSelected span {
    background-color: #FFF;
}


/*index四圆*/
.section_wrapper, .container, .with_aside .content_wrapper {
    max-width: 1220px;
}.section_wrapper, .container {
    max-width: 1020px;
    margin: 0 auto;
    position: relative;
	width: 1020px;
	padding-bottom: 60px;
}.one.mcb-wrap {
    width: 1020px;
    margin: 0 auto;
}.mcb-wrap {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}.one-fourth.column, .four.columns {
    width: 23%;
}.column, .columns {
    float: left;
    margin:40px 1% 40px;
}.how_it_works {
    text-align: center;
    position: relative;
}.how_it_works img{
-webkit-transition: all .5s; 
-moz-transition: all .5s; 
-o-transition: all .5s; 
-ms-transition: all .5s; 
transition: all .5s;}
.how_it_works img:hover{
-webkit-transition: all .5s; 
-moz-transition: all .5s; 
-o-transition: all .5s; 
-ms-transition: all .5s; 
transition: all .5s; 
transform:rotateY(360deg);
-webkit-transform:rotateY(360deg);
-moz-transform:rotateY(360deg);
-ms-transform:rotateY(360deg);
-o-transform:rotateY(360deg);
}.how_it_works .desc{
	text-align: left;
    font-size: 12px;
    color: #333333;
    line-height: 20px;
    margin-top: 15px;
}
.how_it_works .image {
    width: 200px;
    height: 200px;
    line-height: 200px;
    text-align: center;
    position: relative;
    margin: 0 auto 15px;
    background: #fff;
    border-width: 2px;
    border-style: solid;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	color: #066BC7;
}img.scale-with-grid, #Content img {
    max-width: 100%;
    height: auto;
}.how_it_works .image img {
    max-width: 90px !important;
    max-height: 90px !important;
    vertical-align: middle;
}.chart_box .chart .num, .counter .desc_wrapper .number-wrapper, .how_it_works .image .number, .pricing-box .plan-header .price, .quick_fact .number-wrapper, .woocommerce .product div.entry-summary .price {
    font-family: "PT Sans", Arial, Tahoma, sans-serif;
}.how_it_works .image .number {
    background: #2991d6;
}.how_it_works .image .number {
    color: #fff;
}.how_it_works .image .number {
    position: absolute;
    right: 10px;
    bottom: 10px;
    width: 35px;
    height: 35px;
    line-height: 35px;
    font-size: 15px;
    font-family: Patua One;
    text-align: center;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    -webkit-box-shadow: inset 0 0 0 2px rgba(0,0,0,.1);
    box-shadow: inset 0 0 0 2px rgba(0,0,0,.1);
}.how_it_works h4 {
    font-size: 15px;
    line-height: 19px;
}.how_it_works h4 {
    margin-bottom: 15px;
    font-weight: 300;
	padding-top: 30px;
}.how_it_works h4 span{
    font-size:20px; font-weight:bold;color: #2991D6;
}.how_it_works.has_border:after {
    content: "";
    display: block;
    width: 12%;
    height: 4px;
    background: rgba(0,0,0,.03);
    -webkit-border-radius: 2px;
    border-radius: 2px;
    position: absolute;
    right: -10.5%;
    top: 100px;
}

/*公司环境*/
.main {
	    min-height: 325px;
    /*width: 1020px;*/
    margin: 0 auto;
	padding-bottom: 20px;
}.fbootom_top{overflow:hidden; border-bottom:1px solid #cccccc; text-align:left; padding-bottom:10px;}
.fbootom_top h1{background:url(../image/jiao.jpg) no-repeat left; padding-left:25px; font-size:18px;font-weight: bold; color:#333333; float:left;}
.fbootom_top h1 span{color:#cccccc; padding-left:10px;font-weight: normal;}
.fbootom_top h2{background:url(../image/jia.jpg) no-repeat right; float:right; margin-top:10px;}
.fbootom_top h2 a{display:block; color:#333; font-size:12px; padding-right:15px;}
.fbootom_top h2:hover a{color:#009ce5;}
.pro_tu{width:1020px;margin:auto;position:relative; margin-top:30px; margin-bottom:30px;}
.btn{z-index:11;}
.btn .btn_l{width:18px;height:31px;position: absolute;top:70px;z-index: 2;left:0px;margin-left:10px;background:url(/statics/images/l_b.jpg) no-repeat;}
.btn .btn_r{width:18px;height:31px;position: absolute;top:70px;right: 0;z-index: 1; richness:0px;background:url(/statics/images/r_b.jpg) no-repeat;}
.sorllMenu{width:940px;margin:auto;overflow:hidden;position:relative; margin-top:20px;}
.sorllMenu li{overflow:hidden; padding-right:21px;float:left;vertical-align:middle; text-align:center; line-height:35px;}
.sorllMenu li h5{padding:12px 18px; background:#f8f8f8;-moz-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; 
-ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;}
.sorllMenu li h5 img{width:183px; height:140px;}
.sorllMenu h6{font-size:14px; color:#555555; line-height:22px; margin-top:5px;}
.sorllMenu li:hover h6{color:#009ce5;}
.sorllMenu li:hover h5{background:#009ce5;}
/*韩国合作工厂*/
.six_left{width:480px;float:left}
.wenzi1,.wenzi2{overflow:hidden; clear:both;}
.wenzi2{ margin-bottom:15px;}
.wenzi1 h3{font-size:12px; color:#009ce5; float:left;}
.wenzi2 h4{font-size:12px; color:#666666; float:left;}
.wenzi1 h5{font-size:12px; color:#009ce5; float:left; width:480px; margin-left:5px; line-height:20px}
.wenzi2 h5{font-size:12px; color:#666666; float:left; width:478px; margin-left:5px;line-height:22px; font-weight:normal; margin-top:10px;text-indent: 24px;}
.wenzi2 h5 a{color:#555;}
.wenzi2 h5 a:hover {color: #009ce5;}
.six_right{width:480px; float:right;}

/*首页0产品*/
.product{margin-bottom:10px;overflow: hidden;}
.product-tree{width:220px;float:left;}
.product-tree h3,.product-list h3{background:#009CE5;width:100%;height:35px;line-height:35px;margin-bottom:0px}
.product-tree h3 a,.product-list h3 a{font-size:14px;font-weight:bold;color:#FFF;line-height:35px;display:block;float:left;}
.product-tree h3 img,.product-list h3 img{padding:0px 5px 0px 10px;margin-top:7px;float:left}

.product-tree ul{border:1px solid #ccc;list-style:none;margin-left:0px;background:url(../image/fenlei-bg.jpg);padding-bottom:30px;height:534px;margin-bottom:0px;}
.product-tree ul li{height:auto;text-align:center}
.product-tree ul li h4{font-size:14px;font-weight:bold;width:210px;margin:0px auto;height:25px;line-height:25px;margin-top:10px;}
.product-tree ul li dl{font-size:12px;display:none; min-height:120px;margin-bottom:0px;}
.product-tree ul li dl dt{line-height:30px;background:url(../image/icon01.jpg) 8px 4px no-repeat;width:130px;margin-left:30px;margin-right: 0px;text-align:left;padding-left:20px}
.product-tree ul li .cur{display:block}
.product-tree ul a{color:#333;font-weight:normal;}
.product-tree ul a:hover{color:#FF0000;text-decoration:none;}
.product-tree ul li h4 span{margin-top:0px;display:inline-block;float:left;margin-left:35px}
.product-tree .sicon{background:url(/statics/images/icon02.jpg) no-repeat;width:10px;height:18px;margin:0px 40px 0px 10px;float:right}
.product-tree .hicon{background:url(../image/icon03.jpg) no-repeat;width:10px;height:18px;margin:-2px 30px 0px 10px;float:right}

.product-list{float:right; width:76%;}
.product-list1{float:left; width:100%;}
.product-cont{padding-top:20px;border: solid 1px #ddd;overflow:auto;margin-bottom: 20px;}
.product-cont ul{height:auto;margin:0px;}
.product-cont ul li{float:left;list-style:none;margin-left:21px; margin-bottom:30px;width: 219px;height: 238px;}
.product-cont  ul li a{display:inline-block;text-decoration:none;}
.product-cont  ul li img{padding:2px;border:1px solid #ccc;width:213px;height:145px}
.product-cont  ul li p{text-align:left;line-height:20px;margin-top:5px;width:213px;}
.product-cont  ul li p span{color:#404040;margin-left:5px;font-size: 13px;}
.product-cont small{color:#9B9B9B;margin-left:5px;overflow:hidden;display: inline-block;font-size: 12px;}
.product-cont1{padding-top:20px;min-height:663px;border: solid 1px #ddd;overflow:auto;}
.product-cont1 ul{height:auto;margin:0px;}
.product-cont1 ul li{float:left;list-style:none;margin-left:14px; margin-bottom:30px;}
.product-cont1  ul li a{display:inline-block;text-decoration:none;}
.product-cont1  ul li img{padding:2px;border:1px solid #ccc;width:213px;height:145px}
.product-cont1  ul li p{text-align:left;line-height:20px;margin-top:5px;width:213px;}
.product-cont1  ul li p span{color:#404040;margin-left:5px}
.product-cont1 small{color:#9B9B9B;margin-left:5px;overflow:hidden;display: inline-block;height:60px;}

/*底部开始*/
.footer { width:1020px; margin:0 auto;  }
.footWrap{font-family:"Microsoft Yahei";background-color:#1C1C1C;}
.foo_l{height:458px; width:450px; overflow:hidden;}
.foo_l h3{font-size:18px; line-height:40px; height:40px; margin-top:22px; color:#fff;}
.foo_l p{font-size:14px; line-height:25px; color:#fff; margin-top:10px;}
.foo_l p b{display:block; font-size:16px; }
.foo_l span{display:block; width:325px; margin-top:20px;}
.foo_l span img{float:left; width:114px; height:114px;}
.foo_l span em{float:left; padding:20px 0 0 25px; line-height:25px; font-size:14px;  color:#fff;}
.online{ width:405px; height:421px; font-family:"Microsoft Yahei"; overflow:hidden; background:url(../image/online.png) no-repeat center top;}
.foo_l span em a{color:#fff;}
.online h2{height:50px; line-height:46px; text-align:center; font-size: 18px; color: #fff; margin-top: 15px;}
.online p{ height:50px; overflow:hidden; color:#fff; text-align:center; line-height:20px; font-size: 14px; }
.online li{ margin:0 0 12px 24px; color:#f00;}
.online li span{ width:70px; display:inline-block; line-height:28px; font-size: 14px; vertical-align:top; color:#ededed;}
.online li img{ vertical-align:middle;height:30px;}
.inp1{ width:268px; line-height:28px; height:28px; border:0; background:#afafaf; margin-right:5px; color:#fff; font-family:"Microsoft Yahei"; font-size: 14px; padding-left: 10px;}
.online .inp2 span{width:350px;}
.online .inp2 textarea{width:340px; line-height:30px; height:75px; border:none; background:#afafaf; color:#555; resize:none;font-family:"Microsoft Yahei"; font-size: 14px; color:#fff;  padding-left: 10px;}
.inp3{ width:54px; line-height:30px; height:30px; border:0; background:#afafaf; color:#555;font-family:"Microsoft Yahei"; font-size: 14px; color:#fff; padding-left: 10px;}
.btn1{ margin:5px 16px 0 0; background:url(../image/tj.gif) no-repeat; width:86px; height:30px; border:0;}
.btn2{ margin-top:5px; background:url(../image/cz.gif) no-repeat; width:86px; height:30px; border:0;}
.for_nav p{height:45px; overflow:hidden;}
.for_nav a{height:45px; font:14px/45px "Microsoft Yahei"; color:#fff; padding:0 40px;}

.foot_Contact ins {
   font-size:13px;
   color:#fff;
   padding-left:35px;
	text-decoration: none;
}.fr {
    float: right;
}

.foot-top{width: 100%;height:226px;}
.foot_about{ width:565px; float:left; padding-left:18px; cursor:default;padding-top: 30px;}
.foot_about h2{ height:35px; display:block;}
.foot_about h2 i{ height:18px; display:block; background:url(../image/foot04.png) no-repeat 0 top;}
.foot_about span i{ font-family:Arial, Helvetica, sans-serif; color:#ababab; line-height:14px; width:560px; display:block; padding-bottom:10px; font-size:11px;}
.foot_about span b{color:#fff; line-height:26px; width:560px; display:block;/*text-indent: 25px;*/ }

.foot_Contact{ padding-left:70px;float:left;padding-top: 30px;}
.foot_Contact h2{ height:35px; display:block;}
.foot_Contact h2 i{ height:18px; display:block; background:url(../image/foot05.png) no-repeat 0 top;}

.foot_Contact span{ clear:both;}
.foot_Contact span i{ height:32px; display:block;}
.foot_Contact span i tt{ display:block; height:20px; background:url(../image/bg19.png) no-repeat left top;    margin-top: -20px;}
.foot_Contact span b{ height:30px; display:block;}
.foot_Contact span b a{ display:block; height:20px; background:url(../image/bg19.png) no-repeat 2px -33px;}
.foot_Contact span p{ height:40px; display:block; background:url(../image/bg19.png) no-repeat left -67px;}

.footList{ float:left; background:url(../image/dot1.png) no-repeat left 20px;height: 220px;}
.footList li{ padding:10px 40px; float:left; background:url(../image/dot1.png) no-repeat right 20px;height: 200px;}
.footList li .tt{ padding-top:10px;}
.footList li .tt h5{ font-size:15px; color:#fff; line-height:36px;}
.footList li .tt a{ display:block; line-height:24px; color:#a2a2a2;    font-size: 14px;}
.footList li .tt a:hover{ color:#91bf32;}

.foot_bottom {
    width: 100%;
    height: 50px;
    line-height: 50px;
    vertical-align: middle;
    border-top: 1px solid #4e4e4e;
    margin-top: 15px;
}.footbt{
	width:1020px; margin:0 auto;
}
.foot_bottom p {
    font-size: 13px;
    color: #fff;
    float: left;
}.foot_bottom p a {
    font-size: 13px;
    color: #fff;
    padding-left: 8px;
}
/*底部结束*/
/*index-product*/
.w1080 {
    width: 1020px;
    min-width: 1020px;
    margin: 0 auto;
}.hometitle {
    text-align: center;
    font-size: 30px;
    line-height: 36px;
    padding: 60px 0 40px 0;
}.advantage{
	width: 100%;
	padding-bottom:40px;
	min-width: 1020px;
}
.advantage-loop{
	position: relative;
	padding-top: 30px;
}
.advantage-loop .bd ul{ 
    list-style: none;
    float: left;
}
.advantage-loop ul li a{
	display: block;
	width: 240px;
	height: 370px;
	position: relative;
	margin-right: 15px;
}
.advantage-loop ul li .pic{
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: relative;
}
.advantage-loop ul dl{
	width: 215px;
	height: 118px;
	padding: 0 20px;
	/*background: url(../img/bg04.png) repeat-x;*/
	position: absolute;
	bottom: 0px;
	left: 0px;
	text-align: center;
}
.advantage-loop ul .intro{
	text-align: center;
	position: absolute;
	bottom: -30px;
	left: 0px;
}
.advantage-loop ul .intro .mask{
	width: 240px;
	height: 90px;
	background: #000;
	opacity: .5;
	filter:alpha(opacity=50);
}
.advantage-loop ul .intro em{
	display: block;
	width: 78px;
	height: 10px;
	background: url(../image/z04.png) no-repeat;
	position: absolute;
	top: 62px;
	left: 80px;
}
.advantage-loop ul .intro span{
    position: absolute;
    top: 19px;
    left: 0px;
    font-size: 16px;
    color: #fff;
    text-align: center;
    width: 240px;
}
.advantage-loop ul a:hover .intro .mask{
	background: #029AE5;
}
.advantage-loop dl dt{
	font-size: 16px;
	color: #fff;
	margin: 22px 0 12px 0;
}
.advantage-loop dl dd{
	color: #f4f8fb;
}
.click{
	display: block;
	width: 88px;
	height: 28px;
	border: 1px solid #dbdbdb;
	border-radius: 25px;
	position: absolute;
	bottom: -72px;
	z-index: 2;
	cursor: pointer;
}
.click:hover{
	border: 1px solid #008fcc;
}