html body{ height:100%; }
body {font-size:12px;font-family:gulim;}
body,form,div,p,h1,h2,h3,h4,h5,h6,dl,dt,dd,ul,ol,li,pre,fieldset,input,blockquote,th,td{ margin:0;padding:0; }	
ul{list-style:none;}
img{ border:0; }
.clear{ clear:both; }

/********* head ***************/

#wrap{ width:100%; margin:auto;}

#head{
	width:100%;
	background:url('../images/inkel_inc/menu_bg.gif') repeat-x;
	margin:0px;
	height:71px;
	/*position:relative;*/

}

#head .topbnt{
 
 width:950px;
 margin: 0 auto;
}


#head .topbnt ul.menu{
 width:230px;
 float:right;
 margin-right:-65px;
 position:relative;

}

#head .topbnt li{
 float:left;

}

#head .logonmenu{   }
#head .logonmenu .logo{  width:120px; float:left; }
#head .logonmenu .menu{  width:930px; float:left; margin-left:150px; margin-top:-30px; }
#head .logonmenu .menu .menu_r{ padding-right:55px; }

/*.sub_menu{  height:23px; position:absolute; margin:52px 0 0 200px; z-index:330;  }
*:first-child+html .sub_menu{  height:23px; position:absolute; margin:52px 0 0 -50%; z-index:330; padding-left:200px; }*/
.sub_menu{  height:23px; position:absolute; margin:52px 0 0 200px; z-index:330;  }
*:first-child+html .sub_menu{  height:23px; position:absolute; margin:10px 0 0 -850px; z-index:330;  }




.sub_menu p{ margin:0; border:0; padding:0; }
.submenu_bar_l{  width:12px; height:23px; background:url('../images/inkel_inc/submenu_bar_l.png') no-repeat right; float:left; }
.submenu_bar_c{  height:23px; background:url('../images/inkel_inc/submenu_bar_c.png') repeat-x; float:left; position:relative; padding:5px 12px 0 12px; margin-left:-190px; }
.submenu_bar_r{  width:12px; height:23px; background:url('../images/inkel_inc/submenu_bar_r.png') no-repeat; float:left; }
.submenu_bar_c li.sub_r{ float:left;  background:url('../images/inkel_inc/sub_r.png') no-repeat right; padding-right:22px; }
.submenu2{ margin-left:140px;}
.submenu3{ margin-left:-10px;}
.submenu4{ margin-left:400px;}
.submenu5{ margin-left:250px;}
.submenu6{ margin-left:506px;}




/**************** mainimg **********************/

#mainimg { width:100%; height:68.8%; position:relative; z-index:0;  }
#mainimg { width:100%; max-width:1100px; height:590px; margin:0 auto; }
#mainimg img{ width:100%; }
#mainimg .m_img3{  
	width:100%;  max-width:1280px;
	background:url('../images/inkel_main/main_bg3.gif') no-repeat;  background-size:cover;
	margin:0 auto;
	position:relative;
	text-align:center;

}

#mainimg .m_img3 img{ width:90%;  }

#mainimg .m_img4{  
	width:100%; height:569px;  max-width:1280px;
	background:url('../images/inkel_main/main_bg4.gif') no-repeat;  background-size:cover;
	margin:0 auto;
	position:relative;
	text-align:center;

}

#mainimg .m_img4 img{  width:98%; }

#mainimg .main_btn{ width:100%; position:absolute; z-index:9999;  }
#mainimg .main_btn .main_btn2{ width:94%; max-width:1087px; position:relative; padding:15% 3% 0 3%; margin:0 auto;   }
*:first-child+html #mainimg .main_btn .main_btn2{ width:94%; max-width:1087px; position:relative; padding:14% 3% 0 3%; margin:0 auto;   }


#mainimg .main_btn .main_btn2 .btn_left{ width:13px; height:39px; float:left; cursor:pointer} 
#mainimg .main_btn .main_btn2 .btn_right{ width:13px; height:39px; float:right; cursor:pointer }

#mainimg .main_btn .main_btn2 .round{  width:100px; margin:0 auto; padding-top:243px;}
*:first-child+html #mainimg .main_btn .main_btn2 .round{ width:80px; margin:0 auto; padding:0; }


.round_btn{ width: 10px; height: 10px; display: block; background: #d2d2d2; cursor: pointer; text-indent: -9999px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px;}
.round_on{ background: #1044d8;  }

#mainimg .main_btn .main_btn2 .round li{ float:left; margin-right:8px; }

/**************** content ****************************/

#content { width:100%; height:160px; background:url('../images/inkel_main/nae_bg.gif') repeat-x;  }

#content .conet{ width:100%; max-width:1100px; margin:0 auto; padding:18px 0.5% 0 0.5%; }

.business{ width:35%; height:123px; float:left;  background:url('../images/inkel_main/c_line.gif') no-repeat right; margin-right:3%; }
.business li{ margin:20px 4px 0 0; float:left; width:18%;}
.business li.business_btn img{ width:100%; }
.business li.business_btn a {width:100%; height:100%; display:block; overflow:hidden; }
.business li.business_btn a:hover {width:100%; height:100%; background-position:138px -13px; }

#content .conet .c_line{  width:3%; height:123px;  background:url('../images/inkel_main/c_line.gif') no-repeat center; }

.product{ width:29%; height:123px; float:left;   background:url('../images/inkel_main/c_line.gif') no-repeat right; margin-right:3%; position:relative; }
.product li{ margin-top:8px; float:left; width:30%;  }
.product li img{ width:100%;  }
.product .more{ position:absolute; margin-left:83%; padding-top:13px;  }

.news{ width:18%; height:123px; float:left;   }
.news h5{  margin-bottom:27px;  }
.news li{  color:#013076; line-height:18px; text-align:left; }
.newsimg{ width:9.7%; float:left; }


/********************* foot *****************************/

#foot{  width:100%; background:#003176; height:95px; }
#foot .copyright{  width:770px; margin:0 auto; padding-top:15px; }
#foot .copyright li{  float:left; }
#foot .copyright li.btn_line{  padding-right:12px;  background:url('../images/inkel_inc/cop_line.png') no-repeat right;  }




/**************************** subimg*****************************/
#head .topbnt2{
 
 width:1030px;
 margin-left:24px;

}


#head .topbnt2 ul.menu{
 width:247px;
 float:right;
 margin-right:38px;
 position:relative;

}

#head .topbnt2 li{
 float:left;

}


.sub_bg{  width:100%; background:url('../images/inkel_inc/sub_bg2.gif') repeat-x;  }
.sub_img{  background:url('../images/inkel_inc/sub_bg.gif') no-repeat left;  }