﻿body{ background:url(../image/product_bg.jpg) center 470px no-repeat #FFF;}
body,a,span,p,div,h1,h2,h3,h4,h5,h6,ul,li,ol,from,input,select,dl,dd,dt{padding:0; margin:0;}
html,body{font-family:"Microsoft YaHei","Arial Narrow";  font-size:100%;}

div{font-family:"Microsoft YaHei","Arial Narrow",verdana; font-size:14px;}
a{color:#333;font-size:14px;text-decoration:none;outline:none;}
a:hover{color:#f30;}

.mt10{margin-top:10px;}
.p15{padding:15px;}
.clear{clear:both;}
.jqzoom{text-decoration:none;float:left;z-index:999;}



img,a img{border:none;}
a,img{outline:none;}
img,input,label{vertical-align:middle;}
ul,li,ol{list-style:none;}


a{text-decoration:none;color:#333;}
a:hover{color:#F00; text-decoration:underline;}
a:hover, a:active, a:focus {text-decoration: none;}

.clear{clear:both; height:0px; overflow:hidden;}
.clear:after{ content:".";clear:both; height:0; visibility:hidden;}


/*-------------*   通用    *-------------*/

.none{ display:none;}
.ov{ overflow:hidden;}
.po{ position:relative;}

.lf{float:left;}
.rf{float:right;}

input,button,select,textarea{outline:none;}

.mt10{ margin-top:20px;}
.mr10{ margin-right:20px;}
.mb10{ margin-bottom:20px;}
.ml10{ margin-left:20px;}
.mb5{ margin-bottom:5px;}

/*新加样式*/ 

.nav{ height:52px; background:url(../image/navbg.png) center center repeat-x #187FC4; position:absolute; bottom:5px; width:100%;}
.nav ul,.nav2 ul{ width:960px; margin:0 auto; line-height:52px;}
.nav ul li,.nav2 ul li{ float:left; width:110px; text-align:center; margin-right:10px;}
.nav ul li a,.nav2 ul li a{ font-size:18px; color:#FFF; display:block;
-webkit-transition: all ease-in .2s;
-moz-transition: all ease-in .2s;
-ms-transition: all ease-in .2s;
-o-transition: all ease-in .2s;
transition: all ease-in .2s;}
.nav ul li a:hover,.nav ul li a.ona:hover,.nav2 ul li a:hover,.nav2 ul li a.ona:hover{ background:url(../image/bg_nav.gif) 0 0 no-repeat; height:62px; line-height:62px; margin-top:-5px;}
.nav ul li a.ona,.nav2 ul li a.ona{ background:url(../image/bg_nav.gif) 0 -62px no-repeat; height:62px; line-height:62px; margin-top:-5px;}

.nav2{position:fixed;_position:absolute;top:0px;z-index:999;height:52px;filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#E5187FC4', endColorstr='#E5187FC4');background:rgba(24,127,196,0.9); width:100%;}


.box{margin:0 auto;width:960px; padding:10px;filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#99F7F7F7', endColorstr='#99F7F7F7');background:rgba(247,247,247,0.6);}
.w640{ width:640px;}

.w640 .fous,.w640 #box .fuslist{ width:640px;}
.w640 #box .count li{ height:10px; overflow:hidden; width:1px; text-indent:-9999px;border-radius:0; padding:0 5px;}
.w640 #box .count li.current{background:#f60;width:13px;}

.fous{ width:640px; _width:639px; height:310px;}

.fuslist{position:relative; width:640px; _width:639px;height:310px;overflow:hidden;}
.fuslist ul li img{ width:640px;height:310px;}
/* Warp */

.num{height:20px;position:absolute;bottom:5px;right:5px;list-style-type:none;}
.num li{background: #fdf1d4;color: #e94b5b;border: 1px solid #f27602;width:20px;height:20px;float:left;line-height:20px;text-align:center;font-weight:bold;font-size:12px;margin-left:2px;cursor:pointer;float:left;}
.num li:hover{color:#fff;background:#f27602;}
.num .active{color:#fff;background:#f27602;}

.tit{ padding:8px 0;border-bottom:1px solid #CACDD2;}
.tith3{ border-left:9px solid #F89B00; font-size:16px; padding-left:15px;}
.nr{ font-size:16px; line-height:200%; padding:20px 0; border-top:1px solid #FFF;}
.rf .nr{ font-size:14px;}
.nr p{ text-indent:34px;}
.ss{ overflow:hidden;zoom:1;}
	.ss li{ float:left; margin-right:1.3%; width:24%; height:80px; background:#187FC4; position:relative; border-radius:5px; text-align:center; color:#fff;}
	.ss li:hover{ background:#36F;}
	.ss li h3{ font-size:16px; padding-top:10px}
	.ss li em{ height:34px; line-height:34px; width:34px; background:url(../image/jt.png) center center no-repeat; position:absolute; right:-19px; top:23px; display:block; z-index:10;}
	.text{ line-height:120%; color:#CCC;}

.more{ height:20px; line-height:20px; width:80px; color:#FFF; background:url(../image/more.png) 0 0 no-repeat; display:block; float:right; text-align:center;-webkit-transition: all ease-in .2s;
-moz-transition: all ease-in .2s;
-ms-transition: all ease-in .2s;
-o-transition: all ease-in .2s;
transition: all ease-in .2s;}
.more:hover{ color:#FFF; background-position:0 -20px;}


/*right*/
.w280{ width:280px;}

.baomin{ width:280px; height:100px; display:block; overflow:hidden; text-indent:-999999px; background:url(../image/btnbg.jpg) 0 0 no-repeat;}
.baomin:hover{ background-position:0 -100px;}
.list li{ padding-left:20px;  background:url(../image/05.gif) left 14px no-repeat;}
.list li span{ margin-left:10px; color:#999;}
.nr .ol li{ list-style:decimal; margin-left:25px;}

.hong12,.word{ color:#F00; font-weight:bold; margin:0 5px;}
.login_table_text1_input{ width:90%; line-height:26px; height:26px; margin:0 5%; border:1px solid #C0DEEF;}
td.bb{ border-bottom:2px solid #666;}
td.tb{ border-top:2px solid #666;}
.table td{ line-height:20px; padding:5px 0;}
.table textarea{resize: none;}
.username{ background:#FF9; border:1px solid #F60;width:90%; line-height:26px; height:26px; margin:0 5%; }

/*foot*/

.foot{ border-top:3px solid #187FC4; text-align:center; line-height:200%; padding:20px 0; margin-top:20px; background:#E3E9F2;}

.fx{ width:190px; height:190px; background:url(../image/lfx.gif) center center no-repeat; margin:auto;}
.fx li{ width:95px; float:left; text-align:center; }
.fx li a{ display:block;padding-top:50px; height:45px;}


/*list*/
.list_page{text-align:center;margin:10px;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 #ddd;border-radius:4px;}
.list_page ul a{color:#333;padding:8px 14px;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 #ddd;border-radius:4px;}
.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:4px 0 0 4px;}
.page_group ul li:last-child{border-radius:0 4px 4px 0;}
.page_group ul .active a{background:#f3f3f3;border-radius:0;}

#header,#nav,#banner,#container,#link,#footer,#position{margin:0 auto;width:960px;overflow:hidden;}
#position{line-height:30px;}
#header{height:90px;}
#header .logo{float:left;padding:15px;}
#header .base{float:right;padding:10px 0 0;font-size:14px;color:#cfcfcf;}
#header .base form{margin:10px 0 0 0;clear:both;display:block;text-align:right;}
#header .base form input{vertical-align:middle;font-size:14px;}
#header .base form input[type=text]{border:1px solid #ccc;padding:6px 10px;color:#999;width:180px;}
#header .base form input[type=submit]{border:1px solid #738CBA;background:#738CBA;padding:6px 8px;width:50px;color:#fff;letter-spacing:2px;}

#nav ul{margin:1px 0 0 0;padding:0;list-style:none;}
#nav ul li{float:left;height:41px;overflow:hidden;}
#nav ul li a{color:#fff;line-height:45px;width:110px;display:block;text-align:center;font-size:14px;font-family:宋体;}
#nav ul li a:hover{background:url(../images/bg_nav.gif) no-repeat center top;}
#nav ul .hover a{background:url(../images/bg_nav.gif) no-repeat center top;}
#nav ul dl,#nav ul .hover dl{position:absolute;margin:-4px 0 0 8px;_margin:-4px 0 0 9px;padding:0;background:#F88410;display:none;z-index:999;}
#nav ul dl a,#nav ul .hover dl a{font-size:14px;width:93px;background:#F88410;line-height:30px;height:30px;border-bottom:1px solid #FF9429;font-family:宋体;}
#nav ul dl a:hover,#nav ul .hover dl a:hover{background:#314F9F;color:#fff;border-bottom:1px solid #476DC1;}
#banner,#link,#goodsshow{margin:10px auto;}

.eui_switchable{width:960px;height:268px;position:relative;}
.eui_switchable .sc_container{width:960px;height:268px;position:relative;overflow:hidden;}
.eui_switchable .sc_container ul{width:960px;height:268px;margin:0;padding:0;list-style:none;}
.eui_switchable li{width:960px;height:268px;overflow:hidden;}
.eui_switchable li img{border:0;}
.eui_switchable .sc_index{position:absolute;right:14px;bottom:14px;z-index:3;}
.eui_switchable .sc_index a{float:left;width:10px;height:10px;line-height:10px;margin-left:2px;background:#fff;opacity:0.7;filter:alpha(opacity=70);cursor:pointer;text-indent:-999em;overflow:hidden;}
.eui_switchable .sc_index .current{background-color:#3498f0;opacity:1;filter:alpha(opacity=100);}
.eui_switchable .sc_prev,
.eui_switchable .sc_next{position:absolute;top:50%;margin-top:-29px;display:block;width:40px;height:58px;background:url(../images/arrow.png) no-repeat 0 0;text-indent:-999em;overflow:hidden;opacity:0.5;filter:alpha(opacity=50);border:2px solid #555;}
.eui_switchable .sc_prev{left:10px;}
.eui_switchable .sc_next{right:10px;background-position:-46px 0;}
.eui_switchable .sc_prev:hover,
.eui_switchable .sc_next:hover{opacity:0.8;filter:alpha(opacity=80);}

.left{float:left;width:700px;margin:0 18px 5px 0;box-shadow: 1px 3px 3px rgba(150, 152, 153, 0.3);-moz-box-shadow:1px 3px 3px rgba(150, 152, 153, 0.3); -webkit-box-shadow:1px 3px 3px rgba(150, 152, 153, 0.3);}
.right{float:right;width:240px; margin-right:2px;box-shadow: 1px 3px 3px rgba(150, 152, 153, 0.3);-moz-box-shadow:1px 3px 3px rgba(150, 152, 153, 0.3); -webkit-box-shadow:1px 3px 3px rgba(150, 152, 153, 0.3);}

.pc_header{border:1px solid #CCC;border-top:2px solid #738CBA;background:url(../images/bg_subject.gif);height:35px;line-height:35px;font-size:14px;color:#2C498B;font-weight:bold;padding:0 10px 0 15px;_padding:10px 10px 0 15px;_height:25px;_line-height:25px;}
.pc_header span{float:right;font-size:14px;font-weight:normal;font-family:"微软雅黑";_margin-top:-5px;}
.pc_header img{vertical-align:middle;margin:0 8px 0 0;padding:0;border:0;}
.pc_body{border:1px solid #CCC;border-top:0;font-size:14px;line-height:220%; background:#FFF;}
.pc_body *{font-size:14px;line-height:220%;}
.about,.newslist,.newsshow,.sitemap{padding:20px 25px;}
.newslist ul{margin:0 10px 10px 10px;padding:0;list-style:none;overflow:hidden;}
.newslist ul li{clear:both;line-height:35px;height:35px;border-bottom:1px dashed #ccc;}
.newslist ul li a{font-size:13px;}
.newslist ul li span{float:right;color:#999;font-family:verdana;font-size:14px;line-height:35px;}
.newsshow h1{text-align:center;font-size:16px;font-weight:normal;font-family:microsoft yahei;}
.newsshow .info{text-align:center;color:#999;padding:5px 0;}
.newsshow .content{line-height:24px;}
.newsshow .content p{margin:5px 0;}
.newsshow .content img{max-width:640px;}
.newsshow .pre{margin:10px 0 5px 0;color:#999;}
.newsshow .next{margin:0 0 10px 0;color:#999;}

.topnews{margin:-1px 0 0 0;*margin:0;padding:0;list-style:none;}
.topnews li{line-height:30px;border-bottom:1px dotted #c4c4c4;}
.topnews li span{font-family:宋体;}
.contact{line-height:24px;}
.contact p{margin:0 0 5px 0;*margin:0 0 6px 0;display:block;font-weight:bold;font-size:14px;}

.pro{overflow:hidden;height:150px;}
.pro .arrow_left{float:left;width:40px;background:url(../images/arrow.gif) no-repeat left;height:150px;cursor:pointer;}
.pro .prolist{float:left;width:590px;height:150px;overflow:hidden;}
.pro .prolist ul{margin:0 5px;padding:0;list-style:none;width:2999px;}
.pro .prolist ul li{float:left;width:147px;text-align:center;}
.pro .prolist ul li img{width:120px;height:120px;vertical-align:top}
.pro .prolist ul li div{line-height:30px;height:30px;}
.pro .prolist ul li a img{border:1px solid #ccc;padding:2px;}
.pro .prolist ul li a:hover img{border:1px solid #738CBA;padding:2px;}
.pro .arrow_right{float:left;width:40px;background:url(../images/arrow.gif) no-repeat right;height:150px;cursor:pointer;}

.link img{margin:3px 8px 5px 0;}
.link ul{clear:both;margin:0;padding:0;list-style:none;}
.link ul li{float:left;width:93px;height:25px;overflow:hidden;}

#footer{text-align:center;font-family:verdana;}
#footer div{color:#cfcfcf;padding:10px 0;}

.sitemap .big a{font-size:14px;line-height:40px;font-size:14px;font-weight:bold;}
.sitemap　div{line-height:30px;}

.category{margin:-1px 0 0 0;*margin:0;padding:0;list-style:none;}
.category li{line-height:30px;}
.category li span{font-family:宋体;font-size:14px;margin-right:10px;}
.category .hover{color:#06f;}
.category .hover a{color:#06f;}

.piclist{padding:20px 15px;overflow:hidden;}
.piclist ul{margin:0;padding:0;list-style:none;width:680px;}
.piclist ul li{float:left;width:170px;text-align:center;padding-bottom:10px;}
.piclist ul li img{vertical-align:top}
.piclist ul li div{line-height:30px;height:30px;}
.piclist ul li a img{border:1px solid #ccc;padding:2px;}
.piclist ul li a:hover img{border:1px solid #738CBA;padding:2px;}

#goodsshow{border:1px solid #CCC;background:#fff;padding:10px 30px;overflow:hidden;width:900px;}
#goodsshow img{border:0;}
#goodsshow .left{float:left;width:600px;margin:0 50px 0 0;}
#goodsshow .right{float:left;}
#goodsshow .shop_big{border:1px solid #ededed;padding:2px;background:#fff;width:600px;cursor:pointer;}
#goodsshow .shop_plist{clear:both;width:600px;}
#prolist{width:560px;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(../images/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(../images/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(../images/ico_left.gif) no-repeat center;line-height:68px;margin-top:14px;}
#goodsshow .shop_plist a.next{float:left;width:20px;height:68px;display:block;outline:none;background:url(../images/ico_right.gif) no-repeat center;margin-top:14px;}
#goodsshow .right{width:500px;}
#goodsshow .right h1{font-size:18px;font-family:microsoft yahei;font-weight:normal;margin:0 0 10px 0;padding:0;}
#goodsshow .right .intro{color:#999;min-height:80px;}
#goodsshow .right .sno{border-bottom:1px solid #eee;line-height:35px;}
#goodsshow .right .price{color:#999;line-height:30px;padding:10px 0;}
#goodsshow .right .price span{color:#f60;font-size:16px;}

.job_h1{font-size:14px;line-height:35px;border-bottom:1px solid #eee;margin:10px 0;}