*{ padding: 0; }
body { color: black; font-size: 12px; background-color: white; background-image: url(images/bg.jpg); background-repeat: no-repeat; background-position: center 0; text-align: center; margin: 0; padding: 0; }
img{ border-style: none; border-width: 0; }
a{ color: #333; }
a:hover{ color: #900; text-decoration: underline; }
.f_left { float: left; }
.f_right { float: right; }
.clear { clear: both; }
.pd6 { padding: 6px; }
.mainbox { text-align: left; width: 960px; overflow: hidden; margin-right: auto; margin-left: auto; }
.header { height: 130px; overflow: hidden; }
.header .logo{  }
.header .h_right{}
.navbar { background-image: url(images/nav_bg.png); background-repeat: no-repeat; height: 77px; overflow: hidden; }
.navbar .navmenu{ height: 40px; overflow: hidden; }
.navbar .navmenu ul{ margin: 0 0 0 8px; list-style-type: none; }
.navbar .navmenu ul li{ font-size: 14px; line-height: 40px; background-image: url(images/nav_fg.png); background-repeat: no-repeat; background-position: left 0; float: left; }
.navbar .navmenu ul li:first-child{ font-size: 14px; line-height: 40px; background-image: none; background-position: right 0; float: left;}
.navbar .navmenu ul li a{ color: white; font-weight: bold; text-decoration: none; padding-right: 14px; padding-left: 16px; }
.navbar .navmenu ul li a:hover{ color: yellow; text-decoration: underline; }
.navbar .search{ height: 37px; overflow: hidden; }
.navbar .search label{ color: #324143; line-height: 36px; margin-left: 10px; }
.navbar .search .input_key{ line-height: 21px; height: 21px; padding-left: 2px; border: solid 1px #ccc; }
.navbar .search .sbnt{ vertical-align: -6px; }
.navbar .search .hotkeywords{}
.navbar .search .hotkeywords a{ color: #333; text-decoration: none; padding-right: 3px; padding-left: 7px; border-left: 1px solid #cfcfcf; }
.navbar .search .hotkeywords a:first-child{ border-width: 0; }
.navbar .search .hotkeywords a:hover{ color: #ba0e04; text-decoration: underline; }
.banner { background-color: white; width: 950px; height: 255px; overflow: hidden; margin-top: 8px; padding: 5px; }
.content { background-color: white; width: 100%; float: left; padding: 2px 5px 5px; }
.content .left{ width: 216px; overflow: hidden; float: left; }
.content .right{ float: left; }
.prodcate {  }
.prod_cate_list{ border: solid 1px #ccc; }
.prod_cate_list div{  }
.prod_cate_list h3{ font-size: 12px; font-weight: bold; line-height: 30px; background-image: url(images/prod_cate_h3.png); background-repeat: no-repeat; text-indent: 28px; height: 30px; overflow: hidden; margin: 0; padding: 0; cursor: pointer; outline:none medium; }
.prod_cate_list ul{ margin: 0; padding: 0 12px; list-style-type: none; }
.prod_cate_list ul li{ line-height: 28px; background-image: url(images/li_item.png); background-repeat: no-repeat; background-position: left 11px; text-indent: 12px; margin: 0; padding: 0; border-bottom: 1px dotted #ccc; }
.prod_cate_list ul li a{ color: #333; font-size: 12px; text-decoration: none; }
.prod_cate_list ul li a:hover{}
.home_contact { margin-top: 5px; border: solid 1px #ccc; }
.home_contact .con{ line-height: 22px; padding: 8px; list-style-type: none; }
.home_contact .con ul{ list-style-type: none; }
.home_contact .con li{ margin-left: 10px; list-style-type: none; }
.home_contact .con h4{ font-size: 14px; line-height: 46px; text-align: center; margin: 0 0 5px; padding: 0; border-bottom: 1px solid #ccc; }
.home_about { background-color: white; text-align: left; width: 500px; height: 260px; overflow: hidden; float: left; margin-right: 5px; margin-left: 5px; border: solid 1px #ccc; }
.home_about .con{ font-size: 14px; line-height: 20px; padding: 6px; }
.home_video{ background-color: white; width: 220px; height: 260px; overflow: hidden; float: right; margin-right: 5px; border: solid 1px #ccc; }
.home_video .con{ margin-top: 5px; margin-left: 4px; }
.title01 { background-image: url(images/title01.png); background-repeat: repeat-x; height: 34px; overflow: hidden; }
.title01 span{ color: white; font-size: 14px; font-weight: bold; line-height: 40px; background-image: url(images/title01_span.png); text-align: center; width: 92px; height: 34px; overflow: hidden; float: left; margin-left: 8px; display: block; }
.more { background-image: url(images/more.png); width: 40px; height: 12px; float: right; margin-top: 11px; margin-right: 8px; display: block; }
.title02 { line-height: 34px; background-image: url(images/title01.png); background-repeat: repeat-x; height: 34px; overflow: hidden; }
.title02 span{ color: #333; font-size: 14px; font-weight: bold; line-height: 34px; text-align: center; width: 92px; height: 34px; overflow: hidden; border-right: 1px solid #ccc; display: block; }
.title03 { background-image: url(images/title03.png); background-repeat: repeat-x; height: 34px; overflow: hidden; }
.title03 span{ color: white; font-size: 14px; font-weight: bold; line-height: 40px; background-image: url(images/title01_span.png); text-align: center; width: 92px; height: 34px; overflow: hidden; float: left; margin-left: 8px; display: block; }

.newprod { width: 727px; float: left; margin-top: 5px; margin-left: 5px; border: solid 1px #ccc; }
.newprod .con{}
.hotprod { width: 727px; float: left; margin-top: 5px; margin-left: 5px; border: solid 1px #ccc; }
.hotprod .con{}
.tabs{ float: left; margin: 0 0 0 5px; padding: 0; list-style-type: none; }
.tabs li{ float: left; margin-right: 3px; margin-left: 3px; }
.tabs li a{ color: #333; font-size: 14px; line-height: 40px; background-image: url(images/tabs_bg.png); text-decoration: none; text-align: center; width: 83px; height: 34px; overflow: hidden; display: block; outline: 0px; }
.tabs li a:hover{}
.tabs li a.cur{ color: #900; font-weight: bold; }
.home_news { width: 729px; float: left; margin-top: 5px; margin-left: 5px; }
.home_news_l{ width: 360px; float: left; border: solid 1px #ccc; }
.home_news_r{ width: 360px; float: right; border: solid 1px #ccc; }

.h_news{}
.h_news ul{ margin: 0 6px 0; }
.h_news ul li{ line-height: 28px; background-image: url(images/li.png); background-repeat: no-repeat; background-position: 0 11px; height: 28px; overflow: hidden; padding-left: 9px; border-bottom: 1px dotted #ccc; }
.h_news ul li a{ color: #333; font-size: 12px; text-decoration: none; }
.h_news ul li a:hover{ color: #c60f00; text-decoration: underline; }

.links { width: 950px; margin-right: 5px; margin-left: 5px; border: solid 1px #ccc; }
.links ul{ margin: 0; padding: 6px; list-style-type: none; }
.links ul li{ float: left; margin-right: 5px; margin-left: 5px; }
.links ul li a{ line-height: 22px; }
.links ul li a:hover{}
.hprod_list {  }
.hprod_list ul{ margin: 6px 0 6px -10px; list-style-type: none; }
.hprod_list ul li{ width: 168px; overflow: hidden; float: left; margin-bottom: 5px; margin-left: 15px; *margin-left: 6px;}
.hprod_list ul li a{ color: #333; line-height: 28px; text-decoration: none; text-align: center; width: 168px; height: 176px; overflow: hidden; float: left; display: block; }
.hprod_list ul li a:hover{ color: #c60f00; text-decoration: underline; }
.hprod_list ul li a img{ width: 164px; height: 148px; float: left; padding: 1px; border: solid 1px #ccc; }
.hprod_list ul li a:hover img{ border-color: #c60f00; }
.rit_con { background-color: white; width: 727px; margin-left: 5px; border: solid 1px #ccc; }

.rit_con h4{ line-height: 30px; background-color: #f1f1f1; padding-right: 6px; padding-left: 6px; border-bottom: 1px solid #e5e5e5; }
.rit_con h4 a{ color: #900; }
.rit_con h4 span a{ color: #666; }
.rit_con h4 span{ font-size: 12px; font-weight: normal; float: right; }

.prod_list { margin: 10px 0 0 5px; padding: 0; list-style-type: none; }
.prod_list li{ float: left; margin-right: 6px; margin-left: 6px; }
.prod_list li a{ color: #333; line-height: 32px; text-align: center; width: 166px; height: 176px; overflow: hidden; float: left; }
.prod_list li a:hover{ color: #c60f00; text-decoration: underline; }
.prod_list li a img{ background-color: white; width: 160px; height: 144px; float: left; padding: 1px; border: solid 1px #b4b4b4; }
.prod_list li a:hover img{ border-color: #c60f00; }
#pages { padding:10px 0; text-align:center; clear: both; }
#pages a { display:inline-block; padding:0 8px; height:22px; font-size:12px; line-height:22px; background:#fff; border:solid 1px #e3e3e3; text-align:center; color:#333; font-family: 宋体; margin-right: 2px; margin-left: 2px; }
#pages a.a1 {padding:0px 12px; height:22px; line-height:22px;margin-top:0px;}
#pages a:hover { background:#f1f1f1; color:#000; text-decoration:none; }
#pages span { display:inline-block; padding:0 8px; height:22px; line-height:22px; background:#5a85b2; border:solid 1px #5a85b2; color:#fff; text-align:center; margin: 0; }
.page .noPage { display:inline-block;  padding:0px 12px; height:22px; line-height:22px;border:1px solid #e3e3e3; text-align:center; color:#a4a4a4; }
.kefu { color: #333; width:99px; height:60px; position:absolute; top:0; list-style-type: none; }
.kefu .kftop{ background-image: url(images/kefu_top.gif); background-repeat: no-repeat; height:20px; }
.kefu .kfbottom{ background-image: url(images/kefu_bottom.gif); background-repeat: no-repeat; height:14px; }
.kefu .kfbox { border-left:1px solid #dde6ec; border-right:1px solid #dde6ec; overflow:hidden; zoom:1; padding:1px; background:#fff; color:#d3d3d3; line-height:26px; list-style-type: none; }
.kefu .kfbox ul { margin: 0; padding-right: 6px; padding-left:3px; list-style-type: none; }
.kefu .kfbox ul li{ color: #333; margin: 0; padding: 0; list-style-type: none; }
.kefu .kfbox ul li.tit {color:#800000;}
.kefu .kfbox ul li img {vertical-align:middle;}


#zoom_box { background-color: white; background-position: 0 0; width: 270px; height: 270px; overflow: hidden; float: left; padding: 1px; border: solid 1px #ddd; }
#zoom_box img{ width: 269px; }
.p_info {float:left;width:300px;margin-left:20px;}
.p_info dl label {float:LEFT;WIDTH:65PX;}
.p_info dl dd.buy_dd {padding:10px;border:1px solid #D1EBFF;background:#E2F2FF;line-height:35px;}
.p_info dl dd b {font-size:16px;font-weight:bold;color:#FB0000;}
.p_tabs {margin:10px 0;border-bottom:1px solid #c8c8c8;height:28px;}
.p_tabs ul li { font-size: 14px; font-weight: bold; float:left; padding:0 20px; margin-left:10px; line-height:28px; background:#c8c8c8; }
.list ul.pic li {width:134px;margin:5px 8px;_margin:5px 6px;}
.list ul.pic li span {width:132px;height:102px;}
.list ul.pic li span a {width:130px;height:100px;*font-size: 85px;border:1px solid #FFF;}
.list ul.pic li img  {max-height:100px;max-width:130px ;_height:expression(this.height > 100 && this.height>this.width ? "100px" : this.height);_width:expression(this.width > 130 && this.width>this.height ? "130px" : '');}
.list ul.pic {overflow:HIDDEN;MARGIN:0;}
.list dl.img { width:280px; margin:10px 0 10px 12px; overflow:hidden; border-bottom: 1px solid #ddd; }
.list dl.img dd.pic { float:left; width:134px; height:104px; margin-right:5px; }
.list dl.img dd.pic span {width:132px;height:102px;}
.list dl.img dd.pic span a {width:130px;height:100px;*font-size: 85px;border:1px solid #FFF;}
.list dl.img dd.pic img {max-height:100px;max-width:130px ;_height:expression(this.height > 100 && this.height>this.width ? "100px" : this.height);_width:expression(this.width > 130 && this.width>this.height ? "130px" : '');}
.list dl.img dd {line-height:24px;}
.list dl.img dd b {font-size:14px;color:#FB0000;}
.list dl.img dt a{color:#BF0000;}
.guestbook_list {margin:12px;line-height:26px;}
.guestbook_list dl {border:solid 1px #e9e9eb;margin:8px auto;padding:5px;}
.guestbook_list dl dt {border-bottom:1px dashed #e9e9eb;height:26px;line-height:26px;color:#c60f00}
.guestbook_list dl dt span {float:right;line-height:26px;}
.guestbook_list dl dd.g_content {padding:5px;line-height:26px;}
.post_box {border:solid 1px #eee;margin:15px 12px;}
.post_box h5 { line-height:30px; text-align:center; font-size:14px; border-bottom:1px solid #eee; height:30px; background:#e9e9eb; margin-bottom: 10px; padding: 0; }


/*图片展示*/

#posbox {margin:0 auto;width:720px;background:url(../images/box_1.png) no-repeat 0 -215px;height:50px;line-height:50px;overflow:hidden;zoom:1;}
#posbox  h2 {position: relative;float:left;margin-left:152px;_ margin-left:75px;background:none;height:50px;line-height:50px;color:#8F0000;font-size:21px;}
#posbox  h2 span {background: url(../images/white1.png) repeat-x;position: absolute;display: block;width: 100%;height:20px;margin-top:15px;_ margin-top:0px}





.picviewbox {border:1px solid #ddd;}
.f_l {float:left;}.f_r{float:right;}
 
#toolBar {width:720px;overflow:hidden;height:15px;line-height:12px;padding:5px 0;background:#000;}
#toolBar .f_l {margin-left:15px;}
#toolBar .f_l li {float:left;font-size:12px;color:#5C5C5C;padding-right:7px}
#toolBar .f_l li.full {height:12px;background:url(../images/icon.png) no-repeat 0 0;color:#9A9A9A;padding-left:21px;cursor:pointer;padding-right:16px;}
#toolBar .f_l li.play {height:12px;background:url(../images/icon.png) no-repeat 0 -14px;color:#9A9A9A;padding-left:21px;cursor:pointer;padding-right:16px;}
#toolBar .f_l li.stop {height:12px;background:url(../images/icon.png) no-repeat -188px 0;color:#9A9A9A;padding-left:21px;cursor:pointer;padding-right:16px;}
#toolBar .f_l li.save {height:12px;background:url(../images/icon.png) no-repeat 0 -28px;color:#9A9A9A;padding-left:21px;cursor:pointer;padding-right:16px;}
#toolBar .f_l li.save a:hover {color:#9A9A9A;text-decoration:none}
#toolBar .f_r li {float:left;font-size:12px;color:#5C5C5C;padding-right:7px;margin-top:2px;}
#toolBar .f_r li.comment {height:18px;background:url(../images/icon.png) no-repeat 0 -42px;color:#9A9A9A;padding-left:22px;cursor:pointer;padding-right:16px;margin-top:2px;}
#toolBar .f_l li.save a:hover,#toolBar .right li.comment a:hover {color:#9A9A9A;text-decoration:none}

 

#playbox { width:720px; height:320px; text-align:center; margin-top:8px; position:relative; background:white url(http://demo.yourphp.cn/Public/images/msg_loading.gif) no-repeat center; padding: 0; }
.pageLeft {position:absolute;left:0;top:0;width:100%;cursor:pointer;z-index:101}
.pageLeft span {float:left;width:102px;height:95px;margin:0 0 0 24px;_display:inline;background-image: url(http://demo.yourphp.cn/Yourphp/Tpl/Default/Public/images/right.png)!important;/* FF IE7 */background-repeat: no-repeat;_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://demo.yourphp.cn/Yourphp/Tpl/default/Public/images/right.png'); /* IE6 */_background-image: none; /* IE6 */}
.pageLeft span a,.pageRight span a {display:block;position:relative;width:102px;height:95px;}
.pageRight {position:absolute;left:0;top:0;width:100%;cursor:pointer;z-index:101}
.pageRight span {float:right;width:102px;height:95px;margin:0 24px 0 0;_display:inline;background-image: url(http://demo.yourphp.cn/Yourphp/Tpl/Default/Public/images/left.png)!important;/* FF IE7 */background-repeat: no-repeat;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://demo.yourphp.cn/Yourphp/Tpl/default/Public/images/left.png'); /* IE6 */_background-image: none; /* IE6 */}
.pageLeft-bg {position:absolute;left:0;top:0;width:100%;z-index:100}
.pageRight-bg {position:absolute;left:0;top:0;width:100%;z-index:100}
.pageLeft-bg,.pageRight-bg {background:#fff;filter:alpha(opacity=0); /*IE*/-moz-opacity:0; /*MOZ , FF*/opacity:0;/*CSS3, FF1.5*/}
#PicBox {}
#PicSrc {max-width:880px;}
 
 
#Main-C {width:720px;border-top:1px solid #ddd;height:154px;background:#efefef;}
#Main-C .smallPic {width:710px;overflow:hidden;font-size:12px;}
#Main-C .smallPic a.f_l {width:20px;height:63px;background:url(../images/icon.png) no-repeat -180px -54px;margin:35px 0 0 9px;_display:inline;}
#Main-C .smallPic a.f_l:hover {background:url(../images/icon.png) no-repeat -157px -124px;}
#Main-C .smallPic a.f_r {width:20px;height:63px;background:url(../images/icon.png) no-repeat -157px -54px;margin:35px 9px 0 0;_display:inline;}
#Main-C .smallPic a.f_r:hover {background:url(../images/icon.png) no-repeat -180px -124px;}
#Main-C .smallPic div.f_l { width:636px; height:100px; margin-top:-80px; overflow:hidden; margin-left:36px; _display:inline; position:relative }
#Main-C .smallPic div.f_l a.mask {position:absolute;width:131px;height:97px;display:block;background:url(../images/icon.png) no-repeat 5px -124px;overflow:hidden;z-index:1;left:0px;}
#Main-C .smallPic div.f_l ul { position:absolute; z-index:2; left:0; }
#Main-C .smallPic div.f_l li {float:left;width:131px;height:97px;text-align:center;}
#Main-C .smallPic div.f_l li span{width:114px;height:97px;margin:0 auto;overflow:hidden;margin-top:8px;border:none;}
#Main-C .smallPic div.f_l li span a {width:112px;height:86px;*font-size: 72px;border:1px solid #AEAEAE;overflow:hidden;cursor:pointer;position:relative;margin:0 auto;}
#Main-C .smallPic div.f_l li span   img { max-height:86px; max-width:112px; margin-top: 9px; margin-left: 2px; _width:expression(document.documentElement.clientWidth > 112  && document.documentElement.clientHeight<=document.documentElement.clientWidth  ? "112px" : "auto"); _height:expression(document.documentElement.clientHeight > 86  && document.documentElement.clientHeight>=document.documentElement.clientWidth  ? "86px" : "auto"); }
#Main-C .smallPic div.f_l li.on  a{border:none;}


#Main-C .smallPic div.f_l li a:hover {text-decoration:none;}
#Main-C .smallPic div.f_l li a em { position:absolute; display:block; width:33px; height:14px; line-height:14px; right:4px; bottom:13px; background:#000; color:#fff; text-align:center; font-size:12px; }
#Main-C .smallPic div.f_l li a:hover em {background:#464646;text-decoration:none;color:#fff;}
#Main-C .scrollLine {width:710px;margin:17px auto 0;height:1px;line-height:1px;background:url(../images/ico_1.gif) repeat-x;overflow:visible;position:relative;clear:both;}
#Main-C .scrollLine .scrollButton {position:absolute;left:0;top:-6px;display:block;width:145px;height:13px;background:url(../images/icon.png) no-repeat 0 -106px;cursor:e-resize}

 
#end {width:564px;height:362px;position:absolute;top:-1964px;background:#1C1C1C;border:1px solid #464646;z-index:998;text-align:center;}
#end .close {float:right;width:15px;height:15px;background:url(../images/icon.png) no-repeat -185px -18px;margin:9px 6px 0 0;overflow:hidden;}
#end .end-inner {width:462px;clear:both;margin:0 auto;padding-top:8px;}
#end .firstImg {width:106px;height:96px;display:block;border:1px solid #2E2E2E}
#end .firstImg img {width:106px;}
#end  h2 {font-size:14px;color:#C4C4C4}
#end  h3 {color:#676767;font-size:12px;line-height:24px;height:26px;border:0;border-bottom:1px solid #676767;}
#end  .this_pic {float:left;margin:0 10px 10px 0;}
#end  .posit_pic ul.pic {clear:both;margin-top:20px;}
#end  .posit_pic ul.pic li {float:lft;width:130px;margin:10px 10px;_margin:10px 6px;}
#end  .posit_pic ul.pic li span {width:130px;height:110px;}
#end  .posit_pic ul.pic li span a {width:130px;height:110px;}
#end  .buttonClik {display:block;width:133px;height:24px;background:url(../images/icon.png) no-repeat 0 -232px;text-align:center;line-height:24px;color:#C4C4C4;margin:0 auto;margin-top:15px;}
.buttonClik:hover {text-decoration:none;color:#FFF;}
.txt{ margin: 0 0 6px; padding: 0; }
.txt li{ line-height: 30px; background-image: url(images/li.png); background-repeat: no-repeat; background-position: 6px 14px; padding-left: 15px; border-bottom: 1px dashed #d7d7d7; }
.txt li .date{ color: #b4b4b4; background-position: left 0; float: right; }