@charset "utf-8";
/* 头部 */
.shopbar{ height:40px; line-height:40px; background-color:#f2f2f2; border-bottom:1px #dcdcdc solid} 
.bar{width:980px; 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:100%; margin:0 auto; height:100px}
.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:980px; margin:0 auto; height:35px; text-align:left; background-image:url(../images/nav_li.jpg)}
.menu{height:35px; line-height:35px; padding-left:5px;}
.menu {float:left}
.menu li{float:left; width:110px; text-align:center}
.menu li a{color:#FFF; font-size:15px; font-weight:bold; text-decoration:none; display:block;}
.menu li a:hover{color:#fff; font-size:15px; text-decoration:none; }

.shopcar{width:160px; margin-top:10px; height:25px; line-height:25px; background:url(../images/shopcar.jpg); float:right}
.shopcar .buy{padding-left:25px;float:left;}
.shopcar .pay{width:55px; color:#fff; float:right}
.shopcar .pay a{color:#fff; text-decoration:none}
.salecolor{color:#F00; font-weight:bold}
.vipbanner{ width:980px; margin:0 auto}

/* 内容 */
.content{width:980px; margin:0 auto;text-align:left; overflow:hidden; zoom:1; padding-top:10px; background-color:#FFF}
.main-l{width:200px; float:left;display:inline; }
.main-r{width:750px; 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;}


/* 左信息 */
.info{ border:0px solid #fff;background-color:#FFF;border:#E2E2E2 solid 0px;overflow:hidden; width:210px}
.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:12px; color:#f00; font:宋体;}
.person img{margin-left:5px}
.tel{border-bottom:1px #ccc dotted; margin-top:5px; margin:10px 10px;}
.nobor{border-bottom:none; margin-top:15px}
.tel li{ line-height:1.6em; color:#555;}
.search_button{background:url(../images/search_button.jpg) no-repeat right; border:0; color:#000;}
.searchbg{line-height:30px; height:30px;}
.search-tit{ font-size:15px;font-weight:bold;color:#fff; text-indent:30px; background:url(../images/navtitlebg.jpg) no-repeat; height:35px; line-height:35px; width:210px}
.search-tit2{ font-size:14px;font-weight:bold;color:#fff; text-indent:15px; background:url(../images/navtitlebg2.jpg) no-repeat; height:30px; line-height:30px}
.search-tit3{ font-size:12px;font-weight:bold;color:#fff; text-indent:18px; background:url(../images/navtitlebg3.jpg) no-repeat; height:27px; line-height:27px}
.navfeilei{padding-top:10px; padding-left:10px;}
.navfeilei li{ width:100%; float:left; overflow:hidden; background:url(../images/dian1.jpg) no-repeat 0px 10px ; height:22px; line-height:22px;text-align:left; padding:5px 0 5px 25px;  border-bottom:#CCC dotted 1px}
.navfeilei li a{color:#666; font-size:14px}
.navfeilei li a:hover{color:#f60; font-size:14px}

.navfeilei1{padding-top:10px; padding-left:10px; overflow:hidden;_zoom:1; height:200px}
.navfeilei1 li{ width:200px; float:left; overflow:hidden; background:url(../images/dian1.jpg) no-repeat 5px 14px ; height:22px; line-height:22px;text-align:left; padding:5px 0 5px 25px;  border-bottom:#CCC dotted 1px}
.navfeilei1 li a{color:#666; font-size:14px}
.navfeilei1 li a:hover{color:#f60; font-size:14px}

.newsfeilei{padding-top:10px}
.newsfeilei li{text-align:left; padding:5px 0 5px 15px; background:url(../images/dian.jpg) no-repeat 5px 9px; border-bottom:1px dotted #CCC; margin:0 5px}
.newsfeilei1 li{text-align:left; padding:5px 0 5px 15px;border-bottom:1px dotted #CCC;}
.newsfeilei1 a{ color:#666; text-decoration:none}
.newsfeilei li a{color:#666}
.btnbg{background:url(../images/all-images.jpg) 100px 122px; margin-left:2px; width:52px; height:24px;}
.input{height:22px}
.qq{ padding-left:90px; padding-bottom:5px}
.con_perbg{background:url(../images/cont.jpg) no-repeat}
.con_per{overflow:hidden; _zoom:1;}
.con_per li{color: #990000; width:100px; line-height:20px;  padding-left:px}

/* 右产品 */
.wrap{ width:766px}
.wrap2{width:557px}
.wrapindex .wrap-content1,.detail-content{ border:#E2E2E2 solid 1px; overflow:hidden}

.gsjs_l{width:557px;float:left}

.gsjs_r{width:200px;background:url(../images/navtitlebg1.jpg) repeat-x; float:right;line-height:30px;border:#E2E2E2 solid 1px;}
.gsjs_r1{width:200px;background:url(../images/navtitlebg4.jpg) repeat-x; float:right;line-height:30px;border:#E2E2E2 solid 1px;}
.gsjs_r_span{font-size:14px; padding-left:25px;font-weight:bold;color:#B50701;}
.wrap-tit{height:30px;background:url(../images/titlebg.jpg) no-repeat; line-height:30px }
.wrap-tit1{height:36px;background:url(../images/warpbt.jpg) no-repeat; line-height:36px }

.wrap-tit3{height:29px;background:url(../images/titlebg3.jpg) no-repeat; line-height:29px }
.wrap-bt{font-size:16px; color:#315f80; float:left; width:270px; font-weight:bold; padding-left:26px; display:block}
.wrap-bt1{font-size:16px; color:#fff; float:left; width:270px; font-weight:bold; padding-left:26px; display:block}
.wrap-more{float:right; padding-right:12px; font-size:12px; color:#333}
.wrap-more a{color:#024e88; text-decoration: underline}
.wrap-more a:hover{color:#f60; text-decoration:none}
.wrap-more1{float:right; padding-right:8px;}
.wrap-more1 a{color:#fff; text-decoration: none}
.wrap-more1 a:hover{color:#fff; text-decoration: underline}
.wrap-content{border-top:none;padding:15px 0 10px 15px; border:#E2E2E2 solid 1px; overflow:hidden}
.wrap-content1{padding:15px 0 0 10px;overflow:hidden}
.wrap-content2{padding:5px 0 0 15px; border:#E2E2E2 solid 1px;overflow:hidden}
.pro-list {overflow:hidden;_zoom:1}
.pro-list li{width:175px; height:200px; text-align:center; float:left; }
.pic{width:160px; height:162px; line-height:100px; margin:0 auto; border:1px solid #e8e8e8; text-align:center }
.txt{width:148px; height:25px;margin:0 auto; line-height:25px; text-align:center; overflow:hidden; background:url(../images/txt_bg.jpg); margin:auto;}
.txt a{color:#369; text-decoration:none}
.txt a:hover{color:#f60; text-decoration:none}
.aboutus{color:#666; padding:0 10px 10px 0px; font-size:14px; line-height:1.8em; font-family:"微软雅黑"}
.aboutusindex{color:#666; padding:0 10px 0 0px; font-size:13px; line-height:1.5em; font-family:"微软雅黑"}

.contactus{color:#333; background:url(../images/contact.jpg) 10px 0px no-repeat;overflow:hidden; 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}
.contactsize{font-size:12px}
.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; display:block; margin-right:50px; 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:978px;clear:both; height:130px; margin:0 auto; margin-bottom:10px; border:1px #ccc solid; background-color:#fff}
.adlian_bt {font-size:14px;margin:5px 10px; background:url(../images/linkbg.jpg) no-repeat 0 5px; color:#cc0000; font-weight:bold; 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:#999}
.footer{ width:100%;height:77px; margin:0 auto;background-image:url(../images/footbg.jpg)}
.copyright{color:#888; padding-top:15px; line-height:1.6em}
.copyright a{ color:#369}
.copyright a:hover{ color:#f60}

/*分页*/
.page{ text-align:center; margin-bottom:20px; margin-top:20px; clear:both}
.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 #333; 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-left:10px; 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:#666; font-weight:bold;}
 
/*产品详细页*/
.showpro-detail{margin-bottom:20px}
.detail-content{ padding:10px 0 0 10px; text-align:left}
.detail-tit{ color:#333; font-size:14px; font-weight:bold; padding-left:15px;height:30px;background:url(../images/xiangxibt.jpg) no-repeat;text-align:left;  line-height:30px }
.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:280px; 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;}
.jieshao li{margin-top:20px; }
.jieshao li a{margin-left:10px;}
.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 20px 0 0px;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 15px}
.news ul{width:700px}
.news li{background:url(../images/dian.jpg) 0px 10px no-repeat; padding-left:10px}
.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; clear:both}
.date{float:right; color:#999}
.newstitle{float:left;}
.newsdetail {padding:0 50px 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}

/*首页横向滚动*/
.scrollLR{  overflow:hidden; width:530px; height:200px; position:relative; }

/*programmer*/
.menu li.hover a{color:#fff; font-size:15px; text-decoration:none; background: url(../images/nav_li_li.jpg) center no-repeat;}