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

body{ font-family:"宋体"; font-size:12px; color:#000000; line-height:24px; background:url(../images/bg.gif) repeat;}

a{ font-family:"宋体"; color:#000000; font-size:12px; line-height:24px;}

a:hover { font-family:"宋体"; color:#000000; font-size:12px; line-height:24px; text-decoration:underline; }

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

#main{ width:957px; height:auto; margin:0 auto; padding:0px 23px; background:#ffffff; }

/***************header css********************/
#header{ width:957px; background:#ffffff; margin:0 auto;}

.logo{ width:601px; height:126px; display:inline;}

#menu{ width:957px; height:43px; margin:0 auto; background:url(../images/menu.jpg) top center no-repeat;}
#menu ul{ width:90%; margin:0 auto;}
#menu ul li{cursor: pointer;float: left; height: 21px; display:inline; margin:12px 50px 10px;}
#menu ul li a{ display:block; color:#ffffff; line-height:40px; font-size:16px; font-weight:bold;}
#menu ul li a:hover{ display:block; color:#ffffff; line-height:40px; font-size:16px;font-weight:bold;}
#menu ul li.active{ text-decoration:underline;}

.top_right{ width:210px; float:right;}

.top{ float:right; margin-top:18px; padding-right:10px;color:#8B8B8B;}
.top a{ color:#8B8B8B; padding:0px 10px;}
.top a:hover{ color:#F00;}

.search{ margin-top:33px; float:right; padding-right:10px;}
.input_btn{ width:129px; height:18px; background:#ffffff; border:1px solid #404040; text-indent:5px; line-height:18px; vertical-align:middle;}
.sub_btn{ width:59px; height:18px; background:url(../images/search_bar.jpg) no-repeat; border:none;line-height:18px;  margin-left:5px; vertical-align:middle; cursor:pointer;}

#flash{ width:957px; height:304px; margin:0 auto;}



/********************center css**********************/
#center{ margin-top:6px;}

.left{ width:199px; height:auto; float:left;}

.pro_index h4{ height:44px;}
.pro_index_nr{}

.contact_index{ margin-top:5px;}
.contact_index h4{ height:44px;}
.contact_index_nr{background:url(../images/contact_bj.jpg) top center no-repeat; padding:10px 9px;}


.right{ width:753px; float:left; padding-left:5px;}

.search_index{ height:47px; background:url(../images/search_bg.jpg) left top no-repeat; padding-left:50px; line-height:47px;}
.input_btn1{ width:127px; height:18px; background:#ffffff; border:1px solid #b9b9b9; text-indent:5px; line-height:18px; vertical-align:middle;}
.sub_btn1{ width:52px; height:20px; background:url(../images/search_bar1.jpg) no-repeat; border:none;line-height:20px;  margin-left:5px; vertical-align:middle; cursor:pointer; text-align:center; color:#ffffff; font-weight:bold;}

.about_index{ margin-top:10px;}
.about_index h4{ height:24px; line-height:24px; font-size:14px; padding-left:30px; font-family:"微软雅黑"; font-weight:bold;background:url(../images/about_t.jpg) 10px 8px no-repeat;  }
.about_index_nr{ padding:10px;}

.about_index h4 span.back{ float:right; margin-top:2px;}
.about_index h4 span.location{ color:#656565; float:right; padding:0px 10px; font-size:12px; font-weight:normal; background:#ffffff;}
.about_index h4 span.location a,.about_index h4 span.location a:hover{color:#656565;font-size:12px; line-height:28px;}



/********************footer css**********************/
#footer{ margin-top:10px; height:23px; padding-bottom:40px; color:#fff; background:url(../images/footer.jpg) top repeat-x #ffffff; margin:0 auto; text-align:center; }
#footer a,#footer a:hover{line-height:23px; color:#fff;}


/*** productlist ***/
.productlist{ width:100%; margin:30px auto 0;}
.productlist li{ width:198px; height:130px; float:left; display:inline; margin:0px 23px;}
.productlist li .pro_pic{ width:190px; height:100px; padding:3px; border:1px solid #CFCFCF; text-align:center;}
.productlist li .pro_pic img{max-width:190px; max-height:100px; _width: expression(this.width > 190 && this.width>=this.height?190 : true); _height: expression(this.height > 100 && this.width<=this.height ? 100 : true); margin:0 auto; }
.productlist li .pro_title{ text-align:center;}

/*** 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:25px; color:#555555;  line-height:22px; padding:5px 8px 5px 8px;}
	div.paging ul li span.disabled{color:#ABABAB; text-align:center;}
	div.paging ul li span.active{background:#8F6D38; color:#FFFFFF; font-weight:bold;}
	
/*** 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:0px;}
	div.feedback li b{float:left; width:80px; color:#8F6D38;}
	div.feedback li input.input_text{border:1px #cbd1d6 solid; height:18px; width:207px;}
	div.feedback textarea{border:1px #cbd1d6 solid; height:155px; width:300px;}
	div.feedback li.btn{ padding-left:97px;}
	div.feedback li input.submit{background:url(../images/submit1.gif) no-repeat left top; border:0; cursor:pointer; height:22px; margin-right:20px; width:70px;}
	div.feedback li input.reset{background:url(../images/reset1.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(http://www.xingning.com/Index/images/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;}

/*** login ***/
.login{ width:381px; height:235px; background:url(http://www.xingning.com/Index/images/log_06.jpg) no-repeat; margin:50px 0 0 100px; font-size:11px; padding-left:40px;}
.logininp{ width:73px; height:23px; background:url(http://www.xingning.com/Index/images/log_10.jpg)  no-repeat; border:0}

div.right div.openwin_detail{ margin:10px;}
div.openwin_detail li{clear:both; line-height:25px; margin:0 0 0 5px; *margin:0; overflow:hidden; text-align:left; width:100%;}
div.openwin_detail li.img{text-align:center; padding-bottom:10px; }
/*div.openwin_detail li.img img{ width:500px; height:406px; padding:3px;  border:1px solid #CFCFCF;}*/
div.openwin_detail li.img img{max-width:500px; max-height:406px; _width: expression(this.width > 500 && this.width>=this.height?406 : true); _height: expression(this.height > 406 && this.width<=this.height ? 406 : true);  padding:3px;  border:1px solid #CFCFCF;}
div.openwin_detail li font{color:#355E38;}
div.openwin_detail li font.description{clear:both; float:left; width:100%;}

#left_menu a{ display:block; height:26px; line-height:26px; background:url(../images/pro_list.jpg) no-repeat left top; margin-top:4px; color:#000000;}
#left_menu a:hover{ text-decoration:none;}
#left_menu a.active{ display:block; height:26px; line-height:26px; background:url(../images/pro_list.jpg) no-repeat left top;}
#left_menu a span{ padding-left:40px; cursor:pointer;}


/*** sample ***/
ul.samplelist{ width:100%; height:auto; margin:0 auto;}
ul.samplelist li{height:28px; line-height:28px; background:url(http://www.xingning.com/Index/images/feedback_t.jpg) bottom repeat-x; padding:0px 10px; margin-top:5px;}
ul.samplelist li a{ background:url(http://www.xingning.com/Index/images/icon.gif) left center no-repeat; padding-left:20px; color:#505050;}
ul.samplelist li a:hover{ color:#056612;}

.samle{ width:700px; }
.sample span{ font-size:16px; color:#c70600; font-weight:bold; text-align:center;}
.sample p{word-break;:break-all;}

.welcome{ font-size:12px; padding:0px 10px; font-weight:normal; color:#046613;}
.welcome a{ padding:0px 10px; text-decoration:underline;}

.first1{ width:190px; height:100px;padding:3px;border:1px solid #CFCFCF; text-align:center;}
.first1 img{max-width:190px; max-height:100px; _width: expression(this.width > 190 && this.width>=this.height?190 : true); _height: expression(this.height > 100 && this.width<=this.height ? 100 : true); margin:0 auto;}