﻿@charset "utf-8";
/* CSS Document */
body{ font-size:12px; margin:10px auto;background:url(../images/body_bj3.jpg) repeat-x;font-family:Arial;}
.body{ width:960px; margin:0 auto;}
a{ text-decoration:none; color:#333;}
a:hover{ color:#F30;}
img{border:0px;}
h1,h2,h3,h4,h5,h6,ul,li,p,dl,dt,dd{margin:0px; padding:0px;}
.cl{clear:both;}
li{list-style:none;}
/*top logo*/
.top {height:143px;width: 960px;margin:auto;}
.top .topwelcome{widht:960px;height:24px;background:#F5F5F5;font-size:12px;color:#666;line-height:24px;}
.top .topwelcome .l{float:left;}
.top .topwelcome .r{float:right;}
.top .logo{width:244px;height:113px;float:left;}
.top .logo a{ width:244px; height:113px; font-size:0; line-height:400px; overflow:hidden; display:block; background:url(../images/logo.jpg) no-repeat;}
.top .hottel{width:700px;height:113px;float:right;}
.clearfix{overflow:hidden;_zoom:1;}
.test ul{width:960px;padding:-10px;overflow:hidden;}
.test ul li{display:inline-block;width:470px;margin:10px;height:270px;overflow:hidden;}
.test ul li img{width:360px;height:270px;float:left;}
.test ul li p{width:110px;margin-left:10px;float:left;}

/*dao hang*/
.Nav{width:100%; height:36px; margin:0 auto;text-align:center;background:url(../images/navbg.jpg) repeat-x;}
.Nav ul{ padding:0 0 0 0px; width:960px; margin:auto;}
.Nav li{ width:96px; float:left; line-height:36px; display:block; background:url(../images/nav_xian.jpg) no-repeat right;}
.Nav li a{ font-size:14px; font-weight:bold; color:#fff; display:block;}
.Nav li a:hover{color:#fcff00;}
.Nav .link a:link{color:#FFF;}

/*search*/
.search {height:24px; margin:0 auto; background:#ececec;padding:3px;border-bottom:1px solid #CCC;}
.search ul{width:960px; margin:auto;}
.search ul li{float:left;line-height:24px;list-style:none;}
.search .kuang{margin-left:20px; background:url(../images/Ssuo_kuang.jpg) no-repeat; width:170px; height:24px; display:block; line-height:24px; border:0px; float:left;padding-left:26px;}
.search .anniu{ background:url(../images/Ssuo_anniu.jpg) no-repeat; width:48px; height:24px; display:block; cursor:pointer;border:0px;margin-right:10px;}

/*nei long*/
.content {margin-top:15px;width:960px;height:auto;}

/*left title*/
.content .con_left{width:230px;float:left;}
.content .con_left_title{height:40px;line-height:40px;padding-left:30px;font-size:14px;font-weight:bold;color:#FFF;background:#C00;}
.content .con_left_bd{border:1px solid #CCC;padding-top:0px;}
.content .con_left_bd ul li{padding-left:10px;font-size:12px;line-height:30px;list-style:none;}

/*left product series*/
.list_bg ul li{background:url(../images/list_bg.jpg) no-repeat top left; line-height:28px;min-height:28px; font-weight:bold; margin:1px 0; overflow:visible;list-style:none;} 
.list_bg ul li ul li{font-weight:100;}
.list_bg ul li a,.list_bg ul li ul li a{ width:230px; height:28px; line-height:28px; display:block;}
.list_bg ul li ul li a{color:#666;}
.list_bg ul li a span,.list_bg ul li ul li a span{padding-left:40px;}

/*content right */
.content .con_right{width:720px;float:right;}
.content .con_right .flash{width:720px;height:300px;}
.content .con_right .r1{margin-top:15px;weight:720px;height:340px;}
.content .con_right .httpbg{height:720px;height:41px;background:url(../images/http.jpg) no-repeat;}
.content .con_right .httpbg span {line-height:34px;font-size:14px;color:#FFF;padding-left:25px;font-weight:bold;}
.content .con_right h3{line-height:32px;margin-left:10px;color:#FFF;}

/*recommand title*/
.recom_title{height:37px; width:720px;background:url(../images/title_bg3.jpg) repeat-x;}
.recom_title h3{font-size:14px;line-height:32px; width:104px; height:37px; background:url(../images/title_bg3.jpg) 0 -74px;margin-left:10px;text-align:center;color:#fff; float:left;}
.recom_title span{ float:right; height:37px; width:45px; background:url(../images/title_bg3.jpg) 0 -37px;}
.recom_title span a{margin-right:10px; width:35px;height:37px; background:url(../images/title_bg3.jpg) 0 -111px; font-size:0px; line-height:100px;overflow:hidden; display:block;}

/*recommand product*/
.comm{ width:718px;height:300px;font-size:12px;line-height:24px;list-style:none;border:1px solid #CCC;border-top:0px;}
.comm .left  {margin:20 0 0 10 ;float:left;width:340px; height:140px;}
.comm .left  .pic{margin-top:15px;float:left;width:141px;height:105px;}
.comm .left  .txt{float:right;width:199px;height:130px;}
.comm .right {margin:20 10 0 0 ;float:right;width:340px; height:140px;}
.comm .right .pic{margin-top:15px;float:left;width:141px;height:105px;}
.comm .right .txt{float:right;width:199px;height:130px;}

/*news*/
.content .con_right .r2{margin-top:15px;width:720px;}

/*news title*/
.titlenews{height:37px; width:350px;background:url(../images/title_bg.png) repeat-x;}
.titlenews h3{font-size:14px;line-height:32px; width:95px; height:37px; background:url(../images/title_bg.png) 0 -74px;margin-left:10px;text-align:center;color:#fff; float:left;}
.titlenews span{ float:right; height:37px; width:45px; background:url(../images/title_bg.png) 0 -37px;}
.titlenews span a{margin-right:10px; width:35px;height:37px; background:url(../images/title_bg.png) 0 -111px; font-size:0px; line-height:100px;overflow:hidden; display:block;}

/*news list*/
.fl{ float:left;}
.fr{ float:right;}
.newlist{width:348px;min-height:150px;border:1px solid #CCC;border-top:0px;list-style:none;}
.newlist ul{padding:5px 10px;}
.newlist ul li{background:url(../images/arr1.gif) no-repeat left center; min-height:24px; line-height:24px;padding-left:20px;list-style:none;border-bottom:1px dotted #CCC;}
.newlist ul li h4 a{color:#333}
.newlist ul li {clear:both;}
.newlist ul li span{ float:right; line-height:25px;}
.newlist ul li p{color:#999;}

/*friend link*/
.frd{clear:both;margin-top:15px;widht:958px;padding-left:5px;line-height:24px;border:1px solid #CCC;list-style:none;}

/*bottom*/
.bottomline {clear:both;margin-top:15px;width:100%;height:20px;background:#ECECEC;border-top:1px solid #CCC;}
.bottom{clear:both;width:100%; height:60px;}
.bottom ul{width:960px;margin:auto;}
.bottom ul li{font-size:12px;line-height:32px;text-align:center;list-style:none;}


/*template html */
.content_main{border:1px solid #CCC; border-top:0px; padding:10px;min-height:555px;}
.content_main img{max-width:700px;}
.content_main .sitepath{ line-height:24px; padding:5px 0 10px 0;}
.content_main h2{ text-align:center; width:100%; padding:10px 0;}
.content_main .info{ text-align:right; padding-right:10px;}
.content_main p{ margin:10px 0; padding:5px 0; line-height:25px; font-size:14px;}
.content_main .npic{background:#CCC}
.content_main .npic tr td{ padding:5px;background:#FFF;}
.content_main li {background:url(../images/arr1.gif) no-repeat left center;padding-left:20px;line-height:30px;list-style:none;border-bottom:1px dotted #CCC;}
.content_main li span{float:right;}
.jianjie {line-height:30px;}

/*list all products*/
.product{border:1px solid #CCC; border-top:0px; padding:10px;min-height:555px;}
dl{border-bottom:1px dotted #CCC; margin:10px 0;padding:5px;}
dl dt{font-size:14px;font-weight:bold;}
dl dd{font-size:12px;color:#666;line-height:24px;}
dl dd.pic{float:left; width:150px;height:125px; margin-right:5px;border:1px solid #f2f2f2;}

/*list all sample*/
.sample{border:1px solid #CCC;list-style:none;}
.sample li{float:left;margin:10px 10px;text-align:center;}

/*.search_rlt {border-bottom:1px dotted #CCC;}*/
.search_rlt_title{font-size:14px;font-weight:bold;color:#000;}
.search_rlt_txt{line-height:30px;}
.search_rlt_info{text-align:right;}

/* more pages */
.page{clear:both; font-family:Arial, Helvetica, sans-serif; line-height: normal; font-size: 14px; }
.page a,.page span{display:block;color:#390;font-weight:normal;text-decoration:none;letter-spacing:0px;border:1px solid #ccc;padding-top:3px;float:left;margin-top:5px;margin-right:2px;margin-bottom:5px;margin-left:2px;text-align:center;padding-right:5px;padding-left:5px;height:18px} /* SPAN and link */
.page a:hover, .page a.current{color:#F44;border:1px solid #F44} /* current link  */
.page input{padding:0px;color:#390;height:16px;width:25px;border:0px solid #fff;text-align:center;margin-top:0px;margin-right:-5px;margin-bottom:0px;margin-left:-5px;vertical-align:middle;font-size:12px} /* jump to INPUT */
.prenext{line-height:25px;border-top-width:1px;border-top-style:dashed;border-top-color:#ccc;padding-right:10px;padding-left:10px;  white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.prenext .pre{float:left;width:50%} /* pre page */
.prenext .pre a,.prenext .pre a:hover,.prenext a,.prenext a:hover{ text-decoration:none; color:#6e6e6e;}
.prenext .next{text-align:right;float:right;width:50%} /* next page */

.slideBox{ width:720px; height:300px; overflow:hidden; position:relative; border:1px solid #ddd;  }
.slideBox .hd{ height:15px; overflow:hidden; position:absolute; right:5px; bottom:5px; z-index:1; }
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.slideBox .hd ul li{ float:left; margin-right:2px;  width:15px; height:15px; line-height:14px; text-align:center; background:#fff; cursor:pointer; }
.slideBox .hd ul li.on{ background:#f00; color:#fff; }
.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd li{ zoom:1; vertical-align:middle; }
.slideBox .bd img{ width:720px; height:300px; display:block;  }
.slideBox .prev,.slideBox .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(../images/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5; }
.slideBox .next{ left:auto; right:3%; background-position:8px 5px; }
.slideBox .prev:hover,.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.slideBox .prevStop{ display:none;  }
.slideBox .nextStop{ display:none;  }