@charset "utf-8";
body{ background-color:#FFF;}
#sidenav{ width:262px; padding-bottom:20px; text-align:left; margin-top:40px;}
#sidenav .submenu{width:244px; padding:20px 7px; position:relative; z-index:0; border:solid 1px #ddd;}
#sidenav .submenu > h1{width:244px; position:absolute; z-index:2; left:7px; font-weight:normal; text-indent:30px; height:27px; line-height:27px; vertical-align:middle; color:#FFF; font-size:16px; background:url(../images/leftnav.png) left top no-repeat; top:-12px;}
#sidenav .submenu > p{width:244px; vertical-align:middle; position:relative; z-index:1;}
#sidenav .submenu > p > a{width:244px; height:32px; line-height:32px; display:block; color:#333; font-size:14px; font-size:14px; border-bottom:#CCC dashed 1px; background:url(../images/leftnav2_bg.png) 12px center no-repeat; text-indent:34px;}
#sidenav .submenu > p > a:hover{color:#fff; background:url(../images/leftnav_bg.png) left center no-repeat; height:32px; line-height:32px;}
#sidenav .submenu > p > a.submenu_hover{color:#fff; background:url(../images/leftnav_bg.png) left center no-repeat; height:32px; line-height:32px;}
#sidenav .submenu > span{width:244px; margin-top:5px; line-height:24px; display:block; border-bottom:#CCC dashed 1px; vertical-align:middle;}
#sidenav .submenu > span a{font-size:14px; color:#333; width:210px; display:block; line-height:24px; padding-left:14px;}
#sidenav .submenu > span a:hover{color:#f60;}
#sidenav h2{width:260px; background-color:#e9e9e9; text-indent:15px; font-size:14px; color:#000; font-weight:normal; border:solid 1px #ddd; height:32px; line-height:32px; vertical-align:middle; margin-top:20px;}
#sidenav .hotpro{width:240px; padding:10px; border:solid 1px #ddd; border-top:none;}
#sidenav .hotpro ul{width:240px; margin-top:20px;}
#sidenav .hotpro ul li.hot_pic{width:82px; height:82px; overflow:hidden; position:relative; border:solid 1px #f2f2f2;}
#sidenav .hotpro ul li.hot_pic img{width:82px; height:82px; display:block;}
#sidenav .hotpro ul li.hot_pic:hover{border:solid 1px #ccc;}
#sidenav .hotpro ul li.hot_txt{width:144px; height:84px;}
#sidenav .hotpro ul li.hot_txt p{width:144px; height:20px; line-height:20px; vertical-align:middle;}
#sidenav .hotpro ul li.hot_txt p a{color:#333; font-size:12px;}
#sidenav .hotpro ul li.hot_txt p a:hover{color:#f60;}
#sidenav .hotpro ul li.hot_txt span{width:144px; display:block; height:20px; line-height:20px; vertical-align:middle; color:#f00; font-size:12px;}
#sidenav .hotpro ul.first_hot{margin-top:0px;}
#sidenav .hotpro > h4{width:240px; font-weight:normal; margin-top:10px; height:30px; line-height:30px; vertical-align:middle; text-align:left;}
#sidenav .hotpro > h4 > a{font-size:14px; color:#1363bc;}
#sidenav .hotpro > h4 > a:hover{color:#f60;}

#mainbox{width:910px; margin-top:40px; padding-bottom:20px; position:relative;}
#mainbox > h1{width:910px; border:solid 1px #ddd; height:40px; line-height:40px; vertical-align:middle; font-weight:normal; background-color:#f5f5f5; position:relative;}
#mainbox > h1 > p{width:750px; height:40px; text-indent:10px; font-size:12px; color:#333;}
#mainbox > h1 > p a{font-size:12px; color:#333;}
#mainbox > h1 > p a:hover{color:#000;}
#mainbox > h1 > span{width:80px; display:block; height:40px; background-color:#FFF;}
#mainbox > h1 > span a{width:39px; border-left:solid 1px #ddd; display:block; height:40px; text-indent:-9999px;}
#mainbox > h1 > span a.nav_left{background:url(../yf_img/Icon_left.png) center center no-repeat;}
#mainbox > h1 > span a.nav_right{background:url(../yf_img/Icon_right.png) center center no-repeat;}
#mainbox > h1 label{width:80px; display:block; text-align:center; height:40px; background-color:#FFF;}
#mainbox > h1 label a{font-size:14px; cursor:pointer; color:#333;}
#mainbox > h1 label a:hover{color:#f60;}

#mainbox .prod{width:910px; text-align:left;}
#mainbox .prod ul{width:208px; margin-left:26px; margin-top:20px;}
#mainbox .prod ul li.prod_pc{width:208px; height:208px; overflow:hidden; position:relative;}
#mainbox .prod ul li.prod_pc img{width:208px; height:208px; display:block;}
#mainbox .prod ul li.prod_t1{width:208px; height:28px; line-height:28px; vertical-align:middle; color:#333; font-size:14px;}
#mainbox .prod ul li.prod_t1 a{color:#333; font-size:14px;}
#mainbox .prod ul li.prod_t1 a:hover{color:#f60;}
#mainbox .prod ul li.prod_t2{width:208px; height:28px; line-height:28px; vertical-align:middle; color:#f00; font-size:14px;}
#mainbox .prod ul li.prod_ad{width:208px; background:url(../images/addBg2.png) left top no-repeat; margin-top:8px; height:31px; line-height:31px; vertical-align:middle; text-align:center;}
#mainbox .prod ul li.prod_ad a{width:208px; cursor:pointer; height:31px; display:block; color:#000; font-size:14px;}
#mainbox .prod ul li.prod_ad a:hover{color:#f60;}
#mainbox .prod ul.first_pic{margin-left:0px;}

.rPage{ width:100%; float:left; text-align:center; padding:20px 0px; font-size:14px; color:#999; font-family:Arial, Helvetica, sans-serif;}

div.pagination { width:100%; float:left; text-align:center; margin-top:20px; padding-bottom:20px; font-size:12px; font-family:Arial, Helvetica, sans-serif;}
div.pagination a {
     padding:5px 10px;
     margin:0px 5px;
     border:1px solid #ddd;
     text-decoration: none;
     color:#333;
	 font-size:12px;
	 display:inline-block;
	 font-family:Arial, Helvetica, sans-serif;
}
div.pagination a:hover, div.pagination a:active {
     border:1px solid #333;
     color:#fff;
	 background-color:#333;
	 font-size:12px;
	 display:inline-block;
	 font-family:Arial, Helvetica, sans-serif;
}
div.pagination a.current {
     padding:5px 10px;
     margin:0px 5px;
     border: 1px solid #333;
     font-weight: bold;
     background-color: #333;
     color:#FFF;
	 font-size:12px;
	 display:inline-block;
	 font-family:Arial, Helvetica, sans-serif;
     }
div.pagination a.disabled {
     padding:5px 10px;
     margin:0px 5px;
	 font-size:12px;
     border:1px solid #ddd;
     color:#DDD;
	 display:inline-block;
	 font-size:12px;
	 font-family:Arial, Helvetica, sans-serif;
}

#mainbox .page{width:910px; text-align:center; margin-top:30px; color:#000; font-size:12px;}
#mainbox .page a{padding:5px 10px; border:solid 1px #ddd; font-size:12px; color:#000; margin:0 5px;}
#mainbox .page a:hover{border:solid 1px #333; background-color:#333; color:#fff;}
#mainbox .page a.page_hover{border:solid 1px #333; background-color:#333; color:#fff;}

#mainbox .showpr{width:910px; margin-top:35px; text-align:left;}
#mainbox .showpr > h1{width:356px; height:356px; overflow:hidden; display:block; border:solid #ddd 1px;}
#mainbox .showpr > h1 > img{width:356px; height:356px; display:block;}
#mainbox .showpr > ul{width:530px;}
#mainbox .showpr > ul > li.pr_cen{width:530px; height:324px;}
#mainbox .showpr > ul > li.pr_cen > h2{width:530px; height:30px; line-height:30px; vertical-align:middle; font-weight:normal; font-size:18px; color:#000;}
#mainbox .showpr > ul > li.pr_cen > h3{width:530px; height:30px; line-height:30px; vertical-align:middle; font-weight:normal; font-size:14px; color:#f00;}
#mainbox .showpr > ul > li.pr_cen > h4{width:530px; height:30px; line-height:30px; vertical-align:middle; font-weight:normal; font-size:14px; color:#666;}
#mainbox .showpr > ul > li.pr_cen > p{width:530px; line-height:150%; font-size:14px; color:#666;}
#mainbox .showpr > ul > li.pr_sbt{width:530px; height:31px; line-height:31px; vertical-align:middle; text-align:center;}
#mainbox .showpr > ul > li.pr_sbt > a{width:210px; height:31px; display:block; font-size:14px; color:#333; background:url(../images/addBg.png) left top no-repeat; margin-right:13px;}
#mainbox .showpr > h4{width:910px; background-color:#7a7776; margin-top:30px; height:36px; line-height:36px; vertical-align:middle; text-align:left; font-size:16px; color:#FFF; font-weight:normal; text-indent:22px;}
#mainbox .showpr > ol{width:888px; padding:10px; border:solid 1px #7a7776;}
#mainbox .showpr > ol > li{width:202px; margin:0 10px;}
#mainbox .showpr > ol > li > p{width:192px; height:192px; padding:4px; border:solid 1px #ddd; overflow:hidden; position:relative; display:block;}
#mainbox .showpr > ol > li > p img{width:192px; height:192px; display:block;}
#mainbox .showpr > ol > li > span{width:202px; display:block; margin-top:5px; text-align:center; background-color:#eee; height:30px; line-height:30px; vertical-align:middle;}
#mainbox .showpr > ol > li > span > a{font-size:14px; color:#000;}
#mainbox .showpr > ol > li > span > a:hover{color:#f60;}

#mainbox .feedbk{width:910px; padding:20px 0px; text-align:left;}
#mainbox .feedbk h2{width:910px; font-weight:normal; font-size:14px; color:#666; line-height:30px;}
#mainbox .feedbk h3{width:910px; text-indent:2em; padding-bottom:7px; font-weight:normal; font-size:14px; color:#666; line-height:30px;}
#mainbox .feedbk form{width:480px;}
#mainbox .feedbk form > label{width:80px; display:block; height:24px; line-height:24px; vertical-align:middle; margin-top:12px; color:#666; font-size:14px;}
#mainbox .feedbk form > input{width:342px; display:block; height:22px; line-height:22px; text-indent:10px; border:solid 1px #c2c2c2; vertical-align:middle; margin-top:12px; color:#666; font-size:14px;}
#mainbox .feedbk form > input.code{width:70px;}
#mainbox .feedbk form > span{width:20px; text-align:center; display:block; height:24px; line-height:24px; vertical-align:middle; margin-top:12px; color:#f00; font-size:14px;}
#mainbox .feedbk form > img{width:40px; display:block; height:12px; margin-top:18px; float:left; margin-left:10px;}
#mainbox .feedbk form > h4{ width:910px; float:left; margin-top:20px; font-weight:normal;}
#mainbox .feedbk form > h4 > input.fk_sbt{background-color:#da5700; margin:0 auto; display:block; clear:both; cursor:pointer; color:#FFF; border:none; width:150px; height:24px; line-height:24px; vertical-align:middle;}
#mainbox .feedbk form > h4 > input.fk_sbt:hover{background-color:#333;}

#mainbox .only{width:890px; padding:10px; font-size:14px; color:#333; line-height:200%; text-align:left;}

#mainbox .news{width:890px; padding:0px 10px; text-align:left;}
#mainbox .news ul{width:890px; padding-top:15px; padding-bottom:10px; border-bottom:#CCC dashed 1px;}
#mainbox .news ul li.news_pic{width:180px; padding:4px; border:solid 1px #ddd; position:relative; overflow:hidden; height:100px;}
#mainbox .news ul li.news_pic img{width:180px; display:block; height:100px;}
#mainbox .news ul li.news_pic:hover{border:solid 1px #f60;}
#mainbox .news ul li.news_tit{width:680px;}
#mainbox .news ul li.news_tit > a{width:680px; display:block; font-weight:bold; height:25px; line-height:25px; vertical-align:middle; font-size:14px; color:#000;}
#mainbox .news ul li.news_tit > a:hover{color:#f60;}
#mainbox .news ul li.news_tit > p{width:680px; display:block; line-height:20px; color:#666; font-size:12px;}

#mainbox .showns{width:910px; padding:10px 0px; text-align:center;}
#mainbox .showns > h2{width:910px; padding:15px 0px; font-size:18px; color:#333;}
#mainbox .showns > h3{width:910px; padding-bottom:5px; font-weight:normal; font-size:12px; color:#666; border-bottom:#CCC dashed 1px;}
#mainbox .showns > h3 > label{margin-left:40px;}
#mainbox .showns > ul{width:910px; padding:10px 0px;}
#mainbox .showns > ul > li{width:910px; font-size:13px; color:#666; line-height:180%; text-align:left;}
#mainbox .showns > h4{width:910px; height:20px; position:relative; z-index:0; border-bottom:#CCC dashed 1px;}
#mainbox .showns > h4 p{width:20px; left:0px; top:9px; background:#fff url(../yf_img/ico_03.gif) left bottom no-repeat; height:12px; position:absolute; z-index:1;}
#mainbox .showns > ol{width:910px; text-align:left; padding:10px 0px;}
#mainbox .showns > ol li{width:910px; height:30px; line-height:30px; vertical-align:middle; text-indent:26px;}
#mainbox .showns > ol li span{font-size:14px; color:#666; margin-left:10px;}
#mainbox .showns > ol li a{font-size:14px; color:#666;}
#mainbox .showns > ol li a:hover{color:#000;}
#mainbox .showns > ol li.ns_up{ background:url(../yf_img/up.png) 10px center no-repeat;}
#mainbox .showns > ol li.ns_down{ background:url(../yf_img/down.png) 10px center no-repeat;}

#del_order{ width:12px; height:12px; display:inline-block; cursor:pointer;}