/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-----网站 公共CSS---------------------------------------------------------*/
/*-----编写：清风----------------------------------------------------------------------------*/ 
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/

 
*
{
	margin: 0;
	padding: 0;
	word-break: break-all;
}
img
{
	border: 0px;
}
a, a:link, a:visited, a:active
{
    color: #000;
    text-decoration: none;
}
a:hover
{
	color: #f90;
	text-decoration: underline; 
}
html
{ 
    background-color: #fff;  
}
body
{ 
    margin: auto; 
    font-family:微软雅黑;
    line-height: 170%;
    font-size: 13px;
    color: #000;
    width:1000px;  
}
ul, li, span, img
{
	padding: 0;
	margin: 0;
	list-style: none;
} 
.divclear
{
	width: auto;
	height: 0px;
	margin-top: -1px;
	overflow: hidden;
	clear: both;
}  
.emptyItem
{
    padding: 30px 15px;
    text-align: center;
    color:#F90;
}
/*----------------------------------------------------------------*/ 
.header_area
{
    width:1000px; 
    height: 105px; 
    line-height:105px;    
    overflow: hidden;
    display: block;  
}  
/*----------------------------------------------------------------*/ 
.navarea
{
    width: 1000px;
    height: 48px;
    background-attachment: scroll;
    background-image: url(../Images/nav_bg.jpg);
    background-repeat: no-repeat;
    background-position: top center;
}   
#nav
{ 
    height:48px;  
    padding-left:30px; 
}  
#nav .mainlevel
{ 
    float: left;  
} 
#nav .mainlevel a
{
    display: block;    
    width:90px;
    height:48px;   
    line-height:48px;
    overflow:hidden; 
    text-align:center;
    font-size:15px;
    font-weight:bold;
    text-decoration: none;
    color:#FFF!important;
}
#nav .mainlevel a:hover
{    
    background-color:#f80;
} 
#nav .mainlevel ul
{
    display: none;
    position: absolute;
    z-index: 20;
}
#nav .mainlevel ul li
{  
}  
#nav .mainlevel ul li a
{
    font-weight:normal;
    background-color:#f60; 
    display: inline-block; 
    text-align: center;
    width:90px;
    height:32px;   
    line-height:32px; 
    color: #fff !important;
    filter: alpha(opacity=80);
    -moz-opacity: 0.80;
    -khtml-opacity: 0.80;
    opacity: 0.80; 
    border-top:1px solid #fff;
}
#nav .mainlevel ul li a:hover
{  
    background-color:#f90;
    color:#fff!important;    
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
    border-top:1px solid #fff;
} 

#nav .mainlevel a.sys
{ 
    width:100px!important;  
}
#nav .mainlevel a.sys:hover
{   
    border-top:0px solid #f60;
} 
/*------------------------------------------------------------*/
.footer_area
{ 
    margin:auto;
    text-align:center; 
    color:#666;  
    font-size:13px;
    line-height:22px;
    border-top:5px solid #f90;
    padding:15px 0;
} 
/*------------------------------------------------------------*/
.main
{
    width: 1000px;
    padding-bottom:15px;
    clear: both;
    margin: auto;  
}
.mainleft
{
    width: 160px;
    float: left;
    background-color: #FF9C07;
    padding: 15px 10px 230px;
    background-attachment: scroll;
    background-image: url(../Images/leftbar.jpg);
    background-repeat: no-repeat;
    background-position: center bottom;
}
.mainleft ul li a
{
    margin-bottom:1px;
}
.mainleft ul li a
{
    width: 160px;
    height:29px;
    line-height:29px;
    color:#fff;
    font-size:14px; 
    display:inline-block; 
    text-align:center;
    border-bottom:1px dotted #fff;
}
.mainleft ul li a:hover
{
    background-color:#f60;
    color:#fff!important;  
}


