﻿@charset "utf-8";
/* 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{ font-size:12px; margin:0 auto;}
.body{ display:block;  font-family:Arial, Helvetica, sans-serif,"宋体"; font-size:12px; margin:0 auto; }

/*header*/
.header{ display:block; margin:0 auto; }
.headercenter img{ display:block; float:left; text-align:left; vertical-align:middle;}
.company_name{ display:block; float:left; padding:0px 0 0 25px; width:85%;}


/*top*/
.top{ display:block; margin:0 auto; vertical-align:middle; padding-top:8px;}
.top ul{display:block; float:left;}
.top  li{ display:block; float:left; padding-right:20px; height:16px;}
.top  li a{ display:block; padding-left:22px;}
.top span{ display:block;  width:61px; height:23px; float:right;}


/*more*/
.rightsider dt em a{ padding-left:480px;}


/*main*/
.main{ display:block; margin:0 auto;}

/*nav*/
.nav{ display:block;}
.nav li{ display:block; float:left;}
.nav li a{  display:block;  font-size:14px; padding:0 15px;}




/*left*/
.leftsider{display:block; width:242px;}
.pro_list_l dd .all_ico a{ padding-left:35px; letter-spacing:3px }
.pro_list_l dd .all_ico a:hover,.pro_list_l dd .all_ico a:active{ padding-left:35px;}
.pro_list_l li a{padding-left:35px; letter-spacing:3px }
.pro_list_l li a:hover,.pro_list_l li a:active{ padding-left:35px; }
.pro_search a:active{ margin:1px 11px 0 0;}
.pro_search a,.pro_search a:hover,.pro_search a:active{display:inline-block;}
.pro_search b{ display:inline-block;  vertical-align:middle; }
.contact_l ul{display:block;  margin:8px; }
.contact_l li{display:block; padding-left:5px; line-height:28px;}
.contact_l li strong{  display:block; float:left;width:55px;}
.contact_l li span{ display:block; float:left; width:140px; word-wrap : break-word ; font-family:Arial, Helvetica, sans-serif,"宋体"；}
/*.order_button{  display:block; margin-left:130px;}*/
.order_button{ display:block; text-align:right; margin-right:5px;}


/*right*/
.rightsider,.rightsider_itempage{ display:block;  width:719px;}
.rightsider dl,.rightsider_itempage dl{margin-bottom:13px;}

.rightsider dd{  line-height:24px; }
.profile_info{ display:block; line-height:28px; }
.profile_info_{ display:block; margin:20px 15px 0; line-height:28px; font-size:14px;}
.profile_text{ display:block; float:left; width:415px; padding:0 5px; font-size:12px; line-height:22px;}
.profile_text2{ display:block; float:left; padding:0 5px; font-size:12px; line-height:22px;}
.profile_ifo{ display:block; width:680px; margin:0 auto;}


.pro_shows{display:block; text-align:center; margin:0 auto; }
.pro_shows li,.pro_shows_ li{display:block; float:left;}
.pro_shows li .photo,.pro_shows_ li .photo{display:block; width:78px; height:81px; line-height:81px; text-align:center; vertical-align:middle;  overflow:hidden; padding:2px;}
/*.pro_shows li .photo,.pro_shows_ li .photo a{display:table-cell; vertical-align:middle; #position:absolute;  #top:50%; #left:50%;}
.pro_shows li .photo,.pro_shows_ li .photo img{#position:relative; #top:-50%;  #left:-50%;}
*/

.pro_shows li a,.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,.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;}
.text_{ font-size:14px;}



.basic_info{ width:680px; margin:20px auto 0;}
.basic_info h3{ font-size:12px; font-weight:bold; padding-left:15px; height:28px;}
.basic_info li{ display:block; float:left; height:40px; line-height:36px; padding:1px 5px;  overflow: hidden; white-space:nowrap; -o-text-overflow: ellipsis; text-overflow:ellipsis; }
.basic_info .theme_l{ display:block; text-align:right; width:125px; }









/*footer*/
#footer{ display:block; text-align:center; font-size:12px;}
#footer .footer_btn{vertical-align:middle;}
.bd {
    margin: 0 auto;
    position: relative;
    text-align: right;
    width: 420px;
    top:-20px;
}
.bd a {
    position: absolute;
}

/*entrepreneur*/
.text{ padding:20px 15px 0; font-size:14px; line-height:32px;}

/*back*/
.back_tempalte{ display:block;margin:20px 0 20px 0px;text-align: center;}

/*.rightsider .entrepreneur dd{ padding:30px 30px 5px;}
*/
.entrepreneur dd img{ text-align:center; margin:30px auto 0; display:block;}





/*pro_tab*/

.accordion_headings { float:left; margin-right:2px;  text-align:center; vertical-align:middle; }
.header_highlight {display:block; float:left; text-align:center; vertical-align:middle; }
.accordion_child {display:block; padding:15px;}




