@charset "utf-8";
/* 头部 */
.shopbar{height:40px; line-height:40px; background-color:#f2f2f2; border-bottom:1px #dcdcdc solid} 
.bar{width:950px; height:28px; color:#666666; line-height:28px; margin:0 auto; text-align:left}
.bar-l{width:400px; float:left}
.bar-r{float:right}
.bar-r li{float:left; margin-right:4px;}
.bar-r li span{margin-left:4px;}
.bar-r li a{color:#666; text-decoration:none}
.bar-r li a:hover{color:#f60;}
.bar-r .shengji{width:15px; margin-top:6px; height:15px; background: url(../images/all-images.jpg) 135px 123px}

.header{width:950px; margin:0 auto}
.top{height:65px; text-align:left}
.top li{ float:left}
.logo{ height:60px; width:240px; }
.company{ height:65px; line-height:65px; font-size:30px; color:#333; margin-left:20px}

.menuall{ width:950px; margin:0 auto; height:32px; text-align:center; background-image:url(../images/nav.jpg); border-bottom:#002553 solid 1px;}
.menu{height:30px; line-height:30px; padding-left:20px;}
.menu ul li{float:left; width:100px; text-align:center}
.menu ul li a{color:#FFF; font-size:14px; font-weight:bold; text-decoration:none}
.menu ul li a:hover{color:#ccc; font-size:14px; text-decoration:none}
.vipbanner{ width:950px; margin:0 auto;}
.top{background:url(../images/top_bj.jpg) no-repeat; height:85px; text-align:right; padding-right:45px;}
.top1{ padding-top:25px;}
.top1 a{color:#000; text-decoration:none;}
.top1 a:hover{color:#000; text-decoration:none;}
/*友情链接*/
.link{ width:950px; height:150px; margin:auto; margin-top:10px;}
.link .tit00{height:50px; line-height:35px; border-bottom:2px solid #999999; width:950px;}
.link .con{ width:950px; overflow:hidden;}
.link .con ul{ padding-top:10px;}
.link .con ul li{float:left; text-align:center; line-height:30px; margin-left:12px;_margin-left:21px;}    
/* 内容 */
.content{width:950px; margin:0 auto;text-align:left; overflow:hidden; zoom:1; padding-top:10px; background-color:#FFF}
.main-l{width:194px; float:left; display:inline; }
.main-r{width:746px; float:right}
.nav ul li{width:198px; background:url(../images/all-images.jpg) 740px 86px ; margin-bottom:3px}
.nav ul li a{font-size:14px; font-weight:bold; color:#fff; height:28px; line-height:28px; margin-left:28px; text-decoration:none}
.nav ul li a:hover{color:#333;}
.nav-line{ overflow:hidden;border:1px solid #ddd;  background:#fff; display:block; width:196px; }
.nav-line ul li{ background:none}
.nav-line ul li{background:url(../images/navbg.jpg) center no-repeat;  width:196px;}
.nav-line ul li a{color:#333; font-size:12px;  height:24px;line-height:24px;font-weight:normal;}
.nav-line ul li a:hover{color:#f60; font-size:12px; font-weight:normal;}


.banner{width:950px;height:300px;margin:0 auto;overflow:hidden;}
.banner .bannerppt{width:100%;height:300px;position:relative;overflow:hidden;}
.banner .bannerppt .pic{width:950px;height:300px;position:relative;overflow:hidden;margin:auto;}
.banner .bannerppt .pic ul{height:300px;position:absolute;}
.banner .bannerppt .pic ul li{height:300px;width:950px;float:left;overflow:hidden;position:relative;}
.banner .bannerppt .btn{text-align:center;position:absolute;height:20px;width:100%;bottom:0;}
.banner .bannerppt .btn span{display:inline-block;width:15px;height:10px;margin:0 3px;cursor:pointer;background:url(../images/ppt_num_2.jpg) no-repeat;}




/* 左信息 */
.info{ border:1px solid #fff;background-color:#fff;}
.company-name li{line-height:1.8em}
.company-name{border-bottom:1px #ccc dotted; padding:5px 10px;background: url(../images/contactbg.jpg) no-repeat;}
.name{font-size:16px; color:#333; font-weight:bold}
.person{font-size:14px; color:#0087db}
.person img{margin-left:5px}
.tel{border-bottom:1px #ccc dotted; padding:10px 10px}
.nobor{border:#e0e0e0 solid 1px;}
.tel li{ line-height:1.6em; color:#333}


.searchbg{background-image:url(../images/searchbg.jpg);line-height:28px; height:28px}
.search-tit{ font-size:14px; color:#fff; font-weight:bold; text-indent:25px; background:url(../images/cp_listbj.jpg) no-repeat; }
.navfeilei{padding-top:10px; border:#e0e0e0 solid 1px; border-top:none;}
.navfeilei li{text-align:left; padding:5px 0 5px 15px; background:url(../images/jiantou.jpg) no-repeat 5px 10px; border-bottom:1px dotted #CCC; margin:0 5px}
.newsfeilei{padding-top:10px; border:#e0e0e0 solid 1px; border-top:none;}
.newsfeilei li{text-align:left; padding:5px 0 5px 15px; background:url(../images/dian.jpg) no-repeat 5px 10px; border-bottom:1px dotted #CCC; margin:0 5px}
.newsfeilei li a{color:#666}
.btnbg{background:url(../images/all-images.jpg) 100px 122px; margin-left:5px; width:54px; height:22px;}
.input{height:22px}

/* 右产品 */
.wrap{ background-color:#fff;}
.wrap-tit{height:30px;background:url(../images/titlebg.jpg); line-height:30px }
.wrap-bt{font-size:15px; color:#1378fe; float:left; width:370px; font-weight:bold; padding-left:20px; display:block}
.wrap-more{ float:right; padding-right:30px}
.wrap-more a{color:#666; text-decoration: underline}
.wrap-more a:hover{color:#333; text-decoration:none}
.wrap-content{ border-top:none; overflow:hidden;zoom:1;  padding:15px 0 0 15px; border:#e0e0e0 solid 1px;}
.sale_net-content{padding:30px; text-align:center}
.pro-list {overflow:hidden;_zoom:1}
.pro-list li{width:178px; height:200px; text-align:center; float:left; }
.pic{width:150px; height:140px; line-height:100px; margin:0 auto; border:1px solid #ccc}
.txt{width:150px; height:30px;margin:0 auto; line-height:30px; overflow:hidden}
.txt a{color:#32659c; text-decoration:none}
.txt a:hover{color:#f60; text-decoration:none}
.aboutus{color:#666; padding:0 45px 10px 10px; font-size:14px; line-height:1.6em; margin-bottom:15px;}
.contactus{color:#333; background:url(../images/contact.jpg) 10px 0px no-repeat;float:left; padding-left:250px; padding-right:50px; font-size:14px; line-height:1.8em}
.lineh {line-height:2.2em; margin-bottom:5px}
.contactcompany {font-size:14px; color:#333; font-weight:bold; padding-bottom:20px;}
.contactsize{font-size:12px;padding-bottom:20px;}
.contactline{border-bottom:1px dashed #ccc; margin-bottom:5px}
.proclass{padding:10px; border:1px solid #eee; overflow:hidden; margin:0px 30px 0 0; background:url(../images/aboutbg.gif) bottom repeat-x}
.proclass li{float: left;width:20%; line-height:1.8em;}
.proclass li a{ color:#333; text-decoration:none;}
.proclass li a:hover{ color:#f60; text-decoration:underline;}
.searchpro{border:1px solid #ccc; border-left:none; border-right:none; margin-right:15px; padding:5px 0}
.dis a{ color:#369}
.dis a:hover{ color:#f60}
.dis{ margin-right:20px}

/*底版权*/
.adlian{width:980px;clear:both; height:116px; margin:0 auto; margin-bottom:10px; border:1px #ccc solid; background-color:#fff; overflow:hidden;}
.adlian_bt {font-size:14px;margin:5px 10px; background:url(../images/linkbg.jpg) no-repeat 0 5px; color:#555; padding-left:10px }
.adlian_proname ul {margin:0 20px}
.adlian_proname ul li{float:left; line-height:1.8em; width:160px; display:inline; margin-right:15px; background:url(../images/dian.jpg) 0 center no-repeat; padding-left:8px;}
.adlian_proname ul li a{color:#888}
.footer{width:950px; margin:0 auto;background-image:url(../images/footbg.jpg)}
.copyright{color:#333; line-height:1.6em}
.copyright a{ color:#369}
.copyright a:hover{ color:#f60}

/*分页*/
.page{ text-align:center; margin-bottom:20px;}
.page a{width:22px; border:1px solid #ccc; height:20px; display:inline-block; margin:0 1px; text-decoration:none}
.page a:hover{width:22px; border:1px solid #f60; height:20px; display:inline-block; margin:0 1px;}
.pageclick a{width:22px; color:#f60; border:1px solid #f60; height:20px; display:inline-block; margin:0 1px;}
.pagestyle a{width:60px;  border:1px solid #ccc; height:20px; display:inline-block; margin:0 1px;}
.pagestyle a:hover{width:60px;  border:1px solid #f60; height:20px; display:inline-block; margin:0 1px;}
.aboutlink{ border:1px solid #eee; padding:10px; margin:20px 50px 20px 20px; line-height:2em; background:url(../images/aboutbg.gif) bottom repeat-x}
.aboutlink a{text-decoration:underline; color:#999; margin:0 15px 0 0}
.about_bt {color:#c00; font-weight:bold;}
 
/*产品详细页*/
.showpro-detail{margin-bottom:20px}
.detail-content{ padding:10px 0 0 10px; text-align:left}
.detail-tit{ color:#fff; font-size:14px; font-weight:bold; padding-left:10px;height:28px;background:url(../images/xiangxibt.jpg) no-repeat;text-align:left;  line-height:28px }
.showpro{ padding-right:15px; text-align:center; overflow:hidden}
.showpro-bt{font-size:15px; font-weight:bold; color:#000; text-align:left; padding-left:15px; margin-bottom:10px}
.showpro-left{position:relative; width:310px; height:280px; text-align:center; display:table-cell; vertical-align:middle; border:1px solid #ddd}
.showpro-left{float:left; width:310px; height:280px}
.showpro-left span{ +position:absolute; top:50%; }
.showpro-left span img{ +position:relative; top:-50%; left:-50%}
.showpro-right{float:left; width:400px; height:280px;}
.jieshao{margin:0 10px; padding:5px 5px;text-align:left;  color:#666; font-size:14px}
.fenlei{margin:0 10px; padding:5px 10px;text-align:left; background-color: #FFFCE3;border: 1px solid #FFD696; color:#333; font-size:12px}
.fenlei a{color:#369}
.fenlei a:hover{color:#f60}
.jieshao li{line-height:1.8em}
.detail-bt{width:700px; height:35px; background-image:url(../images/xiangxibt.jpg)}
.goback{ border:1px solid #eee; height:35px; line-height:35px;}
.goback a{color:#f60}
.goback h3 {display:inline; font-size:14px; font-weight:bold}
.next{ border:1px solid #eee; margin-top:10px; height:35px;background:url(../images/aboutbg.gif) bottom repeat-x; line-height:35px}
.next a{color:#666; text-decoration:underline}
.next a:hover{color:#c00; text-decoration:underline}
.c-productmore{margin:10px 30px 0 20px;border:1px solid #eee;}
.productmore{border:1px solid #eee; margin:10px 0 10px 0;}
.productmore-bt{background:url(../images/aboutbg.gif) bottom repeat-x; height:30px; line-height:30px; text-align:left; padding-left:10px; color:#666; font-size:12px; font-weight:bold}
.product-con {padding-top:20px}
.news {padding:0 0 0 20px}
.news ul{width:660px; overflow:hidden; _zoom:1}
.news li{background:url(../images/dian.jpg) 0px 10px no-repeat; padding-left:10px; overflow:hidden; _zoom:1}
.news li a{color:#666; font-size:14px}
.news li a:hover{ color:#f60}
.news li{line-height:2.3em; border-bottom:1px #ccc dotted}
.date{float:right; color:#999}
.newstitle{float:left}
.newsdetail {padding:0 60px 0 30px}
.newsdetail .title{ font-size:16px; font-weight:bold; text-align:center; color:#F00}
.newscontent{color:#666; font-size:14px}
.newsdate{text-align:center; color:#999 }
.newsmargin{text-align:center; margin:10px 50px 0 30px}

/*color*/
.chengse {color:#f60}
.huise{color:#666}
.tablecolor{color:#333}