﻿/* CSS Document */
/* 全局定义 */
*{margin:0; padding:0;}
body{text-align:center; font:normal 12px/24px "microsoft yahei"; color:#666; -webkit-text-size-adjust:none;overflow-x: hidden; }
img{ vertical-align:middle; _vertical-align:top; _behavior: url("../js/png.htc"); border:none;}
.clear{clear:both; height:0; overflow:hidden;}
.blank10{height:10px; overflow:hidden;}
.blank20{height:20px; overflow:hidden;}
.border_1{padding:0px 0 12px 0; border-bottom:1px solid #ccc; clear:both;}
ul{list-style:none;}
a,button{blr:expression(this.onFocus=this.blur());outline: none;}
a{color:#666; text-decoration:none;}
a:hover{color:#ff6300; }
.white{color:white;}
.green{color:#429b01;}
.yellow{color:#f6d700;}
.blue{color:#163271;}
.text{margin:20px 40px;}
.text2{margin:40px 60px; color:#666666}
td{padding:0 5px;}


/* 网页宽度及居中 */
.cnt{margin:0 auto;text-align:left; width:960px;}


/* 头部 */
#header{ height:70px; width:960px; margin:0 auto; overflow:hidden; position:relative;}
#header .logo{ position:absolute; left:0px; top:20px;}
#header .language{position:absolute; right:0px; top:20px;}
#header .language a{ background:url(../images/icon.jpg) center left no-repeat; padding-left:10px;}

/* 菜单 */

#top{ width:100%;}
#nav{height:37px; width:1004px;  margin:0px auto; padding:20px 0;}
#nav .menu{ overflow:hidden; }
#nav .menu li {float:left; display:block; margin-left:1px;}
#nav .menu li a{display:block; float:left;color:#fff; font-size:12px; line-height:37px; font-weight:bold; text-align:center; width:166px; height:37px; background:url(../images/menu_bg20.png) left top repeat;}
#nav .menu li a:hover{  background:url(../images/menu_bg50.png) left top repeat;}
#nav .menu li ul{display:none; position:relative; left:-0px; top:0px; padding:0 0px; z-index:999;background:#fff;border-top:none;border-radius:0 0 0px 0px;box-shadow:0px 0px 0px 0px #aaa; padding-bottom:0px; width:166px; }
#nav .menu li ul li{ margin:0; display:block; float:none; padding:0; text-align:center;}
#nav .menu li ul a{ color:#fff; padding:0; height:30px; background:url(../images/menu_bg50.png) left top repeat; line-height:30px; font-size:13px; display:inline; margin:0px auto; font-weight:normal; }
#nav .menu li ul a:hover{ color:yellow; background:url(../images/menu_bg50.png) left top repeat;}
#nav .menu li.pcls>a{ background:url(../images/menu_bg50.png) left top repeat;}
#nav .menu li ul li ul{top:0px;left:270px;}


#nav .menu2{ width:1004px; position:absolute; top:20px;}
#nav .menu2 li {float:left; display:block; margin-left:1px;}
#nav .menu2 li a{display:block; float:left;color:#fff; font-size:12px; line-height:37px; font-weight:bold; text-align:center; width:166px; height:37px; background:url(../images/menu_bg400.png) left top repeat;}
#nav .menu2 li a:hover{  background:url(../images/menu_bg600.png) left top repeat;}
#nav .menu2 li ul{display:none; position:relative; left:-0px; top:0px; padding:0 0px; z-index:999;background:#fff;border-top:none;border-radius:0 0 0px 0px;box-shadow:0px 0px 0px 0px #aaa; padding-bottom:0px; width:166px; }
#nav .menu2 li ul li{ margin:0; display:block; float:none; padding:0; text-align:center;}
#nav .menu2 li ul a{ color:#fff; padding:0; height:30px; background:url(../images/menu_bg400.png) left top repeat; line-height:30px; font-size:13px; display:inline; margin:0px auto; font-weight:normal; }
#nav .menu2 li ul a:hover{ color:#fff; background:url(../images/menu_bg600.png) left top repeat;}
#nav .menu2 li.pcls>a{ background:url(../images/menu_bg600.png) left top repeat;}
#nav .menu2 li ul li ul{top:0px;left:270px;}

#nav .menuen li ul a{ font-size:12px;  }

#footer{clear:both; width:100%;  max-width:1660px; margin:20px auto 10px;}
#footer .fr{ float:right; padding-right:70px}
#footer .fr a{margin:0 1px;}
#footer .fr a.bggrey{ display:inline-block; background:#eee; padding:0px 8px; font-weight:bold;}
#footer .fr span.link{padding-left:80px;}
#footer .fr .bshare-custom{ display:inline;}
#footer .line{ width:100%; background:#eee; height:2px; overflow:hidden;}
#footer .contacts{ padding-left:20px; text-align:left;  margin-top:10px;}
.top{display:block; width:40px; height:40px; position:fixed; bottom:45px; right:10px; background:url(../images/top.jpg) center left no-repeat; z-index:999; }
a:hover.top{ background:url(../images/top2.jpg) center left no-repeat;}

/* 主要内容 */
.cnt{ clear:both; padding-bottom:25px;}

.cnt2{ width:100%; max-width:1660px; margin:0 auto; min-width:1004px;_width:expression((document.documentElement.clientWidth||document.body.clientWidth)<1004?"1004px":""); }
.cnt2 .cnt2_in{width:25%;  min-width:249px; _width:expression((document.documentElement.clientWidth||document.body.clientWidth)<249?"249px":"");float:left; height:230px; overflow:hidden; display:block; position:relative; margin-top:2px;}
.cnt2 .cnt2_in a{display:block; overflow:hidden; cursor:pointer; height:230px; z-index:1; border-left:2px solid #fff; position:relative;}
.cnt2 #cnt2_in a{border:none;}
.cnt2 .cnt2_in a img{  width:420px; height:200px; position:absolute; left:50%; margin-left:-210px; }

.hot_products{ margin:20px auto; width:1004px; overflow:hidden; text-align:left;}


/* pro */
.products{margin: 0 auto 0px; width:1004px; text-align:center; border-bottom:1px #eee solid; text-align:left;}
.products2{border:none;}
.products img, .products2 img{ max-width:1004px;_width:expression((document.documentElement.clientWidth||document.body.clientWidth)>1004?"1004px":"");}
.products .text88,.products2 .text88{ text-align:left; }


.img_left{ text-align:center; margin:9px; width:120px; display:inline-block; _float:left;}
.img_left a img {height:130px;width:120px; }
.img_left p{line-height:30px; text-align:center;overflow:hidden;}
.img_left p a{display:block; font:normal 12px/30px "微软雅黑", Verdana, Candara, Arial, Tahoma; zoom:1;}

.product2{text-align:left; margin:0 20px;}
.product2 img{margin:20px 50px 20px 0; border:1px #ddd solid; padding:5px;}
.product2 .discribtion{text-align:left; padding:10px;}
.product2 .discribtion .title{font:bold 14px/30px Arial, Helvetica, Tahoma, sans-serif,"microsoft yahei"; background:none; border-bottom:1px dashed #999999; text-align:left; margin:0 0 10px 0; padding:0; color:#666666; background:url(../images/icon2.gif) left 13px no-repeat }
.product2 .proName{font:bold 15px/30px Arial, Helvetica, Tahoma, sans-serif,"microsoft yahei"; color:#333333;}
a.download{ width:85px; height:18px; background:url(../images/download.jpg) left top no-repeat;text-align:center; display:block; line-height:18px; color:#ffffff; }

#gallery{float:left;}
#gallery a img{width:200px;}


.title{font:bold 24px/28px "microsoft yahei"; color:#333; width:1004px; position:relative; text-indent:20px; padding:10px 0px; background:#fff; border-bottom:1px #eee solid; height:28px; margin-bottom:10px; text-align:left;}
.title span{ position:absolute; right:0; top:12px; font:bold 15px/28px "microsoft yahei"; }
.title span a{ color:#666; display:inline-block; padding:2px 20px;}
.title2{width:960px; margin-top:10px; text-indent:0; _padding-top:8px}
.title2 span{ top:0px;}
/* news */
.news{width:460px; overflow:hidden; margin-top:15px; float:left;}
.news3{float:right;}
.news .cnt_news img{float:left; width:190px; height:90px; padding:4px; border:1px #ddd solid;}
.news .cnt_news .text_news{float:right; width:250px; line-height:18px; color:#444}
.news .cnt_news .text_news h3 a{font:bold 12px/26px "微软雅黑", Verdana, Candara, Arial, Tahoma; color:#444}
.news .cnt_news .text_news .time_2{ color:#999}

.news ul{ list-style:none; clear:both;}
.news ul li{ color:#ff6300; text-align:right; width:460px; padding-right:5px; height:30px;line-height:30px; border-bottom:1px dashed #999999}
.news ul li.hr{height:30px;  overflow:hidden;}
.news ul li a{float:left; padding-left:10px; background:url(../images/icon.jpg) left center no-repeat; line-height:30px;}

.news2 .title3{font:bold 20px/40px "宋体"; text-align:center; background:none; border:none; padding-top:30px; margin:0; color:#222;}
.news2 .time{ text-align:center; color:#666666; border-top:1px #eee solid;border-bottom:1px #eee solid; line-height:28px; margin:10px 40px 30px;}
.news2 .back{text-align:right; margin:20px 50px 30px 0;}
.news2 .back a{ color:#000000}
.news2 ul{ text-align:center; margin-top:10px; list-style:none;}
.news2 ul li{ color:#999999; margin:-1px auto 0; text-align:right; width:800px; padding-right:5px; height:40px;line-height:40px; border:1px solid #999999}
.news2 ul li.hr{height:40px;  overflow:hidden;}
.news2 ul li div{float:left; text-align:center; border-left:1px solid #999; margin-left:-1px;}

.news2 ul li div.xh_news{ width:60px;}
.news2 ul li div.title_news{ width:400px;}
.news2 ul li div.area_news{ width:140px;}
.news2 ul li div.city_news{ width:100px;}
.news2 ul li div.time_news{ width:100px;}




.news2 .content{text-align:left; line-height:24px}
.news2 .content p{text-indent:2em; padding:0 40px; }

#friendLinks{background:url(../images/friendlink.jpg) no-repeat; width:940px; padding:0 10px; line-height:37px; height:37px; overflow:hidden; margin-top:20px;}
#friendLinks a{padding:0 10px;}

			
			
			
			
/* 页码 */
.ks-pagination-links {width:100%; text-align:center; clear:both; padding-top:20px;  padding-bottom:15px;}
.ks-pagination-links ul { margin:0 auto;}
.ks-pagination-links li {display:inline; list-style:none; text-align:center; margin:2px;}
.ks-pagination-links li a { color:#4C4C4C; border: 1px #ccc solid; padding: 6px;}
.ks-pagination-links li a:hover {background-color:#0066FF; color: #0066FF; text-decoration:none; border:1px #0066FF solid;}
.ks-pagination-links .current { cursor:text;color:#000; text-decoration:none; }




/* case */
.img_left2{border:1px #ccc solid; float:left; text-align:center; margin:9px; width:220px; display:inline;}
.img_left2 a img {height:120px;width:180px; padding:20px;}
.img_left2 p{padding:0px;line-height:30px; text-align:center;overflow:hidden; background:#ccc}
.img_left2 p a{color:#333; display:block; font:bold 14px/30px "微软雅黑", Verdana, Candara, Arial, Tahoma; zoom:1;}
.img_left2 p a:hover{color:#ff6300;}


.logo_proList{position:absolute; left:20px; top:40px;}
.menu_pro li{width:125px; text-indent:15px; height:25px; line-height:26px; overflow:hidden; background:url(../images/flash_07.jpg) left top no-repeat; border-bottom:1px solid #ccc;border-right:1px solid #999;}
.flash_cnt{position:absolute; top:-1px; right:-1px; background:url(../images/cnt_bg.png) repeat; padding:10px 20px; width:380px; height:130px; border:1px solid #ccc; font-weight:bold;}
h3{font:bold 18px/30px "微软雅黑", Verdana, Candara, Arial, Tahoma;}


#friendLinks2{background:url(../images/friendlink.jpg) no-repeat; margin:20px auto 20px; width:940px; padding:0 10px; line-height:37px; height:37px; overflow:hidden; text-align:left;}
#friendLinks2 a{padding:0 10px;}

.language2{ float:right; margin-right:20px; display:inline; line-height:30px;}
.language2 a{ background:url(../images/icon.jpg) center left no-repeat; padding-left:10px;}

