﻿* {
	margin:0;
	padding:0;
}
	
body,html {
	min-height:101%;
}

body {    
	color: #000;	
	font:12px Arial, Verdana, Sans-Serif;
}
a 
{
    text-decoration:none;
}
img
{
    border:0;
}
.clear {clear: both;}
#wrap1
{
    background:#f1f2f4 url('../images/bg2.gif') repeat;
    width:1004px;   
	margin:0 auto;	
}
#wrap2
{
    width:921px;
    background-color:#f7f7f7;    
    margin:0 auto;   
}
#header
{
    height:80px; 
}
#header #logo
{
    height:78px;
    width:72px;
    float:left;
    text-indent:-9999px;
    background:#f4f5f7 url('../images/yxlogo.gif') no-repeat;   
}
#header #title
{
    height:78px;
    width:428px;
    float:left;
    text-indent:-9999px;
    background:#f4f5f7 url('../images/title.gif') no-repeat;    
}
#header #favorites
{
    height:78px;   
    width:421px;    
    float:left;
    background:#f4f5f7 url('../images/headbg.gif') repeat-x;
    position:relative;
}
#header #favorites #favorites_content
{
    position:absolute;
    top:10px;
    right:5px;
}
#header #favorites #favorites_content span
{
    margin:2px 3px;
}
#header #productpopup
{
    position:absolute;
    top:50px;
    right:5px;
    z-index:101;
    width:722px;    
    
}
#header .imgflag
{
    text-align:right;
}
#header #popuppanel
{
    display:none;    
    border:1px solid #ccc;    
    position:absolute;
    width:720px;   
    background:#fff url('../images/bg_box.png') repeat-x;
    
}
#header .parentul
{
    padding:10px;
    list-style-type:none;
}
#header .parentul h3
{
    font-size:12px;
    padding-left:5px;  
}
#header .parentul .parentli
{
    width:100px;
    float:left;   
    
}
#header .subul
{
     list-style-type:none;
     
}

#header .subul .subli
{    
     padding:2px 5px;
}
 
#header .subul .subli a
{
   text-decoration:none;
   color:#000;
}
#header .subul .subli a:hover
{
   color:#ff0000;
}
#nav
{
    width:921px;    
}
#scroll
{    
    width:921px;      
    height:358px;
    background:#d7dce2 url('../images/scrollbg.jpg') no-repeat; 
}
#scroll #search
{    
    width:211px;
    margin:15px 40px !important;
    margin:10px 20px 15px 20px;
    float:left;
}
#scroll #search #search_01
{
    width:209px; height:49px; background:url('../images/search_01.png') no-repeat !important;
    width:209px; height:49px; background:url('../images/search_01.gif') no-repeat;
}
#scroll #search #search_02
{
     width:209px;  background:url('../images/search_02.png') repeat-y  !important;
     width:209px; background: url('../images/search_02.gif') repeat-y;
     padding:5px 6px;   
}
#scroll #search #search_02 ul#categories,#sidebar .sidebar02 ul#categories
{
    list-style-type:none;     
}

#scroll #search #search_02 ul#categories li ,#sidebar .sidebar02 ul#categories li
{
    width:95px;
    padding:1px 0;
    float:left;   
}
#scroll #search #search_02 .searchbar,#sidebar .sidebar02 .searchbar
{
    text-align:right;
    padding-right:40px;
}
#scroll #search #search_02 h3.searchclass,#sidebar .sidebar02 h3.searchclass
{
    font-size:12px;
    padding-left:1px;
    color:#fff;
}
#scroll #search #search_02 .searchsplit,#sidebar .sidebar02 .searchsplit
{
    width:184px; height:1px; background:url('../images/searchsplit.gif') no-repeat left center ;  
    padding:5px 0;   
}
#scroll #search #search_02 .submit,#sidebar .sidebar02 .submit
{   
    vertical-align:text-bottom;
    border:0;
    cursor:pointer;        
}
#scroll #search #search_04
{
     width:209px; height:30px; background:url('../images/search_04.png') no-repeat !important;
     width:209px; height:30px; background:url('../images/search_04.gif') no-repeat;
}
#scroll #search #search_05
{
    width:209px;  background:url('../images/search_05.png') repeat-y !important;
     width:209px; background:url('../images/search_05.gif') repeat-y;   
}
.online
{    
    padding:2px 3px 1px 20px;
    overflow:hidden;    
}
.online ul#onlinelist
{
    list-style-type:none;
    padding:1px 6px;
}
.online ul#onlinelist li
{
    margin:1px 0;
}
#scroll #search #search_07
{
   width:199px; height:17px; background:url('../images/search_07.png') no-repeat !important;
    width:199px; height:17px; background:url('../images/search_07.gif') no-repeat;
}

