@charset "utf-8";

/*网页整体*/
*{font-family: Arial;}
html, body{height:100%;}
body {color: #666;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; }
ul,ol,li{list-style:none;}
.spaceline{clear:both; height:10px;}
.clear{ clear: both; }
*html{background-image:url(about:blank);background-attachment:fixed;}
hr{ height:1px;border:0; border-bottom:#CCC solid 1px;}

/*默认链接*/
a {color: #666;}
a:link {text-decoration: none;}
a:visited {text-decoration: none; }
a:hover {text-decoration: none;color: #31AFFB;}
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: #fff;background: #31b0d5;border:#269abc solid 1px;padding:8px 20px; margin:8px 2px;border-radius:15px;cursor:pointer; }
.submit:hover{ background: #333;border: solid 1px #111; color: #FFF;}

#search{ margin:0 0 8px 0;width:230px;overflow:hidden;border:#d5eefd solid 1px;}
#search #key{width:168px; border: none; margin:0;padding:8px 5px;border-radius:0; color:#999;}
#search #submit{ background: #f4fbff; width:50px; border: none;margin:0; padding:9px 0;color: #69C; text-align:center; cursor:pointer;border-radius:0;}
#search #submit:hover{ background: #5dc1fc; color:#FFF;}

.goog-te-combo{border:#E8DFDB solid 1px; color:#666;}

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

/*网页顶部*/
#header{ }
#top{width:500px; margin:0 auto; float:left; padding:0;line-height:70px;}
#top img{vertical-align:middle;}
.menu_right{ float:right;}

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

/*导航栏*/
#menubg{margin:0 auto;clear:both;background: #2185c5;height:70px;width:100%;-webkit-box-shadow:0px 1px 6px #999;}
#menu{width:1000px; height:70px; margin:0 auto;}
#menu ul li{position:relative;float:left; height:70px;border-right: 0px solid #7ecefd;border-left: 0px solid #7ecefd;}
      #menu ul > li:first-child { border-left:0; }
      #menu ul > li:last-child{ border-right:0; }
#menu ul li a{text-align:center; line-height:70px; padding:0 10px;display:block; height:70px; color:#fff; font-size:14px;}
#menu ul li a:hover{background: #5dc1fc; color: #fff;}

#menu ul li ul{z-index:99; position:absolute; width:200px; display:none; top:70px; left:0px;}
#menu ul li li{position:relative;height:30px;}
#menu ul li li a{height:30px; line-height:30px; color:#fff;background:#7ecefd;width:190px; text-align:left; padding:0 0 0 10px; font-size:12px; border-bottom: #b7e4fe solid 1px;border-top:#b7e4fe solid 1px; }
#menu ul li li a:hover{background: #7ecefd; color: #000;}

#menu ul ul ul{z-index:199; position:absolute; width:200px; top:0px; left:201px;}
#menu li.ooo{background: #5dc1fc;}
#menu li.ooo a{color:#fff;}
#menu li.ooo li a{color:#fff;}
#menu li.ooo li a:hover{background: #5dc1fc; color:#fff;}
#menu li li.ooo a{background: #7ecefd; color:#fff;}
#menu li li.ooo ul a{background: #7ecefd;color:#fff;}
#menu li li.ooo ul a:hover{background: #5dc1fc; color:#fff;}

/*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{margin-bottom:8px; width:230px;overflow:hidden;}
#left_class h2{color: #2185c5;padding: 20px 0px 12px 0px;font-weight: normal;font-size: 24px;border-bottom: 1px solid #eee;}
#left_class span{font-size:11px; color: #999999; font-weight:normal;}
#left_class ul{list-style-type:none;}
#left_class ul li a{color:#666;  padding:10px 0 10px 20px;  display:block; border-bottom:#eee solid 1px;background: url(../images/style/left_li.gif) 6px 14px no-repeat;}
#left_class ul li a:hover{color: #960;}
#left_class ul li ul li a{color: #666; font-weight: normal;padding:8px 0 8px 25px; display:block; background:#F9F5F4;}
#left_class ul li ul li a:hover{color: #960;}

/*左边产品*/
#left_product{width:230px;overflow:hidden; color:#666;margin-bottom:8px; padding:0 0 8px 0;}
#left_product h2{color: #2185c5;padding: 30px 0px 12px 0px;font-weight: 100;font-size: 24px;border-bottom: 1px solid #eee;}
#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;}
#left_product a{ color:#666;}

/*左边联系方式*/
#left_contact{width:230px;overflow:hidden; color:#777;}
#left_contact h2{color: #2185c5;padding: 30px 0px 12px 0px;font-weight: 100;font-size: 24px;border-bottom: 1px solid #eee;}
#left_contact p{margin:5px; line-height:30px;}

/*左边广告*/
#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;}

/*全屏自适应
#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:22px; color: #337ab7; line-height:45px; padding-left:10px; border:#eee solid 1px; background: #fff; font-weight:normal;}
.title a{color: #337ab7;}
.title a:hover{color: #069;}

.class_main{overflow:hidden;text-overflow:ellipsis; }
.class_title{line-height:35px; padding: 20px 0px 12px 0px;border-bottom:#eee solid 1px; }
.class_title a{color: #2185c5;font-weight: normal;font-size: 22px;}
.class_title a:hover{color: #069;}
.class_title a strong{font-weight: normal;}

.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: #999; width:990px; margin:0 auto 8px auto; line-height:38px; padding-left:10px; border-bottom:#eee solid 1px;}
.weizhi a{color:#999;}
.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 2px;}
.content img{max-width:720px;height:auto;width:expression(this.width > 720 ? "720px" : this.width);}
.td_left{ text-align:right;}
.td_right{ text-align:left;}
.border_hui{border:#eee 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{ float:left;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;}

.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:30px;padding:10px 0;color:#f4f3f3; text-align:center; clear:both;height: 80px; background:#2185c5;}
#foot a{color:#f4f3f3;}

/*滚动客服*/
#rightDiv{width:150px;background: #5dc1fc;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 div{border: #5dc1fc solid 1px; background: #FFFFFF;text-align:center; padding:8px 0 0 0;}
#rightDiv a {margin:0 0 5px 0; display:block; padding:0;}

/*语言*/
#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;}