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

body{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#313131; line-height:29px; background:url(bj.jpg) repeat-x top #ffffff;}

a{ font-family:Arial, Helvetica, sans-serif; color:#313131; font-size:12px; line-height:29px;}

a:hover { font-family:Arial, Helvetica, sans-serif; color:#0e2656; font-size:12px; line-height:29px; text-decoration:underline; }

.clear_cs{height:0px;font-size:0px; line-height:0px;clear:both;over-flow:hidden;}


.pr13{ padding-right:13px;}
.mt10{ margin-top:10px;}

#main{ width:982px; height:auto; margin:0 auto; position:relative; }
/***************header css********************/

.logo{ height:132px;}


.menu{ height:37px; margin:0 auto;  background:url(menu.jpg) no-repeat; padding:0px 0px 0px 30px; }
.menu ul li{float:left; text-align:center; padding:0px 24px 0px 22px; background:url(menu_lin.jpg) top right no-repeat;}
.menu ul li a{ line-height:37px;color:#022664; font-size:13px; font-weight:bold;}
.menu ul li a:hover{ line-height:37px;font-size:13px; font-weight:bold;}
.menu ul li.current a{line-height:37px; font-size:13px; font-weight:bold;}
.menu ul li.search{ width:235px; background:none; padding-right:0px; margin-top:4px}
.menu ul li.last{ background:none;}
.input_btn{ width:160px; padding-left:24px; height:23px; border:none; background:url(search00.jpg) no-repeat;  color:#022664; line-height:23px; vertical-align:top; margin-top:3px;}
.submit_btn{ width:47px; height:26px; background:url(submit.jpg) no-repeat; margin-left:4px; border:none; vertical-align:top;}


/********************center css**********************/
#center{ padding:18px 0px;}


.left{ width:227px; float:left;}

.leftPro h4{ height:30px; background:url(pro_list.jpg) no-repeat; text-indent:-999px;}
.leftProlist{ margin-top:5px;}

.myBox {margin:10px auto; padding: 10px 7px; background: #ffffff; border: 1px solid #ececeb; color:#5b5b5b; line-height:18px; font-size:11px; }
.myBox h4{ height:20px;}
.myBox h4 span.more{ float:right;}

.contactList{ width:100%; padding-left:5px; margin-bottom:5px;}
.contactList li{ background:url(icon2.jpg) bottom repeat-x; padding-bottom:1px;line-height:21px;}

.right{ float:right;width:749px;min-height:1035px; height:auto !important; height:1035px; overflow:visible;}

.flash{ width:735px; height:257px; margin:0 auto; border:7px solid #a3a3a3;}


.proColumn{ width:749px;}
.proList{ width:100%; margin:10px auto;}
.proList li{ width:162px; height:194px;background:url(pro_bg00.jpg) left top no-repeat; padding:4px; display:inline; overflow:hidden; float:left; margin:5px 8px;}
.proList li .proPic{ width:162px; height:120px; margin:0 auto; overflow:hidden;}
.proList li .proPic img{max-width:162px; max-height:120px; _width: expression(this.width > 162 && this.width>=this.height?162 : true); _height: expression(this.height > 120 && this.width<=this.height ? 120 : true); margin:0 auto;}
.proList li .proTitle{ width:160px; height:17px; text-indent:5px;  background:url(pro_titl.jpg) no-repeat; margin-top:10px;}
.proList li .proTitle a,.proList li .proTitle a:hover{line-height:17px; color:#ffffff;}
.proList li .proMemo{ height:32px; overflow:hidden; line-height:18px; padding:5px; color:#4a4a4a; font-size:11px; word-wrap: break-word;
word-break: normal;  }
.proList li .proMemo img{ display:none;}

.proList1{ width:100%; margin:10px auto;}
.proList1 li{ width:166px; height:200px; display:inline; overflow:hidden; float:left; margin:0px 5px;}
.proList1 li .proPic{ width:164px; height:121px; margin:0 auto; border:1px solid #f4f4f4;overflow:hidden; text-align:center;}
.proList1 li .proPic img{ max-width:164px; max-height:121px; _width: expression(this.width > 164 && this.width>=this.height?164 : true); _height: expression(this.height > 121 && this.width<=this.height ? 121 : true); margin:0 auto;}
.proList1 li .proTitle{ width:160px; height:17px; margin:0 auto; text-indent:5px;  background:url(pro_titl.jpg) no-repeat; margin-top:8px;}
.proList1 li .proTitle a,.proList li .proTitle a:hover{line-height:17px; color:#ffffff;}
.proList1 li .proMemo{ height:32px; overflow:hidden; line-height:18px; padding:5px; color:#4a4a4a; font-size:11px; word-wrap: break-word;
word-break: normal; background:#F6F6F6;}

.procheck{ float:right; margin:2px; *margin-top:-2px; display:inline;}

.procart{ text-align:right;padding-right:28px;}
.prosubmit{ width:85px; height:19px; background:url(addtocar.jpg) no-repeat; border:none; vertical-align:middle; }


#maple2{position:absolute; right:-120px; top:187px;}
.ad_index{ width:110px; height:auto; border:1px solid #d3d3d3; background:#f0f0f0;}
.ad_index li{ background: url(right_brand_line.gif) bottom no-repeat}
A.active:link {
COLOR: #DE4300; TEXT-DECORATION: none;}
A.active:active {
COLOR: #DE4300; TEXT-DECORATION: none;}
A.active:visited {
COLOR: #DE4300; TEXT-DECORATION: none;}
A.active:hover {
COLOR: #DE4300; TEXT-DECORATION:underline;}

.ad_about{ width:82px; height:auto; border:1px solid #d3d3d3; background:#f0f0f0;}
.ad_about ul{ width:70px; margin:10px auto;}
.ad_about ul li img{ width:70px;}

/********************footer css**********************/

#footer{ height:44px; padding-top:20px; background:url(footer00.jpg) repeat-x; text-align:center; color:#000000;}

/********************neiye css**********************/
.nright{ width:735px; height:auto;min-height:800px; height:auto !important; height:800px; overflow:visible;}
.nright h4{ height:32px; border-bottom:1px solid #d1d1d1; background:url(icon1.jpg) 5px center no-repeat; padding-left:20px; line-height:32px; color:#313131; font-size:15px;}
.nright h4 span{ float:right; padding:0px 5px;}
.nright em.title{}
.nright span.back{ margin-top:3px;}
.nright span.location,.nright span.location a,.nright span.location a:hover{ color:#656565; font-size:12px; font-weight:normal;}


.nright_nr{ padding:10px 5px;}

.ncontact{ width:95%; margin:0 auto;}

.contactTitle{ height:29px; line-height:29px; background:url(feedback.jpg) repeat-x; font-size:16px; color:#df4300; padding-left:10px;}

#left_menu ul li{ line-height:0px; font-size:0px;}
#left_menu ul li a{ display:block; height:26px; line-height:26px; background:url(pro_lisu.jpg) no-repeat right top; color:#ffffff; font-size:11px; overflow:hidden; border:none; margin:0px; }
#left_menu ul li a:hover{ text-decoration:none;background:url(pro_lisv.jpg) no-repeat right top;color:#ffffff;}
#left_menu ul li a span{ padding-left:12px; cursor:pointer;}

#left_menu ul li ul{ display:none;}
#left_menu ul li ul li a{display:block; height:25px; line-height:24px; background:url(icon3.jpg) bottom repeat-x #f1f1f1; color:#0e2656; font-size:11px;}
#left_menu ul li ul li a:hover{ text-decoration:none; color:#df4300; background:url(icon3.jpg) bottom repeat-x #f1f1f1;}
#left_menu ul li.active ul li a{text-decoration:none; color:#0e2656; background:url(icon3.jpg) bottom repeat-x #f1f1f1;}
#left_menu ul li ul li.active a{ display:block; height:25px; line-height:24px; background:url(icon3.jpg) bottom repeat-x #f1f1f1; color:#df4300; }
#left_menu ul li ul li span{ padding-left:12px; cursor:pointer;}



.pro_menu ul{ line-height:0px; font-size:0px; width:224px; background:#F1F1F1; }
.pro_menu li{line-height:0px;  font-size:0px; overflow:hidden;}
.pro_menu li a{height:26px; line-height:26px; font-size:12px; padding-left:12px; display:block; overflow:hidden; border:none; margin:0px; }
.pro_menu li a:hover,.pro_menu li a.active{height:26px; line-height:26px; font-size:12px; text-decoration:none;background:url(pro_lisv.jpg) no-repeat right top;color:#ffffff;}


.p1{background:url(pro_lisu.jpg) no-repeat right top; color:#ffffff; }
.p2{background:url(pro_lisv.jpg) no-repeat right top;color:#ffffff;}

.p3{background:url(icon3.jpg) bottom repeat-x #f1f1f1; color:#0e2656;}
.p4{ background:url(icon3.jpg) bottom repeat-x #f1f1f1; color:#0e2656;}

.pro_menu li li a:hover,.pro_menu li li a.active{display:block; background:url(icon3.jpg) bottom repeat-x #f1f1f1; color:#df4300;}

.pro_menu li li li{padding-left:25px;}
.pro_menu li li li a:hover,.pro_menu li li li a.active{background:none; color:#df4300; text-decoration:underline;margin-left:-1px;}



/*** feedback ***/	
.feedback{ margin:10px 0px;}
div.contact_feedback div.feedback{float:right; overflow:hidden; width:370px;}
	div.feedback img.contact{clear:both; border-bottom:1px #807d7d dashed;}
	div.feedback img.feedback{clear:both; margin:25px 0 11px 20px;}
	div.feedback li{clear:both; padding:5px 0 0px 20px;}
	div.feedback li b{float:left; width:80px;}
	div.feedback li input.input_text{border:1px #cbd1d6 solid; height:18px; width:207px;}
	div.feedback textarea{border:1px #cbd1d6 solid; height:155px; width:405px;}
	div.feedback li.btn{ padding-left:97px;}
	div.feedback li input.submit{background:url(submit.gif) no-repeat left top; border:0; cursor:pointer; height:22px; margin-right:20px; width:70px;}
	div.feedback li input.reset{background:url(reset.gif) no-repeat left top; border:0; cursor:pointer; height:22px; width:70px;}
div.privacy_detail{clear:both; margin:25px auto; text-align:center; width:916px;}
ul.login{background:url(login_en.jpg) no-repeat left top; clear:both; height:270px; margin:25px auto; overflow:hidden; padding:80px 0 0 330px; text-align:left; width:395px;}


div.cart{clear:both; margin:25px auto; width:700px;}
div.cart ul{border-top:1px #1f5b42 dashed; clear:both; margin:25px auto 0; overflow:hidden; padding:30px 70px 0; width:560px;}
div.cart li{clear:both; overflow:hidden; padding:5px 0; text-align:center;}
div.cart li span{float:left; line-height:20px; overflow:hidden; text-align:left;}
div.cart li span.f_1{width:60px;}
div.cart li span.f_2{width:245px;}
div.cart input.text{border:1px #999999 solid; height:18px; line-height:18px; width:150px;}
div.cart textarea{border:1px #999999 solid; height:103px; width:475px;}
div.cart input.submit{background:url(submit.gif) no-repeat left top; border:0; cursor:pointer; height:22px; margin-right:20px; width:70px;}
div.cart input.reset{background:url(reset.gif) no-repeat left top; border:0; cursor:pointer; height:22px; width:70px;}
div.cart td img.img{max-width:180px; _width: expression(this.width > 180 && this.width>this.height ? 180 : true); max-height:130px; _height: expression(this.height > 130 && this.height>this.width ? 130 : true);}


/*** page ***/
div.page{ height:24px; margin:10px 0px; padding-top:20px; float:right;}
div.page div.remark{float:left;}
.page form{margin:0px; padding:0px; border:0px; float:left;}
.page form div{float:left; width:auto;line-height:22px; margin-left:5px;}
	div.total{color:#555555; border:1px #ABABAB solid; text-align:center; padding:0px 10px; height:22px;}
	div.paging ul{margin:0px; padding:0px; border:0px;}
	div.paging ul li{float:left; list-style:none; margin:0 3px; padding:0px; color:#555555; border:1px #ABABAB solid; text-align:center;}
	div.paging ul li span{ min-width:18px; color:#555555;  line-height:22px; padding:0px 6px;}
	div.paging ul li span.disabled{color:#ABABAB; text-align:center;}
	div.paging ul li span.active{background:#e04500; color:#FFFFFF; font-weight:bold; padding:4px 7px 3px 7px; padding:4px 7px 4px 7px !important;}
	
	
div.openwin_right{ height:auto; overflow:hidden; text-align:center;margin:25px auto; width:560px;}
	div.openwin_right div.big_img{width:350px; height:259px; padding:20px; border:1px solid #333; /*background:url(/Index/images/pro_big.jpg) no-repeat center top; */float:left;}
	div.openwin_right div.big_img img{max-width:350px; _width: expression(this.width > 350 && this.width>this.height ? 350 : true); max-height:259px; _height: expression(this.height > 259 && this.height>this.width ? 259 : true);}
	div.openwin_right div.box{margin:0px auto 10px; overflow:hidden; width:130px; float:left; padding-left:15px;}
	div.openwin_right span.list{ margin-bottom:10px; text-align:left;}
	div.openwin_right span.list img{border:1px #cccccc solid; margin:0 7px;}
	div.openwin_right span.active img{border:1px #f6be51 solid;}
	div.openwin_right li{border-bottom:1px #c4c4c4 dashed; clear:both; margin:0 auto; overflow:hidden; padding:10px 0; text-align:left; width:660px;}
	div.openwin_right li.first{border-top:1px #c4c4c4 dashed;}
	div.openwin_right span{color:#505050; float:left; line-height:20px; overflow:hidden;}
	div.openwin_right span.list img{max-width:111px; max-height:111px; _width: expression(this.width > 111 && this.width>=this.height?111 : true); _height: expression(this.height > 111 && this.width<=this.height ? 111 : true);}
	div.openwin_right span.t1{color:#ef8210; font-size:14px; font-weight:bold; width:115px;}
	div.memo{ width:425px; float:left;  text-align:left; margin-top:10px;}
div.memobtn{ width:102px; margin:10px; float:right;}
div.memo em.promemo{ color:#022664; font-weight:bold; padding-right:5px;}
	


.w1{border:1px solid #666666;
	margin:2px;  
    padding:0px 7px;  
    display:inline-block;  
    _display:inline;  
    *display:inline;
	color:#666;
	line-height:22px;
	
	}
.w2{border:1px solid #000;
	background:#FFFDF0;
	margin:2px;  
    padding:0px 7px;  
    display:inline-block;  
    _display:inline;  
    *display:inline;
	font-size:11px;
	line-height:22px;
	}