#scroll #ad
{
    float:left;    
    width:584px;    
    margin:5px 2px;    
}

#news
{    
    width:921px;  
    background:#f7f7f7 url('../images/newsbg.jpg') no-repeat;     
}
#news img
{    
     border:0;
     vertical-align:middle;    
}
#newstitle
{
    width:864px;      
    height:36px;
    background:#f7f7f7 url('../images/newstitle.gif') no-repeat ;
    margin:0 0 0 28px;   
}
#newscontent
{
    width:864px;      
    
    background:#f7f7f7 url('../images/newsbg2.gif') repeat-y;  
    margin:0 0 0 28px;
}
#newsfooter
{
    width:864px;      
    height:15px;
    background:#f7f7f7 url('../images/newsfooter.gif') no-repeat;  
    margin: 0 0 0 28px;
}
#news .newsall
{
    width:862px;
    margin:0 auto;
     
}
#news .newsall .newsleft
{
    width:350px;   
    float:left;
}
#news .newsall .newsright
{        
    float:left;
    width:510px;   
}
#news .newshead
{
    font-size:12px;   
    padding:10px 0 0 30px; 
   
}
#news .newshead .newsheadname
{
    float:left;
    width:50px;
    padding-left:10px;   
    background:transparent url('../images/titledot.gif') no-repeat left 5px !important; 
    background:transparent url('../images/titledot.gif') no-repeat left 2px;
}
#news .newshead .newsmore
{
    float:right;
    font-size:9pt;   
   padding-right:20px;
}

#news #newstext
{
    width:470px;    
    margin:10px 5px 10px 20px;      
}
#bigimg
{
    width:921px;
    height:184px;
}
#page
{
     width:921px; 
}
#sidebar
{
    margin:3px 2px 5px 8px !important;
    margin:3px 2px 5px 5px;
    width:201px;
    float:left;
}
#sidebar .sidebar01
{
    margin:3px 3px 0 3px;
    width:195px; height:43px; background:url('../images/sidebar_01.png') no-repeat !important;
    width:195px; height:43px; background:url('../images/sidebar_01.gif') no-repeat;
}
#sidebar .sidebar02
{
    margin-left:3px;
    width:195px;  background:url('../images/sidebar_02.png') repeat-y;   
}
#sidebar .sidebar02 .innersearch
{
    padding-top:10px;
    padding-left:20px;
    padding-bottom:10px;
}
#sidebar .sidebar02 .innersearch #txtSearch
{
    width:100px;
}
#sidebar .sidebar02 .innersearch img
{
    vertical-align:middle;
    cursor:pointer;
}

#sidebar .sidebar02 ul#categories
{
    margin-left:5px;
}
#sidebar .sidebar02 h3.searchclass
{
    padding-left:5px;
}
#sidebar .sidebar02 .searchsplit
{
    margin-left:3px;
}
#sidebar .sidebar04
{
    margin-left:3px;
    width:195px; height:29px; background:url('../images/sidebar_04.png') no-repeat ;   
}
#sidebar .sidebar05
{
    margin-left:3px;
    width:195px;  background:url('../images/sidebar_05.png') repeat-y;   
}
#sidebar .sidebar05 #list
{
    list-style-type:none;
    padding:15px 3px 20px 23px;
}
#sidebar .sidebar05 #list li
{
    font-size:12px;    
    padding:4px 0;
    display:block;
    width:156px;
    background:url('../images/sidebarsplit.png') no-repeat left bottom ;   
}
#sidebar .sidebar05 #list li:hover
{
    color:#fff;
    cursor:pointer;
}
#sidebar .sidebar05 #list li a
{
    text-decoration:none;
    color:#0066cc;
}
#sidebar .sidebar06
{
    margin-left:3px;
    width:195px; height:29px; background:url('../images/sidebar_06.png') no-repeat ;   
}
#sidebar .sidebar07
{
    margin-left:3px;
    width:195px;  background:url('../images/sidebar_07.png') repeat-y;   
}
#sidebar .sidebar09
{
    margin:0 3px 3px 3px;
    width:195px; height:13px; background:url('../images/sidebar_09.png') no-repeat !important;
    width:195px; height:13px; background:url('../images/sidebar_09.gif') no-repeat;
}
#content
{
    float:left;
    width:700px !important;
    width:680px;    
    margin:5px 2px !important;
    margin:5px;    
    
    
}
#content #cbody
{
    margin:2px 10px  !important;
    margin:2px 4px;    
    width:677px;   
}

