@charset "gb2312";
/* CSS Document */

*{margin:0; padding:0; list-style:none;}
a{text-decoration:none;}
html{ height:100%; background-color:#fff; display:block;}
input,select{ vertical-align:middle;}
ul li{list-style-type:none;}
em{ font-style:normal}
img{ border:none; }
body{ display:block; width:100%;  margin:0 auto; font-size:12px; font-family: Verdana, Geneva, sans-serif,"ËÎÌå";  }

.body{ display:block;  margin:0 auto;}



/*top*/
.top{ display:block;  text-align:center; margin:0 auto; vertical-align:middle;}

/*header*/
.header{  font-size:12px; text-align:left;}
.header strong { display:block;  font-size:xx-large; font-family: "Î¢ÈíÑÅºÚ","ËÎÌå","ºÚÌå"; color:#000; font-weight:bold; margin:-8px 0 3px 0;}
.header img{float:left;}


/*nav*/
.nav{ display:block;}
.nav li{ display:block; float:left; text-align:center; vertical-align:middle;}
.nav li a{  display:block;  font-size:14px; font-weight:bold;}
#nav_nonce a,.nav li a:hover{ display:block; font-size:14px; font-weight:bold; text-align:center; vertical-align:middle; }

/*current_position*/
.current_position{ margin-top:5px;  text-align:left;  }
.current_position span{ float:left; display:inline-block;  font-size:12px; padding:5px 0 0 15px; }

.pro_search{ float:right; margin-top:-29px; *margin-top:-26px;}
.pro_search b{ display:inline-block; *margin-top:-5px; vertical-align:middle; font-weight:normal;}

.pro_search input{ display:inline-block; margin-right:3px; width:120px; height:21px; margin-top:3px;  *margin-top:-7px;}
.pro_search a,.pro_search a:hover,.pro_search a:active{display:inline-block; cursor:pointer; border:none;}
.pro_search a{ margin-right:20px;}
.pro_search a:hover{  margin-right:20px;}
.pro_search a:active{margin:1px 19px 0 0;}



/*left*/
.leftsider{ display:block; width:200px;}
.leftsider dt{  text-align:left; font-weight:bold;}
.contact_l ul{ display:block;  padding:5px;}
.contact_l li{ padding:5px 0;}
.contact_l li strong{ display:block; float:left;  font-weight:bold; }
.contact_l li span{ display:block; float:left;   font-family:Arial, Helvetica, sans-serif,"ËÎÌå";  word-wrap:break-word;}

.leftsider dd .search li{ display:inline-block; *display:inline;}
.case,.title{ display:block;  margin:3px;}
.title{  padding:10px;}
.title a{ display:block; font-weight:bold;  }
.case li a{ display:block; }
.case li{ padding:5px 0; }


/*main*/
.main{ display:block; margin-bottom:10px;}

/*right*/

.rightsider{ display:block;  width:742px; }
.rightsider dt{ text-align:left; font-weight:bold; }
.profile_info{ display:block; margin:0px 20px; line-height:28px; }
.pro_shows{display:block; text-align:center; margin:0 auto; padding:0px 10px 5px;}
.pro_shows li{display:block; float:left; height:115px; width:87px;}
.pro_shows li .photo{ display:block; width:78px; height:81px; margin:0 auto 3px; text-align:center; line-height:81px; vertical-align:middle; padding:2px;}
.pro_shows li a{ display:block; text-align:center;  overflow: hidden; white-space:nowrap; -o-text-overflow: ellipsis; text-overflow:ellipsis;}
.pro_shows li a:hover,.product_shows li a:active{ display:block; text-align:center; overflow: hidden; white-space:nowrap; -o-text-overflow: ellipsis; text-overflow:ellipsis;}

.basic_info{ width:680px; margin:40px auto 10px;}
.basic_info li{ display:block; float:left; width:192px;height: 40px;line-height:36px; padding:1px 5px; font-weight:normal;}
.basic_info .theme_l{ text-align:right; width:125px;}

/*pro_tab*/
.accordion_headings {float:left;   text-align:center; vertical-align:middle; }
.product_template dt ul  .accordion_headings a{ font-weight:bold;  font-size:14px; padding-left:0;}
.product_template dt ul  .header_highlight {display:block;  text-align:center; vertical-align:middle;  }
.product_template dt ul  .header_highlight a{  font-size:14px; font-weight:bold; padding-left:0;}


/*product_template*/
.rightsider .product_template dt{ background:none; padding:0; }
.product_template dd h3{ display:block; font-size:14px;}



/*product_itempage*/
#pro_img{float:left; #position:relative; width:270px; height:270px;  line-height:270px;  display:table; overflow:hidden; text-align:center; }
#pro_img p{display:table-cell; vertical-align:middle; #position:absolute;  #top:50%; #left:50%;}
#pro_img a{#position:relative; #top:-50%;  #left:-50%;}
.pro_text .button {display:block;  margin-top:15px; border:none;}
.pro_text{ float:left; line-height:24px; padding-left:20px;}
.pro_text li{ display:block; margin-bottom:5px; width:360px;}
.button {display:block;  margin-top:15px; }
#right_title2{ text-align:left; font-weight:bold;  }
#right_title2 em a{ font-size:12px; font-weight:normal;}



/*product_shows*/
.product_template_shows{ display:block; margin:0 auto; padding:0 10px 5px; text-align:center;}
.product_template_shows li{display:block; float:left; width:85px; height:115px;}
.product_template_shows li .photo{ display:block; width:81px; height:81px;  text-align:center; line-height:81px; vertical-align:middle; margin:0 auto 3px; padding:2px;}
.product_template_shows li a{ display:block; text-align:center;  word-wrap: break-word; word-break: normal; line-height:20px;}
.product_template_shows li a:hover,.product_shows li a:active{ display:block; text-align:center;  word-wrap: break-word; word-break: normal; }

/*back*/
.back_tempalte a{ display:block;   margin:20px 0 20px 320px;}
/*product_list*/
.product_template_list{ display:block; margin:0 auto;}
.product_template_list li{display:block; padding:8px 0 8px 8px;  height:100px; vertical-align:middle; line-height:100px;}
.product_template_list li span a{  vertical-align: middle;}
.product_template_list li a .img{  width:81px; height:81px;  text-align:center; line-height:81px; vertical-align:middle; margin:auto; padding:2px;}
.product_template_list span a:hover,.product_list span li a:active{ color:#FF7800;  vertical-align:middle;}
.product_template_list span{ display:inline-block;/* float:left;*/ vertical-align:middle; }
.product_template_list .img{ width:90px;}
 .product_template_list .date{width:120px; text-align:center;}
.product_template_list h4{ display:block; font-weight:bold; line-height:28px; padding:0 5px; font-size:12px; vertical-align:middle;  margin-bottom:10px;}
.product_template_list h4 span{ display:inline-block; text-align:center;}
  #basic-accordian .product_template_list h4 .contact_us,#basic-accordian .product_template_list h4 .contact_us:hover{ background-image:none;}
.product_template_list li .img,.product_template .date,.product_template .name,.product_template .contact_us{ display:inline-block;}


/*page*/
.Pager{ text-align:right; padding-right:20px; margin:10px 0; text-align:right;}
.Pager,.Pager a{ font-size:12px; font-weight:normal;}


/*news*/
.news_template_list{ margin:0 0 20px 10px; *margin:30px 0 20px 10px;}
.news_template_list li{ padding:0 0 0 20px; _padding:5px 0 0 20px; display:block;}
.news_template_list li a,.news_template_list li a:hover,.news_list li a:active{  display:inline-block;}



/*news_itempage*/
.news_itempage h3{ text-align:center; font-size:14px; padding-bottom:15px;}
.text_ img{ display:block; margin:30px auto 0;}
.title_info_{ display:block;  text-align:center; margin:0 auto 20px;  padding-bottom:10px;}


/*order*/
.message_title{ display:block; height:30px; line-height:30px; vertical-align:middle;}
.message_title h3{font:bold 14px; float:left; }
.message_title span{ font-size:12px; font-weight: normal; float:right;}
.message_title, .messagebox .single{  margin-bottom:10px;}

.messagebox .ban { display:block; margin:20px 0;}
.messagebox .ban li{ display:block; padding-bottom:10px; }
.messagebox .ban label{ display:block; float:left; width:120px; text-align:right; padding-right:10px;}
.messagebox .ban label span{color:#F00; padding-right:5px;}
.messagebox .ban input,.messagebox .ban textarea{display:block; float:left; width:305px; text-align:left;}
.messagebox .ban textarea{ height:80px;}
.messagebox .single ul{margin:0 10px 10px;}
.messagebox .single ul li{margin:0;line-height:20px;vertical-align:middle;}


/*button*/
.messagebox .tupic{text-align:center; margin:20px 0 30px; padding-top:15px;}
.tupic_submit,.tupic_submit:hover,.tupic_submit:active,.tupic_reset,.tupic_reset:hover,.tupic_reset:active{ border:0; cursor:pointer;}
.tupic_submit:active,.tupic_reset:active{  margin:1px 0 0 1px;}


/*contact*/
.contact_template{ padding:15px 20px 40px;}
.contact_template li{ display:block;  line-height:36px;}
