/*Reset*/
body, h1, h2, h3, h4, h5, h6, p, dl, dd, ul, ol, fieldset, textarea { margin: 0; }
img { border: 0; }
h1, h2, h3, h4, h5, h6 { font-size:100%; }
ol, ul { list-style: none; padding:0 }
table { border-collapse: collapse; border-spacing: 0; }
/*Clear*/
.clearfix:after { content:"."; display:block; height:0; visibility:hidden; clear:both; }
.clearfix { *zoom:1; }
body { font:12px/18px Arial, sans-serif; background:url(../images/bg.jpg) }
a { text-decoration:none; color:#333; }
a:hover { text-decoration:none; color:#333; }
.clear { clear:both; height:0; line-height:0; font-size:0; overflow:hidden; }
/*Reset end*/
#container { width: 1040px; margin: 0px auto; color:#000; background:#fff }
.w1001 { width: 1001px; margin:0 auto }
/*Header*/
#header { background: url(../images/bg_top.jpg) no-repeat; height:120px }
#header .top { float:right; display:inline; margin:75px 27px 0 0; height:20px; text-align:right; color:#333 }
#header .top a { color:#333; line-height:20px; }
#banner { height: 386px; _overflow:hidden; margin-bottom:10px }
#logo { width:400px; float:left; }
#menu { height: 45px; background: #0d619d; position:relative; z-index:2 }
ul.sf-menu { padding-left:30px }
#menu ul li { float: left; height: 45px; font-size:14px; text-indent:10px; }
#menu ul li.icon1 {background:url(../images/icon_1.jpg) left 12px no-repeat}
#menu ul li.icon2 {background:url(../images/icon_2.jpg) left 12px no-repeat}
#menu ul li.icon3 {background:url(../images/icon_3.jpg) left 12px no-repeat}
#menu ul li.icon4 {background:url(../images/icon_4.jpg) left 12px no-repeat}
#menu ul li.icon5 {background:url(../images/icon_5.jpg) left 12px no-repeat}
#menu ul li.icon6 {background:url(../images/icon_6.jpg) left 12px no-repeat}
#menu ul li.icon7 {background:url(../images/icon_7.jpg) left 12px no-repeat}
#menu ul li a { display:block; padding:0 28px; height:45px; color:#fff; line-height:45px }
#menu li li { width:240px;}
#menu li li li { width:240px}
/*Main*/
#main { overflow: hidden; zoom:1; clear:both }
#pro { overflow:hidden; margin-bottom:9px}
#pro dl { float:left; width:329px; height:142px; display:inline}
#pro dt { padding:24px 0 0 17px; float:left}
#pro dt img { height:80px; width:80px}
#pro dd { float:left; padding:24px 0 0 15px; width:200px}
#pro .info { padding-top:12px; height:72px; overflow:hidden}
#pro span { float:right; padding-top:10px}
#pro span a { display:block;width:11px; height:22px; background:url(../images/arr_1.jpg) no-repeat}
.dl1 { margin-right:7px;background:url(../images/bg_p1.jpg) no-repeat}
.dl2 { margin-right:7px;background:url(../images/bg_p2.jpg) no-repeat}
.dl3 { background:url(../images/bg_p3.jpg) no-repeat}
/*Left*/
span.more { float:right; margin-top:21px; padding-right:4px }
#side { float: right; width: 327px; min-height: 400px; _height:400px; }
#search { height:80px; margin-bottom:9px; background:url(../images/bg_search.jpg) no-repeat}
#search form { padding:12px 0 0 12px}
.pro_text { width:220px; height:30px; border:none; margin-right:6px; padding:0; background-color:transparent}
.pro_search { float:right; padding-right:10px}
#news .title { height:28px; line-height:28px; font-size:16px; color:#0d619d}
#news .n2 { height:244px}
#news ul li { height:60px; border-bottom:1px solid #e0e0e0; background:url(../images/dot_1.jpg) 3px 22px no-repeat; padding-left:22px}
#news li span { color:#dc8100; font-weight:bold; display:block; padding-top:15px}
#news li a { color:#5b5b5b}
#news ul li.last { border-bottom:none}
#tel .title { height:28px; margin-bottom:20px; line-height:28px; font-size:16px; color:#0d619d}
#tel .n2 { height:139px; background:url(../images/bg_tel.jpg) no-repeat; line-height:24px; }
#tel .n2 p { padding:10px 0 0 32px}
/*right*/
#content { float: left; width:640px; }
#about { margin-bottom:8px; float:left }
#about .title { height:42px; margin-bottom:12px; line-height:42px; font-size:16px; color:#0d619d; text-indent:7px}
#about .n2 { height:290px; line-height:24px; background:url(../images/bg_about.jpg) no-repeat }
#about .n2 img { margin-right:16px}
#product { clear:both }
#product .title { height:42px; margin-bottom:12px; line-height:42px; font-size:16px; color:#0d619d; text-indent:7px}
#product .n2 { height:174px; _height:174px; }
#product .n2 dl { float: left; width: 190px; height: 140px; text-align: center; }
#product .n2 dd { height: 130px; width:170px; vertical-align:middle; }
#product .n2 img { height:130px; width:170px; border:1px solid #d2d2d2 }
#product .n2 dt { display:none}
#product .n2 dt a { color:#333; }
#tech { background:url(../images/bg_tech.jpg) no-repeat; height:234px}
#tech .n2 { padding:44px 0 0 645px}
#tech li { width:310px}
#tech li a { font-weight:bold}
span.more1 { float:left;padding-top:20px}
#tech h3 { margin-bottom:10px;font-size:16px; color:#1f4b69}
/*Footer*/
#footer { height: 50px; line-height:22px; }
.rollBox { width:100%; height:auto; overflow:hidden; padding:0; margin:0; float:left; }
.rollBox .LeftBotton { height:120px; width:17px; line-height:120px; background:url(/images/icon_left.jpg) no-repeat 0; overflow:hidden; float:left; display:inline; margin:15px 8px 0 0; cursor:pointer; }
.rollBox .RightBotton { height:120px; width:17px; line-height:120px; background:url(/images/icon_right.jpg) no-repeat 0; overflow:hidden; float:left; display:inline; margin:15px 0 0 8px; cursor:pointer; }
.rollBox .Cont { overflow:hidden; float:left; width:570px; margin:0 0 0 0; }
.rollBox .ScrCont { width:10000000px; }
.rollBox .Cont .pic { width:150px; height:113; float:left; text-align:center; padding:0 15px 0 15px; }
.rollBox .Cont .pic img { padding:4px; background:#fff; border:1px solid #ccc; display:block; margin:0 auto; }
.rollBox .Cont .pic p { line-height:26px; color:#666666; }
.rollBox .Cont a:link, .rollBox .Cont a:visited { color:#626466; text-decoration:none; }
.rollBox .Cont a:hover { color:#f00; text-decoration:underline; }
.rollBox #List1, .rollBox #List2 { float:left; }
