@charset "utf-8";
/* CSS Document */
body { font-family:"宋体"; font-size:12px; color:#ced5de; background:url(../images/bodybg.jpg) no-repeat center top; margin:0px;}
* { margin:0px; padding:0px; list-style:none;}
img,ul,li,ol,form,tr,td,div,dl,dt,dd { border:0px;}
a { font-family:"宋体"; font-size:12px; color:#ced5de; text-decoration:none;}
h1,h2,h3,h4,h5,h6 { font-size:12px; font-weight:normal;}
.warp { width:1020px; margin:0px auto;}
.warp01 { width:970px; margin:0px auto;}

.clear { clear:both;}
.footerbg { background:#b5c9d4 url(../images/footerbg.jpg) repeat-x;}
/*header*/
h1 { margin:19px 0px 0px 23px; float:left;}
.culture_en { padding:32px 60px 0px 21px; float:right;}
.culture_ch { padding-top:32px; float:right;}
.navbg { background:url(../images/navbg.jpg) no-repeat;}
.nav { float:left; padding-left:15px;}
.nav li { width:164px; height:52px; padding-right:2px; background:url(../images/libg.jpg) no-repeat right; float:left;}
.nav li a { line-height:52px; text-align:center; font-family:"微软雅黑"; font-size:13px; color:#f0f2f5; display:block;}
.nav li .alink { background:url(../images/lia.jpg) no-repeat;}
.nav li .alink01 { background:url(../images/alink01.gif) no-repeat;}
.nav li .alink02 { background:url(../images/alink02.jpg) no-repeat;}

.bannerbg { background:url(../images/bannerbg.jpg) no-repeat center top;}
.banner { width:968px; height:271px; padding-left:26px; float:left;}
/*产品展示 图片滚动*/
.rollBox{ width:900px; margin-top:18px; margin-left:36px; overflow:hidden;}
.rollBox .LeftBotton{ height:52px; width:10px; background:url(../images/left.jpg) no-repeat; overflow:hidden; float:left; display:inline; margin:27px 19px 0 0px; cursor:pointer;}
.rollBox .RightBotton{ height:52px; width:10px; background:url(../images/right.jpg) no-repeat right 0; overflow:hidden; float:left; display:inline; margin:27px 0 0 18px; cursor:pointer;}
.rollBox .Cont{ width:841px; overflow:hidden; float:left;}
.rollBox .ScrCont{ width:10000000px;}
.rollBox .Cont .pic{ float:left; width:173px;}
.rollBox .Cont .pic a { float:left;}
.rollBox #List1,.rollBox #List2{ float:left;}
/*contents*/
.h2bg { background:url(../images/bg01.jpg) no-repeat;}
.h2img { float:left;}
h2 { line-height:36px; padding-left:17px; font-family:"微软雅黑"; font-size:14px; color:#fff; float:left;}
.more { padding:14px 10px 0px 0px; float:right;}
.content01 { background:url(../images/bg02.jpg) no-repeat;}
.content02 { background:url(../images/bg03.jpg) no-repeat;}
.content03 { background:url(../images/bg04.jpg) no-repeat;}
h3 { line-height:36px; padding-left:23px; font-family:"微软雅黑"; font-size:15px; color:#d3c688; float:left;}
.h3span { padding-left:8px; padding-top:12px; font-family:"微软雅黑"; font-size:10px; color:#7da8d4; text-transform:uppercase; float:left;}
.content04 { width:280px; height:183px; padding-left:12px; float:left;}
.content05 { background:url(../images/bg05.jpg) no-repeat;}
.h3 { line-height:27px; padding-left:14px; font-family:"微软雅黑"; font-size:15px; color:#d3c688; float:left;}
.h3span1 { padding-left:8px; padding-top:8px; font-family:"微软雅黑"; font-size:10px; color:#7da8d4; text-transform:uppercase; float:left;}
.content06 { border:3px solid #0d4c6f; margin:0px 4px 0px 15px; float:right;}
.content06p { width:337px; height:180px; float:left; overflow:hidden; line-height:20px;}
.content06span { color:#00a0d4; padding-left:26px;}
.content07 { background:url(../images/bg06.jpg) no-repeat;}
.content08 { line-height:20px; padding:9px 0px 11px 0px; margin-bottom:8px; border-bottom:1px dashed #354b72; float:left;}
.content08span { padding-left:22px; background:url(../images/ico01.jpg) no-repeat 4px 2px; color:#00a0d4;}
.content08en { line-height:18px; padding:7px 0px 8px 0px; margin-bottom:8px; border-bottom:1px dashed #354b72; float:left;}

/*footer*/
h4 { margin-left:17px;}
.copyright { line-height:22px; color:#245661;}

/*about*/
.about { background:url(../images/bg07.jpg) no-repeat 0px 36px;}
.about01 { float:right; padding-right:14px; color:#7ea9d4; padding-top:14px;}
.about01 a { color:#7ea9d4;}
.topbg { background:url(../images/topbg.jpg) no-repeat;}
.btmbg { background:url(../images/btmbg.jpg) no-repeat bottom;}
.menu { padding:17px 0px 11px 22px; float:left;}
.menu li { width:170px; float:left;}
.menu li a { height:24px; padding-bottom:5px; text-align:center; line-height:24px; color:#fff; background:url(../images/bg08.jpg) no-repeat; display:block;}
.menu li a:hover { background:url(../images/bg09.jpg) no-repeat;}
.menu li .amenu { background:url(../images/bg09.jpg) no-repeat;}
.about02 { background:url(../images/bg10.jpg) no-repeat right bottom;}
.about02p { width:180px; line-height:20px; padding:0px 0px 17px 23px; color:#636363; float:left;}
.about02span1 { line-height:20px; font-weight:bold; color:#ff0000; padding:15px 0px 0px 23px; float:left;}
.about02span2 { line-height:20px; padding-top:15px; font-family:Arial, Helvetica, sans-serif; letter-spacing:-1px; font-weight:bold; font-size:16px; color:#03161c; float:left;}
/*滚动条*/
.jScrollPaneContainer{ position:relative; overflow:hidden; z-index:1;}
.jScrollPaneTrack{ position:absolute; cursor:pointer; right:0; top:0; height:450px; background:#dae3ec;}
.jScrollPaneDrag{ position:absolute; right:0px; background:#b5c5da; cursor:pointer; overflow:hidden;}
.jScrollPaneDragTop{ position:absolute; top:0; left:0; overflow:hidden;}
.jScrollPaneDragBottom{ position:absolute; bottom:0; left:0; overflow:hidden;}
a.jScrollArrowUp{ display:block; position:absolute; z-index:1; top:0; right:0; text-indent:-2000px; overflow:hidden;/*background-color:#666;*/height:85px;}
a.jScrollArrowDown{ display:block; position:absolute; z-index:1; bottom:0; right:0; text-indent:-2000px; overflow:hidden;/*background-color:#666;*/height:85px;}
.scroll-pane{ height:450px; overflow:auto; float:left;}
.left .jScrollPaneTrack { left: 0; right: auto;}
.left a.jScrollArrowUp { left: 0; right: auto;}
.left a.jScrollArrowDown { left: 0; right: auto;}
/* IE SPECIFIC HACKED STYLES */
* html .osX .jScrollPaneDragBottom { bottom: -1px;}
/* /IE SPECIFIC HACKED STYLES */
#pane3{ height:450px;}
.holder {}
.gdtp { width:593px; line-height:25px; color:#636363; font-size:14px; padding-bottom:28px; float:left;}

/*product*/
.product { width:638px; padding:21px 0px 0px 11px; float:left;}
.product li { width:177px; padding:0px 16px 10px 16px; float:left;}
.product li .proimg { padding:5px; border:1px solid #2d7393; float:left;}
.product li .proa { width:177px; line-height:34px; color:#666; text-align:center; float:left; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.page { width:610px; line-height:21px; color:#636363; text-align:center; padding-left:38px; float:left;}
.pro01 { border-bottom:1px dotted #b5b5b5;}
.pro01_ti { font-size:16px; font-weight:bold; color:#0f2b5a; display:block;}
.pro01_time { line-height:37px; padding-bottom:13px; display:block; font-size:13px; color:#666;}
.pro02 { line-height:74px; padding-left:17px; color:#484a50; font-weight:bold; font-size:13px; float:left;}
.pro02p { width:274px; padding-left:17px; line-height:22px; color:#5c5e63; word-wrap:break-word; float:left;}
.pro02img { margin-top:26px;}
.pro03 { color:#5c5e63;}
.pro03tab { border:1px solid #8d8f94; border-bottom:0px; color:#5c5e63; font-size:11px;}
.pro03tab1 { border-bottom:1px solid #cbcdd1; border-right:1px solid #cbcdd1;}
.pro03tab2 { border-bottom:1px solid #cbcdd1;}
/*case*/
.case { line-height:24px; color:#636363; text-indent:2em; word-wrap:break-word; width:580px; float:left;}
/*web*/
.web { width:578px; line-height:24px; color:#636363; text-indent:2em; float:left;}
.webspan { color:#0195c1;}
/*contact*/
.contactp { width:505px; padding-left:44px; padding-bottom:20px; line-height:20px; color:#636363; background:url(../images/bg11.jpg) no-repeat right bottom; float:left;}
.contactp font { font-weight:bold; color:#327795; font-size:14px;}
.contmap { width:505px; height:265px; border:1px solid #969696; margin-left:42px; _margin-left:21px; float:left;}