/*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{ float:left; line-height:30px; padding-left:20px;}
.pro_text li{ display:block; margin-bottom:5px; width:360px;}
.pro_text .button {display:block;  margin-top:15px; border:none;}





/*product_shows*/

.product_template_shows{ display:block; margin:0 auto; padding:10px 8px 0; }
.product_template_shows li{display:block; float:left; padding:10px 5px 0px; _padding:10px 4px 0px; width:85px; height:115px; *height:115px!important; *height:125px;}
.product_template_shows li .photo{ display:block; width:81px; height:81px; line-height:81px; text-align:center; vertical-align:middle; margin:0 auto 5px; padding:2px;}
.product_template_list li .img{ width:81px; height:81px; line-height:81px; text-align:center; vertical-align:middle; padding:2px; margin:5px 10px 5px 5px;}

.product_template_shows li a{ display:block; text-align:center;  word-wrap: break-word; word-break: normal; line-height:16px;}
.product_template_shows li a:hover,.product_shows li a:active{ display:block; text-align:center; word-wrap: break-word; word-break: normal; }

/*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 img{width:81px; height:81px; padding:2px;}*/
.product_template_list span a:hover,.product_list span li a:active{ color:#FF7800;  vertical-align:middle;}
  .product_template .img{ width:100px;}
 .product_template .date{width:130px;  text-align:center;}
 
.product_template h4{ display:block; line-height:28px; padding:0 5px;  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 .img,.product_template_list .date,.product_template_list .name{ float:left;}
.product_template_list .contact_us{ float:right; padding-right:10px;}
*/
.product_template_list li .img,.product_template .date,.product_template .name,.product_template .contact_us{ display:inline-block;}
/*page*/
.Pager{ padding-right:20px; margin:10px 0; text-align:right;}
/*.page_top{ float:right;}*/


/*news*/
.news_template_list{ margin:0 0 20px 10px; *margin:30px 0 20px 10px;}
.news_template_list li{display:block;  padding:0 0 0 20px;  }
.news_template_list li a{ /* margin-top:-20px;*/display:inline-block;line-height:28px;}
.news_template_list li a:hover,.news_list li a:active{ line-height:28px;/* margin-top:-20px;*/display:inline-block; }
.newssort{ line-height:30px;}
.newssort a{  padding:0 8px;}

/*news_itempage*/
.news_itempage h3{ text-align:center; font-size:14px; padding-bottom:20px;}
.title_info_{ display:block;  text-align:center;}
.news_itempage li{ display:block; float:left; padding-right:10px;}

/*my_photo*/
.photo_template li{display:block; float:left; margin:0px 0 0 38px; _margin:0 19px 0 ;}
.photo_template li .photo a{ text-align:left; padding:3px;}
.photo_template li a{ display:block; text-align:center; padding-top:5px;}

.photo_itempage li .photo_{display:table;  #position:relative;  overflow:hidden;   height:81px; width:81px; line-height:81px; padding:2px;}
.photo_itempage li .photo_ a{display:table-cell; vertical-align:middle; #position:absolute;  #top:50%; #left:50%;}
.photo_itempage li .photo_ img{#position:relative; #top:-50%;  #left:-50%;}


/*entrepreneur*/
.text{ /*padding:30px 10px;*/ font-size:14px; line-height:32px; font-size:14px;}
.text_{  font-size:14px;}


/*photo_itempage_big*/
#gallery { padding:20px 0 0 40px;}
.ad-gallery { width: 600px;}
.ad-gallery, .ad-gallery * {  margin: 0; padding: 0;}
  .ad-gallery .ad-image-wrapper { width: 100%; height: 410px;  margin:40px 0 20px;  position: relative; overflow: hidden; }
 .ad-gallery .ad-image-wrapper .ad-loader { position: absolute;  z-index: 10; top: 48%; left: 48%;  border: 1px solid #CCC;  }
.ad-gallery .ad-image-wrapper .ad-next { position: absolute; right: 0; top: 0; width: 25%;  height: 100%; cursor: pointer; display: block;  z-index: 100; }
 .ad-gallery .ad-image-wrapper .ad-prev {  position: absolute; left: 0; top: 0; width: 25%;  height: 100%;  cursor: pointer;  display: block; z-index: 100; }
.ad-gallery .ad-image-wrapper .ad-prev .ad-prev-image, .ad-gallery .ad-image-wrapper .ad-next .ad-next-image {  width: 30px;  height: 30px; display: none; position: absolute;  top: 47%; left: 0;  z-index: 101;}
.ad-gallery .ad-image-wrapper .ad-next .ad-next-image {width: 30px; height: 30px; right: 0;  left: auto; }
 .ad-gallery .ad-image-wrapper .ad-image {  position: absolute;  overflow: hidden;  top: 0;  left: 0;  z-index: 9; border:1px #333 solid; padding:1px; }
.ad-gallery .ad-nav { width:590px; position: relative;}
 .ad-gallery .ad-forward, .ad-gallery .ad-back {  position: absolute; top: 0;  height: 100%;  z-index: 10;}
    /* IE 6 doesn't like height: 100% */
 * html .ad-gallery .ad-forward, .ad-gallery .ad-back { height: 100px; }
.ad-gallery .ad-back {cursor: pointer; left: -20px; width: 13px; display: block; }
.ad-gallery .ad-forward {cursor: pointer;  display: block; right: -20px; width: 13px; }
.ad-gallery .ad-nav .ad-thumbs { overflow: hidden;  word-break: keep-all;/*必须*/ width:588px; height:61px;}
.ad-gallery .ad-thumbs .ad-thumb-list {  width: 9000px;  list-style: none;}
.ad-gallery .ad-thumbs .ad-thumb-list li {float: left; padding-right: 5px;}
.ad-gallery .ad-thumbs li a {display: block;}
.ad-gallery .ad-thumbs li a img {border: 3px solid #CCC; display: block;}
.ad-gallery b{display:block; font-size:16px; font-weight:bold;  text-align:center; padding:20px 0;}
/*.else_info{ display:block; margin:0 auto 20px; text-align:right; font-size:12px; padding-top:10px;}
.else_info span{ margin-right:20px;  font-size:12px;}
*/


.describe{padding:5px 15px; margin-bottom:30px;}
/* Can't do display none, since Opera won't load the images then */
.ad-preloads { position: absolute; left: -9000px; top: -9000px;}

.ad-gallery .ad-image-wrapper .ad-image .ad-image-description .ad-description-title { display: block; }
.ad-gallery .ad-image-wrapper .ad-image .ad-image-description {  position: absolute; bottom:0px;  left: 0px; padding: 7px; text-align: left;  z-index: 2;  line-height:140%; }
.ad-gallery .ad-image-wrapper .ad-image .ad-image-description span strong{padding-right:10px;}
.ad-gallery .ad-image-wrapper .ad-image .ad-image-description .ad-description-title { display: block;}

.ad-gallery .ad-controls {height: 20px;}
 .ad-gallery .ad-info {float: left;}
.ad-gallery .ad-slideshow-controls { float: right;}
.ad-gallery .ad-slideshow-controls .ad-slideshow-start, .ad-gallery .ad-slideshow-controls .ad-slideshow-stop { padding-left: 5px; cursor: pointer;}
.ad-gallery .ad-slideshow-controls .ad-slideshow-countdown { padding-left: 5px; font-size: 0.9em;}
.ad-gallery .ad-slideshow-running .ad-slideshow-start { cursor: default; font-style: italic;}


/*order*/

.messagebox { display:block; padding:10px 15px;}
.message_title{ display:block; height:30px;}
.message_title h3{padding-left:20px; float:left; margin:auto 0;}
.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{ padding-right:5px;}
.messagebox .ban input,.messagebox .ban textarea{display:block; float:left; width:305px; text-align:left; font-size:12px; padding:3px 5px;}
.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{  width:105px; height:32px; border:0; cursor:pointer;}
.tupic_submit:hover{width:105px; height:32px; border:0; cursor:pointer;}
.rightsider dd  .tupic .tupic_submit{ display:inline-block;width:105px; height:32px; border:0; cursor:pointer; margin:1px 0 0 1px;}
.rightsider dd  .tupic .tupic_reset{ display:inline-block; width:105px; height:32px; border:0; cursor:pointer; margin:1px 0 0 1px;}
.rightsider dd  .tupic .tupic_submit:hover{  display:inline-block; width:105px; height:32px; border:0; cursor:pointer;}
.rightsider dd  .tupic .tupic_reset:hover{ display:inline-block; width:105px; height:32px; border:0; cursor:pointer;}

.tupic_reset{  width:105px; height:32px; border:0; cursor:pointer;}
.tupic_reset:hover{ width:105px; height:32px; border:0; cursor:pointer;}
																																		




/*contact*/

.contact_template{ padding:15px 20px 40px;}
.contact_template li{ display:block; padding-top:8px; line-height:28px;}
.contactbtn_template a,.contactbtn_template a:hover,.contactbtn_template a:active{width:200px; height:60px; display:block;}
.contactbtn_template a,.contactbtn_template a:hover{ margin:10px 25px 10px; }
.contactbtn_template a:active{ margin:11px 25px 11px;}


* html .ad-gallery .ad-image-wrapper .ad-image .ad-image-description { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (enabled=true, sizingMethod=scale, src='opa75.png'}/*Must be placed in the bottom*/

