/* CSS Document */

/*comm*/
body,div,ul,li,a,img,p,dl,dt,dd,h1,h2,h3,h4,span,strong{ margin:0; padding:0;}
ul,li,dl,dt,dd{ list-style:none;}
img{ border:0; list-style:none;}
body{font-size:12px; font-family:"宋体"; color:#333333;}
.clear{ margin:0; padding:0; font-size:0; clear:both;}
a{ color:#333333; text-decoration:none;}
a:hover{ color:#F90;}
p{line-height:1.8em;}


/*header*/
.header { margin:0 auto; width:1002px; overflow:hidden; height:118px; background:url(../images/header.gif) repeat-x;}
.logo { float:left; padding-top:40px;}
.tel { float:right; width:400px;}
.tel ul { padding-top:5px;}
.tel ul li { float:left; padding:0 5px;}
.tel h2 { color:#427386; height:20px; padding-top:25px; padding-right:20px; text-align:right; font-size:20px;}
.tel h2 span{ color:#dd4e5b; font-family:Arial, Helvetica, sans-serif;}



/*online service*/
.SonlineBox{ width:97px; font-size:12px;overflow:hidden; z-index:9999;}
.SonlineBox .openTrigger{ width:30px; height:110px; position:absolute; top:0px;  z-index:1; cursor:pointer;  background: url(../images/comm/openTrigger.jpg) #0176ba no-repeat;}
.SonlineBox .titleBox{ width:95px; height:25px; line-height:25px; background: url(../images/comm/SonlineTitleBg.gif) #038bdc repeat-x; border-bottom:1px solid #0176ba;}
.SonlineBox .titleBox span{ margin-left:10px; color:#fff; font-size:12px; font-family:' ','宋体';}
.SonlineBox .contentBox{ width:95px; height:auto; border:1px solid #0176ba; background:#fff; position:absolute; z-index:2;}
.SonlineBox .contentBox .closeTrigger{ width:25px; height:25px; display:block; cursor:pointer;  position:absolute; top:0px;right:0px;-webkit-transition:all 0.8s ease-out;}
.SonlineBox .contentBox .closeTrigger:hover{-webkit-transform:scale(1) rotate(360deg);}
.SonlineBox .contentBox .listBox{overflow:hidden; margin-bottom:10px;}
.SonlineBox .contentBox .listBox .QQList{ display:block; width:86%; line-height:20px; height:50px; margin:5px auto 0px auto; border-bottom:#e4e4e4 solid 1px;  font-family:' ','宋体'; color:#333;}
.SonlineBox .contentBox .listBox .QQList span{float:left; line-height:22px;}
.SonlineBox .contentBox .listBox .QQList a{float:left;}

/*menu*/
.menu { margin:0 auto; width:1002px;  height:32px; line-height:32px; background: url(../images/menu.gif) repeat-x; font-size:14px; position:relative; z-index:99;}
.menu ul { margin-left:11px; _display:inline;}
.menu ul li { float:left; padding-right:2px; background:url(../images/fenge.gif) right center no-repeat; position:relative; width:110px; text-align:center;}
.menu ul li dl{ position:absolute; left:0px; top:32px; background:#fff; width:110px; padding:5px 0; display:none; border:#757575 solid 1px; padding:5px;}
.menu ul li dl dd{ height:24px; line-height:24px; text-align:left; background:url(../images/biao_03.gif) 6px 11px no-repeat; padding-left:20px;}
.menu ul li dl dd a{ font-size:12px; font-weight:normal; color:#000; display:inline;}
.menu dl dd a:hover {color:#F90; display:inline; background:none;}
.menu a { color:#FFF; display:block;width:110px;}
.menu a:hover { color:#FFF; background:url(../images/hover.gif) center no-repeat; }

.hmain span{ display:block; background:url(../images/biao.gif) 84px 19px no-repeat;}


/*rolling picture*/
#banner {width:1002px; margin:0 auto; height:335px; overflow:hidden; background:#fff; padding-top:1px; position:relative;z-index:1;}
#banner ul { width:1002px; height:335px; position:absolute;}
#banner ul li {float:left; overflow:hidden; position:relative;}
#banner ul li div {position:absolute; overflow:hidden;}
#banner ul li img{ width:1002px; height:335px;}
#banner .btnBg {position:absolute; width:1002px; height:25px; left:0; bottom:0; background:#000;}
#banner .btn {position:absolute; width:980px; height:10px; padding:5px 10px; right:0; bottom:0; text-align:right;}
#banner .btn span {display:inline-block; _display:inline; _zoom:1; width:25px; height:10px; _font-size:0; margin-left:5px; cursor:pointer; background:#fff;}
#banner .btn span.on {background:#000;}
#banner .preNext {width:45px; height:100px; position:absolute; top:110px; background:url(../images/sprite.png) no-repeat 0 0; cursor:pointer;}
#banner .pre {left:0;}
#banner .next {right:0; background-position:right top;}

/*automatic zoom picture*/
.pro_bor img {max-width:188px; max-height: 126px; width: expression(this.width >188 && this.height < this.width ? 188: true); height: expression(this.height > 126 ? 126: true);}

/*display products*/
.product_zhanshi{ margin-top:20px;}
.product_zhanshi dl{ margin-left:15px;}
.product_zhanshi dl dt{ line-height:36px; font-size:14px;}
.product_zhanshi dl dd{ line-height:28px; border-bottom:#ddd dashed 1px;}
.product_zhanshi dl dd span{ color:#f90; font-size:14px; font-weight:bold; font-family: Verdana, Geneva, sans-serif;}
.xiangxi{ margin-top:20px;}
.xiangxi h2{ height:28px; font-size:12px; line-height:28px; color:#005895; border-bottom:#ddd solid 2px;}
.xiangxi h2 strong{ float:left; display:block; border-bottom:#005895 solid 2px; height:28px; padding:0 0px;}
.xiangxi_con{ padding:10px 0;}
.xiangxi_con p{ font-size:14px;}
.shangxia{ height:26px; padding-top:10px;}
.shangxia a{ display:block; background:url(../images/pre.gif) no-repeat; width:99px; height:26px; text-align:center; line-height:26px; font-size:14px; color:#005895; font-weight:bold; float:right; margin-left:16px;_margin-left:8px;  }
.pro2{max-width:288px; max-height:216px; width: expression(this.width >288 && this.height < this.width ? 288: true); height: expression(this.height > 216 ? 216: true);}
.pro3{max-width:64px; max-height: 48px; width: expression(this.width >64 && this.height < this.width ? 64: true); height: expression(this.height > 48 ? 48: true);}
ul#thumblist li a{display:block;border:1px solid #CCC; height:54px; line-height:54px;}
ul#thumblist li a.zoomThumbActive{border:1px solid #c00;}
.clearfix ul li{ float:left; width:70px; margin:0 2px;display:inline;}
.clearfix ul li img{ padding:0; margin:0; cursor:pointer;}
.zoomPad{position:relative;z-index:99;cursor:crosshair;}
.zoomPreload{-moz-opacity:0.8;opacity: 0.8;filter: alpha(opacity = 80);color: #333;font-size: 12px;font-family: Tahoma;text-decoration: none;border: 1px solid #CCC;background-color: white;padding: 8px;text-align:center;background-image: url(../images/zoomloader.gif);background-repeat: no-repeat;background-position: 43px 30px;z-index:110;width:90px;height:43px;position:absolute;top:0px;left:0px;* width:100px;* height:49px;}
.zoomPup{overflow:hidden;background-color: #FFF;-moz-opacity:0.6;opacity: 0.6;filter: alpha(opacity = 60);z-index:120;position:absolute;border:1px solid #CCC;z-index:101;cursor:crosshair;}
.zoomOverlay{position:absolute;left:0px;top:0px;background:#FFF;/*opacity:0.5;*/z-index:5000;width:100%;height:100%;display:none;z-index:101;}
.zoomWindow{position:absolute;left:110%;top:40px;background:#FFF;z-index:6000;height:auto;z-index:10000;z-index:110;}
.zoomWrapper{position:relative;border:1px solid #999;z-index:110;}
.zoomWrapperTitle{display:block;background:#999;color:#FFF;height:18px;line-height:18px;width:100%;overflow:hidden;text-align:center;font-size:10px;position:absolute;top:0px;left:0px;z-index:120;-moz-opacity:0.6;opacity: 0.6;filter: alpha(opacity = 60);}
.zoomWrapperImage{display:block;position:relative;overflow:hidden;z-index:110;}
.zoomWrapperImage img{border:0px;display:block;position:absolute;z-index:101;}
.zoomIframe{z-index: -1;filter:alpha(opacity=0);-moz-opacity: 0.80;opacity: 0.80;position:absolute;display:block;}


/*bottom*/
.bottom{ width:1002px; margin:0 auto; background: #FFF;}
.footer{ height:65px; margin-top:10px; color:#717171;}
.footer ul li{ line-height:24px; text-align:center}
.footer ul li span{ font-family:Arial, Helvetica, sans-serif;}


.product {  border:#e3e3e3 solid 1px; margin-top:15px;  overflow:hidden;background:url(../images/fengefu.gif) top repeat-x;  }
.product h2 { color:#F90; font-weight:bold; text-align:center; font-size:12px; height:27px; line-height:27px;}
.pro_left { float:left; width:182px; margin-left:30px; _display:inline;}
.pro_left table{ margin-top:10px; margin-bottom:10px; line-height:20px;}
.pro_center { float:left; width:182px; margin-left:40px;_display:inline;}
.pro_center table{ margin-top:10px; margin-bottom:10px; line-height:20px;}
.pro_right { float:right; width:182px; margin-right:30px; _display:inline;}
.pro_right table{ margin-top:10px; margin-bottom:10px; line-height:20px;}
.pro_180_135 img{max-width:180px; max-height: 135px; width: expression(this.width >180 && this.height < this.width ? 180: true); height: expression(this.height > 135 ? 135: true);}


.side { overflow:hidden; width:1002px; height:17px; background:url(../images/fenge_01.gif) #FFF left bottom repeat-x; margin:0 auto;}
.side_di { width:1002px; height:4px; line-height:4px; background:url(../images/fenge_02.gif) repeat-x; margin:0 auto; overflow:hidden;}

.middle {  margin:0 auto; width:1002px; overflow:hidden; background:#FFF; padding-top:3px;}
.left { width:216px; float:left; background:url(../images/bg.gif) #dae5e9 repeat-x;}
.service { padding:25px 10px;}
.service h2 { background:url(../images/line_01.gif) bottom no-repeat; padding-bottom:5px;}
.service h2 strong { padding-left:10px; padding-right:10px; color:#000; font-weight:normal; font-size:14px;}
.service h2 span { color:#c70401; font-size:12px; font-weight:normal;}
.service ul { padding:10px 15px;}
.service ul li { line-height:25px; width:140px; padding-left:15px; background:url(../images/list_01.gif) left center no-repeat; border-bottom:#cfcfcf solid 1px;}
.service ul li a { color:#333333;}
.service ul li a:hover{ color:#F90;}

.contact { padding:0 10px;}
.contact h2 { padding-left:7px;}
.contact ul { padding:10px 15px;}
.contact ul li { line-height:20px; padding:5px 0; color:#333333;}


.inside { float:right; width:755px; border:#e9e9e9 solid 1px; background:#FFF; padding:10px;}
.inside h2 { background:url(../images/biao10.gif) no-repeat; font-size:12px; color:#333; padding-left:18px; padding-bottom:6px; border-bottom:#e9e9e9 solid 1px;}
.wenben { padding:10px;}
.wenben p { line-height:20px;}

.center { width:570px; float:left; background:url(../images/jianbian.gif) top center repeat-x;}
.about { padding:21px 10px; height:185px;}
.about h2 { background:url(../images/line_02.gif) bottom no-repeat; padding-bottom:5px; padding-left:16px;}
.about h2 strong { padding-left:10px; padding-right:10px; color:#000; font-weight:normal; font-size:14px;}
.about h2 span { color:#c70401; font-size:12px; font-weight:normal; padding-right:325px;}
.text { padding-top:20px; padding-left:27px; padding-right:21px; color:#333333;}
.text p { line-height:23px; text-indent:2em}

.news { padding:25px 10px;}
.news h2 { background:url(../images/line_02.gif) bottom no-repeat; padding-bottom:5px; padding-left:16px;}
.news h2 strong { padding-left:10px; padding-right:10px; color:#000; font-weight:normal; font-size:14px;}
.news h2 span { color:#c70401; font-size:12px; font-weight:normal; padding-right:350px;}
.news ul { padding:10px 27px;}
.news ul li { height:25px; line-height:25px; padding-left:15px; background:url(../images/list_02.gif) left center no-repeat; border-bottom:#cfcfcf dashed 1px;}
.news ul li a { float:left; color:#333333;}
.news ul li span { float:right; color:#505050;}
.news ul li a:hover{ color:#F90;}



.right { width:216px; float:right; background:url(../images/bg.gif) #dae5e9 repeat-x;}
.knowledge { padding:25px 10px;}
.knowledge h2 { padding-bottom:5px;}
.knowledge h2 strong { padding-left:10px; padding-right:10px; color:#000; font-weight:normal; font-size:14px;}
.knowledge h2 span { color:#c70401; font-size:12px; font-weight:normal; padding-right:43px;}
.knowledge h2 a { color:#757374; font-size:12px; font-weight:normal;}
.knowledge h2 a:hover{ color:#F90;}
.knowledge h3 { padding-left:8px;}
.knowledge ul { padding:10px 15px;}
.knowledge ul li { line-height:25px; width:140px; padding-left:15px; background:url(../images/list_02.gif) left center no-repeat; border-bottom:#cfcfcf dashed 1px;}
.knowledge ul li a { color:#333333;}
.knowledge ul li a:hover{ color:#F90;} 


.support { padding:1px 10px;}
.support h2 { padding-bottom:5px;}
.support h2 strong { padding-left:10px; padding-right:10px; color:#000; font-weight:normal; font-size:14px;}
.support h2 span { color:#c70401; font-size:12px; font-weight:normal; padding-right:27px;}
.support h2 a { color:#757374; font-size:12px; font-weight:normal;}
.support h2 a:hover{ color:#F90;}
.support h3 { padding-left:8px;}
.support ul { padding:10px 15px;}
.support ul li { line-height:25px; width:140px; padding-left:15px; background:url(../images/list_02.gif) left center no-repeat; border-bottom:#cfcfcf dashed 1px;}
.support ul li a { color:#333333;}
.support ul li a:hover{ color:#F90;}

.gray { margin:0 auto; width:1002px; height:9px; background:url(../images/gray.gif) #FFF repeat-x; padding-bottom:1px;}

.links { margin:0 auto; width:1002px; height:45px; background:url(../images/footer.gif);}
.links ul { padding-top:13px; padding-left:50px;}
.links ul li { float:left; padding-left:5px; color:#dcd6d6;}
.links ul li a { color:#dcd6d6;}
.links ul li a:hover{ color:#F90;}
.links ul li span { padding:0 5px;}



.pro img{max-width:120px; max-height: 90px; width: expression(this.width >120 && this.height < this.width ? 120: true); height: expression(this.height > 90 ? 90: true);}

.hover2{ background:#f4f4f4;}

/*proShow*/
.product_show h2{ line-height:28px; height:28px; border-bottom:#ddd solid 1px;font-weight:normal; margin-bottom:0px;}
.product_show h2 strong{ float:left;  background:url(../images/title_04.gif) no-repeat; width:97px; height:28px; line-height:28px; text-align:center;  font-size:14px; color:#fff;}
.product_show ul li{ width:130px;line-height:20px;}
.product_show ul li{ float:left; margin:15px 20px 0; border:#e4e4e4 solid 1px; display:inline;}

/*main的另一段*/
.side_product { overflow:hidden}
.side_product h2{ font-size:14px; line-height:24px; height:24px; background:url(../images/side_p1.gif) no-repeat  left center;padding-left:15px;}
.side_product ul{ margin-top:5px;margin-left:10px;}
.side_product ul li{line-height:24px;}
.side_product ul li a{ float:left;width:170px;background: url(../images/side2.gif) no-repeat left center;padding-left:20px;}
.side_product ul li dl{margin-left:30px;}
.side_product ul li dl a{ background:url(../images/side_p3.jpg) no-repeat left center;padding-left:15px;}


.productlist { padding:25px 10px;}
.productlist h2 { background:url(../images/line_01.gif) bottom no-repeat; padding-bottom:5px;}
.productlist h2 strong { padding-left:10px; padding-right:10px; color:#000; font-weight:normal; font-size:14px;}
.productlist h2 span { color:#c70401; font-size:12px; font-weight:normal;}
.productlist ul { padding:10px 10px;}
.productlist ul li { line-height:25px; width:140px; padding-left:10px;}
.productlist ul li span { background:url(../images/list_01.gif) left center no-repeat; padding-left:15px;}
.productlist ul li dl { padding-left:30px;}
.productlist ul li a { color:#333333;}
.productlist ul li a:hover{ color:#F90;}