/*---------------------------  È«¾Ö -------------------------------*/
.header,.MainBody,.MainBody01,.MainBody03,.MainBody,.footer{width:1000px; padding:0px; margin:0px auto;}
#header,#banner,#footer,.MainBody02,#banner1{width:100%; padding:0px; margin:0px auto;  }
#banner1{ background:url(../images/about1.jpg) no-repeat center top; height:180px;}
.MainBody{ margin-top:-180px;}
/*---------------------------  HomePage -------------------------------*/
/*** header ***/
/* header */
.header h1 a{ background:url(../images/sante_logo.png) no-repeat; width:398px; height:80px; margin:10px 0px 10px 0px; display:block;}
.Quinav a{ float: right; margin-top: 10px; background: #f3f3f3; display: block; padding: 2px 10px; margin-left: 10px; margin-bottom: 10px; color: #676767; font-size:12px;}

/* nav */
#nav{ background:#E41D1A;  height:40px; border-top: #ffe5d1 solid 1px; }
.nav ul li { text-align: center; float: left; height:40px;}
.nav li a { color: #fff; display: block; font-size: 14px; font-weight: normal;width:100px; cursor: pointer; height: 40px; line-height: 40px;}
.nav li a:hover, .nav li.hover a { background: #ff4a4a; color: #fff; width:100px;display: block;  overflow: hidden; }

/* Search */
.Search{height:23px;width:255px;}
#keywords{float:left;height:20px; padding-left:15px; line-height:20px; width:168px; color:#aeaeae; font-size:14px;border:none; margin-top:9px; border:none; background:url(../images/Search_bg.png) no-repeat;}
#searchbtn{float:left;display:inline;width:67px;height:23px;border:none;cursor:pointer;padding:0px;background:url(../images/Search_but.png) no-repeat; margin-top:9px;}  

/* banner */
#banner{ height:700px; width:100%; margin:0px auto;}
.flexslider{position:relative;height:700px;overflow:hidden;}
.slides{position:relative;z-index:1;}
.slides li{height:700px;}
.flex-control-nav{position:absolute;bottom:10px;z-index:2;width:100%;text-align:center;}
.flex-control-nav li{display:inline-block;width:14px;height:14px;margin:0 5px;*display:inline;zoom:1;}
.flex-control-nav a{display:inline-block;width:14px;height:14px;line-height:40px;overflow:hidden;background:url(../images/dot.png) right 0 no-repeat;cursor:pointer;}
.flex-control-nav .flex-active{background-position:0 0;}
.flex-direction-nav{position:absolute;z-index:3;width:100%;top:45%;}
.flex-direction-nav li a{display:block;width:50px;height:50px;overflow:hidden;cursor:pointer;position:absolute;}
.flex-direction-nav li a.flex-prev{left:130px;background:url(../images/prev.png) center center no-repeat;}
.flex-direction-nav li a.flex-next{right:130px;background:url(../images/next.png) center center no-repeat;}

/***  MainBody01  ***/
.MainBody01{ padding-top:30px;}
/* Product Recommod */
.hp-tab-newprd{width:1000px;margin:0 auto;overflow: hidden;position: relative;}
.hp-tab-newprd .j-sw-nav{padding-top: 1px;width: 1000px;margin: 0 auto;overflow: hidden;position: relative; margin:40px auto;}
.hp-tab-newprd .j-sw-nav li{ display: inline-block; float: left;  width:20%; text-align:center;}
.hp-tab-newprd a.tab_bg{display: block; _margin-top:-25px;}
.hp-tab-newprd .j-sw-nav li a{ font-size: 16px;position: relative;display: block;padding: 0 10px;text-align: center;text-transform: uppercase;color: #b3b3b3;font-weight: bold;word-wrap: break-word;overflow: hidden;outline: 0;cursor:pointer;}
.newprd-s1, .newprd-s1 a{z-index: 20}
.newprd-s1 i{ background-position: 0px 0px; display: inline-block; width: 61px; height: 70px; text-align: center; margin-top: 25px;}
.newprd-s2 i{ background-position: 0px -70px; display: inline-block; width: 61px; height: 70px; text-align: center; margin-top: 25px;}
.newprd-s3 i{ background-position: 0px -140px; display: inline-block; width: 61px; height: 70px; text-align: center; margin-top: 25px;}
.newprd-s4 i{ background-position: 0px -210px; display: inline-block; width: 61px; height: 70px; text-align: center; margin-top: 25px;}
.newprd-s5 i{ background-position: 0px -280px; display: inline-block; width: 61px; height: 70px; text-align: center; margin-top: 28px;}
.newprd-s6 i{ background-position: 0px -350px; display: inline-block; width: 61px; height: 70px; text-align: center; margin-top: 28px;}
.newprd-s7 i{ background-position: 0px -420px; display: inline-block; width: 61px; height: 70px; text-align: center; margin-top: 28px;}
.newprd-s2, .newprd-s2 a{z-index: 19}
.newprd-s3, .newprd-s3 a{z-index: 18}
.newprd-s4, .newprd-s4 a{z-index: 17}
.newprd-s5, .newprd-s5 a{z-index: 16}
.newprd-s6, .newprd-s6 a{z-index: 15}
.newprd-s7, .newprd-s7 a{z-index: 14}
.newprd-s3 .last{ margin-right: 0px !important;}
.hp-tab-newprd .j-sw-nav li .tab_wenzi{ color: #b3b3b3; height: 30px; line-height: 30px; text-align: center; font-size: 16px;}
.hp-tab-newprd .newprd-clip{padding-left:25px;}
.hp-tab-newprd .j-sw-nav .on{position: relative;z-index: 99}

.hp-tab-newprd .j-sw-nav li.on a.tab_bg{display: block;} 
.hp-tab-newprd .j-sw-nav li.on a.tab_wenzi{color: #E41D1A; text-align: center;}


.img-box01{position:relative; right:-20px; left:0px; width:1030px;}

.hp-tab-newprd .j-sw-c ul{zoom:1;overflow:hidden;width:1000px; position:relative;}
.hp-tab-newprd .j-sw-c li{float: left;margin-bottom: 20px;margin-right: 16px;display:inline; height: 230px;  position:relative;}
.hp-tab-newprd .j-sw-c li a{ border:#CCC 1px dotted;}
.product01 li .mark{  background:url(../images/jia.png) no-repeat center 80px #000;opacity:0.7; display:none; width:312px; height:196px; 
	position:absolute; left:0; top:0; z-index:15; text-indent:-3000px; overflow:hidden;filter:alpha(opacity=0.7); 
	margin-left:1px; }
.protit{  width: 100%; margin:60px auto; text-align: center; height: 84px; background:url(../images/tb.png) no-repeat center  center; line-height:84px;}
.protit h2{ width: 100%; font-size: 24px; color: #666666; margin: 0px auto;}
.protit .protit_bg{ height: 20px; border-bottom: #ff4a4a solid 1px;}
.protit .protit_bg p{ background: #fff; width: 50px; margin: 0px auto; padding-top: 7px; padding-left: 10px;}
.protit .protit_bg i{ background-position: 0px -165px; width: 40px; height: 27px; display: block; text-align: center; margin-top:2px;}
.proname{ margin-top: 10px; *width:312px; display: block; height: 30px; line-height: 30px; color: #666; font-size: 14px; text-align: center;}

/***  MainBody02  ***/
.MainBody02{ background: #fff4f4;}
.MainBody02 h4{ color: #ff4a4a; font-size: 16px; font-weight: normal; text-align: left; height: 30px; line-height: 30px; margin-bottom: 10px;}
.MainBody02 h4 a{ color: #666666; font-size: 12px; text-align: right; text-transform: uppercase; float: right; *margin-top:-30px;}

/* Stores */
.Stores{ width: 480px;}
.focus{ position:relative; width:480px; height:270px;  float: left;}  
.focus img{ width: 480px; height: 270px;} 
.focus .shadow .title{width: 260px; height: 65px;padding-left: 30px;padding-top: 20px;}
.focus .shadow .title a{ text-decoration:none; color:#fff; font-size:14px; font-weight:bolder; overflow:hidden; }
.focus .btn{ position:absolute; bottom:34px; left:510px; overflow:hidden; zoom:1;} 
.focus .btn a{position:relative; display:inline; width:13px; height:13px; border-radius:7px; margin:0 5px;color:#B0B0B0;font:12px/15px "\5B8B\4F53"; text-decoration:none; text-align:center; outline:0; float:left; background:#D9D9D9; }  
.focus .btn a:hover,.focus .btn a.current{  cursor:pointer;background:#fc114a;}  
.focus .fPic{ position:absolute; left:0px; top:0px; }  
.focus .D1fBt{ overflow:hidden; zoom:1;  height:16px; z-index:10;  }  
.focus .shadow{ width:100%; position:absolute; bottom:0; left:0px; z-index:10; height:30px; line-height: 30px; background:rgba(0,0,0,0.6);    
filter:progid:DXImageTransform.Microsoft.gradient( GradientType = 0,startColorstr = '#80000000',endColorstr = '#80000000')\9;  display:block;  text-align:left; }  
.focus .shadow a{ text-decoration:none; color:#fff; font-size:14px; overflow:hidden; margin-left:10px; font-family: "\5FAE\8F6F\96C5\9ED1";}  
.focus .fcon{ position:relative; width:100%; float:left;  display:none; background:#000  }  
.focus .fcon img{ display:block; }  
.focus .fbg{bottom:0px; right:5px; position:absolute; height:21px; text-align:center; z-index: 200; }  
.focus .fbg div{margin:4px auto 0;overflow:hidden;zoom:1;height:14px}    
.focus .D1fBt{ float: right;}
.focus .D1fBt a{position:relative; display:inline; width:7px; height:7px; border-radius:7px; margin:0 3px;color:#B0B0B0;font:12px/15px "\5B8B\4F53"; text-decoration:none; text-align:center; outline:0; float:left; background:#D9D9D9; }    
.focus .D1fBt .current,.focus .D1fBt a:hover{background:#fc114a;}    
.focus .D1fBt img{display:none}    
.focus .D1fBt i{display:none; font-style:normal; }    
.focus .prev,.focus .next{position:absolute;width:18px;height:50px;background: url(../images/focus_btn.png) no-repeat;}
.focus .prev{top: 50%;margin-top: -21px; left: 0;background-position:0 -50px; cursor:pointer; }  
.focus .next{top: 50%;margin-top: -21px; right: 0;  background-position:-18px -50px;  cursor:pointer;}  
.focus .prev:hover{  background-position:0 0; }  
.focus .next:hover{  background-position:-18px 0;}  

/* news */
.news{ width:500px;}
.newscon dl{ height: 60px; overflow: hidden; margin-bottom: 12px;}
.newscon dl dt{ width: 40px; margin-right: 10px; color: #fff; text-align: center;}
.newscon dl dt p{ background: #ff4a4a; font-size: 14px; font-family:Arial, Helvetica, sans-serif; height: 32px; line-height: 32px;}
.newscon dl dt span{ background: #ffffff; font-size: 14px; color: #666; height: 28px; line-height: 28px; display: block;}
.newscon dl dd{ width: 450px; overflow: hidden;}
.newscon dl dd h5{ font-size: 14px;line-height: 20px; color:#ff4a4a;}
.newscon dl dd p{ font-size: 12px; color: #666; height: 40px; overflow: hidden; margin-top: 5px;}

/***  MainBody03  ***/

/* about */
.aboutcon01{ line-height: 22px; font-size: 12px; color: #666;overflow: hidden;}
.aboutcon01 img{ margin-right:15px;}
.aboutcon01 a{ color: #ff4a4a;}

/*** footer ***/
#footer { background: #E41D1A; padding:35px 0px; color: #ebebeb; line-height:23px; font-size: 14px; margin-top: 40px;  *margin-top: 20px; height:auto; overflow:hidden;}
.footer ul { margin-left:160px;}
.footer ul li{ float:left; max-width:220px; margin:auto 50px;}
.footer .ftitle{ font-size:16px; font-weight:bold;}
/* backtop */
.dn{display: none;}
.go-top{position: fixed;bottom: 40px;right: 20px;width: 46px;z-index: 999;}
.go-top a{display: block;width: 46px;height: 46px;margin-bottom: 10px;background-image: url(../images/go-top.png?);}
.go-top a:last-child{margin-bottom: 0;}
.go-top .go{background-position: 0 -150px;}
.go-top .go:hover{background-position: 0 -250px;}

/*---------------------------  Content Page -------------------------------*/
#pagebanner{ height:200px; width:100%; margin:0px auto 20px auto;}
/** prolist **/
.prolist{margin: 0px auto;}
.prolist ul li{ float: left; margin-right:12px;}
.prolist ul li a{ color: #fff; font-size: 14px; margin: 10px 9px;}
.prolist li a:hover{ color: #fff; }

.sprolist{margin: 5px auto;}
.sprolist ul li{ float: left; background-color:#ccc; margin-right:10px;}
.sprolist ul li a{ color: #fff; font-size: 12px; margin: 10px 12px;}
.sprolist li a:hover{ color: #fff; }
/** SideBar **/
.SideBar{line-height:22px; width:740px;}
.PageCon{  line-height:180%; color:#666;  font-size:16px !important; width: 1000px; margin: 30px auto;}
.PageCon h5{ font-size:24px; color:#F00}
/*---------------------------  Product Page -------------------------------*/
.img-box02{position:relative; right:-20px; left:0px; width:1030px; }
.product02 li{ width:312px; height:230px; overflow:hidden; float:left; margin:10px 30px 20px 0px; position:relative; text-align:center; }
.product02 li img{  position:absolute; left:0; top:0; z-index:10; max-height:196px;_height:expression((document.documentElement.clientHeight||document.body.clientHeight)<196?"196px":""); overflow:hidden;max-width:312px;width:expression_r(document.body.clientWidth > 312? "312px": "auto" ); vertical-align:middle;margin-left:1px; margin-top:1px;}
.product01 li img{  position:absolute; left:0; top:0; z-index:10; max-height:196px;_height:expression((document.documentElement.clientHeight||document.body.clientHeight)<196?"196px":""); overflow:hidden;max-width:312px;width:expression_r(document.body.clientWidth > 312? "312px": "auto" ); vertical-align:middle;margin-left:1px; margin-top:1px;}

.ProImg{  width:312px; height:196px; display:block; }
.product02 li .mark{  background:url(../images/jia.png) no-repeat center 80px #000;opacity:0.7; display:none; width:312px; height:196px; color: #999 !important; position:absolute; left:0; top:0; z-index:15; text-indent:-3000px; overflow:hidden;filter:alpha(opacity=0.7); margin-left:1px; margin-top:1px;}
.ProName{ display:block; color:#666;height: 30px; line-height: 30px;  top:200px; *top:200px; position:absolute; text-align:center; width:312px; font-size:14px; *margin-left:-155px;}	


/*---------------------------  News Page -------------------------------*/
.newscon1 dl{ height: 60px; overflow: hidden; margin-bottom: 20px;}
.newscon1 dl dt{ width: 40px; margin-right: 10px; color: #fff; text-align: center;}
.newscon1 dl dt p{ background: #ff4a4a; font-size: 14px; font-family:Arial, Helvetica, sans-serif; height: 32px; line-height: 32px;}
.newscon1 dl dt span{ background: #f0f0f0; font-size: 14px; color: #666; height: 28px; line-height: 28px; display: block;}
.newscon1 dl dd{ width: 925px; overflow: hidden;}
.newscon1 dl dd h5{ font-size: 14px;line-height: 20px; color:#ff4a4a;}
.newscon1 dl dd p{ font-size: 12px; color: #666; height: 45px; line-height: 18px; overflow: hidden; margin-top: 5px;}
.newscon1 dl:hover dd h5,.newscon1 a.hover3 dl dd h5{ color:##ff4a4a;}

/*·ÖÒ³*/
.sh_page{margin:30px 0px 0px 0px;height:33px;line-height:33px;*line-height:50px; text-align:center;}
.sh_page a{padding:5px 8px;border:1px solid #ccc;margin-left:3px;color:#5b5b5b;}
.sh_page a:hover ,.sh_page .dangqian{border-bottom:2px solid #cb0202; color:#d30202;}
.pagelink {clear:both;font-size:12px;text-align:center;overflow:hidden; margin-top:15px; font-size:12px;}
.pagelink a,div.pagelink span{padding:5px 8px;height:23px;color:#4c4c4c;border:1px solid #ddd; text-decoration:none; margin:2px;line-height:38px;}
.pagelink a:hover{color:#ff7f00;text-decoration:none;padding:5px 8px;border-bottom:2px solid #666}
.pagelink .current{color:#ff7f00;padding:5px 8px;border:1px solid #ddd;border-bottom:2px solid #cb0202;font-weight:bold}

/*·­Ò³*/


.fanye{ font-size:12px; color:#d30202;line-height:24px;margin:20px 0px 20px 0px;}
.fanye div {background-color:#f2eeee; padding:4px 6px 4px 10px; margin-top:5px;}
.fanye a { color:#333;}

/*---------------------------  Detail Page -------------------------------*/
.time2 { margin-top:10px; font:12px Arial, Helvetica, sans-serif; }
.show_pic{font-family: Arial, Helvetica, sans-serif; padding-top:10px; margin:0px 40px;}
.pic_cp img{max-width:650px;  margin-top:10px; margin-bottom:2px; }
.nrr { line-height:24px; color:#333; margin-top:10px;}
.lan h2 { color:#000;font-family: Arial, Helvetica, sans-serif; font-size:20px;}
.lan font { color:#76c006; font-size:30px;}