@charset "utf-8";
/* reset */
html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,menu{margin:0;padding:0;}
header,footer,section,article,aside,nav,hgroup,address,figure,figcaption,menu,details{display:block;}
table{border-collapse:collapse;border-spacing:0;}
caption,th{text-align:left;font-weight:normal;}
html,body,fieldset,img,iframe,abbr{border:0;}
i,cite,em,var,address,dfn{font-style:normal;}
[hidefocus],summary{outline:0;}
li{list-style:none;}
h1,h2,h3,h4,h5,h6,small{font-size:100%;}
sup,sub{font-size:83%;}
pre,code,kbd,samp{font-family:inherit;}
q:before,q:after{content:none;}
textarea{overflow:auto;resize:none;}
label,summary{cursor:default;}
a,button{cursor:pointer;}
h1,h2,h3,h4,h5,h6,em,strong,b{font-weight:bold;}
del,ins,u,s,a,a:hover{text-decoration:none;}
body,textarea,input,button,select,keygen,legend{font-family:"Microsoft YaHei"; color:#333;outline:0; font-size:12px;}
a{color:#333;}
a:hover{ color:#c00;}
.fl{ float:left;} .fr{ float:right;} .oh{ overflow:hidden;} .mt10{ margin-top:10px;} .mb10{ margin-bottom:10px;} .pd10{ padding:10px;}
.pt10{ padding-top:10px;} .pb10{ padding-bottom:10px;} #mr0{ margin-right:0px;} #mt0{margin-top:0px;} #mrt0{ margin-right:0px;margin-top:0px;}
.wrap{ width:950px; margin:0px auto;}
.clearfix:after { content:"."; display: block; height: 0; clear: both; visibility: hidden;}
/* Hides from IE-mac \*/
 *html .clearfix {height: 1%;}
/* End hide from IE-mac */
.clear{ clear:both;}
.prv{ position:relative;}
.pd30{ padding:30px;}
.red{ color: #c00; }
body{ background: #fcfcfc url(../images/hbg.jpg) repeat-x; }

/*header*/
header{ overflow: hidden;}
.topnav{ margin-top: 15px; }
.topnav i{ padding: 0 5px; color: #999; }
.topnav a{ color: #666; }
.topnav a.en{ background: #c00; color: #fff; padding: 0 5px; }
.topnav a.en:hover{ background: #d90f18; }

.search{ overflow: hidden; margin-top: 25px; }
.search-box{ background: #666; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; width: 155px; float: right; padding: 3px 5px 3px 10px;}
.sea-txt{ background: none; border:1px solid #666; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; color: #999; }
.sea-btn{ cursor:pointer; background: url(../images/search.jpg) no-repeat; border:1px solid #666; width: 16px; height: 16px; }

.nav{ height: 48px; background: url(../images/navbg.jpg) no-repeat; }
.nav-menu ul li{ float: left; width: 14.28%; background: url(../images/navline.jpg) left center no-repeat;}
.nav-menu a{ display: inline-block; float: left; height: 48px; text-align: center; line-height: 47px; color: #fff; font-size: 18px; width: 100%; margin:0; font-family:"Times New Roman"; }
.nav-menu a:hover ,.nav-menu a.current{ background: #c00; }

/*slider*/
.indexPicBox{ width:950px; height:275px;margin:10px auto;}
.hotPic{ width:950px; height:275px; position:relative; overflow:hidden;}
.hotPic .num{ position:absolute;right:0; bottom:0; z-index:10;width:950px; padding-right:8px; height:30px; text-align:right;}
.hotPic .num span{ width:20px; height:20px; display:inline-block; line-height:20px; font-size:14px; text-align:center; margin:5px 2px 0; cursor:pointer; background:#222; color:#fff;}
.hotPic .num span.cur{ background:#54BFFF;color:#fff;}
.hotPic .pic{ position:relative; z-index:5;}
.hotPic .pic li{ position:absolute; display:none;}
.hotPic .pic li img{ width:950px; height:275px; display:block;}

.hotPic .text{position:absolute;bottom:0; left:10px; z-index:12; width:520px;height:30px; line-height:30px; overflow:hidden;font-family:Microsoft YaHei;}
.hotPic .text p{ position:absolute; display:none; color:#fff; font-weight:800; font-size:15px;}


/*main*/
.main{ width: 735px; }
.product{ width: 185px; padding: 15px 15px 10px 15px; border:1px solid #ddd; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; box-shadow: 1px 3px 5px #cfcfcf;}
.protit{ height: 38px; line-height: 35px; background: url(../images/protitle.jpg) no-repeat; font-size: 14px; text-indent: 10px;}
.product ul{ padding: 5px 10px 0 10px; }
.product ul li{ height: 25px; line-height: 25px; }
.product ul li a{ display: inline-block; text-overflow: ellipsis; overflow: hidden; width: 170px; white-space: nowrap; }
.bottoms{ width: 195px; }

.news{ overflow: hidden; margin-top: 20px; }
.news-title{ font-size: 14px; border-bottom:2px solid #585858; height: 30px; line-height: 30px; color: #000; }
.news-title span{ font-size: 12px; color: #999; }

.news-lists { padding-top: 15px; }
.news-lists li{ height: 23px; line-height: 23px; overflow: hidden; margin: 10px 0; }
.news-lists li em{ background: #eaeaea url(../images/nli.jpg) no-repeat 5px center; display: inline-block; padding: 2px 10px 2px 18px; font-weight: 400; height: 20px; line-height: 20px; margin-right: 15px;}
.news-lists li span.date{ color: #999; }

.side{ width: 185px; }
.iso img{ border:1px solid #ddd; }
.iso{ line-height: 22px; margin-bottom: 15px;}

#client_scroll{width:185px;height:175px;overflow:hidden; margin-top: 15px;}
#client_scroll div{width:100%;height:78px; margin-bottom: 10px; font-weight:normal;}
#client_scroll div .img{width:183px;height:78px;}
#client_scroll div .img img{width:183px;height:78px; border:1px solid #ddd;}

.links{ background: #fff; border:1px solid #ddd; margin-top: 30px; padding: 5px 10px; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px;}
.links a{ color: #999; margin-left: 10px; }

footer{  margin-top: 20px; }
.foot{ border-top: 1px solid #ddd; padding-top: 20px;}
.ft-right{ height: 30px; line-height: 30px; }
.ft-left{ height: 30px; line-height: 30px; width: 414px;}

/*submain*/
.submain{ overflow: hidden; }

.banner img{ width: 100%; margin:10px 0;}

/*position*/
.position{ text-transform : uppercase; background:url(../images/ico_home.png) no-repeat left center; padding:12px 0 12px 25px; color: #999;}
.position a{ color: #666; text-transform : uppercase }

/*left*/
.sub-left{ width: 195px; overflow: hidden;}
.left-title{ background: url(../images/navbg.jpg) no-repeat center; height: 38px; line-height: 38px; font-size: 16px; color: #fff; padding-left: 15px;}
.left-cols,.left-news{ border:1px solid #ddd; border-top: none; padding: 5px 15px; }
.left-cols li a{ display:inline-block;line-height: 22px; font-size: 14px; border-bottom:1px dashed #ddd;background: url(../images/aboutd2.png) no-repeat left 15px; padding: 5px 0 5px 20px; }
.left-cols li a:hover,.leftcur{background: url(../images/aboutd3.png) no-repeat left 15px; color: #c00; }

.left-news li a{ display: inline-block; width: 100%; height: 25px; line-height: 25px; border-bottom: 1px dashed #ddd; background: url(../images/nli.jpg) no-repeat left center; text-indent: 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }


/*right*/
.sub-right{ width: 700px; padding:5px 20px; overflow: hidden; border:1px solid #ddd; border-top:2px solid #585858; }
.typename{ font-size: 18px; height: 40px; line-height: 40px;}
.menus{ border-bottom: 1px solid #666; margin-bottom: 15px; }

.content-box{ overflow: hidden;}
.single-wrapper{ width: 1000px; margin:0 auto 30px auto; }
.shop-wrapper{ width: 1160px; margin:0 auto 45px auto; overflow:hidden;}
.content{  min-height: 450px; line-height: 30px; font-size: 15px;}


/*porduct lists*/
.goods-list,.goods-list ul{ overflow: hidden; padding-top: 10px;}
.goods-list ul li{ float: left; width: 220px; margin-bottom: 15px; margin-right: 20px;}
.goods-list ul li a{ display: inline-block;color: #333; transition: all .3s ease-in 0s;}
.goods-list ul li a:hover{ color: #c00; }
.goods-list ul li img{ width: 220px; height: 175px; }
.goods-list ul li h2{ font-size: 15px; font-weight: 400; height: 40px; line-height: 40px; text-align: center; overflow:hidden; text-overflow: ellipsis; white-space:nowrap;}

/*customer lists*/
.customer-list,.customer-list ul{ overflow: hidden; padding-top: 10px;}
.customer-list ul li{ float: left; width: 220px; margin-bottom: 15px; margin-right: 20px;}
.customer-list ul li a{ display: inline-block;color: #333; transition: all .3s ease-in 0s;}
.customer-list ul li a:hover{ color: #c00; }
.customer-list ul li img{ width: 220px; height: 94px; }
.customer-list ul li h2{ font-size: 15px; font-weight: 400; height: 40px; line-height: 40px; text-align: center; overflow:hidden; text-overflow: ellipsis; white-space:nowrap;}

/*product info*/
.goods-info{ overflow: hidden;}

.box{width:620px; }
.left-pro{width:522px; padding:20px 10px;text-align:left;float:left;border:1px solid #eee;}
.left-pro .t1{width:100px;float:right;}
.left-pro .t2{width:405px;text-indent:0;float:left;padding-left:10px}
.left-pro .t2 img{text-indent:0; border:1px solid #eee;}
#showArea img{cursor:pointer;display:block;margin-bottom:5px;width:68px;padding:1px;border:1px solid #ccc;height:62px;float:left}
#main_img{cursor:pointer;display:block}
#gotop{cursor:pointer;display:block;margin-left:9px}
#gobottom{cursor:pointer;display:block;margin-left:9px}
#showArea{height:321px;margin:10px;overflow:hidden}

/* CSS class for zoomed area */
.MagicZoomBigImageCont{border:1px solid #ddd;overflow:hidden; width: 450px;}
.MagicZoomBigImageCont img{width:800px;height:636px;}
.MagicZoomBigImageCont iframe{width:470px;height:300px}
.MagicZoomHeader{font:10px Tahoma, Verdana, Arial, sans-serif;color:#fff;background:#91b817;text-align:center !important}
.MagicZoomPup{border:1px solid #aaa;background:#fff;cursor:hand;left:0}
.MagicZoomLoading{text-align:center;background:#fff;color:#444;opacity:0.8;padding:3px 3px 3px 3px !important;display:none}
.MagicZoomLoading img{padding-top:3px !important}
.MagicThumb{cursor:url(cursor/zoomin.cur), pointer;outline:none}
.MagicThumb-zoomed{cursor:default}
.MagicThumb span{display:none}
.MagicThumb-image{border:1px solid #ccc;outline:none}
.MagicThumb-image-zoomed{cursor:url(cursor/zoomout.cur), pointer}
.MagicThumb-caption{color:#333333;background-color:#F0F0F0;border:1px solid #CCC;border-top:none;font-family:Verdana, Helvetica;font-size:11px;padding:8px 16px}
.MagicThumb-controlbar{display:block;height:18px}
.MagicThumb-controlbar a{display:block;width:180px;height:180px;margin:0px 1px;outline:none;float:left;overflow:hidden}
.MagicThumb-controlbar a span{display:block;width:1000px;height:1000px;background:transparent url(graphics/controlbar.png) no-repeat 0 0;outline:none;position:absolute;left:0px;top:0px}
.MagicThumb-loading{border:1px solid #000;background:#fff url(graphics/loader.gif) no-repeat 2px 50%;padding:2px 2px 2px 22px;margin:0;text-decoration:none;text-align:left;font-size:8pt;font-family:sans-serif;}


/*pages menu*/
.page-menus{ overflow: hidden; margin-bottom: 30px; }
.page-menus ul li{ float: left; }
.page-menus ul li a{ display: inline-block; padding: 8px 20px; font-size: 15px; border:1px solid #ddd; margin-right: 15px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
.page-menus ul li a.leftcur{ background: #2c2c2c; color: #fff; border:1px solid #2c2c2c; }

.goods-txt{ width: 350px; }
.goods-txt h1{ font-size: 25px; font-weight: 400; border-bottom: 1px solid #eee; padding-bottom: 20px; line-height: 35px; margin-bottom: 30px; }

.param{ height: 30px; line-height: 30px; font-size: 15px;}

/*detail*/
.detail-title{ font-size: 20px; background: #eee; margin-top: 30px;  }
.detail-title span{ display: inline-block; background: #007ebf; padding: 5px 20px 8px 20px; color: #fff; }
.detail-body{ font-size: 14px; line-height: 25px; margin-top: 20px; }

/*related list*/
.related{ overflow: hidden; padding-top: 50px;}
.relat-title{ font-size: 25px; margin-bottom: 30px; padding-top: 20px; border-top: 1px solid #eee;}
.relat-list{ overflow: hidden;}
.relat-list li{ float: left; width: 160px; margin-right: 40px;}
.relat-list li img{ width: 160px; height: 206px; }
.relat-list li h2{ font-size: 14px; line-height: 22px; font-weight: 400; margin-top: 10px; }

/*lists*/

/*left contact*/
.left-contact{ background: #f8f8f8; border-top: 3px solid #305eab; margin-top: 20px;}
.left-contact .tit{ font-size: 20px; padding: 10px 0; text-indent: 25px;}
.cur{ background: #305eab; }
.contact{ background: #fcfcfc; border-top:1px solid #eee; }
.contact ul li{ background-image: url(../images/ico_inscontact.png); background-repeat: no-repeat; padding: 15px 15px 15px 65px; border-bottom: 1px solid #f6f6f6; font-size: 13px;}
.contact ul li.ad{ background-position: 25px 18px; }
.contact ul li.em{ background-position: 25px -61px;}
.contact ul li.ca{ background-position: 25px -119px; }

/*article list*/
.article-list{ overflow: hidden; margin-top: 20px; }
.article-list ul li{ border-bottom :1px dashed #ddd; padding-bottom: 15px; margin-bottom: 15px; overflow: hidden;}
.article-list ul li img{ width: 175px; height: 130px; float: left;}
.art-txt { width: 510px; }
.art-txt h2{ font-size: 18px; font-weight: 400; }
.art-txt em { color: #666; margin-top: 5px; display: inline-block;}
.art-txt p{ line-height: 24px; font-size: 12px; color: #999; }
.art-txt span{ display: inline-block; border:1px solid #ddd; padding: 5px 20px; margin-top: 5px; }

/*article show*/
.article{ width: 100% !important; }
.article-title{ font-size: 20px; color: #666; text-align: center; margin-top: 30px;}
.article-info{ border-bottom:1px solid #f0efef; color: #999; font-size: 12px; height: 35px; line-height: 35px; padding-bottom: 15px; margin-bottom: 20px; text-align: center;}
.article-info i{ display: inline-block; margin-right: 15px; }
.article-side{ overflow: hidden; font-size: 14px; margin-top: 20px; border-top: 1px solid #f0efef; padding-top: 20px;}
.article-share{ border:1px solid #eee; background: #f9f9f9; overflow: hidden; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; padding: 10px; margin-top: 30px; font-size: 15px;}


/*share*/
.bdshare-button-style0-24 a{width:24px;height:24px !important; line-height: 24px; display:inline-block;margin-right:5px;background:#fff url(../images/share.png);cursor:pointer;margin-bottom:-8px;opacity:.8;position:relative;top:-1px; border:1px solid #fff; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px;}

.bdshare-button-style0-24 a:hover{opacity: 1}
.bdshare-button-style0-24 a.bds_tsina{background-position: 0 0 !important;}
.bdshare-button-style0-24 a.bds_weixin{background-position: 0 -32px !important;}
.bdshare-button-style0-24 a.bds_qzone{background-position: 0 -65px !important;}
.bdshare-button-style0-24 a.bds_sqq{background-position: 0 -98px !important; }
.bdshare-button-style0-24 a.bds_renren{background-position: 0 -131px !important;}
.bdshare-button-style0-24 a.bds_tqq{background-position: 0 -163px !important;}
.bdshare-button-style0-24 a.bds_douban{background-position: 0 -196px !important;}
.bdshare-button-style0-24 a.bds_fbook{background-position: 0 -226px !important;}

.bds_count { border-left: solid 1px #DDD; padding: 0 12px 0 12px; margin-left: 5px }