body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{padding:0;margin:0}    
fieldset,img{border:0}    
table{border-collapse:collapse;border-spacing:0}    
ol,ul{list-style:none}    
h1,h2,h3,h4,h5,h6{font-size:100%}   

body{background:#333;text-align:center;font:12px/200% Verdana,Geneva,sans-serif;color:#333}
img{border:0}
ul{list-style:none}
a{color:#000;text-decoration:none}
a:hover{color:#f60}
.fl{float:left}
.fr{float:right}
.border{padding:1px;border:1px solid #ccc}
.red{color:red}
.orange{color:orange;font-weight:bold}

.clear:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clear{display:inline-block}/* Hides from IE-mac \*/*html .clear{height:1%} .clear{display:block}/* End hide from IE-mac */

#wrapper{margin:0 auto;width:1002px;background:#fff}
#header{height:240px;border-top:5px solid #01346b}

#content{background:url(i/bg_content.png) repeat-y}
.leftside{float:left;width:264px;background:url(i/bg_leftside.png) no-repeat}
.rightside{float:right;width:738px;min-height:100px;_height:100px;text-align:center;background:url(i/bg_rightside.png) no-repeat}

.leftside h4{height:19px;text-indent:-999em;overflow:hidden;background:url(i/bg_lh4.png) no-repeat}
.leftside h4.iabout{background-position:0 0}
.leftside h4.video{background-position:0 -19px}
.leftside h4.news{background-position:0 -38px}
.leftside h4.pcate{background-position:0 -57px}

.rightside h4{height:22px;text-indent:-999em;overflow:hidden;background:url(i/bg_rh4.gif) no-repeat}
.rightside h4.new{background-position:0 0}
.rightside h4.product{background-position:0 -22px}
.rightside h4.about{background-position:0 -44px}
.rightside h4.honor{background-position:0 -66px}
.rightside h4.develop{background-position:0 -88px}
.rightside h4.culture{background-position:0 -110px}
.rightside h4.construct{background-position:0 -132px}
.rightside h4.brand{background-position:0 -154px}
.rightside h4.video{background-position:0 -176px}
.rightside h4.service{background-position:0 -198px}
.rightside h4.contact{background-position:0 -220px}
.rightside h4.job{background-position:0 -242px}
.rightside h4.join{background-position:0 -264px}
.rightside h4.message{background-position:0 -286px}
.rightside h4.news1{background-position:0 -308px}
.rightside h4.news2{background-position:0 -330px}
.rightside h4.newscenter{background-position:0 -352px}
.rightside h4.map{background-position:0 -374px}
.rightside h4.ps{background-position:0 -396px}
.rightside h4.newp{background-position:0 -418px}
.rightside h4.mc{background-position:0 -440px}
.rightside h4.reg{background-position:0 -462px}
.rightside h4.fpw{background-position:0 -484px}



.layout{padding:0 20px}
.detail{text-align:left}
.detail h4{margin-bottom:20px}


.context{padding:15px 30px}
.context h1{font-size:20px;color:#ce5b1f}
.context p{margin-bottom:5px;font-size:14px;text-align:left;line-height:180%}



.caption{position:relative}
.caption .more{position:absolute;top:7px;right:9px;display:block;width:38px;height:9px}

#psearch{margin-bottom:10px;padding:3px 0 3px 15px;line-height:30px;text-align:left;width:249px;overflow-x:hidden;background:url(i/bg_psearch.png) no-repeat}
#psearch .td1{height:33px;line-height:33px}
#psearch .inputer{width:100px;border:1px solid #7f9db9}
#psearch input{border:1px solid #7f9db9}
#psearch select{width:150px;border:1px solid #7f9db9}

#iabout{margin-left:4px;margin-bottom:10px;width:260px}
#iabout strong{color:#993300}
#iabout .cc{padding:5px 10px;text-align:left}
#iabout .cc img{margin:5px auto}
#iabout a{color:#f60}
#iabout a:hover{text-decoration:underline}

#lnews{margin-left:4px;margin-bottom:10px;width:260px}
#lnews .sidemenu{margin:0 auto;width:190px;text-align:left}

#video{margin-left:6px;width:240px;text-align:left;background:url(i/bg_video.png) 0 22px no-repeat}
#video h4{margin-bottom:10px}

#btnarea{margin:6px 0 6px 6px;width:240px}
#btnarea ul{padding-left:7px}
#btnarea li{float:left;margin-right:13px;width:102px}
#btnarea a{display:block;width:102px;height:63px;text-indent:-999em;overflow:hidden;background:url(i/bg_btnarea.jpg) no-repeat}
#btnarea a.b1{background-position:0 0}
#btnarea a.b2{background-position:0 -63px}
#btnarea a.b3{background-position:0 -126px}

#cp{margin-left:6px;width:240px;height:52px;text-indent:-999em;overflow:hidden;background:url(i/bg_cp.png) no-repeat}

#anno{height:32px;line-height:32px;overflow:hidden;background:url(i/bg_anno.png) repeat-x}
#anno .left{float:left;width:20px;height:32px;background:url(i/bg_anno_left.png) no-repeat}


#picshow{float:left;width:330px;text-align:center;background:url(i/bg_picturn.png) 50% 0 no-repeat}
.picturn{position:relative;display:block;margin:7px auto 10px;;width:250px;height:155px;text-align:center;border:1px solid #e2e2e2;overflow:hidden}

.slider{position:absolute}
.slider li{list-style:none;display:inline}
.slider img{display:block;width:250px;height:155px}

.slider2{width:2000px;}
.slider2 li{float:left;}

.num{position:absolute;right:10px;bottom:10px}
.num li{float:left;margin:3px 5px;color:#fff;text-align:center;line-height:14px;width:14px;height:14px;font-size:10px;cursor:pointer;overflow:hidden;background:url(i/bg_slider_num.png) no-repeat}
.num li.on{border:0;background:url(i/bg_slider_num.png) 0 -14px no-repeat}


#iabout .sidemenu{margin:0 auto;width:190px}
#iabout .sidemenu a{display:block;padding-left:55px;height:34px;background:url(i/bg_sidemenu_li.gif) 10px 100% no-repeat;color:#333}
#iabout .sidemenu a:hover{color:#f60;text-decoration:none}

#inew{float:left;width:350px;text-align:left}
#inew .loc{display:none}
#inew li span{display:none}
#news1,#news2{margin:15xp auto;text-align:left}
#news1 .loc,#news2 .loc{display:none}
#news1 h4,#news2 h4{margin-botton:5px}

.newslist{padding-bottom:20px}
.newslist li{_position:relative;padding-left:12px;height:24px;line-height:24px;border-bottom:1px dotted #8b8b8b;background:url(i/ico_triangle.gif) 2px 8px no-repeat}
.newslist li img{_position:absolute;top:9px}
.newslist .view{float:none;font-size:10px;color:#bb5f31}
.newslist li span{float:right;font-size:10px;color:#999}


#products{margin:0 auto;width:642px}
#products .table_list{width:160px}
#products .loc{display:none}
#products .prnumber{display:none}
.pr_border{padding-top:1px;width:145px;height:126px;background:url(i/bg_pr_border.png) no-repeat}
.table_list{width:170px}

#login{margin:0 auto 8px;width:280px;height:167px;color:#000;text-align:left;background:url(i/bg_leftcol.png) no-repeat}
#login .caption{margin:7px;height:26px;line-height:26px;background:url(i/bg_leftcol.png) 0 -167px no-repeat}
#login .caption h4{margin-left:8px;font-size:14px;color:#539b17;font-weight:bold}
#login .inputer{width:150px;background:#fff}
#login td{height:26px;line-height:26px}
#login a.findpw{color:#3c641d}
#login td.user_title{width:140px;text-align:right;color:#000}
#login td.user_input{width:240px;text-align:left}

.jobtable{border-top:1px solid #ddd;border-left:1px solid #ddd}
.jobtable th,.jobtable td{border-right:1px solid #ddd;border-bottom:1px solid #ddd}
.jobtable td{background:#fff}
.jobtable th{font-weight:normal;text-align:center;line-height:26px;background:#e3e3e3}

.culturelist{}
.culturelist li{float:left;width:49.99%;text-align:center}

#footer{padding-top:7px;padding-bottom:9px;background:#b3b3b3 url(i/bg_footer.png) repeat-x}
.footinfo{padding:25px 25px 25px 215px;text-align:left;background:#f5f5f5 url(i/bg_footinfo.jpg) 40px 50% no-repeat}
.footnav{padding-right:25px;text-align:right;background:#d9d9d9 url(i/bg_footnav.png) 59px 50% no-repeat}
.footnav a{margin:0 12px}

#backi{position:relative;width:100px;height:170px;background:url(i/bg_kf.gif) 50% 0 no-repeat}
#backi .l{float:left;width:8px;height:150px;background:url(i/bg_kf_lr.gif) 0 0 no-repeat}
#backi .r{float:right;width:8px;height:150px;background:url(i/bg_kf_lr.gif) -8px 0 no-repeat}
#backi .cc{margin-top:39px;text-align:center;line-height:250%;}
#backi .close{position:absolute;top:3px;right:13px}
#backi .qq{padding:3px 0;padding-left:24px;background:url(i/ico_qq.gif) no-repeat}
#backi .ali{padding:3px 0;padding-left:24px;background:url(i/ico_ali.gif) no-repeat}