@charset "utf-8";
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);

/* reset */ 
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, pre, a, abbr, acronym, cite, code, del, dfn, em, img, ins, q, s, samp, strike,  sub, sup, u, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, embed {margin:0;padding:0;border:0;}
html{overflow-y:scroll}
html,body{width:100%;height:100%;*word-break:break-all;-ms-word-break:break-all}
body,h1,h2,h3,h4,h5,h6,input,button,textarea,select{color:#666;line-height:1.5;font:12px Helvetica, tahoma, verdana, 宋体, SimSun, STXihei, sans-serif;}
img,fieldset,iframe{border:0 none}
hr,legend{position:absolute;left:-1000%;top:0;width:1px;height:1px;font-size:0;line-height:0;overflow:hidden}
caption {width:0;height:0;visibility:hidden;line-height:0;font-size:0}
ol, ul,li{ list-style:none;}
input,select,button,img,textarea {vertical-align:middle}
i,em,address{font-style:normal}
label,button{cursor:pointer}
button {margin:0;padding:0;border:0;background-color:transparent;cursor:pointer;}
button *{position:relative}
button img{left:-3px;*left:auto}
table {border-spacing:0;width:100%;border: 0 none;border-collapse: collapse;word-wrap:break-word;}
form{text-align:left;}
caption, th, td {text-align:left; font-weight:normal;}
legend{*width:0}
a { color:#666; cursor:pointer;}
a:link,a:visited { text-decoration:none;}
a:hover,a:active { text-decoration:none; cursor:pointer;}
a:focus {outline: 1px dotted #a0a0a0;}
.blind{ display:block; overflow:hidden; position:absolute; left:-5000px; top:-5000px;}


/* layout */ 
body{background:#ebebeb;}
#wrap{position:relative;width:100%;background:#ffffff url('/front/common/images/common/top_bg.gif')repeat-x 0 0;background-color:#fff;}
#header{position:relative;width:100%;height:108px;background:url('/front/common/images/common/top_bg2.gif')no-repeat 50% 0;z-index:2;border-bottom:1px solid #d5d5d5;}
#header .header_in{position:relative;height:108px;width:1000px;margin:0 auto;}
#header .header_in h1{position:absolute;left:32px;top:21px;width:auto;z-index:10;}
#header .header_in .util_box{position:absolute;right:0;top:6px;width:67px;z-index:10;}
#header .header_in .util{position:absolute;right:74px;top:10px;width:60%;text-align:right;z-index:10;}
#header .header_in .util li{display:inline-block;*display:inline; *zoom:1;font:10px Helvetica, tahoma, verdana, 宋体, SimSun, STXihei, sans-serif;color:#bbbbbb;}
#header .header_in .util li a{color:#bbbbbb;display:inline-block;*display:inline; *zoom:1;padding:0 3px;}
#header .header_in .util li.last a{color:#2a95a2;}
#header .gnb{position:relative;padding:57px 0 0 158px;z-index:9;}
#header .gnb ul{padding:0 0 0 55px;}
#header .gnb ul:after{clear:both;content:"";display:block;}
#header .gnb .t{position:relative;float:left;width:auto;}
#header .gnb .t a{display:block;width:auto;padding:0 55px;font:bold 16px Helvetica, tahoma, verdana, 宋体, SimSun, STXihei, sans-serif;color:#282827;}
#header .gnb .submenu{display:none;position:absolute;left:50%;top:42px;width:157px;margin:0 0 0 -78px;z-index:10;padding:5px 3px 0 0;background: url("/front/common/images/common/bg_topm.png") repeat 0 0;border:1px solid #3db2c1;}
#header .gnb .submenu ul{padding:14px 0 14px 21px;}
#header .gnb .submenu li{vertical-align:top;}
#header .gnb .submenu li a{display:block;padding:5px 0 5px 9px;font:13px Helvetica, tahoma, verdana, 宋体, SimSun, STXihei, sans-serif;color:#666;}
#header .gnb .submenu li a:hover,
#header .gnb .submenu li a:focus{color:#31a3b1;text-decoration:none;background: url("/front/common/images/common/bul_topm.png") no-repeat 0 9px;}

.visual{width:100%;height:128px;border-bottom:1px solid #e5e5e5;}
.visual.ty1.tyCn{background: url("/front/common/images/common/visual_ty1_cn.jpg") no-repeat 50% 0;}
.visual.ty2.tyCn{background: url("/front/common/images/common/visual_ty2_cn.jpg") no-repeat 50% 0;}
.visual.ty3.tyCn{background: url("/front/common/images/common/visual_ty3_cn.jpg") no-repeat 50% 0;}
.visual.ty4.tyCn{background: url("/front/common/images/common/visual_ty4_cn.png") no-repeat 50% 0;}
.visual.ty5.tyCn{background: url("/front/common/images/common/visual_ty5_cn.jpg") no-repeat 50% 0;}

#container{position:relative;width:1000px;margin:0 auto;z-index:1;}
#container:after{clear:both;content:"";display:block;}
#container .left{float:left;width:200px;padding:33px 0 0;}
#container .left h2{padding:19px 0 0 35px;height:39px;color:#fff;font:bold 18px Helvetica, tahoma, verdana, 宋体, SimSun, STXihei, sans-serif;background:#31a3b1 url("/front/common/images/common/bg_left.gif") no-repeat 0 50%;}
#container .left ul{border:1px solid #d2d2d2;border-top:none;padding:20px 0;}
#container .left ul li a{display:block;padding:6px 0 5px 34px;color:#666;font:bold 14px Helvetica, tahoma, verdana, 宋体, SimSun, STXihei, sans-serif;}
#container .left ul li a:hover,
#container .left ul li a:focus{font-weight:bold;text-decoration:underline;}
#container .left ul li.on a{color:#fff;background:#91ced6 url("/front/common/images/common/bg_left_m.gif") no-repeat 20px 9px;}

#container .content{float:right;width:754px;min-height:500px;padding:0 0 50px;}
#container .content h1{padding:30px 0 0 0;height:61px;color:#333333;font:bold 30px Helvetica, tahoma, verdana, 宋体, SimSun, STXihei, sans-serif ;}

#footer{position:relative;width: 100%;height:61px;background:#ebebeb;z-index:1;}
#footer .footer_in{padding:15px 0 0;width:1000px;margin:0 auto;overflow:hidden;position:relative;}
#footer .footer_in .logo{float:left;width:165px;}
#footer .footer_in .footer_txt{margin:2px 0 0;padding:0 0 0 16px;float:left;width:658px;overflow:hidden;border-left:1px solid #b3b3b3;color:#969292;font:11px Helvetica, tahoma, verdana, 宋体, SimSun, STXihei, sans-serif;line-height:1.4;}
#footer .footer_in .footer_txt address span{display:inline-block;*display:inline; *zoom:1;padding:0 0 0 21px;}
#footer .footer_in .family_site{width:142px;height:30px;padding:0 0 0 15px;position:absolute;top:14px;right:0;border:1px solid #858585;background:#8e8e8e;color:#fff;font:12px Helvetica, tahoma, verdana, 宋体, SimSun, STXihei, sans-serif;}

@media only screen and (max-width:1000px){
	#wrap{width:1000px;}
}

/* select */
.sbHolder{background-color: #37afbf;height:21px;position: relative;width: 67px;font:10px Helvetica, tahoma, verdana, 宋体, SimSun, STXihei, sans-serif;color:#fff;}
.sbSelector{display: block;height:21px;padding:0 0 0 7px;left: 0;line-height:21px;outline: none;overflow: hidden;position: absolute;top: 0;width:60px;}
.sbSelector:link, .sbSelector:visited, .sbSelector:hover{color: #fff;outline: none;text-decoration: none;}
.sbToggle{background: url('/front/common/images/common/bg_sel.png') 5px 9px no-repeat;display: block;height:21px;outline: none;position: absolute;right: 0;top: 0;width:19px;}
.sbToggle:hover{background: url('/front/common/images/common/bg_sel.png') 5px 9px no-repeat;}
.sbToggleOpen{background: url('/front/common/images/common/bg_sel.png') 5px 9px no-repeat;}
.sbToggleOpen:hover{background: url('/front/common/images/common/bg_sel.png') 5px 9px no-repeat;}
.sbHolderDisabled{background-color: #3C3C3C;border: solid 1px #515151;}
.sbOptions{background-color: #37afbf;list-style: none;left: 0;margin:0;padding: 0;position: absolute;top: 30px;width: 67px;z-index: 1;overflow-y: auto;}
.sbOptions a{border-top: dotted 1px #eee;display: block;outline: none;padding: 5px 0 5px 7px;}
.sbOptions a:link, .sbOptions a:visited{color: #fff;text-decoration: none;}
.sbOptions a:hover,.sbOptions a:focus,.sbOptions a.sbFocus{color: #000;}
.sbOptions li.last a{border-bottom: none;}