.mainright
{
    width: 800px;
    float: right;
}
/*------------------------------------------------------------*/
.PageArea
{
    text-align: center;
    font-size:14px;
    padding:15px;
    border-top:1px solid #CCC; 
}
/*----------------------------------------------------------------*/
 #qqonline
{ 
    position: absolute;
    top: 300px;
    right: 16px;
    width: 110px;
    height: 260px;
}    
 /*----------------------------------------------------------------*/
 .indexleft
{
    width: 700px;
    float: left; 
} 
.indexright
{
    width: 285px;
    float: right;
}
/*------------------------------------------------------------*/
.index_aboutus
{  
    padding:10px 20px;    
}
.index_aboutus h1
{  
    font-size:18px;
    border-bottom:1px solid #CCC;
    margin-bottom:10px;
    padding:10px;
    color:#f90;
}
.index_aboutus h2
{  
    text-indent:30px;
    line-height:27px;
    font-size:16px;
    color:#f90;
}
.index_aboutus p
{  
    text-indent:30px;
    line-height:27px;
    color:#333;
}
/*------------------------------------------------------------*/ 
.index_work
{ 
    padding-bottom:10px;
    border:1px solid #CCC;
    border-top:8px solid #f90;
    margin-bottom:15px;
}
.index_work h1
{   
    height:44px;
    line-height:44px;
    padding:0 15px;
}
.index_work h1 span
{
    font-size: 16px;
    color: #f90;
    float: left;    
}
.index_work h1 a
{
    float:right;
    font-weight:normal;
    font-size:12px;
} 
.index_work .item
{
    width: 225px;
    padding: 0 3px;
    float: left;
    text-align: center;
}
.index_work .item img
{
    width:160px;
    border:1px solid #ccc;
    padding:3px;
    margin-bottom:8px;
}  
/*------------------------------------------------------------*/
.index_news2
{
    padding: 10px 5px; 
}
.index_news2 h1
{ 
    border-bottom: 1px solid #ccc;
    margin-bottom: 10px;
    padding: 10px;
    height:21px;
    line-height:21px;
}
.index_news2 h1 span
{
    font-size: 16px; 
    color: #f60;
    float:left;
}
.index_news2 h1 a
{
    float:right;
    font-weight:normal;
    font-size:12px;
} 
.index_news2 ul
{ 
   padding:5px;
}
.index_news2 ul li
{
    line-height:27px;
    height:27px;  
}
.index_news2 ul li a
{ 
    font-size:14px; 
    padding-left:10px;
    float:left;
}
.index_news2 ul li a:hover
{ 
    background-position: 0 bottom; 
    text-decoration:none;
}
.index_news2 ul li span
{
    float: right;
    color: #999;
    font-size:12px;
}
/*------------------------------------------------------------*/
.newsList
{ 
    padding:10px;
}
.newsList li
{
    border-bottom: 1px dotted #CCC;
    line-height:36px;
    height:36px;
    overflow:hidden;
    padding:0 10px;
}
.newsList li:last-child
{
    border-bottom: 0px dotted #CCC; 
}

.newsList li a 
{
    float:left;
}
.newsList li span
{
    float:right;
    color:#CCC;
}
/*------------------------------------------------------------*/
.item
{
    border-bottom: 1px dotted #CCC;
    padding:10px;
}
.item .l
{
    float:left;
    width:200px;
    text-align:center;
}
.item .l img
{
    width:160px;
}
.item .r
{
    float:right;
    width:440px;
}
.item .r h2
{
    padding-bottom:10px;
    text-indent:0px;
}
.item .r h2 a
{
    font-size:16px;
    font-weight:bold;
}
.item .r p
{
    color:#999;
    line-height:21px;
} 
.item .r p strong
{
    font-size:16px;
    color:#F60;
}
/*------------------------------------------------------------*/
.newsshow
{  
    padding:10px 20px;    
}
.newsshow h1
{  
    font-size:24px; 
    text-align:center;
    margin-bottom:10px;
    padding:10px;
    color:#f60;
}
.newsshow .newsstate
{   
    text-align:center;
    color:#333;
    border-bottom:1px dotted #CCC; 
    padding-bottom:10px;
}
.newsshow .newscontent
{   
    line-height:27px;
    color:#333;
    padding:15px; 
}
.newsshow .newscontent p
{  
    text-indent:30px;
}
/*------------------------------------------------------------*/
.newsxg
{  
    padding:10px 60px;    
}
.newsxg h1
{  
    font-size:16px;  
    padding:10px;
    color:#f60;
}  
.newsxg ul li
{  
    padding-left:35px;
}
.newsxg ul li span
{  
    font-size:10px;
    color:#999;
    padding-left:10px;
}

/* qqshop focus */
#focus
{
    width: 1000px;
    height: 360px;
    overflow: hidden;
    position: relative;
    margin-top:10px;
    margin-bottom:15px;
}
#focus ul
{
    height: 380px;
    position: absolute;
}
#focus ul li
{
    float: left;
    width: 1000px;
    height: 360px;
    overflow: hidden;
    position: relative;
    background: #000;
}
#focus ul li div
{
    position: absolute;
    overflow: hidden;
}
#focus .btnBg
{
    position: absolute;
    width: 1000px;
    height: 50px;
    left: 0;
    bottom: 0;
    background: #000;
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
}
#focus .btn
{
    position: absolute;
    width: 980px;
    height: 30px;
    padding: 5px 20px;
    right: 0;
    bottom: 0;
    text-align: right;
}
#focus .btn span
{
    display: inline-block;
    _display: inline;
    _zoom: 1;
    width: 25px;
    height: 10px;
    _font-size: 0;
    margin-left: 5px;
    cursor: pointer;
    background: #fff;
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
}
#focus .btn span.on
{
    background: #fff;
}
#focus .preNext
{
    width: 45px;
    height: 100px;
    position: absolute;
    top: 120px;
    background: url(../Images/sprite.png) no-repeat 0 0;
    cursor: pointer;
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
}
#focus .pre
{
    left: 0;
}
#focus .next
{
    right: 0;
    background-position: right top;
}

.empty
{
    padding:15px 0;
    text-align:center;
}