@charset "utf-8";
/* CSS Document */
body{ margin:0 auto; padding:0; font-size:12px; font-weight:500; color: #333333; font-family:Verdana, Arial, Helvetica, sans-serif; background: url(../i/bodybg.gif) repeat-x; line-height:22px; width:1004px;}
ul li{list-style:none; margin:0 auto; padding:0;}
h1, h2, h3,h4{ font-size:1.1em;}
a:link {text-decoration: none; color:#333;}
img{ border:0;}
p{ line-height:22px; float:left; text-align:left;}
a:visited, a:active{text-decoration: none;color:#333;font-weight:normal;}
a:hover {color:#0059A9;cursor:pointer; text-decoration: underline;}
a:focus {text-decoration: none;color:#0059A9;} 
.clear{ clear:both;}
.line{ width:100%; border-bottom:2px double #0059A9 ; margin:5px 0; padding:0;}
.line2{ width:200px;  margin: 0 auto; padding:0; border-bottom:2px solid #d2d2d2; clear:both; }
.line3{width:90%; margin: 0  0 30px 0; padding:30px 0 0 0; border-bottom:2px double #535353; clear:both; float:left;}
#category a,#about a{ text-decoration:underline; font-weight:bold;}
#warp{ margin:0 auto ; padding:0; width: 1004px !important;  min-width: 0 !important;  }
#content{ float:left;width:100%;margin: 10px 0 0 0;	padding:0 0 0 0; font-size:0.9em; }

#header{ margin: 0 auto ; padding:0 ; right:0;top:0; width:1004px;  z-index: 40; right:0; top: 1px; clear: both; }
#footer{ width:1004px; margin:0  auto ; padding:0 0 0 0;   clear:both; height:80px;}
#footer .fmenu ul{list-style-type:none; margin:0 0 2px 2px; float:left; font-size:1.1em; text-transform:capitalize;}
#footer .fmenu ul li{float:left; margin:0 8px 0 8px; }
#footer  p{ margin:0 auto ; padding:0; font-size:11px; text-align:center; width:100%; }

#logo{ background:url(../i/xunda-logo3.gif) no-repeat left top; text-indent:-9999px; width:135px; height:130px ; float:left; margin:27px 0 0 20px; padding:0; }
.bmenu {padding:10px 20px 0 0; margin:0px 0px 0 0 ;  float:right ; color:#000;}
.bmenu li{ float:right; margin:0px 0px 0 8px ; text-indent:8px; float: left; }
#mainmenu li.first { margin-left: 0px; padding-left: 0px;border-left: 0px; color:#FFFFFF;}
 
#mainmenu { margin:40px 0 0px 0; padding:0 0 0 0px;  text-transform:capitalize;  font-weight:500; float:left;}
#mainmenu li { float: left;border-left: solid 1px #fff;padding: 0  0px 0 10px ; margin:2px 5px 6px 5px; line-height:16px; height:16px; }
#mainmenu a:link {font-weight: bold; color:#fff;}
#mainmenu a:visited {text-decoration: none;color:#fff;font-weight:bolder;}
#mainmenu a:hover {text-decoration: none;font-weight: bold;color:#fff;cursor:pointer;font-weight:bolder;}

#leftmain{width:210px; margin:0 auto; padding:0; float:left; min-height:600px; background:url(../i/leftmenubg.gif) no-repeat top left  ; }
#leftmain  h3{ color:#0059A9;  text-align:left; text-transform:capitalize;  line-height:30px; text-indent:25px; background:url(../i/icon_2.gif) no-repeat left  center; }
 #index-right  h3{ color:#0059A9;  text-align:left; text-transform:capitalize;  line-height:30px; text-indent:25px; background:url(../i/icon_2.gif) no-repeat left  center; }
#submenu{ clear:both; width:210px;}
#submenu ul li{ margin:0 0 15px -20px; padding:0; font-size:1em; font-weight:500; height:25px; line-height:25px ; background: url(../i/ico006.gif) no-repeat left center; text-indent:10px;}
#submenu a:hover ,a:visited{color:#0059A9;cursor:pointer; text-decoration:none;}
#subcontact{ width:100%; padding:0 5px; margin:0;  }
#linkmain { width:100%;  padding:0; margin:0 auto;}
#linkmain { margin:0 ; padding:0;}
#linkmain  ul li{ margin:0 0 25px 0px; padding:0px; width:240px; float:left;}
#linkmain ul li img{ width:200px; height:150px;}

#subsales a,#subcontact  a, #sublink a,  #index-right  h3 a{color:#0059A9;  text-align:left; text-transform:capitalize; height:30px; line-height:30px; text-indent:25px; font-weight:bold;}
#subsales img{ float:left;}
#container{  width: 770px; margin:0  auto ; padding:0;  float: right ; position: relative;	z-index: 2;}
#search{padding:0px 10px 0 0; margin:-5px 0px 0 0 ;  float:right ; color:#000;}
#search .search-img{ margin:0px 0 0 0; padding:0px 0 0 0; float:left;}
#search_input{width:120px;height:20px;border:1px solid #e7e7e7; text-align:center; color:#535353; margin:4px 0 0  -6px; padding:0; float:left;}
#search ul li{margin:0px 0px  0 0;float:left; display:inline;}
.searchname{ margin:0px 10px 0 0; padding:0px 0 0 0;font-weight:bold; line-height:25px; height:25px;}

.more { color:#0059A9; padding:0px 0 0 0; margin:10px 30px 0 0;  float:left; }
a.more { white-space: nowrap; padding-right: 20px;  color:#073E7F ; font-weight:bold; background:url(../i/picto_fleche.gif) no-repeat left center; text-indent:15px; }
.more2 { color:#0059A9; padding:0px 0 0 0; margin:10px 5px 0 0;  float:right; text-align:right;}
a.more2 { white-space: nowrap; padding-right: 20px;  color:#073E7F ; font-weight:bold; background:url(../i/picto_fleche.gif) no-repeat left center; text-indent:15px;}
#index-left{width:560px;  margin:0  auto; padding:0; float:left; }
em{ color:#000; font-size:1em; font-weight:bold; text-transform:capitalize; }
.txt{  font-size:11px; line-height:20px; padding:0 0 5px 0;margin:0px 0 5px 0;/*border-bottom:1px dotted #8a8a91;*/ height:140px; clear:both;}
.pro_box{  width:200px;padding:7px; margin:20px  45px 40px 0;background:url(../i/pro_box-bg.jpg) left bottom repeat-x  ; border:1px solid #d2d2d2; float:left; min-height:350px; }
.pro_box ul{ margin:0 0 0 10px; padding:0; }
.pro_box img{ padding: 0; margin:0 auto; width:180px; height:145px;}
.pro_box ul li{ margin:0 0 5px 0 ; padding:0;}
.pro_box em a{ font-weight:bold; color:#333; }
.pro_box  .pro-name{ width:200px; height: auto; margin:0 0 5px 0 ; padding:0;  color:#000; font-size:1.2em; font-weight:bold; text-transform:capitalize; overflow:hidden;}
#index-right{  width:210px; margin:0 auto; padding: 0 ; float:right; text-align:left;} 
#index-right img{ float:right; padding:0; margin:0 auto;}
address{ line-height:25px; margin:0  auto; float:left; padding:0;}
#subsales,#subcontact,#sublink{ width:100%; padding:10px 0 0 0 ; margin:0 0 0 0px; clear:both; }

#sublink li{ margin:0 0 25px -35px; padding:0;}
#sublink li img{ width:150px; height:50px;}



/*page*/
.sb_pag{padding:10px 0 10px 120px;margin:10px 0 0px 0px;width:80%;float:left}
.sb_pag ul,.sb_pag li{list-style-type:none;margin:0;padding:0}
.sb_pag li{float:left}
.sb_pag a{display:block;border:1px solid #d4d4d4;padding:.3em .7em;margin:0 .38em 0 0;text-align:center;}
a.sb_pagP,a.sb_pagN{padding:.38em .5em;border:none;}
.sb_pag a:hover,a.sb_pagS{text-decoration:none;background:#fbefdb;border:1px solid #91C245}
a.sb_pagP{margin-right:.7em;padding-left:0}
a:hover.sb_pagP,a:hover.sb_pagN{text-decoration:underline;background-color:transparent;border:none}
a.sb_pagP,a.sb_pagN{padding-top:.5em}
/*page*/

.title {clear:both; font-weight:bold;color:#0059A9;  text-align:left; text-transform:capitalize; height:30px; line-height:30px; text-indent:25px; background:url(../i/icon_2.gif) no-repeat left  top; height:20px; line-height:20px;text-indent:25px; }
.title  a{color:#0059A9;}
.title a:hover{text-decoration:none;color:#666;background:transparent}

#products{ clear:both}
.pro-list{ width:380px; float:left; margin:15px  0 15px 0; padding:0 ; color:#333333;}
.pro-list img{ float:left; padding:5px; margin:0 5px 0 0; width:150px; height:120px; border:1px double #d2d2d2;}
.pro-list ul{ margin:0 0 10px 0px;font-size:12px; padding:0 ;}
.pro-list ul li{ margin:0 0 4px 0 ; padding:0; }


#news  li{ margin:10px 20px 8px 0; padding:0;   clear:both;}
.date{ margin:-10px 0 0 0; padding:0; color:#999999; }
#news .content{ padding:0; margin:0px 0 10px 0;} 
.news-list:link, a.news-list:visited {
display:block; padding:1px 0 0 14px; margin:2px;width: auto; height: auto; text-align:left; line-height:20px;
text-decoration:none; background:url(../i/viao.gif) no-repeat left; color:#797979; text-indent:5px; font-weight:bold;}

.news-list a:hover {display:block; padding:1px 0 0 14px; margin:2px;width: auto; height: auto; text-align:left; line-height:20px; color:#535353; font-weight:bold;}

#news-page{ line-height:25px; margin:0 auto; padding:0 15px 0 15px;}
.news-title{margin:0 auto;padding: 0px 10px 10px 20px;text-transform:capitalize;font-size: 16px;text-indent:5px; width:60%;}
.pre-list{ background:url(../i/back.png)   no-repeat left; text-indent:35px;  padding:0; margin:0; border-top: 1px  dotted #dedede; clear:both; width:98%;}
.next-list { background:url(../i/next.png) no-repeat left; text-indent:35px; padding:0; margin:0; clear:both; width:98%;}


#factory li{ float:left; margin:0 20px 30px 0px; width:200px; padding:0;}
#certificate li{ float:left; margin:0 60px 20px 0px; width:220px; padding:0;}
#certificate li img{ width:220px; height:350px; border:1px double #d2d2d2;}
#quality li{ float:left; margin:0 35px 10px 0; padding:0;}
#quality  li img{ width:300px; height:500px; border:1px double #d2d2d2;}


#online_main{ margin:0 ; padding:7px; clear:both; background:#F5F5F5; float:left; border:1px double #d2d2d2;}
#online_main p{ clear:both; padding:0; margin:0 0 -3px 0;}
#feedback{margin:0 0 0 35px;}
*.onleft{text-align:right; display:block; float:left; clear:left; width:150px; margin:10px 0  10px 0}
*.online-right{ margin:10px 0 10px 5px;}
textarea{ margin-top:10px; margin-left:5px;}
#onlinesend{ margin:0 0 0 180px;}
*.mark {color:#0C43A7; padding:0 3px 3px 3px;}
*.topground{ margin:10px 10px 10px 10px;}
#ground5{ margin-left:127px;}
.send{ color:#000582;}


#category  ul li{ list-style-type:none; margin:20px 20px 20px 0; padding:0; float:left; width:340px; line-height:20px; height:400px;}
#category  ul li img{ width:300px ; height:240px;}
#category  strong a:link{ text-decoration:underline ; font-size:18px; font-weight:bold; text-transform:capitalize;}
#category  strong a:hover{ text-decoration: none ; font-size:18px; font-weight:bold; color:#0059A9; }



table{ border-collapse:collapse; margin:20px 0 0 0; padding:0; }
td{ border:#d2d2d2 solid 1px; padding:5px; }

#pro-detail{ width:98%; margin:0 auto; padding:0; float:left;}
#pro-detail p{ width:98%; float:left; margin:0 auto; padding:0;}
#pro-detail table{ border-collapse:collapse; margin:20px 0 0 0; padding:0; width:600px; height:auto; }
#pro-detail td{ border:#d2d2d2 solid 1px; padding:5px; }
 #pro-description{ float:left; line-height:20px; width: 98%; margin:0 0 50px 0; padding:0; }
#pro-pic img{ float:left; padding:0 30px 0 0; margin:0; width:420px; height:340px;}

#Parameters{  margin:0; padding:0; clear:both; width:98%;}

#related{ margin:0 auto; padding:20px 0 30px 0; float:left ; width:98%;}
#related img{ width:180px; height:120px; margin:0 auto; padding:0;}

#link ul li{ float:left; margin:0 40px 40px 0  ;  padding:0;}
#link ul li img{ border: 1px double  #d2d2d2; margin:0; padding:10px; width:200px; height:60px;}

#contact { margin:0 ; padding:0; float:left; line-height:22px; }
#contact address{ clear:both;}

#about p{ line-height:25px; width:98%;}
#about  p a{ color:#0059A9; font-weight:bold; text-decoration:underline;}
#about  p a:hover {color:#000;cursor:pointer; text-decoration: none;}

.sales table td { padding:5px; width:250px; height:30px;}
.th{ background:#0059A9; color:#fff; font-weight:bold; text-align:left;}

#index-left p{ margin:0 10px 0 0; padding:0; width:98%;}
#menu a{ color:#0059A9; font-weight:bold;}

#subnews{ float:left; width:100%;}
#subnews ul{ margin:0 auto; padding:0;}
#subnews li{ width:100%; clear:both; margin:0 0 10px 0; border-bottom: 1px dashed #ccc ;}

.hurras-nav h3{width:100%; text-align:left; font-size:12px; margin: 0; clear:both; padding:20px 0 10px 30px;  font-weight:bold;}
.hurras-nav{margin:0 0 20px 0; padding:0 0 20px 0 ; width:100%; clear:both; }
.hurras-nav ul{margin:0 0 10px 0px ;  text-align:left; width:100%; clear:both;}
.hurras-nav ul li{padding:0 ;margin:0 20px 10px -10px; float:left; text-indent:20px; width:240px; font-size:12px; background:url(../i/ico006.gif) no-repeat  center left;display:block;}\
.hurras-nav  h3 a{ font-weight: bold; color:#333333;  }
#location {width:95%; height:20px; line-height:20px; padding:0; margin:0px 60px 0px 0; float: right ; text-transform: capitalize; clear:both; text-align:right;}

#pro-detail ul{ margin:0 0 0 20px ; padding:0 ; float:left; }
#pro-detail ul li{ margin:3px 0 5px 0; padding:0; list-style:decimal;}
#video{ width:100%; margin:0 ; padding:0; }
.video-pic{ margin:0  auto; padding:0; clear:both; float:left; width:60%; }
#list  li{ list-style-type: square; margin:0 0 0 -15px; padding:0;}


#error{ width:98%; margin:0  0 0 120px ; padding:0; }
#error h2{ font-size:20px; margin:0 auto; padding:0; }
#error h3{ margin:50px 0 0 0; padding:0; }
#error h4{ color:#0059A9; padding:0; margin:20px 0 -3px 0;}
#error  ul{ float:left; margin:0px  0 0 0 ; padding:0; width:300px; }
#error  img{ margin:0  auto; padding:0; float:left; width:760px; }

#location  a{ text-decoration:underline; color:#333; }
#location a:hover { text-decoration: none; color:#0059A9; }

#quality  p a,#certificate  p a{ text-decoration:underline; font-weight:bold; color:#000;}
#quality p a:hover ,#certificate p a:hover{text-decoration:none; font-weight:bold; color:#0C43A7;}
#about p a,#index-left p a,#contact p a{color:#0059A9; text-decoration:underline; font-weight:bold;}
#about p a,#index-left p a,#contact p a{ color:#333; text-decoration:none; font-weight:bold;}

 .friendly:link ,.friendly:visited{ margin:0px 10px; color:#0059A9; text-decoration:underline; font-weight:bold;}
 .friendly:hover, .friendly:active, .friendly:focus { margin:0px 10px; color:#000; text-decoration:none;  font-weight:bold;}
 
#footer a:link ,#footer a:visited{ color:#333; text-decoration:none; }
#footer a:hover, #footer a:active, #footer a:focus {  color:#0059A9; text-decoration:underline;}