@import url(common.css);

#contents {padding-top:0;}

.visual-height-full {padding-top:0px; /* background:url(../images/bg_visual.jpg) no-repeat 50% 100%; */ box-sizing:border-box;}
#bgViewport { position:absolute; margin-top:-40px; width:100%; height:100%; overflow:hidden; z-index:0;}
#bgViewport div { position:absolute; float:left; width:100%; height:100%; }
.visual-height-full .main-visual {position:relative; width:1200px; height:100%; margin:0 auto; background:url(../images/bg_main_visual_line.png) repeat-y 0 40px;}
.visual-height-full .main-visual .visual-title {padding:199px 0 0 56px; font-family:'Titillium Web'; font-size:56px; font-weight:200; line-height:54px; color:#fff; letter-spacing:-0.5px;}
.visual-height-full .main-visual .visual-copy {padding:20px 0 0 59px; font-size:20px; line-height:28px; color:#fff; font-weight:200;}
.visual-height-full .main-visual #bgSlider { padding:28px 0 0 59px;}
.visual-height-full .main-visual #bgSlider button { width:26px; height:3px; background:#ffffff; margin-right:5px; border:0; text-indent:-100px; overflow:hidden; vertical-align:middle;}
.visual-height-full .main-visual #bgSlider button:hover,
.visual-height-full .main-visual #bgSlider button.on { background:#1c5cb0; }
.visual-height-full .main-visual #bgSlider button.stop { width:25px; height:28px; background:url('../images/btn_bgSlider_pause.png') no-repeat 8px 9px; }
.visual-height-full .main-visual #bgSlider button.play { width:25px; height:28px; background:url('../images/btn_bgSlider_play.png') no-repeat 8px 9px; }

.visual-height-full .main-visual .visual-sns {position:absolute; bottom:0; right:0; font-size:0; line-height:0;}
.visual-height-full .main-visual .visual-sns .visual-sns-list {display:inline-block; width:100%;}
.visual-height-full .main-visual .visual-sns .visual-sns-list > li {position:relative; float:left; width:40px; height:195px;}
.visual-height-full .main-visual .visual-sns .visual-sns-list > li > strong {position:relative; float:left; width:10px; height:142px; padding:53px 15px 0 14px; border-left:1px solid #404040; background:url(../images/bg_visual_sns_off.png) repeat 0 0;; font-family: Arial; font-size:12px; line-height:13px; color:rgba(255, 255, 2555, 0.4); cursor:pointer; z-index:10; font-weight:normal;}
.visual-height-full .main-visual .visual-sns .visual-sns-list > li > strong > a {display:none; position:absolute; bottom:14px; left:9px; font-size:0; line-height:0;}
.visual-height-full .main-visual .visual-sns .visual-sns-list > li:first-child > strong {padding-left:15px; border-left:0;}
.visual-height-full .main-visual .visual-sns .visual-sns-list > li.facebook > strong {background:url(../images/bg_visual_sns_facebook_off.png) no-repeat 0 0;}
.visual-height-full .main-visual .visual-sns .visual-sns-list > li.blog > strong {background:url(../images/bg_visual_sns_blog_off.png) no-repeat 0 0;}
.visual-height-full .main-visual .visual-sns .visual-sns-list > li.news > strong {background:url(../images/bg_visual_sns_news_off.png) no-repeat 0 0;}
.visual-height-full .main-visual .visual-sns .visual-sns-list > li.active > strong {border-color:#1c5cb0; color:#fff; position:absolute; top:0; left:0;}
.visual-height-full .main-visual .visual-sns .visual-sns-list > li.active > strong > a {display:block;}
.visual-height-full .main-visual .visual-sns .visual-sns-list > li.facebook.active > strong {background-image:url(../images/bg_visual_sns_facebook_on.png);}
.visual-height-full .main-visual .visual-sns .visual-sns-list > li.blog.active > strong {background-image:url(../images/bg_visual_sns_blog_on.png);}
.visual-height-full .main-visual .visual-sns .visual-sns-list > li.news.active > strong {background-image:url(../images/bg_visual_sns_news_on.png);}
.visual-height-full .main-visual .visual-sns .visual-sns-list > li .visual-sns-cont {display:none; position:relative; width:450px; height:100%; padding:0 370px 0 40px; margin-left:40px; background:#fff;}
.visual-height-full .main-visual .visual-sns .visual-sns-list > li .visual-sns-cont .visual-sns-type {display:block; padding-top:19px; font-family:'Titillium Web'; font-size:28px; font-weight:600; line-height:42px; color:#bbb; letter-spacing:-0.5px;}
.visual-height-full .main-visual .visual-sns .visual-sns-list > li .visual-sns-cont .visual-sns-title {display:block; padding:22px 0 14px; font-size:14px; color:#444; letter-spacing:0; font-family: Arial;overflow: hidden; white-space: nowrap; width: 100%;}
.visual-height-full .main-visual .visual-sns .visual-sns-list > li .visual-sns-cont .visual-sns-text {overflow:hidden; max-height:66px; margin-top:7px; font-family: Arial; font-size:12px; line-height:22px; color:#767676; letter-spacing:0;}
.visual-height-full .main-visual .visual-sns .visual-sns-list > li .visual-sns-cont .visual-sns-text > a {display:block;}
.visual-height-full .main-visual .visual-sns .visual-sns-list > li .visual-sns-cont .sweet {display:inline-block; margin-top:14px; padding-left:18px; background:url(../images/bl_visual_sns_sweet.png) no-repeat 0 2px; font-family: Arial; font-size:12px; line-height:16px; color:#767676; letter-spacing:0;font-weight:bold;}
.visual-height-full .main-visual .visual-sns .visual-sns-list > li .visual-sns-cont .visual-sns-img {overflow:hidden; position:absolute; top:0; bottom:0; right:0; width:300px; height:195px;}
.visual-height-full .main-visual .visual-sns .visual-sns-list > li .visual-sns-cont .visual-sns-img > img{min-width:300px; height:195px;}
.visual-height-full .main-visual .visual-sns .visual-sns-list > li .visual-sns-swipe {overflow:hidden; display:none; width:860px; height:100%; margin-left:40px;}
.visual-height-full .main-visual .visual-sns .visual-sns-list > li .visual-sns-swipe .sns-swipe-wrap {position:relative; width:1000%; height:100%;}
.visual-height-full .main-visual .visual-sns .visual-sns-list > li .visual-sns-swipe .sns-swipe-wrap .sns-swipe-slid {float:left; height:100%;}
.visual-height-full .main-visual .visual-sns .visual-sns-list > li .visual-sns-swipe .visual-sns-cont {margin-left:0;}
.visual-height-full .main-visual .visual-sns .visual-sns-list > li .visual-sns-swipe .swipe-prev {position:absolute; bottom:0; right:0; width:40px; height:40px; background:url(../images/btn_visual_swipe_prev.gif) no-repeat 0 0; font-size:0; line-height:0; cursor:pointer;}
.visual-height-full .main-visual .visual-sns .visual-sns-list > li .visual-sns-swipe .swipe-next {position:absolute; bottom:0; right:-40px; width:40px; height:40px; background:url(../images/btn_visual_swipe_next.gif) no-repeat 0 0; font-size:0; line-height:0; cursor:pointer;}
.visual-height-full .main-visual .visual-sns .visual-sns-list > li.active {width:900px;}
.visual-height-full .main-visual .visual-sns .visual-sns-list > li.active .visual-sns-swipe {display:block;}
.visual-height-full .main-visual .visual-sns .visual-sns-list > li.active .visual-sns-cont {display:block;}

.main-business-area {position:relative; background:#f2f2f2;}
.ProducBOX{ width:1200px;margin:0 auto; height:745px;}
.ProItem_01{width:380px;height:300px;border:#bfbfbf 1px solid;float:left;margin-right:27px; margin-top:45px;}
.ProItem_01 img{margin:11px;}
.ProItem_01 p{width:295px;margin:0 auto;line-height:24px;border-bottom:1px solid #ccc;padding-bottom:12px;font-size:14px;}	
.ProItem_01 a{font-size:14px;line-height:56px;display:block;width:140px;height:56px;text-align:center;margin:0 auto;}
.ProItem_01 a:hover{font-size:14px;line-height:56px;display:block;width:140px;height:56px;text-align:center;margin:0 auto;color:#004da1;}



.ProItem_02{width:380px;height:300px;border:#bfbfbf 1px solid;float:left;margin-right:25px; margin-top:45px;}
.ProItem_02 img{margin:11px;}
.ProItem_02 p{width:295px;margin:0 auto;line-height:24px;border-bottom:1px solid #ccc;padding-bottom:12px;font-size:14px;}	
.ProItem_02 a{font-size:14px;line-height:56px;display:block;width:140px;height:56px;text-align:center;margin:0 auto;}
.ProItem_02 a:hover{font-size:14px;line-height:56px;display:block;width:140px;height:56px;text-align:center;margin:0 auto;color:#004da1;}


.ProItem_03{width:380px;height:300px;border:#bfbfbf 1px solid;float:left; margin-top:45px;}
.ProItem_03 img{margin:11px;}
.ProItem_03 p{width:295px;margin:0 auto;line-height:24px;border-bottom:1px solid #ccc;padding-bottom:12px;font-size:14px;}	
.ProItem_03 a{font-size:14px;line-height:56px;display:block;width:140px;height:56px;text-align:center;margin:0 auto;}
.ProItem_03 a:hover{font-size:14px;line-height:56px;display:block;width:140px;height:56px;text-align:center;margin:0 auto;color:#004da1;}


.ProItem_04{width:380px;height:300px;border:#bfbfbf 1px solid;float:left;margin-right:27px; margin-top:45px;}
.ProItem_04 img{margin:11px;}
.ProItem_04 p{width:295px;margin:0 auto;line-height:24px;border-bottom:1px solid #ccc;padding-bottom:12px;font-size:14px;}	
.ProItem_04 a{font-size:14px;line-height:56px;display:block;width:140px;height:56px;text-align:center;margin:0 auto;}
.ProItem_04 a:hover{font-size:14px;line-height:56px;display:block;width:140px;height:56px;text-align:center;margin:0 auto;color:#004da1;}



.ProItem_05{width:380px;height:300px;border:#bfbfbf 1px solid;float:left;margin-right:25px; margin-top:45px;}
.ProItem_05 img{margin:11px;}
.ProItem_05 p{width:295px;margin:0 auto;line-height:24px;border-bottom:1px solid #ccc;padding-bottom:12px;font-size:14px;}	
.ProItem_05 a{font-size:14px;line-height:56px;display:block;width:140px;height:56px;text-align:center;margin:0 auto;}
.ProItem_05 a:hover{font-size:14px;line-height:56px;display:block;width:140px;height:56px;text-align:center;margin:0 auto;color:#004da1;}



.ProItem_06{width:380px;height:300px;border:#bfbfbf 1px solid;float:left; margin-top:45px;}
.ProItem_06 img{margin:11px;}
.ProItem_06 p{width:295px;margin:0 auto;line-height:24px;border-bottom:1px solid #ccc;padding-bottom:12px;font-size:14px;}	
.ProItem_06 a{font-size:14px;line-height:56px;display:block;width:140px;height:56px;text-align:center;margin:0 auto;}
.ProItem_06 a:hover{font-size:14px;line-height:56px;display:block;width:140px;height:56px;text-align:center;margin:0 auto;color:#004da1;}





.main-business-area .main-business-text {position:absolute; top:0; left:50%; right:0; max-width:1200px; margin-left:-640px; padding:0 40px; z-index:2;}
.main-business-area .main-business-text .main-business-title {padding-top:94px; font-family:'Titillium Web'; font-size:44px; font-weight:200; line-height:42px; color:#333;}
.main-business-area .main-business-cont {position:relative; width:1200px; margin:0 auto; font-size:0; line-height:0;}
.main-business-area .main-business-cont .main-business-control {position:absolute; top:-12px; bottom:-28px; left:0; right:0; background-repeat:no-repeat; background-position:100% 12px;}
.main-business-area .main-business-cont .main-business-control .control-area {position:absolute; top:0; bottom:0; left:0; width:1px; background:url(../images/bg_business_slide.png) no-repeat 0 -45%;}
.main-business-area .main-business-cont .main-business-control .control-area:after {content: ''; position:absolute; bottom:0; left:-1px; right:-1px; height:6px; /* background:url(/resources/common/img/main/bg_business_slide_bottom.gif) no-repeat 100% 100%; */}
.main-business-area .main-business-cont .main-business-control .control-area .control-prev {position:absolute; top:50%; left:-24px; margin-top:-100px; font-size:0; line-height:0; cursor:pointer;}
.main-business-area .main-business-cont .main-business-control .control-area .control-next {position:absolute; top:50%; right:-24px; margin-top:-100px; font-size:0; line-height:0; cursor:pointer;}

.main-business-area .main-business-tab > ul {width:1150px; height:190px; padding-left:50px; margin:0 auto;background:#f2f2f2 url(../images/bg_business_tab2.png) no-repeat 128px 155px; padding-top:64px;}
.main-business-area .main-business-tab > ul > li {float:left;}
.main-business-area .main-business-tab > ul > li > a {display:block; overflow:hidden; height:119px; margin:34px 0; text-align:center;}
.main-business-area .main-business-tab > ul > li > a:hover > img {}
.main-business-area .main-business-tab > ul > li.one > a {position:relative; margin:22px 205px 0 0;} /* 2015-12-30 케미칼 삭제로 인해 값 변경 147 */
.main-business-area .main-business-tab > ul > li.two > a {margin:22px 253px 0 0;} /* 2015-12-30 케미칼 삭제로 인해 값 변경 201 */
.main-business-area .main-business-tab > ul > li.three > a {margin-right:264px; margin-top:22px;} /* 2015-12-30 케미칼 삭제로 인해 값 변경 204 */
/*.main-business-area .main-business-tab > ul > li.four > a {margin-right:187px;} 2015-12-30 케미칼 삭제 */
.main-business-area .main-business-tab > ul > li.five > a { position:relative; margin-top:21px; padding-right:50px;}
.main-business-area .main-business-tab > ul > li.one > a:after { position:absolute; content:''; top:57px; left:0; width:50%; border-top:1px solid #f2f2f2; z-index:0;}
.main-business-area .main-business-tab > ul > li.one > a img { position:relative; z-index:1;}
.main-business-area .main-business-tab > ul > li.five > a:after { position:absolute; content:''; top:57px; right:0; width:80px; border-top:1px solid #f2f2f2; z-index:0;}
.main-business-area .main-business-tab > ul > li.five > a img { position:relative; z-index:1;}
.main-business-area .main-business-cont .business-layer-box {display:none; position:absolute; width:260px; background:#1c5cb0;}
.main-business-area .main-business-cont .business-layer-box > a {position:relative; display:block; height:145px; padding:26px 29px 0; color:#fff; z-index:10; font-family:'Titillium Web';}
.main-business-area .main-business-cont .business-layer-box > a:after {content: ''; position:absolute; top:7px; bottom:7px; left:7px; right:7px; border:1px solid rgba(255, 255, 255, 0.5); z-index:11;}
.main-business-area .main-business-cont .business-layer-box > a > strong {display:block; font-size:22px; line-height:26px;}
.main-business-area .main-business-cont .business-layer-box > a > span {display:block; margin-top:6px; padding-left:4px; font-family:arial; font-size:12px; line-height:16px; letter-spacing:-0.5px;}
.business-tab1 .main-business-cont .main-business-control {left:16%; background-image:url(../images/bg_business1.jpg);}
.business-tab1 .main-business-tab > ul > li.one > a > img {margin-top:-119px;}
.business-tab1 .main-business-cont .layer-one {display:block; top:333px; left:269px;}
.business-tab1 .main-business-cont .layer-one > a {background:url(../images/bg_business_layer_box1.png) no-repeat 100% 100%;}
.business-tab2 .main-business-cont .main-business-control {left:31%; background-image:url(../images/bg_business2.jpg);}
.business-tab2 .main-business-tab > ul > li.two > a > img {margin-top:-119px;}
.business-tab2 .main-business-cont .layer-two {display:block; top:332px; left:510px;}
.business-tab2 .main-business-cont .layer-two > a {background:url(../images/bg_business_layer_box2.png) no-repeat 100% 100%;}
.business-tab3 .main-business-cont .main-business-control {left:60%; background-image:url(/resources/common/img/main/bg_business3.jpg);}
.business-tab3 .main-business-tab > ul > li.three > a > img {margin-top:-119px;}
.business-tab3 .main-business-cont .layer-three {display:block; top:332px; left:788px;} /* 2015-12-30 케미칼 삭제로 인한 값 변경 503 */
.business-tab3 .main-business-cont .layer-three > a {background:url(../images/bg_business_layer_box3.png) no-repeat 100% 100%;}
/*.business-tab4 .main-business-cont .main-business-control {left:70%; background-image:url(/resources/common/img/main/bg_business4.jpg);}
.business-tab4 .main-business-tab > ul > li.four > a > img {margin-top:-119px;}
.business-tab4 .main-business-cont .layer-four {display:block; top:332px; left:746px;}
.business-tab4 .main-business-cont .layer-four > a {background:url(/resources/common/img/main/bg_business_layer_box4.png) no-repeat 100% 100%;} 2015-12-30 케미칼 삭제 */
.business-tab4 .main-business-cont .main-business-control {left:77%; background-image:url(../images/bg_business5.jpg);}
.business-tab4 .main-business-tab > ul > li.five > a > img {margin-top:-119px;}
.business-tab4 .main-business-cont .layer-five {display:block; top:332px; left:892px;} /* 2015-12-30 케미칼 삭제로 인한 값 변경 832 */
.business-tab4 .main-business-cont .layer-five > a {background:url(../images/bg_business_layer_box5.png) no-repeat 100% 100%;}


.human-career-area {background:#f2f2f2 url(../images/bg_human_respect.jpg) no-repeat 50% 0;}
.human-career-area .human-career-cont {width:1200px; margin:0 auto;}
.human-career-area .human-career-cont .career-text-area {height:689px;}
.human-career-area .human-career-cont .human-career-title {margin-left:-2px; padding-top:90px; font-family:'Titillium Web'; font-size:70px; font-weight:200; line-height:68px; color:#fff; letter-spacing:-0.5px;}
.human-career-area .human-career-cont .human-career-copy {padding:8px 0 0 2px; font-size:14px; color:#fff;font-family:'Arial';}
.human-career-area .human-career-cont .img-number {display:block; padding-top:55px; font-size:0; line-height:0; text-align:center;}
.human-career-area .human-career-cont .img-number img {margin:0 2px;}
.human-career-area .human-career-cont .career-title {display:block; padding-top:78px; font-family:'Titillium Web'; font-size:28px; font-weight:400; line-height:28px; color:#fff; text-align:center;}
.human-career-area .human-career-cont .career-text {display:block; padding-bottom:30px; font-size:14px; text-align:center;}

.human-career-area .human-career-cont .career-count-area {overflow:hidden;}
.human-career-area .human-career-cont .career-count-area .career-job {float:left; width:299px; height:209px;}
.human-career-area .human-career-cont .career-count-area .career-dday {float:left; width:300px; height:209px; background:#004da1;}
.human-career-area .human-career-cont .career-count-area a {display:block; width:100%; height:100%; box-sizing:border-box; font-size:60px; line-height:50px; color:#1c5cb0; text-align:center; padding-top:76px; padding-right:37px;}
.human-career-area .human-career-cont .career-count-area .career-job .career-text {background:url(../images/bg_arrow_blue.png) no-repeat 50% 100%; color:#1c5cb0;font-family:'Arial';}
.human-career-area .human-career-cont .career-count-area .career-dday .career-text {background:url(../images/bg_arrow_white56.png) no-repeat 50% 120%; color:#fff;}
.human-career-area .human-career-cont .career-count-area .career-dday a { padding-top:66px; padding-right:0;}
.human-career-area .human-career-cont .career-count-area .career-dday a span { line-height:24px; font-size:18px;}

.human-career-area .human-career-cont .career-interview-move {overflow:hidden;}
.human-career-area .human-career-cont .career-interview-move .repect-intervie {float:left; width:300px; height:259px; background:#343e4c;}
.human-career-area .human-career-cont .career-interview-move .repect-move {position:relative; float:left; width:600px; height:259px;}
.human-career-area .human-career-cont .career-interview-move a {display:block; width:100%; height:100%; box-sizing:border-box;}
.human-career-area .human-career-cont .career-interview-move .repect-intervie .career-text {background:url(../images/bg_arrow_white.png) no-repeat 50% 100%; color:#fff;}
.human-career-area .human-career-cont .career-interview-move .repect-move > img {position:absolute; top:0; bottom:0; left:50%; margin-left:-300px;}
.human-career-area .human-career-cont .career-interview-move .repect-move > a {position:absolute; top:0; bottom:0; left:0; right:0; background:url(../images/bg_move_play.png) no-repeat 50% 50%; text-indent:-999px; overflow:hidden;}

.main-knowledge-area {padding-bottom:150px; background:#f2f2f2;}/* background:#f2f2f2 url(/resources/common/img/main/bg_knowledge.jpg) no-repeat 0 100%;}*/
.main-knowledge-area .knowledge-cont {width:1200px; margin:0 auto;}
.main-knowledge-area .knowledge-cont .knowledge-title {height:257px; margin-left:299px; border-left:1px solid #c5c5c5;}
.main-knowledge-area .knowledge-cont .knowledge-title h2 {padding:94px 0 0 40px; font-family:'Titillium Web'; font-size:44px; font-weight:200; line-height:42px; color:#333; letter-spacing:-0.5px;}
.main-knowledge-area .knowledge-cont .knowledge-title .copy {padding:12px 0 0 40px; font-size:14px; color:#333;font-family:'Arial';}

.main-knowledge-area .knowledge-cont .knowledge-list {overflow:hidden; width:100%;}
.main-knowledge-area .knowledge-cont .knowledge-list > li {float:left; font-size:0;}
.main-knowledge-area .knowledge-cont .knowledge-list > li a {display:block; position:relative; width:100%; height:100%;}

.main-knowledge-area .knowledge-cont .knowledge-list > li .text-info {position:absolute; bottom:0; left:30px; right:30px; padding-bottom:27px;}
.main-knowledge-area .knowledge-cont .knowledge-list > li .text-info.h-opa:hover{left:0; right:0; padding:26px 0 27px 30px; background:#090c1f; opacity:0.7;} /* 2016-01-25 ������ ����氪 opacity 70% ��� */
.main-knowledge-area .knowledge-cont .knowledge-list > li .text-info.h-opa2:hover{left:0; right:0; padding:26px 0 27px 30px; background:#090c1f; opacity:0.7;} /* 2016-01-25 ������ ����氪 opacity 70% ��� */
.main-knowledge-area .knowledge-cont .knowledge-list > li .text-info.h-opa3:hover{left:0; right:0; padding:26px 0 27px 30px; background:#090c1f; opacity:0.7;} /* 2016-01-25 ������ ����氪 opacity 70% ��� */
.main-knowledge-area .knowledge-cont .knowledge-list > li .text-info .info-title {display:block; font-family:'Titillium Web'; font-size:12px; font-weight:600; color:#fefefe; letter-spacing:-0.5px;}
.main-knowledge-area .knowledge-cont .knowledge-list > li .text-info .info-txt {display:block; margin-top:6px; font-size:14px; line-height:20px; color:#fff;font-family:'Arial';}
.main-knowledge-area .knowledge-cont .knowledge-list > li .knowledge-over {position:absolute; top:0; bottom:0; left:0; right:0;}
.main-knowledge-area .knowledge-cont .knowledge-list > li .knowledge-over > span {display:block; padding:149px 0 22px; background:url(../images/bg_arrow_white56.png) no-repeat 50% 95%; font-family:'Titillium Web'; font-size:36px; font-weight:400; color:#fefefe; text-align:center; letter-spacing:-0.5px;}
.main-knowledge-area .knowledge-cont .knowledge-list .knowledge-one {width:600px;}
.main-knowledge-area .knowledge-cont .knowledge-list .knowledge-two {width:299px; padding-left:1px;}
.main-knowledge-area .knowledge-cont .knowledge-list .knowledge-three {width:299px; padding-left:1px;}
.main-knowledge-area .knowledge-cont .knowledge-list .knowledge-four {width:900px; padding-top:1px;}
.main-knowledge-area .knowledge-cont .knowledge-list > li.knowledge-four .knowledge-over > span {padding-top:81px;}

.main-knowledge-area .knowledge-cont .knowledge-list .knowledge-one a{width:600px;height:392px; overflow:hidden;}
.main-knowledge-area .knowledge-cont .knowledge-list .knowledge-two a{width:100%;height:100%;}
.main-knowledge-area .knowledge-cont .knowledge-list .knowledge-two a > img { width:100%; height:100%;}
.main-knowledge-area .knowledge-cont .knowledge-list .knowledge-three a{width:299px;height:392px; overflow:hidden;}
.main-knowledge-area .knowledge-cont .knowledge-list .knowledge-four a{width:900px;height:236px; overflow:hidden;}

.main-knowledge-area .knowledge-cont .knowledge-list .knowledge-one a > img:first-child { width:600px; height:600px;}
.main-knowledge-area .knowledge-cont .knowledge-list .knowledge-three a > img:first-child { width:392px; height:392px;}
.main-knowledge-area .knowledge-cont .knowledge-list .knowledge-four a > img:first-child { width:900px; height:369px;}

.indicator_nave {position:absolute; top:50%; right:-2px; z-index:11;}
.indicator_nave > li {height:23px; margin:6px 0;}
.indicator_nave > li > a {position:relative; display:block; width:100px; height:100%; background:url(../images/bg_indicator_off.png) no-repeat 100% 50%;}
.indicator_nave > li > a > span {display:none; position:absolute; top:0; right:19px; padding:3px 10px 4px; background:#273896; font-family:'Titillium Web'; font-size:11px; color:#fff; border-radius:2px; -webkit-border-radius:2px; letter-spacing:0;}
.indicator_nave > li > a > span:after {content: ''; position:absolute; top:50%; left:100%; width:0; height:0; margin-top:-4px; border:4px solid transparent; border-left-color:#273896;}
.indicator_nave > li.active > a, .indicator_nave > li.hover > a {background:url(../images/bg_indicator_on.png) no-repeat 100% 50%;}
.indicator_nave > li.hover > a > span {display:block;}

.gnb-sub-layer .gnb-sub-cont .gnb-sub-menu .gnb-sub-list .gnb-2depth-title a:hover{text-decoration:underline;}
.gnb-sub-layer .gnb-sub-cont .gnb-sub-menu .gnb-sub-list > ul > li > a:hover{text-decoration:underline;}
.gnb-sub-layer .gnb-sub-cont .gnb-sub-menu .gnb-sub-list > ul > li > ul > li > a:hover, .gnb-sub-layer .gnb-sub-cont .gnb-sub-menu .gnb-sub-list > ul > li > ul > li.active > a{text-decoration:underline;}
.gnb-sub-layer .gnb-sub-cont.business .gnb-sub-menu .gnb-sub-list{width:244px;}


/* FOOTER **********************/
#footer{position: relative; z-index: 500; background: #272727; color: #fff;width:100%;}
#footer a{color: #fff;}
#footer label{display: block; font-weight: bold; font-size: 18px;}
#footer .outer{width: 100%;}
#footer .top, #footer .bottom{display: table; width: 100%;}
#footer .left{display: block; padding-top: 40px;}
#footer .left_inner{display: table; width: 100%;}
#footer .left_inner div ul{margin-top: 14px;}
#footer .left_inner div ul li{margin-bottom: 5px; line-height: 180%;}
#footer .right{display: table; text-align: right; vertical-align: top; padding-top: 40px;}
#footer .right ul li{display: inline-block; margin-right: 15px; line-height: 50px;}
#footer .bottom{font-size: 14px; margin: 10px 0;}
#footer .bottom_left,
#footer .bottom_right{padding: 10px 0 10px 0; display: table;}
#footer .bottom_right{text-align: right;}
#footer .bottom_right ul li{display: inline-block; margin-right: 5px;}
#footer .bottom_right ul li:not(:last-child):after{content: '|'; padding-left: 10px;}
/*解决方案详情页*/
/**/
#footer .left_inner label{font-weight: bold !important;}
.footer-icon-top{margin: 40px 0 -24px;}