@charset "utf-8";

/*网页整体*/
*{font-family: Arial;}
html, body{height:100%;}
body {color: #000000;font-size:13px;margin:0; padding:0; background: url(../images/style/bg.jpg) left top no-repeat;}
h1, h2, h3, h4, h5, h6, form, div, p, i, img, ul, li, ol, fieldset, label, legend,button{ margin:0;padding:0;border:0;}
table, tr, td,th{margin:0;padding:0;}
.procontent{line-height:23px; margin:5px 10px;}
.procontent table{ border:#999 solid 1px;max-width:730px; border-spacing:0;}
.procontent td{border:#ccc solid;border-width: thin; padding:1px; }
.procontent img { max-width:100%;}
ul,ol,li{list-style:none;}
.spaceline{clear:both; height:10px;}
.clear{ clear: both; }
*html{background-image:url(about:blank);background-attachment:fixed;}

/*默认链接*/
a {color: #333;}
a:link {text-decoration: none;}
a:visited {text-decoration: none; color:#36C;}
a:hover {text-decoration: none;color: #0000FF;}
a:active {text-decoration: none;}

/*常用颜色*/
.black{color:#000000;}
.grey{color:#666666;}
.white{color:#FFFFFF;}
.red{color:#FF0000;}
.yellow{color:#FFFF00;}
.orange{color: #FF5B0D;}
.bule{color:#0000FF;}
.green{color:#00FF00;}

/*表单项目*/
input,textarea,select{vertical-align:middle; padding:6px 5px; margin:5px 2px;font-size:14px;color: #333;border-radius:15px;}
.submit{color: #333;background: #ddd;border:#ccc solid 1px;padding:8px 20px; margin:8px 2px;border-radius:15px;cursor:pointer; font-weight:bold;}
.submit:hover{ background: #333;border: solid 1px #111; color: #FFF;}

#search{ margin:0 0 8px 0;width:230px;overflow:hidden;border:#ddd solid 1px;}
#search #key{width:168px; border: none; margin:0;padding:8px 5px;border-radius:0;}
#search #submit{ background: #F7F7F7; width:50px; border: none;margin:0; padding:9px 0;color:#666; text-align:center; cursor:pointer;border-radius:0;}
#search #submit:hover{ background: #ddd;}

/*网页主体*/
#main{min-height:100%;margin:0 auto -110px auto; padding:0;}

/*网页顶部*/
#header{ }
#top{width:1000px; margin:0 auto; padding:10px 0;line-height:70px;}
#top img{vertical-align:middle;max-width:1000px;max-height:300px;}

/*公司名称*/
.webname{margin-left:8px; font-size:25px; color:#333; font-weight:bold;vertical-align:middle; }

/*导航栏*/
#menubg{margin:0 auto;clear:both;background:#09F;height:40px;width:100%;-webkit-box-shadow:0px 1px 6px #999;left:0;right:0;z-index:9999; text-align:center;}
#menu{height:40px; margin:0 auto;}
#menu ul {margin:0 auto;display:inline-block;}
#menu ul li{position:relative;float:left; height:40px;}
#menu ul li a{text-align:center; line-height:40px; padding:0 30px;display:block; height:40px; color:#FFF; font-weight:bold; font-size:15px;}
#menu ul li a:hover{background: #ddd; color: #333;}

#menu ul li ul{z-index:99; position:absolute; width:200px; display:none; top:40px; left:0px;}
#menu ul li li{position:relative;height:30px;}
#menu ul li li a{height:30px; line-height:30px; color:#333;background:#fff;width:190px; text-align:left; padding:0 0 0 10px; font-size:13px; border-left:#CCC solid 1px; border-bottom: #CCC solid 1px;border-top:#CCC solid 1px; border-right: #CCC solid 1px;overflow:hidden;}
#menu ul li li a:hover{background: #666; color: #000;}

#menu ul ul ul{z-index:199; position:absolute; width:200px; top:0px; left:201px;}
#menu li.ooo{background: #ddd;}
#menu li.ooo a{color:#333;}
#menu li.ooo li a{color:#333;}
#menu li.ooo li a:hover{background: #ddd; color:#000;}
#menu li li.ooo a{background: #ddd; color:#333;}
#menu li li.ooo ul a{background: #ddd;color:#333;}
#menu li li.ooo ul a:hover{background: #F8F8F8; color:#000;}

/*banner*/
.index_banner{position:relative; overflow:hidden; margin:0 auto 8px auto;}
.index_banner li{position:absolute; z-index:1; left:0px; top:0px; width:100%; display:none;}
.index_banner li a{display:block;text-indent:-9999px;}
.index_banner .btnDiv{position:absolute; z-index:10; left:0px; bottom:15px; width:100%; text-align:center;}
.index_banner .btnDiv span{display:inline-block; width:22px; height:22px; background:url(/images/indexbannerbtn.png) center no-repeat; cursor:pointer; margin:0 3px;}
.index_banner .btnDiv .spanNow{background:url(/images/indexbanner.png) center no-repeat;}

/*左边分类*/
#left_class{background: #F7F7F7; margin-bottom:8px; width:230px;overflow:hidden;border:#ddd solid 1px;}
#left_class h2{font-size:16px; font-weight:bold; color: #333; height:35px; line-height:35px; padding-left:10px;border-bottom:#CCC solid 1px; }
#left_class span{font-size:11px; color: #999999; font-weight:normal;}
#left_class ul{list-style-type:none;}
#left_class ul li a{color:#000000;  padding:10px 0 10px 8px;  display:block; border-bottom:#dddddd solid 1px; background:url(/images/style/class_bg.jpg) bottom repeat-x;}
#left_class ul li a:hover{color: #F60;}
#left_class ul li ul li a{color: #666; font-weight: normal;padding:8px 0 8px 8px; display:block; background:#F4F4F4;}
#left_class ul li ul li a:hover{color: #F60;}

/*左边产品*/
#left_product{background: #F7F7F7;width:230px;overflow:hidden; color:#666;margin-bottom:8px; padding:0 0 8px 0;border:#ddd solid 1px;}
#left_product h2{font-size:16px; font-weight:bold; color: #333; height:35px; line-height:35px; padding-left:10px;border-bottom:#CCC solid 1px; }
#left_product li{ clear:both; padding:5px 0; border-bottom:dashed #ddd 1px;}
#left_product img{ border:#ddd solid 1px; margin: 0 5px; float:left;max-width:50px;max-height:50px;}
#left_product a{ color:#666;}

/*左边联系方式*/
#left_contact{background: #F7F7F7;width:230px;overflow:hidden;border:#ddd solid 1px;}
#left_contact h2{font-size:16px; font-weight:bold; color: #333; height:35px; line-height:35px; padding-left:10px;border-bottom:#CCC solid 1px; }
#left_contact p{margin:5px; line-height:25px;}

/*左边广告*/
#zdy_left{width:230px;overflow:hidden;text-overflow:ellipsis; margin:8px 0 0 0; }

/*内容显示区*/
#mainbody{ width:1000px; margin:0 auto;clear:both; background: none;}
#left{ width:230px; float:left; }
#right{margin-left:-240px;float: right; width: 100%;}
#rightbody{margin-left:240px;background: #F7F7F7;border:#ddd solid 1px;}

/*全屏自适应
#mainbody{clear:both; background: none;}
#left{ width:230px; float:left; }
#right{margin-left:-240px;float: right; width: 100%;}
#rightbody{margin-left:240px;background: #FFF;}
*/

.title{font-size:16px; font-weight:bold; color: #333; line-height:35px; padding-left:10px; border-bottom:#CCC solid 1px; background: #F7F7F7;}
.title a{color: #333;}
.title a:hover{color: #069;}

.class_main{overflow:hidden;text-overflow:ellipsis; background: #FFF;border:#ddd solid 1px; }
.class_title{font-size:16px; font-weight:bold; color: #333; line-height:35px; padding-left:10px; border-bottom:#CCC solid 1px; background: #F7F7F7;}
.class_title a{color: #333;}
.class_title a:hover{color: #069;}

.titlepage{font-size:20px; font-weight:bold; color: #333; line-height:30px; padding:20px 0; border-bottom:#CCC solid 1px; background:#FFF; text-align:center;}

.weizhi{color: #666; width:990px; margin:0 auto 8px auto; line-height:30px; padding-left:10px; background:#FFF;border-bottom:#ddd solid 1px;}
.weizhi a{color:#333;}
.yzg_t{ color:#245E9D;  padding:3px 10px;font-weight:bold; border:#FFFFFF solid 1px; background: #EEEEEE; height:20px; line-height:20px; margin:0 0 8px 0;}
.content{line-height:23px; margin:5px 10px;}
.content img{max-width:740px;height:auto;width:expression(this.width > 740 ? "740px" : this.width);}
.td_left{ text-align:right;}
.td_right{ text-align:left;}
.border_hui{border:#E7E7E7 1px solid;}
.line_buttom_hui_xuxian{border-bottom:#E7E7E7 1px dashed;}
.border_hui_xuxian{border:#E7E7E7 1px dashed;}
.border_main{overflow:hidden;text-overflow:ellipsis; background: #FFF; }
.sitemap{ background:#FFF;}

/*CSS截取字符串多余字符并以省略号显示(兼容各主流浏览器)

.testClass{
    width: 220px;
    height:24px;
    overflow: hidden;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}*/

.news{border-bottom:#CCCCCC dashed 1px; padding:5px 5px 5px 5px; margin-bottom:5px; height:90px; color:#999;overflow:hidden;}
.news:hover{background: #F2F2F2;}
.news a{ font-weight:bold;}
.news img{ float:left; margin:5px;}
.pic{background:#FFFFFF; background:url(/images/reflash.gif) center no-repeat;}

.pro{overflow:hidden;text-overflow:ellipsis; float:left; padding:0; margin:8px 5px;border:solid  #ddd 1px; text-align:center;}
.pro:hover{border:solid  #9CF 1px;}
.pro_image{ position:relative;display:table-cell;text-align:center;vertical-align:middle; }
.pro_image p a {display: table-cell;vertical-align:middle;*display: block;text-align:center;}
.pro_image img {vertical-align:middle;margin:0 auto;}
.pro_name{ height:85px;overflow:hidden; text-align:center;}

/*产品悬浮放大*/
.pictureDIV {float:left;width:300px; margin:5px;}

.jqzoom{ border:none; position:relative; padding:0px; cursor:pointer; margin:0px; display:block; }
.zoomdiv{ z-index:100; position:absolute; top:0px; left:0px; background:#ffffff; border:1px solid #CCCCCC; display:none; text-align:center; overflow:hidden; }
.jqZoomPup{ z-index:10; visibility:hidden; position:absolute; top:0px;left:0px; width:20px; height:20px; border:1px solid #aaa; background:#ffffff /*url(../images/zoom.png) 50% center no-repeat*/;opacity: 0.5;-moz-opacity: 0.5;-khtml-opacity: 0.5;filter: alpha(Opacity=50);}

.spec-preview{ width:300px; height:300px; border:1px solid #b7b7b7;text-align:center;display:table;position:relative;}
.spec-preview a{width:298px; height:298px;display:table-cell;vertical-align:middle;}
.spec-preview .jqzoom img{max-width:300px;max-height:300px;vertical-align:middle;}
* html .spec-preview .jqzoom img { /* for IE6 */
width: expression(this.width > 300 && this.width > this.height ? 300 : auto);
height: expression(this.height > 300 ? 300 : auto);
}
.spec-scroll{ clear:both; margin-top:5px; width:302px; }
.spec-scroll .prev{ float:left; margin-right:5px; }
.spec-scroll .next{ float:right; }
.spec-scroll .prev,.spec-scroll .next{ display:block;  text-align:center; width:10px; height:54px; line-height:54px; border:1px solid #CCC; background:#EBEBEB; cursor:pointer; text-decoration:none; }
.spec-scroll .items{ float:left;position: relative;width:267px; height:56px; overflow:hidden; }
.spec-scroll .items ul{ list-style:none; position:absolute; width:999999px; height:56px;left:0px; }
.spec-scroll .items ul li{ float:left;margin-right:5px;vertical-align:middle;}
.spec-scroll .items ul li img{ border:1px solid #CCC; padding:2px; height:50px;width:50px;}
.spec-scroll .items ul li img:hover{ border:2px solid #FF6600; padding:1px;}
.pro_show_right{float:right; width:430px; line-height:25px;}

/*分页样式*/
#page {padding:8px; margin: 3px;  text-align: center; clear:both;}
#page a{border:#01B0ED 1px solid; padding:5px 8px; margin:2px; color:#666; text-decoration:none;border:#ddd solid 1px;background: url(/images/style/title_bg.jpg) repeat-x;}
#page a:hover{color:#333;background: #ddd;}
#page span.current{border:#ddd solid 1px;padding:5px 8px; margin:2px;color: #000;background: #ddd; font-weight:bold;}
#page span.disabled{border:#eee 1px solid;padding:5px 8px; margin:2px;color: #DDDDDD;}
#page span.text {border:#eee 1px solid;padding:5px 8px; margin:2px;color: #666666;}

/*产品图片*/
.Pro_Info{text-align:center;border-bottom:1px solid #CCCCCC; padding:5px 0;}
.Pro_Images{padding:2px;}
.Pro_Images img{display:inline; width:80px; height:80px;margin:0 5px;border:1px solid #ccc;filter:alpha(opacity=50);opacity:0.3;cursor:pointer;}
.Pro_Images .active{filter:alpha(opacity=100);opacity:1;border-color:#999;}
.Pro_BigImage{text-align:center; border-top:#CCCCCC dashed 1px; padding:5px 0 0 0;}
.Pro_BigImage img{margin:0 auto;cursor:pointer;}

/*友情链接*/
#link_txt{width:990px; margin:5px auto; padding:5px; line-height:25px; }
#link_img{width:990px; margin:5px auto; padding:5px; }

/*网页底部*/
.footerpush{height: 110px;}
#foot{border-top: #ddd 1px solid; margin:8px auto 0 auto;line-height:25px;padding:10px 0;color:#666666; text-align:center; clear:both;height: 90px; background: url(../images/style/foot_bg.jpg) bottom repeat-x;}
#foot a{color:#666666;}

/*滚动客服*/
#rightDiv{width:150px;background: #09F;display:block;overflow:hidden;position:absolute;z-index:900;border-radius:5px ; padding:5px 0;}
#rightDiv p{text-align:left;}
#rightDiv p a{color: #FFFFFF; padding:8px 0 5px 20px;display:block; font-size:15px; font-weight:bold;}
#rightDiv a {margin:0 0 5px 0; display:block; padding:0;}
#rightDiv div{border: #09F solid 1px; background: #FFFFFF;text-align:center; padding:8px 0 0 0;}
#rightDiv div p{line-height:25px; padding:0 0 0 8px;color:#666;}
#rightDiv div p a{ color:#06C; padding:0;font-weight: normal;}

/*语言*/
#lang{ width:970px; margin:0 auto ; z-index:999;position: absolute;left: 50%;top: 0px;margin-left: -485px;}
#lang ul{ float:right; list-style:none; margin:0; padding:0;}
#lang ul li{margin:0 2px 0 0; float:left;padding:0;}
#lang ul li .here{ background: #E3F7FF;}
#lang ul li a{padding:5px 5px 5px 5px;border-radius: 0 0 5px 5px ;background: #F3F3F3; display:block;}
#lang ul li a:hover{background:#E3F7FF;}