/*
    content
*/
#content #cbody .content01
{   
    padding:18px 5px 0 30px  !important;    
    padding-top:20px;
    width:675px; height:56px; background:url('../images/Contentbg_01.png') no-repeat !important;
    width:645px; height:26px; background:url('../images/Contentbg_01.gif') no-repeat;   
    
}
#content #cbody .content01 .ctitle
{    
    font-size:15px;
}

#content #cbody .content02
{
    width:675px;  background:url('../images/Contentbg_02.png') repeat-y !important;
    width:675px;  background:url('../images/Contentbg_02.png') repeat-y; 
}
#content #cbody .content02 h3#maintitle
{  
    text-align:center;  
    font-size:18px; 
    padding:5px 0;
    
}
#content #cbody .content02 div#maincontent
{
    width:665px;    
    margin:15px 4px 0 4px;      
    overflow:auto;    
    overflow-y:hidden;
}
#content #cbody .content02 div#maincontent div
{
    line-height:180%;
}
/*video*/ 
#content #cbody .content02 #commlist
{
    list-style-type:none;
    padding:5px 10px;
    
}
#content #cbody .content02 #commlist li.commli
{
    background:url('../images/j.gif') no-repeat 20px 8px;
    padding:3px 0 2px 40px;   
}
#content #cbody .content02 #commlist li.commli .list
{
    width:596px;
}
#content #cbody .content02 #commlist li.commli .list a
{
    text-decoration:none;
}
#content #cbody .content02 #commlist li.commli .list .list_l
{
    float:left;
    width:520px;
    overflow:hidden;
    border-bottom:1px dashed #ccc;
    padding-bottom:2px;
}
#content #cbody .content02 #commlist li.commli .list .list_r
{
    float:right;
}
/*分页*/
.splitpage
{    
    padding-right:20px;
    padding-top:10px;
}
/*review*/ 
#content #cbody .content02 div#maincontent div.review
{
    width:630px;
    height:423px;    
    background-color:#e1e1e1;    
    margin:2px auto;
}
#content #cbody .content02 div#maincontent div.review img
{
    width:620px;
    height:413px;
    margin:5px;
}
#content #cbody .content02 div#maincontent h4
{
    text-align:center;
}
#content #cbody .content02 div#maincontent .back
{
    text-align:right;
    padding-right:20px;
}
#content #cbody .content02 div#maincontent .back a
{
    text-decoration:none;
}
#content #cbody .content04
{
    width:675px; height:50px; background:url('../images/Contentbg_04.png') no-repeat !important;
    width:675px; height:50px; background:url('../images/Contentbg_04.gif') no-repeat;  
}

/*
    content2
*/
#content #cbody .content21
{   
    padding:4px 5px 6px 30px  !important;    
    padding:5px 0 5px 30px;    
    width:671px; height:24px; background:url('../images/Contentbg2_01.gif') no-repeat !important;
    width:641px; height:16px; background:url('../images/Contentbg2_01.gif') no-repeat;  
    
}
#content #cbody .content21 .ctitle
{    
    font-size:15px;   
}

#content #cbody .content22
{
    width:671px;  background:url('../images/Contentbg2_02.gif') repeat-y !important;
    width:671px;  background:url('../images/Contentbg2_02.gif') repeat-y; 
  
}
#content #cbody .content22 div#maincontent
{
    width:661px;    
    padding:15px 4px 0 4px;  
   
}
#content #cbody .content22 div#maincontent p
{   
    padding:5px;
    text-indent:2em;
    line-height:180%;      
}
#content #cbody .content22 div#maincontent ul,
#content #cbody .content22 div#maincontent ul#proul
{
    list-style-type:none; 
    margin-left:10px !important;
    margin-left:0px;
}
#content #cbody .content22 div#maincontent ul li
{
    float:left;
    width:289px;
    height:259px; 
    margin:10px 15px !important;
    margin:10px 15px;    
}
#content #cbody .content22 div#maincontent ul li a
{
    background-color:#e1e1e1;
    display:block;
    width:288px;
    height:258px;  
    text-decoration:none;   
}
#content #cbody .content22 div#maincontent ul li a:hover
{
    background-color:#ccc;
    color:#000;
}
#content #cbody .content22 div#maincontent ul li a img
{
    width:279px;
    height:179px;    
    margin:5px;
}
#content #cbody .content22 div#maincontent ul li a div.description
{
    width:279px;
    height:20px;
    padding:5px;
    font-size:15px;
    text-align:left;    
}

