@charset "utf-8";
/* CSS Document */

/*==============全局==============*/
* {margin:0; padding:0; word-break:break-all;}
body {font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#000; line-height:22px; }
a {color: #000;}
a:link {color: #000;text-decoration:none;}
a:visited {color: #000;text-decoration: none;}
a:hover { color:#666;text-decoration: none;}
a:active {color: #000;text-decoration: none;}
ul,li,p{ margin:0; padding:0; list-style-type:none;}
img{ border:0;}
#top{ width:930px; height:102px; margin:0 auto;}
#tel{ width:930px; height:44px; margin:0 auto;}
#tel p{ text-align:right;}
#btmge{ width:930px; height:20px; margin:0 auto; clear:both;}
#btm{ width:920px; height:20px; line-height:20px; background:#ebebeb; color:#575757; margin:0 auto; padding:5px; clear:both;}
#btm a{ color:#575757;}
#btm span{ padding-right:20px;}
.red{ color:#C00;}

#topnav1{ width:930px; height:1px; margin:0 auto; position:relative; z-index:0;}
#navindex{width:930px; height:40px; background:url(../images/navbg_index.jpg) no-repeat; top:25px; left:0; position:absolute; z-index:2;}
#navindex ul{ width:770px; height:40px; float:left;}
#navindex ul li{ width:90px; height:40px; line-height:40px; font-weight:bold; float:left;}
#navindex ul li.home{ width:60px; height:40px; line-height:40px; font-weight:bold; float:left;}
#navindex ul li.zyd{ width:102px; height:40px; line-height:40px; font-weight:bold; float:left;}
#navindex ul li.jm{ width:114px; height:40px; line-height:40px; font-weight:bold; float:left;}
#navindexlogin{ width:150px; height:40px; line-height:40px; color:#FFF; float:left;}
#navindexlogin a{ color:#FFF;}
#navindexlogin a:hover{ color:#FF0;}

#topnav2{ width:930px; height:1px; margin:0 auto; position:relative; z-index:0;}
#navin{ width:930px; height:40px; background:url(../images/navbg_in.jpg) no-repeat; position:absolute; top:25px; left:0; z-index:3;}

#navin ul{ width:650px; height:40px; display:block; float:left;}
#navin ul li{ width:82px; height:40px; line-height:40px; font-weight:bold; text-align:right; float:left;}
#navin ul li.home{ width:40px; height:40px; line-height:40px; font-weight:bold; float:left;}
#navin ul li.zyd{ width:93px; height:40px; line-height:40px; font-weight:bold; float:left;}
#navin ul li.jm{ width:106px; height:40px; line-height:40px; font-weight:bold; float:left;}
#navin ul li.work{ width:72px; height:40px; line-height:40px; font-weight:bold; float:left;}
#navin ul li.workin{ width:70px; height:40px; line-height:40px; font-weight:bold; float:left;}

#navinclass{ width:270px; height:40px; line-height:40px; color:#FFF; padding-left:10px; float:left;}
#navinclass span{ padding:0 2px;} 
#navinclass a{ color:#FFF;}
#navinclass a:hover{ color:#FF0;} 

/*==============首页==============*/
#indexmain{ width:930px; height:500px; margin:0 auto;}
#bannerindex{ width:452px; height:467px; background:url(../images/banner_index.jpg) no-repeat; float:left;}
#wordindex{ width:478px; height:347px; padding-top:120px; text-align:right; float:left;}
#wordindex p{ width:328px; height:30px; text-align:left; padding-left:150px;}
#indexswf{ width:930px; height:150px; margin:0 auto; clear:both;}
/*==============内页==============*/
#main{ width:930px; height:auto!important; min-height:500px; height:500px; margin:0 auto; }
#nr{ width:477px; height:410px; padding-top:90px; float:left;}
#inbanner{ width:453px; height:500px; float:left;}
#weizhi{ width:477px; height:45px; line-height:40px;}
#weizhia{ width:930px; height:40px; line-height:40px;}
#aboutnav{ width:453px; height:40px;}
#aboutnav li{ width:62px; height:30px; padding-right:15px; text-align:center; float:left;}
#aboutnav li span a{ width:62px; height:30px; display:block; color:#C00;}
#aboutnav li span a:hover { width:62px; height:30px; text-align:center;  background:url(../images/icon_3.jpg) no-repeat center bottom #fff;}
#aboutnav li span.curent a { width:62px; height:30px; text-align:center;  background:url(../images/icon_3.jpg) no-repeat center bottom #fff; font-weight:bold;}
#aboutnr{ width:427px; height:325px; padding-right:50px; line-height:25px;}
#aboutnr_ln{ width:427px; height:255px; padding:70px 50px 0 0; line-height:25px;}
#aboutnr_yj{ width:427px; height:315px; padding:20px 50px 0 0; line-height:25px;}
#aboutnr_ts{ width:427px; height:315px; padding:20px 50px 0 0; line-height:25px;}

.shoplista{ width:60px; height:25px; line-height:25px; float:left;}
.shoplista span{ color:#C00;}
.shoplistb{ width:305px; height:25px; line-height:25px; float:left;}
.shoplistb span{ color:#C00;}
.shoplistc{ width:60px; height:25px; line-height:25px; float:left;}
.shoplistc span{ color:#C00;}

.shoplistfy{ width:427px; height:40px; line-height:40px; clear:both;}
#shopview{ width:930px; height:auto!important; min-height:430px; height:430px; padding-top:70px; margin:0 auto;}
#shopviewpic{ width:488px; height:auto!important; min-height:366px; height:366px; float:left;}
#shopviewpicback{ width:488px; height:20px; line-height:20px; float:left;}
#shopviewnr{ width:422px; height:auto; padding-left:20px; float:left;}
#shopviewnr #title{ width:422px; height:auto!important; min-height:16px; height:16px; line-height:16px; font-size:14px; padding-bottom:20px; font-weight:bold;}
.caselista{ width:70px; height:25px; line-height:25px; float:left;}
.caselista span{ color:#C00;}
.caselistb{ width:355px; height:25px; line-height:25px; float:left;}
.caselistb span{ color:#C00;}
#newsnr{ width:477px; height:430px; padding-top:70px; float:left;}
#newsnr_list{ width:427px; height:335px; padding:0 50px 0 0; line-height:25px;}
#newsnr_tit{ width:930px; height:35px; line-height:35px; background:#f5f5f5; font-size:14px; font-weight:bold; text-align:center;}
#newsnr_xx{ width:930px; padding:15px 0;}
#newsnr_back{ width:930px; height:35px; line-height:35px; text-align:center;}
#newsnr_back a{ color:#999;}
#pro{ width:930px; height:auto!important; min-height:530px; height:530px; padding-top:70px; margin:0 auto;}
#productleft{ width:179px; height:370px; float:left; background:#f5f5f5;}
#productleftpic{ width:110px; height:126px; margin:0 auto; padding-top:20px;}
#productleft ul{ width:95px; height:auto; margin:0 auto; display:block; padding-left:15px;}
#productleft ul li{ width:95px; height:50px; line-height:50px; font-size:14px;}
#productleft ul li a{ width:95px; height:50px; display:block;}
#productleft ul li a:hover{background:url(../images/icon_1.jpg) no-repeat 35px 0; color:#000;}
#productleft ul li a.check{background:url(../images/icon_1.jpg) no-repeat 35px 0; color:#000;}
#productleft ul li.long a{ width:95px; height:50px; display:block;}
#productleft ul li.long a:hover{background:url(../images/icon_1.jpg) no-repeat 65px 0; color:#000;}
#productleft ul li.long a.check{background:url(../images/icon_1.jpg) no-repeat 65px 0; color:#000;}
#productleft ul li.long1 a{ width:95px; height:50px; display:block;}
#productleft ul li.long1 a:hover{background:url(../images/icon_1.jpg) no-repeat 60px 0; color:#000;}
#productleft ul li.long1 a.check{background:url(../images/icon_1.jpg) no-repeat 60px 0; color:#000;}
#productright{ width:751px; height:auto; float:left;}
#productright li{ width:340px; height:255px; border:1px #ddd solid; background:#f5f5f5 url(../images/loading.gif) no-repeat center; padding:5px; margin:0 0 23px 23px; display:inline; float:left; overflow:hidden; }
#productright li img{ margin:0 auto; display:block;}
#productright li a.protext { display:none; width:350px; height:25px; line-height:25px; background:#DDD; position:relative; top:-20px; left:-5px; text-align:center; overflow:hidden; filter:alpha(opacity=70); opacity:0.7; color:#000; }
#productright li a.protext:hover { display:block; width:350px; height:25px; line-height:25px; background:#DDD; position:relative; top:-20px; left:-5px; text-align:center; overflow:hidden; filter:alpha(opacity=100); opacity:1; color:#000; }
#productrightfy{ width:728px; height:40px; line-height:40px; padding-left:23px; text-align:center; clear:both;}
#proview {width:703px; height:auto; margin-left:23px; border:1px #ddd solid; background:#f5f5f5; padding:5px; text-align:center; }
#proview img{ margin:0 auto; display:block; }
#productright #title{ width:703px; height:16px; line-height:16px; margin-left:23px; font-size:14px; padding:10px 0; font-weight:bold;}
#productright #js{ width:703px; height:auto; margin-left:23px;}
#productright #back{ width:703px; height:30px; line-height:30px; text-align:center; margin-left:23px;}
#joinnav{ width:453px; height:40px;}
#joinnav li{ width:80px; height:30px; padding-right:15px; text-align:center; float:left;}
#joinnav li span a{ width:80px; height:30px; display:block; color:#C00;}
#joinnav li span a:hover { width:80px; height:30px; text-align:center;  background:url(../images/icon_3.jpg) no-repeat center bottom #fff;}
#joinnav li span.curent a { width:80px; height:30px; text-align:center;  background:url(../images/icon_3.jpg) no-repeat center bottom #fff; font-weight:bold;}
#joinnav li.long1{ width:91px; height:30px; padding-right:15px; text-align:center; float:left;}
#joinnav li.long1 span a{ width:91px; height:30px; display:block; color:#C00;}
#joinnav li.long1 span a:hover { width:91px; height:30px; text-align:center;  background:url(../images/icon_3.jpg) no-repeat center bottom #fff;}
#joinnav li.long1 span.curent a { width:91px; height:30px; text-align:center;  background:url(../images/icon_3.jpg) no-repeat center bottom #fff; font-weight:bold;}
#joinnav li.long2{ width:106px; height:30px; padding-right:15px; text-align:center; float:left;}
#joinnav li.long2 span a{ width:106px; height:30px; display:block; color:#C00;}
#joinnav li.long2 span a:hover { width:106px; height:30px; text-align:center;  background:url(../images/icon_3.jpg) no-repeat center bottom #fff;}
#joinnav li.long2 span.curent a { width:106px; height:30px; text-align:center;  background:url(../images/icon_3.jpg) no-repeat center bottom #fff; font-weight:bold;}
#joinnr{ width:430px; height:325px; padding-right:10px; line-height:25px; overflow-y:auto; overflow-x:hidden;}
#joinnr a{ color:#C00;}
#userpro{ width:728px; padding-left:23px; height:auto; float:left;}
#userprofy{ width:728px; height:40px; line-height:40px;  text-align:center; clear:both;}
#userprolist{ width:728px; height:auto;}
#userprolist li{ width:728px; height:50px; line-height:50px; padding:5px 0; border-bottom:1px #eaeaea solid; display:block;}
#userprolist li p.p1{ width:28px; height:35px; line-height:normal;  padding-top:15px; float:left;}
#userprolist li p.p2{ width:48px; height:48px; line-height:40px; border:1px #CCC solid; background:#f7f7f7; float:left; overflow:hidden; }
#userprolist li p.p2 img{ margin:0 auto; display:block;}
#userprolist li p.p3{ width:300px; height:50px; line-height:50px; padding-left:20px; float:left;}
#userprolist li p.p4{ width:100px; height:50px; line-height:50px; float:left;}
#userprolist li p.p5{ width:100px; height:38px; line-height:50px; line-height:normal;  padding-top:12px;  float:left;}
#userprolist li p.p5 input{ width:50px; height:20px; line-height:20px;}
#userprolist li p.p6{ width:50px; height:50px; line-height:50px; float:left;}
#userprolist li p.p7{ width:100px; height:50px; line-height:50px;  float:left;}
#userprolist li p.p8{ width:130px; height:50px; line-height:50px;  float:left;}