﻿@charset "utf-8";
/* CSS Document */
body,p,span,div,img,a,strong,h1,h2,h3,ul,li,dl,dt,dd{ margin:0; padding:0;}
ul,li,dl,dd,dt{list-style:none;}
img{border:0; list-style:none;}
body{ font-family:宋体; font-size:12px; color:#666; background:url(../images/bodybg.gif) repeat-x;}
a{text-decoration:none; color:#333;}
a:hover{ color:#F00;}
p{line-height:1.8em;}
h2,h1,h3{ font-size:12px;}
.clear{ margin:0; padding:0; clear:both;}
.wapper{ width:950px; margin:0 auto;}
.wapper01{width:970px; margin:0 auto;}
.da{background:#fff; padding-bottom:10px;}
.header{height:64px; padding:0 10px; width:950px; background:url(../images/head.gif) repeat-x;overflow:hidden;} 
.logo{height:58px; float:left; overflow:hidden; margin-top:2px; }
.header_right{ float:right;}
.header_top ul{height:18px; margin-bottom:5px;}
.header_top ul li{ float: right; width:55px; background:url(../images/shu.gif) right no-repeat; padding-left:8px; height:18px; line-height:18px;}
.tell{ width:200px; background:url(../images/tell.gif) no-repeat;  line-height:38px; height:38px; font-family: Arial, Helvetica, sans-serif; font-size:30px; padding-left:26px; color:000; text-align:right; float:right; margin-right:60px;_margin-right:30px;}

/*menu*/
.menu{height:29px;position:relative;z-index:2; background:url(../images/menu.jpg) no-repeat;}
.menu ul{}
.menu a{ color:#fff;}
.menu ul li{ float:left;width:135px; text-align:center;line-height:29px; height:29px; position:relative;}
.menu ul li a{ font-size:14px;display:block; font-weight:bold; }
.menu ul li a:hover{ display:block;width:135px;height:29px; background: url(../images/hover.gif) top no-repeat; color:#000; }
.menu ul li dl{ display:none; position:absolute;left:12px;top:29px; }
.menu ul li dl dd{ width:110px; height:30px;background:#ededed; border-bottom:1px solid #ddd;line-height:30px;padding:0 1px;}
.menu ul li dl dd a{ font-size:12px;font-weight:normal;color:#1e75ba;width:110px; display:block; }
.menu ul li dl dd a:hover{ background:#017dd4;width:110px; height:30px;color:#fff;text-decoration:none;}
.hmain span{ display:block;background:url(../images/biao_01.gif) 110px center no-repeat;}
.menuHover a{display:block;width:135px;height:29px; background: url(../images/hover.gif) top no-repeat; color:#000; }
/*banner*/
.banner{ height:220px; margin-top:8px;}
#banner {height:220px; overflow:hidden; position:relative;z-index:1;}
#banner ul {height:220px; position:absolute;}
#banner ul li {float:left; width:950px; height:220px; overflow:hidden; position:relative; background:#ccc;}
#banner ul li div {position:absolute; overflow:hidden;}
#banner ul li img{ width:950px; height:220px;}
#banner .btnBg {position:absolute; width:950px; height:20px; left:0; bottom:0; background:#000;}
#banner .btn {position:absolute; width:950px; 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:#fff;}
#banner .preNext {width:45px; height:100px; position:absolute; top:75px; background:url(../images/sprite.png) no-repeat 0 0; cursor:pointer;}
#banner .pre {left:0;}
#banner .next {right:0; background-position:right top;}
.midl{ margin-top:9px; _margin-bottom:10px;}
.midl_left{width:220px; padding-left:15px; background:#f4f4f4; margin-top:13px; float:left;}
.midl_01 h2{ height:30px; background:url(../images/left_01.jpg) no-repeat; line-height:30px; overflow:hidden;}
.midl_01 h2 strong{ background:url(../images/shizi.gif)  14px center no-repeat; padding-left:30px; float:left;}
.midl_01 h2 a{ float:right; padding-right:8px; margin-top:12px;}
.midl_01 dl dt {text-align:center; margin:10px 0; }
.midl_01 dl dt img{ border:5px solid #d9d9d9}
.midl_01 dl dd{ line-height:20px; text-indent:2em; padding-bottom:5px;}
.midl02 h2{ height:30px; background:url(../images/left_01.jpg) no-repeat; line-height:30px;overflow:hidden;}
.midl02 h2 strong{ background:url(../images/shizi.gif)  14px center no-repeat; padding-left:30px; float:left;}
.midl02 ul{ padding:5px 10px 10px;}
.midl02 ul li{ height:24px; line-height:24px; background:url(../images/yuan.gif) 6px center no-repeat; padding-left:21px; border-bottom:1px #ccc solid;}
.news h2{ height:30px; background:url(../images/left_01.jpg) no-repeat; line-height:30px;}
.news h2 strong{ background:url(../images/shizi.gif)  14px center no-repeat; padding-left:30px; float:left;}
.news h2 a{ float:right; padding-right:8px; margin-top:12px;}
.news ul { height:152px; overflow:hidden; padding-top:5px;}
.news ul li{height:25px; line-height:25px;}
.news ul li a{ display:block; float:left;}
.news ul li span{  float:right; padding-right:5px;}
.midl_right{float:right; width:640px; background:url(../images/right.gif) left top no-repeat; height:300px; padding:20px; height:480px; overflow:hidden;}
.midl_right h2{ height:24px;line-height:24px; border-bottom:1px  solid #cacaca;}
.midl_right h2 strong{padding-left:30px; float:left; background:url(../images/gezi.gif) 8px center no-repeat;}
.midl_right h2 a{ float:right; padding-right:10px; margin-top:10px;}
.midl_right ul{ padding-top:5px; margin-left:1px;}
.midl_right ul li{ width:200px; float:left; display:inline; margin-right:13px; margin-bottom:10px;}
.pro_bor{width:200px;height:200px; border:1px solid #b6dafc; padding:2px; overflow:hidden;}
.pro_bor img{max-width:200px; max-height:200px; width: expression(this.width >200 && this.height < this.width ? 200: true); height: expression(this.height > 200 ? 200: true);}
.text2{ text-align:center; height:20px; line-height:20px; padding-top:3px;}
.links{ width:938px;padding:2px; line-height:30px; padding-left:10px;}
.links h2{ padding-left:15px; font-weight:normal; color:#333;}
.links strong{ color:#333;}
.links a { padding:5px; color:#333; font-weight:normal;}
.footer{height:68px; background: url(../images/foote.gif) repeat-x;}
.footer ul{ padding:10px 0 12px;}
.footer ul li{ height:20px; line-height:20px;text-align:center; color:#333;}
/*main*/
.inside{padding-bottom:20px;margin-top:20px;}
.inside_left{ width:210px;float:left;margin-top:10px; margin-left:10px;display:inline}
.side_nav h2{ font-size:24px; line-height:40px; height:40px; color:#1f65b5;}
.side_nav a{ line-height:24px; height:24px;  display:block; text-align:right; padding-right:40px; background:url(../images/biao_04.gif) 176px center no-repeat; color:#333;}
.side_nav a:hover{background:url(../images/side_bg.gif) no-repeat; font-weight:bold; color:#fff;}
.side_nav ul li{ line-height:24px; height:24px; margin:5px 0;}
.hover a{ background:url(../images/side_bg.gif) no-repeat; font-weight:bold; color:#fff;}

.inside_right{ float:right;width:700px;margin-top:10px; margin-right:1px;display:inline}
.weizhi{ height:27px;}
.weizhi h2{ font-weight:normal; line-height:27px; padding-left:25px; background: url(../images/biao10.gif) 5px 8px no-repeat; border-bottom:#ddd solid 1px;}
.weizhi h2 strong{ color:#333;}
.inside_con{ padding:10px 0; line-height:22px; text-indent:2em;}

.inside_links{ margin-top:15px; border:#ddd solid 1px;}
.inside_links h2{ height:27px; line-height:27px; padding-left:10px; background: url(../images/inside_01.gif) repeat-x;}
.inside_links ul{ padding:10px 8px;}
.inside_links ul li{ line-height:24px; height:24px;}

.inside_kefu{ margin-top:15px; border:#ddd solid 1px;}
.inside_kefu h2{ height:27px; line-height:27px; padding-left:10px; background: url(../images/inside_01.gif) repeat-x;}
.inside_kefu ul{ padding:10px 8px;}
.inside_kefu ul li{ line-height:24px; height:24px; background:url(../images/pa.gif) 0 center no-repeat; padding-left:30px;}

/*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:100px;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;}


/*产品分类三级*/
.hidden {display: none;}
.pnav-list {MARGIN: 0px 0px 10px 9px; WIDTH: 210px}
.pnav-list A {DISPLAY: inline-block; FONT-WEIGHT: bold; BACKGROUND: url(../images/bg07.jpg) no-repeat; MARGIN-BOTTOM: 6px; WIDTH: 21px; LINE-HEIGHT: 21px; FONT-FAMILY: Arial; HEIGHT: 21px; TEXT-ALIGN: center}
.pnav-list A {COLOR: #69696a}
.pnav-list A:visited {COLOR: #69696a}
.pnav-cnt { background:#F3EAD3; border:#BEA76A 1px solid;MARGIN: 0px 0px 10px 10px; WIDTH: 210px; margin:20px auto;}
.pnav-box {BACKGROUND: url(../images/bg08.jpg) no-repeat;}
.box-title {PADDING-LEFT: 7px; LINE-HEIGHT: 32px; HEIGHT: 32px; border-bottom:1px solid #BEA76A}
.box-title .btn-unfold {MARGIN-TOP: 10px}
.box-title .btn-fold {MARGIN-TOP: 10px}
.pnav-letter {FONT-WEIGHT: bold; FONT-SIZE: 14px; COLOR: #78632D; FONT-FAMILY: Arial}
.btn-unfold {BACKGROUND: url(../images/bg10.png) no-repeat; FLOAT: left; WIDTH: 13px; MARGIN-RIGHT: 5px; HEIGHT: 13px}
.btn-fold {BACKGROUND: url(../images/bg09.png) no-repeat; FLOAT: left; WIDTH: 13px; MARGIN-RIGHT: 5px; HEIGHT: 13px}
.box-list {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 10px; PADDING-TOP: 10px}
.box-list LI {PADDING-LEFT: 23px; LINE-HEIGHT: 25px;}
.box-list LI .btn-unfold {MARGIN-TOP: 5px}
.box-list LI .btn-fold {MARGIN-TOP: 5px}
.box-list li dl dd{ margin-left:20px;}
.box-list .off {COLOR: #727171}
.box-list .off:visited {COLOR: #727171}



/*Add*/
/*Category*/
.pro_list h2{ line-height:28px; height:28px; padding-left:20px;background:url(../images/pro_list_01.gif) no-repeat; color:#fff; font-size:14px;}
.pro_list_con{border:#ddd solid 1px;}
.pro_list_con dl{color:#f90;}
.pro_list_con dl dt{ height:24px; background:#e5ecf1; line-height:24px;padding:0 10px; font-weight:bold; }
.pro_list_con dl dd{ line-height:24px; padding:0 10px; padding-left:25px;}
.pro_list_con dl dd ul{ padding-left:15px;}


/*contact*/
.contact{ margin-top:10px;}
.contact ul li{ line-height:30px; border-bottom:#e3d2c1 dashed 1px;}

/*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;}

.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;}
.hover2{ background:#f4f4f4;}

.lianxi{ margin-top:15px;}



/*图片展示*/
.ic_b{ margin-top:20px;}
.ic_b h2{ text-align:center; font-size:14px;}
.commonWidth{width:700px;margin-left:5px;margin-right:auto;height:460px; margin-top:10px;}
#tb1{POSITION: absolute; LEFT: 30px}
#tb1 span{FLOAT: left; CLEAR: both; PADDING-TOP: 5px}
#postVideo{opacity: 1.0;filter:alpha(opacity=100);}
#postVideo:hover{opacity: 0.5;filter:alpha(opacity=50);}
a.prevImg{margin-top:10px;cursor: pointer;background:#F6F6F6;display: block;width: 21px;float: left;height: 400px;}
a.prevImg:hover{background:#333;}
.prevIcon{width:7px;height:13px;display:block;background:url(../images/btn_prev_images%5B1%5D.png);_background:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="templates/default/images/btn_prev_images%5B1%5D.png");background-position:7px 0;margin-left:7px;MARGIN-TOP: 193px; text-align:center}
a.prevImg:hover .prevIcon{background-position: 0 0;}
a.nextImg{margin-top:10px;cursor:pointer;background-color:#F6F6F6;display: block;width: 21px;float: left;height: 400px}
a.nextImg:hover{background-color:#333;}
.nextIcon{width:7px;height:13px;display:block;background:url(../images/btn_next_images%5B1%5D.png);_background:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="templates/default/images/btn_next_images%5B1%5D.png");background-position:7px 0;margin-left:7px;margin-top: 193px}
a.nextImg:hover .nextIcon{background-position: 0 0;}
#slideContainer{opacity: 0;overflow:hidden; position:relative; width:640px; float:left;margin-left:5px;margin-right:5px;display:inline;HEIGHT: 461px}
.imageCon{clear: both;float: left;display: block;width: auto;*width:100%;}
.imageCon2 img{max-width:640px; max-height: 400px; width: expression(this.width >640 && this.height < this.width ? 640: true); height: expression(this.height > 400 ? 400: true);}
/**/


.ic_text ul li{ line-height:26px; height:26px;}
.ic_text table tr td{ width:200px;}
.bb { font-weight:bold}
.jiathis_txt{ font-weight:bold; color:#AC6700;}
.xx{ border-bottom:1px dotted #BEA76A}
#ckepop{ margin-top:10px; height:30px;}

.ic_content{ margin-top:20px;}
.ic_content h2{ height:20px; border-bottom:2px solid #E0C88B;}
.ic_content h2 strong{ width:100px; border-bottom:2px solid #78632D; height:20px; display:block; padding-left:10px;}
.ic_content_text{ line-height:24px; padding:10px;}

.ic_nex{ margin-top:20px;}
.ic_nex ul{ float:right}
.ic_nex ul li{ float:left; margin-left:20px; width:100px;}
.ic_nex ul li a{ font-size:14px; font-weight:bold}
.ic_nex1{ background:url(../images/pre.jpg) no-repeat; width:100px; height:30px; line-height:30px; text-align:center}
.ic_nex2{ background:url(../images/next.jpg) no-repeat; width:100px; height:30px; line-height:30px; text-align:center}

.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);}