/*productlist*/
#content #cbody .content22 div#maincontent ul#proul li
{
    float:left;
    width:291px;
    height:228px; 
    margin:10px 15px !important;
    margin:5px 15px;
    
}
#content #cbody .content22 div#maincontent ul#proul li a
{
    display:block;
    width:290px;
    height:227px;   
}
#content #cbody .content22 div#maincontent ul#proul li a .atop
{   
    width:289px;
    height:196px; 
    background-color:#e1e1e1; 
}
#content #cbody .content22 div#maincontent ul#proul li a .atop img
{
    width:279px;
    height:186px;    
    margin:5px;
    
}
#content #cbody .content22 div#maincontent ul#proul li a .abottom
{
    width:279px;
    height:30px;
    padding-top:4px !important;
    padding-top:8px;
    text-align:center;   
}


/*productdetail*/
#productdetail
{
    width:671px;    
}
#productdetail .productimg
{
    width:671px;
    height:430px;    
    background:url('../images/productbg.jpg') no-repeat ;
    position:relative;    
}
#productdetail h2
{
    padding:10px 0 10px 60px;
     background:url('../images/yaxing.gif') no-repeat 30px center;
     
     
}
#productdetail .productimg img
{
     width:522px;
    height:348px;  
    position:absolute;
    top:38px;
    left:74px;   
}

#productdetail .productdescription
{
    width:95%;  
    padding-left:2%;
}
#productdetail  h3
{
    background:url('../images/portalbox_bg.gif') repeat-x ;
    border-bottom:1px solid #ccc;
    height:20px;
    font-size:15px;
    padding:10px;
    color:#205fa5;
    
}
/*online order*/
#productorder
{
    text-align:right;
    padding:10px 30px 5px 0;
    
}
#content #cbody .content22 #ordercontent ul#order
{
    list-style-type:none;   
    padding-left:30px; 
    
}
#content #cbody .content22 #ordercontent h3
{
    font-weight:normal;
    padding:20px 30px;
}
#content #cbody .content22 #ordercontent ul#order li.liorder
{
    width:600px;    
    padding:3px 5px;  
    background-color:#e6e6e6;
    margin:2px 0;
   
}
#content #cbody .content22 #ordercontent ul#order li.liorder span.title
{
    display:block;
    width:80px;
     float:left;    
     padding-top:4px;
}
#content #cbody .content22 #ordercontent ul#order li.liorder  input
{
  width:200px;
   
}
#content #cbody .content22 #ordercontent ul#order li.liorder textarea
{
    width:500px;
    height:100px;
}
#content #cbody .content22 #ordercontent ul#order li.save
{
    text-align:center;
    padding:30px 0;
}


/*online order*/
#productorder
{
    text-align:right;
    padding:10px 30px 5px 0;
    
}
#content #cbody .content22 #ordercontent ul#order
{
    list-style-type:none;   
    padding-left:30px; 
    
}
#content #cbody .content22 #ordercontent h3
{
    font-weight:normal;
    padding:20px 30px;
}
#content #cbody .content22 #ordercontent ul#order li.liorder
{
    width:600px;    
    padding:3px 5px;  
    background-color:#e6e6e6;
    margin:2px 0;
    
   
}
#content #cbody .content22 #ordercontent ul#order li.liorder span.title
{
    display:block;
    width:80px;
     float:left;    
     padding-top:4px;
}
#content #cbody .content22 #ordercontent ul#order li.liorder  input
{
  width:200px;
   
}
#content #cbody .content22 #ordercontent ul#order li.liorder textarea
{
    width:500px;
    height:100px;
}
#content #cbody .content22 #ordercontent ul#order li.save
{
    text-align:center;
    padding:30px 0;
}

#content #cbody .content24
{
    width:671px; height:7px; background:url('../images/Contentbg2_04.gif') no-repeat !important;
    width:671px; height:7px; background:url('../images/Contentbg2_04.gif') no-repeat;
  
}

#footer
{
    width:920px;      
    height:90px;
    background:#f7f7f7 url('../images/footer.gif') repeat-x;      
    margin:0 0 10px 0;
  
}
#footer #footerleft
{   
   height:88px;
   width:100px;
    float:left;
         
}
#footer #footermiddle
{
    width:1px;
    height:88px;   
    float:left;
    background:transparent url('../images/footerline.gif') no-repeat center center;   
    
}
#footer #footerright
{
    background:transparent url('../images/footerline.gif') no-repeat left center;   
    height:88px;
    float:left;
   padding-right:30px;
   padding-left:30px;
}
#footer #footerright ul
{
    list-style-type:none;    
    padding:16px 0 0 20px;
}
#footer #footerright ul li
{
    text-align:center;
    font-size:9pt;
}



