@charset "utf-8";
* {word-wrap: break-word; padding:0px; margin: 0px;}
body{margin: 0px; font: 14px  Microsoft YaHei, 宋体, Verdana, sans-serif; color:#333; background:#f8f8f8;_background-attachment:fixed;_background-image:url(img/-1blank); }
p {margin:10px 0 10px 0;}
ul,li {list-style:none;}
form, img {margin:0; border:0px; padding:0; vertical-align:top;}
a {color: #333; text-decoration: none; blr:expression(this.onFocus=this.blur()); outline: none; }
a:hover { color: #000; text-decoration:none;}
select,input,textarea{font: 14px  Microsoft YaHei, 宋体, Verdana, sans-serif;}
.clear {clear:both;}
.f12 {font-size:12px;}
.f14 {font-size:14px;}
.f16 {font-size:16px;}
.f26 {font-size:26px;}
.f30 {font-size:30px;}
.b {font-weight:bold;}
.xt {font-style:italic;}
.ya {font-family:"Microsoft YaHei","宋体";}
.he {font-family:"黑体","宋体";}
.pa {font-family:"Palatino Linotype";}
.ar {font-family:"Arial";}
.s1 {color:#333;}
.s1 a{color:#333;}
.s1 a:hover{color:#000;}
.s2 {color:#666;}
.s2 a{color:#666;}
.s2 a:hover{color:#000;}
.s3 {color:#999;}
.s3 a{color:#999;}
.s3 a:hover{color:#000;}
.s4 {color:#e60000;}
.s4 a{color:#e60000;}
.s4 a:hover{color:#000000;}
.s5 {color:#bbb;}
.s5 a{color:#bbb;}
.s5 a:hover{color:#fff;}
.s6 {color:#fff;}
.s6 a{color:#fff;}
.s6 a:hover{color:#fff;}
.w {width:100%; background:#fff; width:expression(document.body.clientWidth <= 1218? "1218px": "auto"); min-width:1218px;}

#tophead{height:90px; width:1218px; margin:auto; background:#fff; width:expression(document.body.clientWidth <= 1218? "1218px": "auto"); min-width:1218px;}
#tophead .logo{background:url(img/logo.png) no-repeat;width:254px;height:53px;float:left; margin:20px 0 0 0;}
#tophead form{float:right;margin-top:30px;}
#tophead form .input{border:1px #ddd solid; padding:5px 10px; vertical-align:middle;border-right:0;color:#555; width:140px;}
#tophead form .bnt{border:0px solid; background:url(img/icon.png) 6px 8px #e60000 no-repeat; padding:6px 15px;vertical-align:middle; cursor:pointer;}
#tophead .contact {float:right; margin:35px 0 0 20px;}
#tophead .contact li {float:left; border-left:1px #eee solid; padding:0 20px 0 50px; color:#999;}
#tophead .tel {background:url(img/icon.png) 22px -46px no-repeat;}
#tophead .mail {background:url(img/icon.png) 22px -95px no-repeat;}

#topnav{background:#e60000;height:50px; width:expression(document.body.clientWidth <= 1218? "1218px": "auto"); min-width:1218px;}
#topnav .w {width:1218px; margin:auto;}
#topnav .w ul{padding:0;list-style:none;}
#topnav .w ul li{float:left;}
#topnav .w ul li a{height:50px;line-height:50px;font-size:16px; color:#fff; padding:0 50px;display:block;}
#topnav .w ul li a:hover{background:#333;}
#topnav .w ul .hover a{background:#e60000;height:50px;line-height:50px;font-size:16px;font-family:microsoft yahei;color:#fff;padding:0 50px;display:block;}
#topnav .w ul li dl{position:absolute;z-index:9999999999;margin:0;display:none;width:200px;}
#topnav .w ul .hover dl dt a{background:#333; height:45px;line-height:45px;display:block;font-size:14px; padding:0 25px;}
#topnav .w ul .hover dl dt a:hover{background:#fff; color:#333;display:block;}

#banner-content {margin:auto; width:1218px;}
#banner-content .content {width:576px; margin:100px 0 0 0; position:absolute; z-index:9999;}
#banner-content .title {font-size:48px; color:#fff;}
#banner-content .profile {font-size:14px; color:#bbb; line-height:30px; margin:40px 0 0 0;}

#banner{height:550px; background:#000; width:expression(document.body.clientWidth <= 1218? "1218px": "auto"); min-width:1218px;}
#full-screen-slider { width:100%; height:550px; position:relative}
#slides { display:block; width:100%; height:550px; list-style:none; padding:0; margin:0; position:relative}
#slides li { display:block; width:100%; height:100%; list-style:none; padding:0; margin:0; position:absolute}
#slides li a { display:block; width:100%; height:100%; text-indent:-9999px}
#pagination { display:block; width:100% list-style:none; position:absolute;  bottom:40px; z-index:2000; left:50%;}
#pagination li { display:block; list-style:none; width:12px; height:12px;float:left; margin:0 8px;border-radius:50px; background:#666;}
#pagination li a { display:block; width:100%; height:100%; padding:0; margin:0; text-indent:-9999px;}
#pagination li.current { background:#fff;}

.banner-more a {margin-top:30px; background:#444; height:40px; line-height:40px; padding:0 0 0 15px; float:left; color:#fff; font-size:16px;}
.banner-more a:hover {background:#222;}
.banner-more .more-icon {height:40px; line-height:40px; width:40px; background:url(img/icon.png) 15px -155px no-repeat; padding-left:15px; display:block;float:right;}

#product {width:1218px; margin:auto; overflow:hidden; width:expression(document.body.clientWidth <= 1218? "1218px": "auto"); min-width:1218px;}
#product .t {text-align:center; margin:50px 0; background:url(img/icon2.png) 530px 0 no-repeat; padding:0 0 0 60px; line-height:42px;}
#product ul {width:1400px;}
#product li {border:1px #eee solid; float:left; width:240px; height:382px; padding:20px; background:#fff; margin:0 30px 30px 0;}
#product .tags {margin-top:12px; color:#999;}
#product .tags a{padding:4px 24px 4px 10px; color:#fff; background:url(img/tag.png) right center #999 no-repeat; margin:0 6px 6px 0; display:inline-block;}
#product .tags a:hover {background:url(img/tag.png) right center #666 no-repeat;}
#product .title {margin:20px 0 10px 0; line-height:26px;}
.product-more {width:166px; margin:auto;}
.product-more a {margin:30px 0 60px 0; background:#444; height:40px; line-height:40px; padding:0 0 0 15px; float:left; color:#fff; font-size:16px;}
.product-more a:hover {background:#222;}
.product-more .more-icon {height:40px; line-height:40px; width:40px; background:url(img/icon.png) 15px -155px no-repeat; padding-left:15px; display:block;float:right;}

#tag_product {width:1218px; margin:auto; overflow:hidden; width:expression(document.body.clientWidth <= 1218? "1218px": "auto"); min-width:1218px;}
#tag_product .t {text-align:center; margin:50px 0;}
#tag_product ul {width:1400px;}
#tag_product li {border:1px #eee solid; float:left; width:240px; height:322px; padding:20px; background:#fff; margin:0 30px 30px 0;}
#tag_product .title {margin:20px 0 10px 0; line-height:26px;}


#news {width:1218px; margin:auto; overflow:hidden; width:expression(document.body.clientWidth <= 1218? "1218px": "auto"); min-width:1218px;}
#news .t {text-align:center; margin:50px 0; background:url(img/icon2.png) 530px -72px no-repeat; padding:0 0 0 60px; line-height:42px;}
#news ul {width:1400px;}
#news li {border:1px #eee solid; float:left; padding:20px; background:#fff; margin:0 30px 30px 0; width:240px; height:264px;}
#news .date {margin-top:20px; color:#999;}
#news .title {margin:10px 0; line-height:26px;}
.news-more {width:166px; margin:auto;}
.news-more a {margin:60px 0; background:#444; height:40px; line-height:40px; padding:0 0 0 15px; float:left; color:#fff; font-size:16px;}
.news-more a:hover {background:#222;}
.news-more .more-icon {height:40px; line-height:40px; width:40px; background:url(img/icon.png) 15px -155px no-repeat; padding-left:15px; display:block;float:right;}

#footer {width:100%; background:#333; padding:50px 0; width:expression(document.body.clientWidth <= 1218? "1218px": "auto"); min-width:1218px;}
#footer .f-w {width:1218px; margin:auto; overflow:hidden;}
#footer .list {float:left; margin-right:200px;}
#footer .list ul {padding:30px 0 0 0;}
#footer .list li {line-height:30px; background:url(img/icon1.gif) 0 center no-repeat; padding:0 0 0 12px;}
#footer .icon1 {background:url(img/icon2.png) 0 -199px no-repeat; padding:0 0 0 30px;}
#footer .icon2 {background:url(img/icon2.png) 0 -240px no-repeat; padding:0 0 0 30px;}
#footer .icon3 {background:url(img/icon2.png) 0 -280px no-repeat; padding:0 0 0 30px;}
#footer .icon4 {background:url(img/icon2.png) 0 -320px no-repeat; padding:0 0 0 25px;}

#copyright {background:#000; line-height:50px; text-align:center; width:expression(document.body.clientWidth <= 1218? "1218px": "auto"); min-width:1218px;}
#copyright a:hover {color:#666;}


/*内页*/
#position{margin:0 auto;width:1218px;overflow:hidden; padding:20px 0; width:expression(document.body.clientWidth <= 1218? "1218px": "auto"); min-width:1218px;}


#n_main {width:1218px; margin:auto; overflow:hidden; width:expression(document.body.clientWidth <= 1218? "1218px": "auto"); min-width:1218px;}
#n_main .left{width:260px;margin-right:30px; float:left;}
#n_main .right{float:left; width:928px;}
#n_main .leftnav{background:#333; color:#fff; padding:0 20px; height:45px; line-height:45px;}

/*翻页*/
.list_page{text-align:center;margin:30px 0 60px 0;display:block;}
.list_page:after{content:" ";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}
.list_page ul{list-style:none;margin:0;padding:0;display:inline-block;vertical-align:bottom;}
.list_page ul li{display:inline-block;border:solid 1px #eee;}
.list_page ul a{color:#333;padding:8px 12px;line-height:18px;display:block;transition:all 1s cubic-bezier(0.175, 0.885, 0.32, 1) 0s;background:#fff;}
.page_group ul{border-right:solid 1px #eee;}
.page_group ul li{border-right:none;border-radius:0;float:left;}
.page_group ul li:not(:first-child):not(:last-child){border-radius:0;}
.page_group ul li:first-child{border-radius:0;}
.page_group ul li:last-child{border-radius:0;}
.page_group ul .active a{background:#e60000; color:#fff;}

#product_banner {height:300px; background:url(img/product_banner.jpg) center center #000 no-repeat; width:100%; width:expression(document.body.clientWidth <= 1218? "1218px": "auto"); min-width:1218px;}
#product_banner .t {text-align:center; font-size:36px; padding-top:120px; text-shadow: 0 0 5px #000;}


#product_list_txt {width:1218px; margin:auto; overflow:hidden; width:expression(document.body.clientWidth <= 1218? "1218px": "auto"); min-width:1218px;}
#product_list_txt .list {width:1300px; margin:60px 0;}
#product_list_txt .list ul {float:left; width:220px; margin-right:34px;}
#product_list_txt .list li {word-wrap: break-word; word-break:break-all; }
#product_list_txt .list li a {padding:8px 15px; display:block; background:url(img/icon1.gif) 1px 14px no-repeat; }
#product_list_txt .list li a:hover {background:#e60000; color:#fff; padding:8px 15px; display:block;}
#product_list_txt .listname {margin:0 0 30px 0;}

/*产品详情*/
#pro_content {width:1218px; margin:0 auto 60px auto; background:#fff; width:expression(document.body.clientWidth <= 1218? "1218px": "auto"); min-width:1218px;}

#goodsshow{padding:20px 0 20px 20px;overflow:hidden;}
#goodsshow img{border:0;}
#goodsshow .left{float:left; width:360px;margin:0 50px 0 0;}
#goodsshow .right{float:left;}
#goodsshow .shop_big{border:1px solid #eee;padding:2px;background:#fff;width:360px;cursor:pointer;}
#goodsshow .shop_plist{clear:both;width:360px;}
#prolist{width:310px;float:left;overflow:hidden;height:68px;position:relative;margin:10px 0 0 0;}
#prolist ul{margin:0;padding:0;list-style:none;overflow:hidden;width:20000px;position:relative;}
#prolist ul li{float:left;cursor:pointer;position:relative;background:url(img/pro_none.gif) no-repeat center top;height:68px;}
#prolist ul li img{height:60px;width:60px;margin:6px 8px 0 8px;padding:0px;border:0;}
#prolist .hover{background:url(img/pro_bg.gif) no-repeat center top;height:68px;}
#goodsshow .shop_plist a.prev{float:left;width:20px;height:68px;display:block;outline:none;background:url(img/ico_left.gif) no-repeat center;line-height:68px;margin-top:12px;}
#goodsshow .shop_plist a.next{float:left;width:20px;height:68px;display:block;outline:none;background:url(img/ico_right.gif) no-repeat center;margin-top:12px;}
#goodsshow .right{width:750px; }
#goodsshow .right h1{font-size:30px; margin:0 0 10px 0;padding:0;}
#goodsshow .right .intro{color:#666; line-height:24px; margin:10px 0 20px 0; padding:5px 0; border-top:1px dashed #eee; border-bottom:1px dashed #eee;}
#goodsshow .right .sno{ color:#666; line-height:35px;}
#goodsshow .right .sno a{padding:4px 24px 4px 10px; margin-right:6px; color:#fff; background:url(img/tag.png) right center #999 no-repeat; font-size:12px;}
#goodsshow .right .sno a:hover {background:url(img/tag.png) right center #666 no-repeat;}

#goodsshow .filedown a{width:260px; background:url(img/icon2.png) 268px -404px #e60000 no-repeat; padding:8px 15px; display:block; color:#fff; margin:0 0 6px 0;}
#goodsshow .filedown a:hover {background:url(img/icon2.png) 268px -404px #333 no-repeat;}
#goodsshow .pdfdown a{width:260px; background:url(img/icon2.png) 268px -361px #e60000 no-repeat; padding:8px 15px; display:block; color:#fff; margin:0 0 6px 0;;}
#goodsshow .pdfdown a:hover {background:url(img/icon2.png) 268px -361px #333 no-repeat;}
#goodsshow .videoplay a{width:260px; background:url(img/icon2.png) 269px -442px #e60000 no-repeat; padding:8px 15px; display:block; color:#fff;}
#goodsshow .videoplay a:hover {background:url(img/icon2.png) 269px -442px #333 no-repeat;}

/*咨询*/
.pro_baidu a {float:left; width:140px; height:33px; line-height:33px; border:1px #10ace7 solid; background:url(img/message.png) 10px 5px #10ace7 no-repeat; margin:20px 6px 6px 0; color:#fff; display:block; text-align:center;}
.pro_baidu a:hover {background:url(img/message.png) 10px 5px #0f9cd2 no-repeat; border:1px #0f9cd2 solid;}
.pro_qq a {float:left; width:140px; height:33px; line-height:33px; border:1px #eee solid; background:url(img/message.png) 10px -39px #f4f4f4 no-repeat; margin:20px 0 6px 0; color:#333; display:block; text-align:center;}
.pro_qq a:hover {background:url(img/message.png) 10px -39px #fff no-repeat; border:1px #eee solid;}

/*选型列表*/
#tag2_product {margin:20px 0 0 0;}
#tag2_product li {line-height:30px; background:url(img/icon1.gif) 0 center no-repeat; padding:0 0 0 12px; float:left; width:360px;}
.tag2_title {background:url(img/icon3.png) 0 center no-repeat; padding:0 0 0 30px; margin-top:30px;}

/*弹出视频*/
.popupbox {width:800px;height:450px; background:#000;display: none;float: left;position: fixed;top: 50%; left: 50%;z-index: 99999;box-shadow: 0px 0px 20px #000;}
#fade {display: none; /* Hidden as default */background: #000;position: fixed; left: 0; top: 0;width: 100%; height: 100%;opacity: .85;z-index: 9999;}
#intabdiv {}
#close a {width:24px;height:24px; right:-12px;background: url(img/close.png) no-repeat; position:absolute; margin-top:-12px;z-index: 99999999;}

#pro_content .content {margin:0 20px 0 20px; padding:0 0 20px 0; line-height:26px;}
#pro_content .content p{margin:4px 0;}
#pro_content .dh {background:#e60000; margin:20px 0; line-height:40px; padding:0 0 0 20px; color:#fff; font-weight:bold; font-size:16px;}
#pro_content .tbleft {width:579px; float:left;}
#pro_content .tbright {width:579px; float:right;}
#pro_content td {padding:4px 10px;}
#pro_content blockquote {background:#e60000; margin:20px 0; line-height:40px; padding:0 0 0 20px; color:#fff; font-weight:bold; font-size:16px;}

.pre{margin:30px 0 10px 0;color:#999;}
.next{color:#999;}

/*相关产品*/
#or_pro {border-top:20px #f8f8f8 solid; width:expression(document.body.clientWidth <= 1218? "1218px": "auto"); min-width:1218px;}
#or_pro .dh {background:#333; margin:20px; line-height:40px; padding:0 0 0 20px; color:#fff; font-weight:bold; font-size:16px;}

#or_pro ul {padding:0;}
#or_pro li {float:left; width:219px; text-align:center; line-height:22px; margin:0 0 20px 20px;}
#or_pro li img {border:1px #ddd solid; width:219px; height:219px; margin-bottom:10px;}

/*应用*/
#application {width:1218px; margin:auto; overflow:hidden; width:expression(document.body.clientWidth <= 1218? "1218px": "auto"); min-width:1218px;}
#application .t {text-align:center; margin:50px 0;}
#application ul {width:1400px;}
#application li {border:1px #eee solid; float:left; width:240px; padding:20px; background:#fff; margin:0 30px 60px 0;}
#application .title {margin:0 0 20px 0;}
#application .explain {line-height:24px; padding:10px 0 0 0;}
#application .more a {margin:10px 0 0 0; background:#444; height:40px; line-height:40px; padding:0 0 0 15px; float:left; color:#fff; font-size:16px;}
#application .more a:hover {background:#222;}
#application .more .more-icon {height:40px; line-height:40px; width:40px; background:url(img/icon.png) 15px -155px no-repeat; padding-left:15px; display:block;float:right;}


/*技术列表*/
#th_list {width:1218px; margin:auto; overflow:hidden; width:expression(document.body.clientWidth <= 1218? "1218px": "auto"); min-width:1218px;}
#th_list ul {padding:0 0 26px 0;}
#th_list li {width:1218px; height:50px; background:#fff; margin:0 0 4px 0;}
#th_list .listname {width:120px; text-align:center; line-height:50px; float:left;}
#th_list .listname a {background:#333; color:#fff; display:block;}
#th_list .title {line-height:50px; float:left; width:1030px; padding:0 0 0 30px;}
#th_list .title a {display:block; float:left;}
#th_list .down {line-height:50px; float:right; background:url(img/down.png) 0 center no-repeat; padding:0 0 0 22px;}

/*新闻列表*/
#news_list {width:1218px; margin:auto; overflow:hidden; width:expression(document.body.clientWidth <= 1218? "1218px": "auto"); min-width:1218px;}
#news_list ul {padding:0;}
#news_list li{float:left; width:1216px; border:1px #eee solid; margin:0 0 20px 0; background:#fff; padding:20px;}
#news_list li img{float:left; margin-right:30px; width:240px; height:160px;}
#news_list .title{font-size:22px; line-height:30px; margin-bottom:10px;}
#news_list .date{line-height:30px;}
#news_list .intro{line-height:22px; width:1170px; padding-top:10px;}

/*新闻内容*/
#news_content {width:1218px; margin:0 auto 60px auto; overflow:hidden; background:#fff; width:expression(document.body.clientWidth <= 1218? "1218px": "auto"); min-width:1218px;}
#news_content .content {margin:40px; line-height:28px; overflow:hidden;}
#news_content h1 {font-size:26px; text-align:center;}
#news_content .info {text-align:center; padding:20px 0;}
#news_content .more a {margin:10px 0 0 0; background:#444; height:40px; line-height:40px; padding:0 0 0 15px; float:left; color:#fff; font-size:16px;}
#news_content .more a:hover {background:#222;}
#news_content .more .more-icon {height:40px; line-height:40px; width:40px; background:url(img/icon.png) 15px -155px no-repeat; padding-left:15px; display:block;float:right;}
#news_content .down {line-height:50px; margin:20px auto 0 auto; width:40px; background:url(img/down.png) 0 center no-repeat; padding:0 0 0 22px;}

/*关于我们*/
#about_content {width:1218px; margin:0 auto 60px auto; overflow:hidden; background:#fff; width:expression(document.body.clientWidth <= 1218? "1218px": "auto"); min-width:1218px;}
#about_banner {height:300px; background:url(img/about_banner.jpg) center center #000 no-repeat; width:100%; width:expression(document.body.clientWidth <= 1218? "1218px": "auto"); min-width:1218px;}
#about_banner .t {text-align:center; font-size:36px; padding-top:120px; text-shadow: 0 0 5px #000;}
#about_content .content {margin:40px; line-height:28px; overflow:hidden;}

/*联系我们*/
#contact_content {width:1218px; margin:0 auto 60px auto; overflow:hidden; background:#fff; width:expression(document.body.clientWidth <= 1218? "1218px": "auto"); min-width:1218px;}
#contact_banner {height:300px; background:url(img/contact_banner.jpg) center center #000 no-repeat; width:100%; width:expression(document.body.clientWidth <= 1218? "1218px": "auto"); min-width:1218px;}
#contact_banner .t {text-align:center; font-size:36px; padding-top:120px; text-shadow: 0 0 5px #000;}
#contact_content .content {margin:40px; line-height:28px; overflow:hidden;}

/*搜索*/
#search {width:1218px; margin:0 auto 60px auto; overflow:hidden; background:#fff; width:expression(document.body.clientWidth <= 1218? "1218px": "auto"); min-width:1218px;}
#search ul {margin:20px 20px 0 20px;}
#search li{float:left; background:#fff; height:80px; padding:0 0 20px 0; margin:0 0 20px 0; border-bottom:1px #eee dashed; width:1178px;}
#search li img{float:left; margin-right:30px; width:80px; height:80px; border:1px #eee solid;}
#search .title{font-size:20px; }
#search .intro{line-height:22px; color:#bbb;}


/*** page style 1
-------------------------------------------------------------- ****/
.pageBox {text-align: center;margin-bottom:20px;}
.pageBox b{margin:0px 8px;}
.pageBox a {border:1px solid #ddd;display:inline-block;margin-right:6px;color: #707070;min-width:34px;height:34px;font:bold 14px/34px arial;padding:0 8px;}
.pageBox a:hover,.pageBox a:active{background:#e60000;color: #FFFFFF;text-decoration: none;}
.pageBox .cur{ background: #e60000;border: 1px solid #e60000;text-decoration: none;}
.pageBox a.cur {color: #fff;}
.pageBox .disabled {min-width: 34px;}
/*** page style 2
-------------------------------------------------------------- ****/
.paging {text-align: center;margin-bottom:20px;}
.paging b{margin:0px 8px;}
.paging a {border:1px solid #ddd;display:inline-block;margin-right:6px;color: #707070;min-width:34px;height:34px;font:bold 14px/34px arial;padding:0 8px;}
.paging a:hover,.paging a:active{background:#e60000;color: #FFFFFF;text-decoration: none;}
.paging .cur { background: #e60000;border: 1px solid #e60000;text-decoration: none;}
.paging a.cur {color: #fff;}
.paging .disabled {min-width: 34px;}