@charset "utf-8";
/*初始化*/
* { margin: 0; padding: 0; }
*html { background-image: url(about:blank); background-attachment: fixed; }/*解决IE6下滚动抖动的问题*/
body, ul, ol, li, h1, h2, h3, h4, h5, h6, dl, dt, dd, strong, span, form, b, p, i, th, td, pre, input, button, textarea, hr { margin: 0; padding: 0; }
body { line-height: 180%; font-size: 12px; font-family: "微软雅黑", "宋体", sans-serif; text-align: left; color: #1A1A1A; background: #F5F7FA; }
ul, ol, li { list-style: none; }
h1, h2, h3, h4, h5, h6 { }
.clear { clear: both; height: 10px; overflow: hidden; }
img { border: 0px; }
a { color: #1A1A1A; text-decoration: none; }
a:hover { color: #008CD6; text-decoration: none; cursor: pointer; }
.fl { float: left; }
.fr { float: right; }
/*页面结构*/
.topbar { height: 100px; width: 100%; z-index: 99999999999; position: fixed; margin: 0px auto; background: #EAEDF4; filter: Alpha(opacity=99); -moz-opacity: 0.99; opacity: 0.99; left: 0px; top: 0px; }
.head { width: 1170px; margin: 0px auto; overflow: hidden; padding: 5px 10px; }
.logo { float: left; width: 210px; height: 70px; padding: 5px 0px; display: inline; overflow: hidden; }
.head_r { float: right; height: 100px; overflow: hidden; width: 770px; }
.search, .siteinfo { float: left; overflow: hidden; height: 25px; line-height: 25px; padding-top: 5px; }/*搜索*/
.siteinfo { float: right; text-align: right; }
.siteinfo a { display: inline; margin: 0px 5px; }
.tel { float: left; padding-right: 5px; line-height: 25px; }
.input { float: left; color: #CDCDCD; padding: 1px 5px; width: 145px; height: 20px; overflow: hidden; list-style: none; border: 0px; line-height: 20px; border: 1px solid #008CD6; }/*搜索框*/
.bottom { float: left; display: inline; width: 50px; height: 24px; text-align: center; line-height: 24px; list-style: none; border: 0px; cursor: pointer; background: #008CD6; color: #fff; margin-right: 30px; }/*搜索按钮*/
/*search topbar end*/
.nav { float: right; height: 33px; display: inline; width: 770px; padding-top: 15px; }
.nav li { float: left; display: inline; line-height: 33px; text-align: center; width: 103px; height: 33px; }
.nav li.navline { float: left; display: inline; margin: 9px 0px; text-align: center; width: 7px; height: 15px; background: url(navline.jpg) no-repeat 0px 0px; }
.nav li a { color: #008CD6; font-size: 15px; display: block; font-weight: bold; }
.nav li.cur { background: url(nav.jpg) no-repeat; }
.nav li.cur a { color: #fff; }
/*nav end*/
.wrapper { margin: 0px auto; overflow: hidden; width: 1190px; }/*页面外围控制整体布局宽度*/
.focus { position: relative; width: 1190px; height: 558px; overflow: hidden; }
.focus .pic { position: relative; z-index: 0; }
.focus .pic img { width: 1190px; height: 558px; display: block; }
.focus .hd { width: 100%; position: absolute; bottom: 10px; text-align: center; font-size: 0; z-index: 1; }
.focus .hd li { margin: 0 5px; background: url(bottom.png) no-repeat 0 -16px; height: 16px; overflow: hidden; width: 16px; cursor: pointer; display: inline-block; *display:inline;
zoom: 1; _background: url(bottom.png) no-repeat 0 -16px; }
.focus .hd .on { background-position: 0 0; }
.focus .prev, .focus .next { width: 60px; height: 90px; margin: -60px 0 0; display: none; background: url(pre.png) no-repeat 0 0; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; filter: alpha(opacity=20); opacity: 0.2; }
.focus .prev { left: 0; }
.focus .next { background-position: 0 -90px; right: 0; }
.focus .prev:hover, .focus .next:hover { filter: alpha(opacity=50) !important; opacity: 0.5 !important; }
/*focus end*/
.main { margin: 0px auto; overflow: hidden; }/*页面主体*/
.titlebox { width: 100%; overflow: hidden; border-bottom: 1px solid #F0F0F0; }/*通用标题区域*/
.titlename { float: left; font-weight: normal; font-size: 14px; overflow: hidden; }/*通用块标题*/
.titlename strong { float: left; font-size: 16px; line-height: 35px; color: #008CD6; font-weight: normal; height: 35px; display: inline; }
.titlename strong a { text-decoration: none; color: #008CD6; }
.titlebox ul { float: left; overflow: hidden; padding-bottom: 5px; }
.titlebox ul li, .titlebox ul li.on { float: left; margin: 5px 15px; margin-left: 0px; padding: 2px 15px; display: inline; text-align: center; height: 25px; line-height: 25px; overflow: hidden; background: #F5F7FA; font-size: 14px; }
.titlebox ul li a { color: #008CD6; }
.titlebox ul li.on, .titlebox ul li:hover { background: #008CD6; }
.titlebox ul li.on a, .titlebox ul li:hover a { color: #fff; }
.titlemore { float: right; line-height: 35px; }/*首页more*/
.titlemore a { cursor: pointer; }
.indexpro { float: left; display: inline; overflow: hidden; background: #fff; padding: 10px; }/*边导航区域*/
.indexprolist { margin: 0px auto; overflow: hidden; }
.indexprolist li { float: left; display: inline; width: 360px; overflow: hidden; height: 505px; padding: 10px; margin: 10px 5px; }
.indexprolist li .index_pic { float: left; width: 360px; height: 380px; overflow: hidden; text-align: center; vertical-align: middle; }
.indexprolist li .index_pic  img{width: 360px; height: 380px;}
.indexprolist li .index_picname { float: left; width: 360px; line-height: 50px; text-align: left; overflow: hidden; font-size: 14px; height: 50px; }
.indexprolist li .index_pictxt { float: left; width: 360px; line-height: 25px; height: 75px; text-align: left; overflow: hidden; color: #999; }
.indexprolist li:hover { background: #F5F7FA; display: block; cursor: pointer; }
.indexprolist li:hover .index_picname a { color: #008CD6; }
/*main end*/
.footer { margin: 0px auto; overflow: hidden; padding: 10px; line-height: 25px; text-align: center; background: #1A1A1A; color: #fff; }/*页尾*/
/*footer end*/
.siderbar, .main_r { float: left; display: inline; overflow: hidden; width: 280px; background: #fff; -moz-border-radius: 6px; /* Gecko browsers */ -webkit-border-radius: 6px;/* Webkit browsers */ border-radius: 6px; /* W3C syntax */ padding: 5px 10px; }/*边导航区域*/
.siderbar { min-height: 200px; }
.main_r { float: right; width: 950px; min-height: 600px; }/*内页右边区域*/
.sidernav { float: left; width: 280px; overflow: hidden; }/*边导航*/
.sidernav ul { overflow: hidden; margin: 0px 10px; }
.sidernav ul li { float: left; width: 260px; height: 30px; line-height: 30px; text-align: left; overflow: hidden; display: block; border-bottom: 1px dotted #F0F0F0; padding: 10px 0px; font-size: 14px; }
.sidernav ul li a.hover { color: #008CD6; }
/*siderbar end*/
.pagebox, .listbox, .pageno, .viewbox, .prebox, .showlist, .shopbox, .sitemapbox, .contactbox { margin: 0px auto; padding: 10px 0px; overflow: hidden; }/*内容区域*/
.pagebox { line-height: 35px; text-align: justify; text-justify: inter-ideograph; font-size: 13px; }/*单页*/
.listbox li { float: left; display: block; border-bottom: 1px dotted #F0F0F0; padding: 15px 0px; height: 80px; }/*新闻列表*/
.listbox li .new_time { float: left; width: 80px; padding: 10px; text-align: center; line-height: 30px; overflow: hidden; height: 60px; background: #F5F7FA; color: #999; font-size: 13px; display: inline; }
.listbox li .new_title { float: right; width: 850px; height: 30px; line-height: 30px; text-align: left; overflow: hidden; font-size: 16px; font-weight: normal; }
.listbox li .new_info { float: right; width: 850px; text-align: left; height: 40px; line-height: 20px; overflow: hidden; color: #999; text-indent: 24px; }
.listbox li .new_info a { color: #008CD6; }
/*新闻列表 end*/
.showlist li { float: left; display: inline; border: 1px dotted #F0F0F0; padding: 15px 10px; height: 380px; margin: 10px 0px; position: relative; }
.showlist li .showlist_pic { float: left; width: 360px; height: 380px; overflow: hidden; text-align: center; vertical-align: middle; margin-right: 10px; display: inline; }
.showlist li .showlist_pic img{ width: 360px; height: 380px;}
.showlist li .showlist_picname { float: left; width: 520px; line-height: 50px; text-align: left; overflow: hidden; font-size: 18px; height: 50px; }
.showlist_picname a { color: #008CD6; }
.showlist li .showlist_pictxt { float: left; width: 520px; line-height: 25px; text-align: left; overflow: hidden; color: #999; font-size: 13px; }
.showlist li:hover { background: #F5F7FA; display: block; cursor: pointer; }
.showlist li .showlist_pictxt a, .showlist li:hover .showlist_picname a { color: #008CD6; }
.showlist li .showlist_xinhao { position: absolute; right: 0px; top: 0px; height: 70px; width: 40px; background: url(sanjiao.gif) no-repeat; padding-left: 40px; font-size: 14px; color: #fff; padding-top: 10px; }
/*产品列表 end*/
.pageno { text-align: center; }/*翻页*/
.pageno li { display: inline; }
.pageno li a { border: 1px solid #F0F0F0; padding: 5px 10px; margin: 0px 5px; display: inline; text-align: center; text-decoration: none; display: inline; font-size: 13px; }
.pageno li:hover a { border: 1px solid #008CD6; background: #008CD6; padding: 5px 10px; margin: 0px 5px; text-decoration: none; display: inline; font-size: 13px; text-align: center; color: #fff; cursor: pointer; }
.pageno li:hover a, .pageno li.thisclass a { color: #fff; }
.pageno li.thisclass { border: 1px solid #008CD6; padding: 5px 10px; margin: 0px 5px; display: inline; text-align: center; text-decoration: none; background: #008CD6; color: #fff; }
.pageno li.disabled { border: 1px solid #F0F0F0; padding: 5px 10px; margin: 0px 5px; display: inline; text-align: center; text-decoration: none; }
/*翻页 end*/
.viewtitle { margin: 0px auto; font-size: 22px; font-weight: normal; color: #008CD6; text-align: left; line-height: 30px; padding: 10px 0px; }/*标题*/
.viewmsg { margin: 0px auto; line-height: 30px; border-top: 1px dotted #F0F0F0; text-align: left; color: #999px; }/*时间、来源等信息*/
.viewother { margin: 0px auto; line-height: 30px; text-align: left; overflow: hidden; font-size: 15px; color: #027EBA; }/*描述*/
.viewpic { margin: 0px auto; text-align: center; overflow: hidden; padding-bottom: 5px; }/*图片展示*/
.viewbody { margin: 0px auto; line-height: 35px; font-size: 13px; text-align: justify; text-justify: inter-ideograph; }
/*内容*/
.prebox { border-top: 1px dotted #F0F0F0; display: block; padding-top: 10px; }
.prebox li { margin: 0px auto; line-height: 30px; font-size: 13px; color: #008CD6; }
/*上下篇文章*/
.shopbox { }/*商品详细页*/
.showpicbox { float: left; display: inline; position: relative; border: 1px solid #F0F0F0; padding: 4px; overflow: hidden; width: 350px; }
.showpicbox .bigImg { height: 350px; position: relative; }
.showpicbox .bigImg li img { display: block; vertical-align: middle; width: 350px; height: 350px; }
.showpicbox .smallScroll { height: 47px; margin: 10px 0px; }
.showpicbox .sPrev, .showpicbox .sNext { float: left; display: block; width: 10px; height: 45px; text-indent: -9999px; background: url(pre.jpg) no-repeat; }
.showpicbox .sNext { background: url(next.jpg) no-repeat; }
.showpicbox .smallImg { float: left; display: inline; width: 330px; overflow: hidden; }
.showpicbox .smallImg ul { height: 54px; width: 9999px; overflow: hidden; }
.showpicbox .smallImg li { float: left; padding: 0px 5px; width: 56px; cursor: pointer; display: inline; }
.showpicbox .smallImg img { border: 1px solid #F0F0F0; width: 54px; height: 45px; }
.showpicbox .smallImg .on img { border-color: #008CD6; }
.showpicbox .pageState { position: absolute; }
.showpicbox .pageState span { color: #f00; font-size: 16px; }
/*商品图片切换 end*/
.shopinfo { float: right; width: 800px; overflow: hidden; }
.shopinfo .shopname { float: left; width:800px; line-height: 30px; text-align: left; overflow: hidden; font-size: 22px; color: #008CD6; font-weight: normal; }
.shopinfo .shopmsg { float: left; width: 800px; height: 30px; line-height: 30px; color: #EABD42; font-size: 16px; text-align: left; border-bottom: 1px dotted #F0F0F0; padding-bottom: 5px; }
.shopinfo .shopjiage { float: left; width: 800px; overflow: hidden; padding: 5px 0px; }
.shopjiage li { float: left; width: 275px; line-height: 35px; text-align: left; overflow: hidden; height: 35px; }
.shopinfo .tixinbox { float: left; width: 790px; overflow: hidden; padding: 10px 5px; background: #F5F7FA; line-height: 25px; text-align: left; }
.shopinfo .shoptuijian { float: left; width: 290px; overflow: hidden; padding: 5px 0px; }
.shoptuijian li { float: left; width: 280px; height: 25px; line-height: 25px; text-align: left; overflow: hidden; padding-left: 10px; background: url(dot.png) no-repeat left center; color: #027EBA; font-size: 13px; }
/*商品详细信息*/
.shopbody { margin: 0px auto; overflow: hidden; }
.shopbody .tab-hd { border: 1px solid #F0F0F0; margin: 0px auto; height: 35px; background: #F5F7FA; text-align: center; }
.shopbody .tab-hd ul { margin: 0px auto; text-align: center; overflow: hidden; }
.shopbody .tab-hd li { display: inline; cursor: pointer; padding: 0 10px; height: 35px; line-height: 35px; font-size: 15px; }
.shopbody .tab-hd .buyurl { float:right; line-height:35px; background:url(buyurl.jpg) no-repeat left center; padding-left:30px; font-size:13px; padding-right:10px;}
.shopbody .tab-hd .buyurl a {color: #008CD6;}
.shopbody .tab-hd li a { display: block; }
.shopbody .tab-hd li a:hover { color: #008CD6; text-decoration: underline; }
.shopbody .tab-hd li.on { color: #008CD6; }
.shopbody .tab-bd { margin: 0px auto; overflow: hidden; background: #fff; padding: 5px 10px; line-height: 30px; text-align: justify; text-justify: inter-ideograph; font-size: 13px; border: 1px solid #F0F0F0; border-top: 0px; }
/*商品内容*/
.linkbox { float: left; width: 750px; overflow: hidden; }
.linkbox h3 { float: left; width: 740px; padding-left: 10px; overflow: hidden; height: 30px; line-height: 30px; text-align: left; font-size: 15px; border-bottom: 1px dotted #D8D8D8; padding-bottom: 10px; margin-bottom: 10px; display: block; font-weight: normal; }
.linkbox h3 a { color: #027EBA; }
.linkbox ul.f6 { float: left; width: 740x; overflow: hidden; }
.linkbox ul.f6 li { float: left; width: 120px; height: 30px; line-height: 30px; text-align: center; margin: 5px 14px; display: inline; overflow: hidden; }
.linkbox ul.f6 li a { background: #027EBA; display: block; color: #fff; font-size: 13px; }
/*sitemap end*/
.contactbody, .messageform { margin: 0px auto; padding: 10px; overflow: hidden; }
.messageform p { float: left; width: 920px; text-align: left; overflow: hidden; margin: 3px; line-height: 30px; display: block; position: relative; min-height: 30px; font-size: 13px; }
.messageform p label { float: left; width: 100px; display: inline; height: 30px; line-height: 30px; text-align: left; overflow: hidden; }
.messageform p input, .messageform p select { float: left; display: inline; margin: 3px 5px; border: 1px solid #F0F0F0; padding: 0px 5px; height: 22px; text-align: left; overflow: hidden; line-height: 22px; width: 250px; }
.messageform p select { width: 60px; margin: 2px 5px; border: 1px dotted #B5B5B5; height: 24px; text-align: left; overflow: hidden; line-height: 24px; }
.messageform p textarea { float: left; width: 700px; height: 250px; line-height: 25px; text-align: left; display: inline; margin: 0px 5px; border: 1px solid #F0F0F0; padding: 0px 5px; }
.messageform p b { float: left; height: 30px; line-height: 30px; color: #038DD6; font-weight: normal; }
.messageform p span { float: left; height: 30px; line-height: 30px; display: inline; margin-right: 10px; }
.messageform p img { margin-left: 10px; padding-top: 5px; }
.messageform .anniu { text-align: center; background: #038DD6; color: #fff; padding: 0px 10px; border: 0px; cursor: pointer; height: 25px; line-height: 25px; width: 80px; }
/*contact message end*/
.fl { float: left; }
.fr { float: right; }
.padding_top { padding-top: 110px; }
.width_980 { width: 980px; }
.padding { background: #fff; -moz-border-radius: 6px; /* Gecko browsers */ -webkit-border-radius: 6px;/* Webkit browsers */ border-radius: 6px; /* W3C syntax */ padding: 5px 10px; }
.boder_bt { border-bottom: 3px solid #008CD6; }
.bgcolor { background: #008CD6; color: #fff; padding: 5px 10px; }
.boder { border: 1px solid #008CD6; border-top: 0px; }
/*reset style end*/