@charset "utf-8";
body{width:100%; min-width:1000px;}
body *{ margin:0px; padding:0px; }
ul,li{ list-style:none; }
img{ border:0px none; }
a{ text-decoration:none; }
body.index{/*background: #000; overflow-y:scroll;*/}
#wrap{width:100%; overflow: hidden; }
.clearfix {zoom:1;}
.clearfix:before, .clearfix:after {content:"";display:table;}
.clearfix:after {clear:both;}


#wrap{width:100%;}
#header{width:100%; height:64px;  position:fixed;  z-index:500000; background:#ffffff;}
#header .inner{width:1200px; height:100px; margin:0 auto; position:relative;  z-index:500;  background: url(../images/header_bg.png) no-repeat 0 38px;}
#header:after{content:""; display:block; clear:both;}
#header h1{width:265px; height:29px; margin-top:27px; float: left; margin-left:105px;}
#header h1 a{width:100%; display: block;}


.top_mar{width:100%; height:64px; position:fixed;  z-index:300; background:#ffffff;}

#gnb{float: left;  width:524px; padding-top:38px; height:26px; margin-left:40px;}
#gnb ul:after{content:""; display:block; clear:both;}
#gnb ul li{float: left; position: relative; width:130px; height:56px;  text-align:center;}
#gnb ul .gnb4{ width:125px;}
#gnb ul li a{ width:auto; display:block; font-size:17px; line-height:20px;   color:#6a6e76; font-weight: 350; }
#gnb ul li a:hover{color:#004582;}


#wrap #gnb .submenu{position: absolute; top:35px; background: url(../images/subnavi_bg.png) repeat; text-align:center;
  width:125px; display:none; padding-top:14px;  z-index:999; border-radius:0 0 10px 10px;}

  #wrap #gnb .submenu1{height:75px;  margin-top:9px;}
  #wrap #gnb .submenu2 {height:200px;  margin-top:9px;}
#wrap #gnb .submenu2 .wide{width:200px;}

#tnb{width:175px; height:20px; line-height:20px; float:left; font-size:12px; color:#20527f;  padding-top:38px; margin-left:30px;}
#tnb ul{width:175px; margin-right:50px;}
#tnb ul li{width:85px; height:20px; float:left; text-align:center;  }
#tnb ul .lang1{background: url(../images/tnb_bg.jpg) no-repeat right center;}

#wrap #gnb .submenu li{float: none; height:auto; width:120px; }
#wrap #gnb .submenu > li > a{font-size: 14px; line-height:24px; color:#6a6e76; 
  display:inline-block; background: none; padding:0 0 1px 0;}
#wrap #gnb .submenu li a:hover{color:#004582;  }
#wrap #gnb .submenu:after{content:""; display:block; clear:both;}


#container{width:100%}
#container .visual{width:100%; height:444px; margin-top:64px;}
#container .visual .visual1{width:100%; height:444px; background: url(../images/visual1.jpg) no-repeat center center; }
#container .visual .visual2{width:100%; height:444px; background: url(../images/visual2.jpg) no-repeat center center; }

.index #content{width:1200px; margin:0 auto;}

.box_wrap1{width:100%; height:229px; margin-top:38px;}
.box_wrap1 .box_wrap1_t{width:1127px; height:32px; line-height:32px; font-size:16px; color:#000;  margin-left:44px; float:left;}
.box_wrap1 .box_wrap1_t > p.p1{width:400px;  float:left;}
.box_wrap1 .box_wrap1_t > p.p2{width:60px; font-size:11px; color:#9da3a8;  float:right;}


.box_wrap1 .box_wrap1_t .box_wrap1_t2{font-size:12px; color:#9da3a8; padding-left:10px;}
.box_wrap1 .products{width:1142px; margin-left:44px; }
.box_wrap1 .products .product{width:154px; height:130px; float:left; margin-right:8px;}
.box_wrap1 .products .product a{ width:100%; height:130px;}
.box_wrap1 .products .product p{height:32px; line-height:32px;  font-size:14px; color:#8e959b; text-align:center;}

.box_wrap2{width:100%; height:188px;  margin-bottom:68px;}
.box_wrap2 .box_in{float:left; margin-right:14px;}
.box_wrap2 .box_in .box_in_t{height:32px; line-height:32px; font-size:16px; color:#000;   }
.box_wrap2 .box_in .box_in_t span{font-size:12px; color:#9da3a8; padding-left:10px;}
.box_wrap2 .box_in .box_in_t .more{font-size:11px; color:#9da3a8; padding-left:10px;  float:right; margin-right:5px;}
.box_wrap2 .box_in1{width:507px; height:183px; margin-left:44px; overflow:hidden;  background: url(../images/box_in1.jpg) no-repeat left bottom; color:#555555; font-size:14px;}
.box_wrap2 .box_in2{width:285px; height:183px; }
.box_wrap2 .box_in3{width:309px; height:183px; overflow:hidden;}
.box_wrap2 .box_in1 .box_in1_in{width:100%; height:142px; overflow:hidden; }

.box_wrap2 .box_in .box_in2_bg{width:309px; height:151px;  background: url(../images/box_in2.jpg) no-repeat 0 0; color:#555555; font-size:14px; }
.box_wrap2 .box_in .box_in2_bg p{width:135px; height:80px; padding:50px 0 0 10px;}

#footer{width:100%; height:70px; font-family: "Malgun Gothic", sans-serif;}
#footer .inner{width:1200px; margin:0 auto; border-top:1px solid #9da3a8;}
#footer address{width:100%; height:25px; font-size: 12px; line-height: 25px; color:#000;  padding:10px 0 0 44px;}
#footer address .f_space{padding:0 10px;}
#footer .copy{font-size:11px; color:#9da3a8; padding-left:44px; }